/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/global.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Roboto:wght@400&display=swap);
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/theme/variables.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** Ionic CSS Variables **/
:root {
  --iotify-new-themes: #a8b5a9;
  /** primary **/
  --ion-color-primary: #3880ff;
  --ion-color-primary-rgb: 56, 128, 255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255, 255, 255;
  --ion-color-primary-shade: #3171e0;
  --ion-color-primary-tint: #4c8dff;
  --ion-color-btn:#4bd894;
  /** secondary **/
  --ion-color-secondary: #3dc2ff;
  --ion-color-secondary-rgb: 61, 194, 255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255, 255, 255;
  --ion-color-secondary-shade: #36abe0;
  --ion-color-secondary-tint: #50c8ff;
  /** tertiary **/
  --ion-color-tertiary: #5260ff;
  --ion-color-tertiary-rgb: 82, 96, 255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255, 255, 255;
  --ion-color-tertiary-shade: #4854e0;
  --ion-color-tertiary-tint: #6370ff;
  /** success **/
  --ion-color-success: #2dd36f;
  --ion-color-success-rgb: 45, 211, 111;
  --ion-color-success-contrast: #ffffff;
  --ion-color-success-contrast-rgb: 255, 255, 255;
  --ion-color-success-shade: #28ba62;
  --ion-color-success-tint: #42d77d;
  /** warning **/
  --ion-color-warning: #ffc409;
  --ion-color-warning-rgb: 255, 196, 9;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0, 0, 0;
  --ion-color-warning-shade: #e0ac08;
  --ion-color-warning-tint: #ffca22;
  /** danger **/
  --ion-color-danger: #eb445a;
  --ion-color-danger-rgb: 235, 68, 90;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255, 255, 255;
  --ion-color-danger-shade: #cf3c4f;
  --ion-color-danger-tint: #ed576b;
  /** dark **/
  --ion-color-dark: #222428;
  --ion-color-dark-rgb: 34, 36, 40;
  --ion-color-dark-contrast: #ffffff;
  --ion-color-dark-contrast-rgb: 255, 255, 255;
  --ion-color-dark-shade: #1e2023;
  --ion-color-dark-tint: #383a3e;
  /** medium **/
  --ion-color-medium: #92949c;
  --ion-color-medium-rgb: 146, 148, 156;
  --ion-color-medium-contrast: #ffffff;
  --ion-color-medium-contrast-rgb: 255, 255, 255;
  --ion-color-medium-shade: #808289;
  --ion-color-medium-tint: #9d9fa6;
  /** light **/
  --ion-color-light: #f4f5f8;
  --ion-color-light-rgb: 244, 245, 248;
  --ion-color-light-contrast: #000000;
  --ion-color-light-contrast-rgb: 0, 0, 0;
  --ion-color-light-shade: #d7d8da;
  --ion-color-light-tint: #f5f6f9;
  /** darknew **/
  --ion-color-darknew: #39354e;
  --ion-color-darknew-rgb: 56, 42, 120;
  --ion-color-darknew-contrast: #000000;
  --ion-color-darknew-contrast-rgb: 0, 0, 0;
  --ion-color-darknew-shade: #a593f6;
  --ion-color-darknew-tint: #4667c9;
  /** transoaren **/
  --ion-color-transparent: #a4a7c900;
  --ion-color-transparent-rgb: 82, 96, 255;
  --ion-color-transparent-contrast: #ffffff;
  --ion-color-transparent-contrast-rgb: 255, 255, 255;
  --ion-color-transparent-shade: #3e4ad6d2;
  --ion-color-transparent-tint: #6370ff;
  --ion-color-materialblue:#e7eef8;
  --ion-color-materialbluedark:#a5bfd5;
  --ion-color-gradient: #34c483;
  --iot-backgroundPrimary:#150464;
  --iot-backgroundSecondary:#24034b;
  --iot-backgroundTertiary:#37022e;
  --iot-backgroundContentGrid: #2716768f;
  --iot-backgroundContentFont:#eae9f1;
  --iot-backgroundHover:#382a78;
  --iot-backgroundSelected:#382a78;
  --iot-fontContentSize:#382a78;
  --iot-fontColor:white;
  --iot-borderThemeP:#4e4087;
  --iot-borderThemeS:#4e4087;
  --iot-borderThemeT:#4e4087;
  --iot-contentbackground:#fff;
  --iot-headerFontColor: white;
  --iot-contentFontColor: white;
  --iot-innerContentBg:#2e1a8c ;
  --iot-primaryColor:#4e4087;
  --iot-primaryFontColor:#ffffff;
  --header-margin:43px;
  --widgets-bg:#ffffff3d;
  --ion-header-font: "Trebuchet MS", "Verdana", "sans-serif";
  --ion-header-size: 0.9rem;
  --ion-content-font: "Trebuchet MS", "Verdana", "sans-serif";
  --ion-content-size: 0.825rem;
  --ems-text-color:white;
  --ems-header-color:#453394;
  --iot-headerFontColor: #ff9800;
  --jqx-widget-tree-color: black;
  --jqx-widget-tree-backgroundcolor: white;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].rules[1].use[1]!./src/global.scss (1) ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

/*
 * App Global CSS
 * ----------------------------------------------------------------------------
 * Put style rules here that you want to apply globally. These styles are for
 * the entire app and not just one component. Additionally, this file can be
 * used as an entry point to import other CSS/Sass files to be included in the
 * output CSS.
 * For more information on global stylesheets, visit the documentation:
 * https://ionicframework.com/docs/layout/global-stylesheets
 */
/* Core CSS required for Ionic components to work properly */
html.ios {
  --ion-default-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", sans-serif;
}
html.md {
  --ion-default-font: "Roboto", "Helvetica Neue", sans-serif;
}
html {
  --ion-font-family: var(--ion-default-font);
}
body {
  background: var(--ion-background-color);
}
body.backdrop-no-scroll {
  overflow: hidden;
}
/**
 * Card style modal needs additional padding on the
 * top of the header. We accomplish this by targeting
 * the first toolbar in the header.
 * Footer also needs this. We do not adjust the bottom
 * padding though because of the safe area.
 */
html.ios ion-modal.modal-card ion-header ion-toolbar:first-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:first-of-type,
html.ios ion-modal ion-footer ion-toolbar:first-of-type {
  padding-top: 6px;
}
/**
* Card style modal needs additional padding on the
* bottom of the header. We accomplish this by targeting
* the last toolbar in the header.
*/
html.ios ion-modal.modal-card ion-header ion-toolbar:last-of-type,
html.ios ion-modal.modal-sheet ion-header ion-toolbar:last-of-type {
  padding-bottom: 6px;
}
/**
* Add padding on the left and right
* of toolbars while accounting for
* safe area values when in landscape.
*/
html.ios ion-modal ion-toolbar {
  padding-right: calc(var(--ion-safe-area-right) + 8px);
  padding-left: calc(var(--ion-safe-area-left) + 8px);
}
/**
 * Card style modal on iPadOS
 * should only have backdrop on first instance.
 */
@media screen and (min-width: 768px) {
  html.ios ion-modal.modal-card:first-of-type {
    --backdrop-opacity: 0.18;
  }
}
/**
 * Subsequent modals should not have a backdrop/box shadow
 * as it will cause the screen to appear to get progressively
 * darker. With Ionic 6, declarative modals made it
 * possible to have multiple non-presented modals in the DOM,
 * so we could no longer rely on ion-modal:first-of-type.
 * Here we disable the opacity/box-shadow for every modal
 * that comes after the first presented modal.
 *
 * Note: ion-modal:not(.overlay-hidden):first-of-type
 * does not match the first modal to not have
 * the .overlay-hidden class, it will match the
 * first modal in general only if it does not
 * have the .overlay-hidden class.
 * The :nth-child() pseudo-class has support
 * for selectors which would help us here. At the
 * time of writing it does not have great cross browser
 * support.
 *
 * Note 2: This should only apply to non-card and
 * non-sheet modals. Card and sheet modals have their
 * own criteria for displaying backdrops/box shadows.
 */
ion-modal.modal-default:not(.overlay-hidden) ~ ion-modal.modal-default {
  --backdrop-opacity: 0;
  --box-shadow: none;
}
/**
 * This works around a bug in WebKit where the
 * content will overflow outside of the bottom border
 * radius when re-painting. As long as a single
 * border radius value is set on .ion-page, this
 * issue does not happen. We set the top left radius
 * here because the top left corner will always have a
 * radius no matter the platform.
 * This behavior only applies to card modals.
 */
html.ios ion-modal.modal-card .ion-page {
  border-top-left-radius: var(--border-radius);
}
.ion-color-primary {
  --ion-color-base: var(--ion-color-primary, #3880ff) !important;
  --ion-color-base-rgb: var(--ion-color-primary-rgb, 56, 128, 255) !important;
  --ion-color-contrast: var(--ion-color-primary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-primary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-primary-shade, #3171e0) !important;
  --ion-color-tint: var(--ion-color-primary-tint, #4c8dff) !important;
}
.ion-color-secondary {
  --ion-color-base: var(--ion-color-secondary, #3dc2ff) !important;
  --ion-color-base-rgb: var(--ion-color-secondary-rgb, 61, 194, 255) !important;
  --ion-color-contrast: var(--ion-color-secondary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-secondary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-secondary-shade, #36abe0) !important;
  --ion-color-tint: var(--ion-color-secondary-tint, #50c8ff) !important;
}
.ion-color-tertiary {
  --ion-color-base: var(--ion-color-tertiary, #5260ff) !important;
  --ion-color-base-rgb: var(--ion-color-tertiary-rgb, 82, 96, 255) !important;
  --ion-color-contrast: var(--ion-color-tertiary-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-tertiary-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-tertiary-shade, #4854e0) !important;
  --ion-color-tint: var(--ion-color-tertiary-tint, #6370ff) !important;
}
.ion-color-success {
  --ion-color-base: var(--ion-color-success, #2dd36f) !important;
  --ion-color-base-rgb: var(--ion-color-success-rgb, 45, 211, 111) !important;
  --ion-color-contrast: var(--ion-color-success-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-success-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-success-shade, #28ba62) !important;
  --ion-color-tint: var(--ion-color-success-tint, #42d77d) !important;
}
.ion-color-warning {
  --ion-color-base: var(--ion-color-warning, #ffc409) !important;
  --ion-color-base-rgb: var(--ion-color-warning-rgb, 255, 196, 9) !important;
  --ion-color-contrast: var(--ion-color-warning-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-warning-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-warning-shade, #e0ac08) !important;
  --ion-color-tint: var(--ion-color-warning-tint, #ffca22) !important;
}
.ion-color-danger {
  --ion-color-base: var(--ion-color-danger, #eb445a) !important;
  --ion-color-base-rgb: var(--ion-color-danger-rgb, 235, 68, 90) !important;
  --ion-color-contrast: var(--ion-color-danger-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-danger-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-danger-shade, #cf3c4f) !important;
  --ion-color-tint: var(--ion-color-danger-tint, #ed576b) !important;
}
.ion-color-light {
  --ion-color-base: var(--ion-color-light, #f4f5f8) !important;
  --ion-color-base-rgb: var(--ion-color-light-rgb, 244, 245, 248) !important;
  --ion-color-contrast: var(--ion-color-light-contrast, #000) !important;
  --ion-color-contrast-rgb: var(--ion-color-light-contrast-rgb, 0, 0, 0) !important;
  --ion-color-shade: var(--ion-color-light-shade, #d7d8da) !important;
  --ion-color-tint: var(--ion-color-light-tint, #f5f6f9) !important;
}
.ion-color-medium {
  --ion-color-base: var(--ion-color-medium, #92949c) !important;
  --ion-color-base-rgb: var(--ion-color-medium-rgb, 146, 148, 156) !important;
  --ion-color-contrast: var(--ion-color-medium-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-medium-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-medium-shade, #808289) !important;
  --ion-color-tint: var(--ion-color-medium-tint, #9d9fa6) !important;
}
.ion-color-dark {
  --ion-color-base: var(--ion-color-dark, #222428) !important;
  --ion-color-base-rgb: var(--ion-color-dark-rgb, 34, 36, 40) !important;
  --ion-color-contrast: var(--ion-color-dark-contrast, #fff) !important;
  --ion-color-contrast-rgb: var(--ion-color-dark-contrast-rgb, 255, 255, 255) !important;
  --ion-color-shade: var(--ion-color-dark-shade, #1e2023) !important;
  --ion-color-tint: var(--ion-color-dark-tint, #383a3e) !important;
}
.ion-page {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  contain: layout size style;
  overflow: hidden;
  z-index: 0;
}
.split-pane-visible > .ion-page.split-pane-main {
  position: relative;
}
ion-route,
ion-route-redirect,
ion-router,
ion-select-option,
ion-nav-controller,
ion-menu-controller,
ion-action-sheet-controller,
ion-alert-controller,
ion-loading-controller,
ion-modal-controller,
ion-picker-controller,
ion-popover-controller,
ion-toast-controller,
.ion-page-hidden,
[hidden] {
  /* stylelint-disable-next-line declaration-no-important */
  display: none !important;
}
.ion-page-invisible {
  opacity: 0;
}
.can-go-back > ion-header ion-back-button {
  display: block;
}
html.plt-ios.plt-hybrid, html.plt-ios.plt-pwa {
  --ion-statusbar-padding: 20px;
}
@supports (padding-top: 20px) {
  html {
    --ion-safe-area-top: var(--ion-statusbar-padding);
  }
}
@supports (padding-top: constant(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: constant(safe-area-inset-top);
    --ion-safe-area-bottom: constant(safe-area-inset-bottom);
    --ion-safe-area-left: constant(safe-area-inset-left);
    --ion-safe-area-right: constant(safe-area-inset-right);
  }
}
@supports (padding-top: env(safe-area-inset-top)) {
  html {
    --ion-safe-area-top: env(safe-area-inset-top);
    --ion-safe-area-bottom: env(safe-area-inset-bottom);
    --ion-safe-area-left: env(safe-area-inset-left);
    --ion-safe-area-right: env(safe-area-inset-right);
  }
}
ion-card.ion-color .ion-inherit-color,
ion-card-header.ion-color .ion-inherit-color {
  color: inherit;
}
.menu-content {
  transform: translate3d(0,  0,  0);
}
.menu-content-open {
  cursor: pointer;
  touch-action: manipulation;
  pointer-events: none;
}
.ios .menu-content-reveal {
  box-shadow: -8px 0 42px rgba(0, 0, 0, 0.08);
}
[dir=rtl].ios .menu-content-reveal {
  box-shadow: 8px 0 42px rgba(0, 0, 0, 0.08);
}
.md .menu-content-reveal {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
.md .menu-content-push {
  box-shadow: 4px 0px 16px rgba(0, 0, 0, 0.18);
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
ion-accordion-group > ion-accordion:last-of-type ion-item[slot=header] {
  --border-width: 0px;
}
ion-accordion.accordion-animated > [slot=header] .ion-accordion-toggle-icon {
  transition: 300ms transform cubic-bezier(0.25, 0.8, 0.5, 1);
}
@media (prefers-reduced-motion: reduce) {
  ion-accordion .ion-accordion-toggle-icon {
    /* stylelint-disable declaration-no-important */
    transition: none !important;
  }
}
/**
 * The > [slot="header"] selector ensures that we do
 * not modify toggle icons for any nested accordions. The state
 * of one accordion should not affect any accordions inside
 * of a nested accordion group.
 */
ion-accordion.accordion-expanding > [slot=header] .ion-accordion-toggle-icon,
ion-accordion.accordion-expanded > [slot=header] .ion-accordion-toggle-icon {
  transform: rotate(180deg);
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-previous ion-item[slot=header] {
  --border-width: 0px;
  --inner-border-width: 0px;
}
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanding:first-of-type,
ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-expanded:first-of-type {
  margin-top: 0;
}
ion-input input::-webkit-date-and-time-value {
  text-align: start;
}
/* Basic CSS for apps built with Ionic */
audio,
canvas,
progress,
video {
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
b,
strong {
  font-weight: bold;
}
img {
  max-width: 100%;
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 1px;
  border-width: 0;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
label,
input,
select,
textarea {
  font-family: inherit;
  line-height: normal;
}
textarea {
  overflow: auto;
  height: auto;
  font: inherit;
  color: inherit;
}
textarea::placeholder {
  padding-left: 2px;
}
form,
input,
optgroup,
select {
  margin: 0;
  font: inherit;
  color: inherit;
}
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}
a,
a div,
a span,
a ion-icon,
a ion-label,
button,
button div,
button span,
button ion-icon,
button ion-label,
.ion-tappable,
[tappable],
[tappable] div,
[tappable] span,
[tappable] ion-icon,
[tappable] ion-label,
input,
textarea {
  touch-action: manipulation;
}
a ion-label,
button ion-label {
  pointer-events: none;
}
button {
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-style: inherit;
  font-feature-settings: inherit;
  font-variant: inherit;
  line-height: 1;
  text-transform: none;
  cursor: pointer;
  -webkit-appearance: button;
}
[tappable] {
  cursor: pointer;
}
a[disabled],
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=checkbox],
input[type=radio] {
  padding: 0;
  box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%;
}
html:not(.hydrated) body {
  display: none;
}
html.ion-ce body {
  display: block;
}
html.plt-pwa {
  height: 100vh;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  text-rendering: optimizeLegibility;
  overflow: hidden;
  touch-action: manipulation;
  -webkit-user-drag: none;
  -ms-content-zooming: none;
  word-wrap: break-word;
  overscroll-behavior-y: none;
  -webkit-text-size-adjust: none;
          text-size-adjust: none;
}
html {
  font-family: var(--ion-font-family);
}
a {
  background-color: transparent;
  color: var(--ion-color-primary, #3880ff);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 16px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 1.2;
}
h1 {
  margin-top: 20px;
  font-size: 26px;
}
h2 {
  margin-top: 18px;
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
small {
  font-size: 75%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.ion-hide {
  display: none !important;
}
.ion-hide-up {
  display: none !important;
}
.ion-hide-down {
  display: none !important;
}
@media (min-width: 576px) {
  .ion-hide-sm-up {
    display: none !important;
  }
}
@media (max-width: 575.98px) {
  .ion-hide-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .ion-hide-md-up {
    display: none !important;
  }
}
@media (max-width: 767.98px) {
  .ion-hide-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .ion-hide-lg-up {
    display: none !important;
  }
}
@media (max-width: 991.98px) {
  .ion-hide-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .ion-hide-xl-up {
    display: none !important;
  }
}
@media (max-width: 1199.98px) {
  .ion-hide-xl-down {
    display: none !important;
  }
}
/* Optional CSS utils that can be commented out fresh */
.ion-no-padding {
  --padding-start: 0;
  --padding-end: 0;
  --padding-top: 0;
  --padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ion-padding {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-top {
  --padding-top: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
}
.ion-padding-start {
  --padding-start: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-start {
    padding-left: unset;
    padding-inline-start: var(--ion-padding, 16px);
  }
}
.ion-padding-end {
  --padding-end: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-end {
    padding-right: unset;
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-padding-bottom {
  --padding-bottom: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-vertical {
  --padding-top: var(--ion-padding, 16px);
  --padding-bottom: var(--ion-padding, 16px);
  padding-top: var(--ion-padding, 16px);
  padding-bottom: var(--ion-padding, 16px);
}
.ion-padding-horizontal {
  --padding-start: var(--ion-padding, 16px);
  --padding-end: var(--ion-padding, 16px);
  padding-left: var(--ion-padding, 16px);
  padding-right: var(--ion-padding, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-padding-horizontal {
    padding-left: unset;
    padding-right: unset;
    padding-inline-start: var(--ion-padding, 16px);
    padding-inline-end: var(--ion-padding, 16px);
  }
}
.ion-no-margin {
  --margin-start: 0;
  --margin-end: 0;
  --margin-top: 0;
  --margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.ion-margin {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-top {
  --margin-top: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
}
.ion-margin-start {
  --margin-start: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-start {
    margin-left: unset;
    margin-inline-start: var(--ion-margin, 16px);
  }
}
.ion-margin-end {
  --margin-end: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-end {
    margin-right: unset;
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-margin-bottom {
  --margin-bottom: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-vertical {
  --margin-top: var(--ion-margin, 16px);
  --margin-bottom: var(--ion-margin, 16px);
  margin-top: var(--ion-margin, 16px);
  margin-bottom: var(--ion-margin, 16px);
}
.ion-margin-horizontal {
  --margin-start: var(--ion-margin, 16px);
  --margin-end: var(--ion-margin, 16px);
  margin-left: var(--ion-margin, 16px);
  margin-right: var(--ion-margin, 16px);
}
@supports (margin-inline-start: 0) or (-webkit-margin-start: 0) {
  .ion-margin-horizontal {
    margin-left: unset;
    margin-right: unset;
    margin-inline-start: var(--ion-margin, 16px);
    margin-inline-end: var(--ion-margin, 16px);
  }
}
.ion-float-left {
  float: left !important;
}
.ion-float-right {
  float: right !important;
}
.ion-float-start {
  float: left !important;
}
[dir=rtl] .ion-float-start, :host-context([dir=rtl]) .ion-float-start {
  float: right !important;
}
.ion-float-end {
  float: right !important;
}
[dir=rtl] .ion-float-end, :host-context([dir=rtl]) .ion-float-end {
  float: left !important;
}
@media (min-width: 576px) {
  .ion-float-sm-left {
    float: left !important;
  }

  .ion-float-sm-right {
    float: right !important;
  }

  .ion-float-sm-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-sm-start, :host-context([dir=rtl]) .ion-float-sm-start {
    float: right !important;
  }

  .ion-float-sm-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-sm-end, :host-context([dir=rtl]) .ion-float-sm-end {
    float: left !important;
  }
}
@media (min-width: 768px) {
  .ion-float-md-left {
    float: left !important;
  }

  .ion-float-md-right {
    float: right !important;
  }

  .ion-float-md-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-md-start, :host-context([dir=rtl]) .ion-float-md-start {
    float: right !important;
  }

  .ion-float-md-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-md-end, :host-context([dir=rtl]) .ion-float-md-end {
    float: left !important;
  }
}
@media (min-width: 992px) {
  .ion-float-lg-left {
    float: left !important;
  }

  .ion-float-lg-right {
    float: right !important;
  }

  .ion-float-lg-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-lg-start, :host-context([dir=rtl]) .ion-float-lg-start {
    float: right !important;
  }

  .ion-float-lg-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-lg-end, :host-context([dir=rtl]) .ion-float-lg-end {
    float: left !important;
  }
}
@media (min-width: 1200px) {
  .ion-float-xl-left {
    float: left !important;
  }

  .ion-float-xl-right {
    float: right !important;
  }

  .ion-float-xl-start {
    float: left !important;
  }
  [dir=rtl] .ion-float-xl-start, :host-context([dir=rtl]) .ion-float-xl-start {
    float: right !important;
  }

  .ion-float-xl-end {
    float: right !important;
  }
  [dir=rtl] .ion-float-xl-end, :host-context([dir=rtl]) .ion-float-xl-end {
    float: left !important;
  }
}
.ion-text-center {
  text-align: center !important;
}
.ion-text-justify {
  text-align: justify !important;
}
.ion-text-start {
  text-align: start !important;
}
.ion-text-end {
  text-align: end !important;
}
.ion-text-left {
  text-align: left !important;
}
.ion-text-right {
  text-align: right !important;
}
.ion-text-nowrap {
  white-space: nowrap !important;
}
.ion-text-wrap {
  white-space: normal !important;
}
@media (min-width: 576px) {
  .ion-text-sm-center {
    text-align: center !important;
  }

  .ion-text-sm-justify {
    text-align: justify !important;
  }

  .ion-text-sm-start {
    text-align: start !important;
  }

  .ion-text-sm-end {
    text-align: end !important;
  }

  .ion-text-sm-left {
    text-align: left !important;
  }

  .ion-text-sm-right {
    text-align: right !important;
  }

  .ion-text-sm-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-sm-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-center {
    text-align: center !important;
  }

  .ion-text-md-justify {
    text-align: justify !important;
  }

  .ion-text-md-start {
    text-align: start !important;
  }

  .ion-text-md-end {
    text-align: end !important;
  }

  .ion-text-md-left {
    text-align: left !important;
  }

  .ion-text-md-right {
    text-align: right !important;
  }

  .ion-text-md-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-md-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-center {
    text-align: center !important;
  }

  .ion-text-lg-justify {
    text-align: justify !important;
  }

  .ion-text-lg-start {
    text-align: start !important;
  }

  .ion-text-lg-end {
    text-align: end !important;
  }

  .ion-text-lg-left {
    text-align: left !important;
  }

  .ion-text-lg-right {
    text-align: right !important;
  }

  .ion-text-lg-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-lg-wrap {
    white-space: normal !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-center {
    text-align: center !important;
  }

  .ion-text-xl-justify {
    text-align: justify !important;
  }

  .ion-text-xl-start {
    text-align: start !important;
  }

  .ion-text-xl-end {
    text-align: end !important;
  }

  .ion-text-xl-left {
    text-align: left !important;
  }

  .ion-text-xl-right {
    text-align: right !important;
  }

  .ion-text-xl-nowrap {
    white-space: nowrap !important;
  }

  .ion-text-xl-wrap {
    white-space: normal !important;
  }
}
.ion-text-uppercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: uppercase !important;
}
.ion-text-lowercase {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: lowercase !important;
}
.ion-text-capitalize {
  /* stylelint-disable-next-line declaration-no-important */
  text-transform: capitalize !important;
}
@media (min-width: 576px) {
  .ion-text-sm-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-sm-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-sm-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 768px) {
  .ion-text-md-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-md-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-md-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 992px) {
  .ion-text-lg-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-lg-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-lg-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
@media (min-width: 1200px) {
  .ion-text-xl-uppercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: uppercase !important;
  }

  .ion-text-xl-lowercase {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: lowercase !important;
  }

  .ion-text-xl-capitalize {
    /* stylelint-disable-next-line declaration-no-important */
    text-transform: capitalize !important;
  }
}
.ion-align-self-start {
  align-self: flex-start !important;
}
.ion-align-self-end {
  align-self: flex-end !important;
}
.ion-align-self-center {
  align-self: center !important;
}
.ion-align-self-stretch {
  align-self: stretch !important;
}
.ion-align-self-baseline {
  align-self: baseline !important;
}
.ion-align-self-auto {
  align-self: auto !important;
}
.ion-wrap {
  flex-wrap: wrap !important;
}
.ion-nowrap {
  flex-wrap: nowrap !important;
}
.ion-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.ion-justify-content-start {
  justify-content: flex-start !important;
}
.ion-justify-content-center {
  justify-content: center !important;
}
.ion-justify-content-end {
  justify-content: flex-end !important;
}
.ion-justify-content-around {
  justify-content: space-around !important;
}
.ion-justify-content-between {
  justify-content: space-between !important;
}
.ion-justify-content-evenly {
  justify-content: space-evenly !important;
}
.ion-align-items-start {
  align-items: flex-start !important;
}
.ion-align-items-center {
  align-items: center !important;
}
.ion-align-items-end {
  align-items: flex-end !important;
}
.ion-align-items-stretch {
  align-items: stretch !important;
}
.ion-align-items-baseline {
  align-items: baseline !important;
}
.jqx-widget-content-energyblue{border-color: #a4bed4;}
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue{border-color:#a4bed4; background-color:#e0e9f5}
.jqx-fill-state-hover-energyblue{border-color:#a4bed4;  background-color:#cfdde9}
.jqx-fill-state-pressed-energyblue{border-color:#5e8cb3; background-color:#cfdde9}
.jqx-fill-state-focus-energyblue { border-color: #477396; }
.jqx-scrollbar-state-normal-energyblue, .jqx-grid-bottomright-energyblue, .jqx-panel-bottomright-energyblue, .jqx-listbox-bottomright-energyblue{background-color:#e0e9f5}
.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue{border-color:#a4bed4}
.jqx-tabs-title-selected-bottom-energyblue, .jqx-tabs-selection-tracker-bottom-energyblue, .jqx-tabs-title-selected-top-energyblue, .jqx-tabs-selection-tracker-top-energyblue{border-color:#a4bed4; border-bottom:1px solid #fff; background:#fff}
.jqx-grid-cell-sort-alt-energyblue, .jqx-grid-cell-filter-alt-energyblue, .jqx-grid-cell-pinned-energyblue, .jqx-grid-cell-alt-energyblue, .jqx-grid-cell-sort-energyblue{ background-color:#e7eef8}
.jqx-grid-cell-selected-energyblue{ background-color:#cfdde9 !important;  color:#2b465e !important;}
.jqx-grid-cell-hover-energyblue{ background-color:#cfdde9 !important;}
.jqx-menu-vertical-energyblue{background: #e0e9f5;}
.jqx-layout-energyblue
{
    background-color: #a4bed4;
}
.jqx-widget-shinyblack{border-color:#222}
.jqx-widget-content-shinyblack{color:#222; border-color:#262626}
.jqx-fill-state-normal-shinyblack, .jqx-widget-header-shinyblack{color:#fff; border-color:#000; background:#000 url('bg_black.png') left center scroll repeat-x}
.jqx-fill-state-hover-shinyblack{background:transparent url('bg_blackhover.png') left center scroll repeat-x; border-color:#262626; color:#fff}
.jqx-fill-state-pressed-shinyblack, .jqx-menu-item-top-hover-shinyblack{background:transparent url('bg_blackpressed.png') left center scroll repeat-x; border-color:#262626; color:#fff}
.jqx-checkbox-check-checked-shinyblack{background:transparent url('check_white.png') left top no-repeat}
.jqx-checkbox-check-indeterminate-shinyblack{background:transparent url('check_indeterminate_white.png') left top no-repeat}
.jqx-grid-shinyblack, .jqx-grid-header-shinyblack, .jqx-grid-cell-shinyblack{border-color:#262626}
.jqx-widget-shinyblack .jqx-grid-cell-shinyblack, .jqx-widget-shinyblack .jqx-grid-group-cell-shinyblack{border-color:#262626}
.jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortascbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-sortdescbutton-shinyblack, .jqx-widget-shinyblack .jqx-grid-column-filterbutton-shinyblack{border-color:#262626}
.jqx-widget-shinyblack .jqx-grid-column-header-shinyblack{border-color:#262626}
.jqx-grid-bottomright-shinyblack, .jqx-panel-bottomright-shinyblack, .jqx-listbox-bottomright-shinyblack{background-color:#262626}
.jqx-widget-shinyblack .jqx-grid-column-menubutton-shinyblack, .jqx-menu-vertical-shinyblack{background-color:#262626; border-color:#262626}
.jqx-grid-selectionarea-shinyblack{background-color:#262626; border:1px solid #262626; opacity:0.5}
.jqx-grid-group-cell-shinyblack{border-color:#262626; background-color:#fff}
.jqx-grid-cell-sort-shinyblack, .jqx-grid-cell-filter-shinyblack, .jqx-grid-cell-pinned-shinyblack{ background-color:#eaf8ff}
.jqx-grid-cell-alt-shinyblack, .jqx-grid-cell-sort-alt-shinyblack, .jqx-grid-cell-filter-alt-shinyblack{ background-color:#deedf5}
.jqx-grid-cell-selected-shinyblack{background:#262626; color:#fff}
.jqx-grid-cell-hover-shinyblack{background:#646464; color:#fff}
.jqx-menu-vertical-shinyblack{background: #222; color:#fff;}
.jqx-scrollbar-state-normal-shinyblack{background:#555; border:1px solid #555}
.jqx-scrollbar-button-state-normal-shinyblack{border:1px solid #555; background:#555}
.jqx-scrollbar-button-state-hover-shinyblack{background:#555 url('bg_blackhover.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-button-state-pressed-shinyblack{background:#555 url('bg_blackpressed.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-normal-horizontal-shinyblack{background:#555 url('bg_black.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-hover-horizontal-shinyblack{ background:#555 url('bg_blackhover.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-pressed-horizontal-shinyblack{background:#555 url('bg_blackpressed.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-normal-shinyblack{background:#555 url('bg_black_horizontal.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-hover-shinyblack{background:#555 url('bg_blackhover_horizontal.png') left top scroll repeat-x; border:1px solid #000}
.jqx-scrollbar-thumb-state-pressed-shinyblack{background:#555 url('bg_blackpressed_horizontal.png') left top scroll repeat-x; border:1px solid #000}
.jqx-splitter-splitbar-horizontal-shinyblack, .jqx-splitter-splitbar-vertical-shinyblack, .jqx-splitter-splitbar-hover-shinyblack, .jqx-splitter-splitbar-hover-horizontal-shinyblack{background: #555;}
.jqx-splitter-collapse-button-horizontal-shinyblack, .jqx-splitter-collapse-button-vertical-shinyblack{background: #7f7f7f;}
.jqx-grid-column-sortascbutton-shinyblack, .jqx-expander-arrow-bottom-shinyblack, .jqx-window-collapse-button-shinyblack, .jqx-menu-item-arrow-up-shinyblack, .jqx-menu-item-arrow-up-selected-shinyblack, .jqx-menu-item-arrow-top-up-shinyblack, .jqx-icon-arrow-up-shinyblack, .jqx-icon-arrow-up-hover-shinyblack, .jqx-icon-arrow-up-selected-shinyblack{background-image:url('icon-up-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-grid-column-menubutton-shinyblack, .jqx-grid-column-sortdescbutton-shinyblack, .jqx-expander-arrow-top-shinyblack, .jqx-window-collapse-button-collapsed-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-menu-item-arrow-down-selected-shinyblack, .jqx-menu-item-arrow-down-shinyblack, .jqx-icon-arrow-down-shinyblack, .jqx-icon-arrow-down-hover-shinyblack, .jqx-icon-arrow-down-selected-shinyblack{background-image:url('icon-down-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-icon-arrow-left-shinyblack{background-image:url('icon-left-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-icon-arrow-right-shinyblack{background-image:url('icon-right-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-menu-item-arrow-left-shinyblack{background-image:url('icon-left.png'); background-repeat:no-repeat; background-position:center}
.jqx-menu-item-arrow-right-shinyblack{background-image:url('icon-right.png'); background-repeat:no-repeat; background-position:center}
.jqx-tabs-arrow-left-shinyblack, .jqx-menu-item-arrow-left-selected-shinyblack, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-down-left-shinyblack, .jqx-icon-arrow-left-selected-shinyblack{background-image:url('icon-left-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-tabs-arrow-right-shinyblack, .jqx-menu-item-arrow-right-selected-shinyblack, .jqx-menu-item-arrow-top-right-shinyblack, .jqx-icon-arrow-right-hover-shinyblack, .jqx-icon-arrow-right-selected-shinyblack{background-image:url('icon-right-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-window-close-button-shinyblack, .jqx-icon-close-shinyblack, .jqx-tabs-close-button-shinyblack, .jqx-tabs-close-button-hover-shinyblack, .jqx-tabs-close-button-selected-shinyblack{background-image:url('close_white.png');  background-repeat:no-repeat;  background-position:center}
/*applied to the progressbar's value element*/
.jqx-progressbar-value-shinyblack{background: #555;}
.jqx-progressbar-value-vertical-shinyblack{background: #555;}
.jqx-icon-arrow-first-shinyblack
{
    background-image: url('icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-shinyblack
{
    background-image: url('icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-expand-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-shinyblack, .jqx-tree-item-arrow-expand-shinyblack {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-shinyblack, .jqx-tree-item-arrow-collapse-shinyblack {
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack, .jqx-tree-item-arrow-collapse-rtl-shinyblack {
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-expand-rtl-shinyblack, .jqx-grid-cell-shinyblack>.jqx-grid-group-expand-rtl-shinyblack {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-date-time-input-popup-shinyblack .jqx-icon-arrow-down-shinyblack {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-date-time-input-popup-shinyblack .jqx-icon-arrow-up-shinyblack {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-shinyblack,
.jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-shinyblack {
    background-image: url('icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-shinyblack,
.jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-shinyblack {
    background-image: url('icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack,
.jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-collapse-rtl-shinyblack {
    background-image: url('icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-shinyblack.jqx-grid-cell-selected-shinyblack>.jqx-grid-group-expand-rtl-shinyblack,
.jqx-grid-cell-shinyblack.jqx-grid-cell-hover-shinyblack>.jqx-grid-group-expand-rtl-shinyblack {
    background-image: url('icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-search-shinyblack
{
    background-image: url('search_white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-calendar-shinyblack, .jqx-icon-calendar-hover-shinyblack, .jqx-icon-calendar-pressed-shinyblack {
    background-image: url('icon-calendar-white.png');
}
.jqx-icon-time-shinyblack, .jqx-icon-time-hover-shinyblack, .jqx-icon-time-pressed-shinyblack {
    background-image: url('icon-time-white.png');
}
.jqx-icon-delete-shinyblack
{
    background-image: url('icon-delete-white.png');
}
.jqx-icon-edit-shinyblack
{
    background-image: url('icon-edit-white.png');
}
.jqx-icon-save-shinyblack
{
    background-image: url('icon-save-white.png');
}
.jqx-icon-cancel-shinyblack
{
    background-image: url('icon-cancel-white.png');
}
.jqx-icon-search-shinyblack
{
    background-image: url('search_white.png');
}
.jqx-icon-plus-shinyblack
{
    background-image: url('plus_white.png');
}
.jqx-menu-minimized-button-shinyblack {
   background-image: url('icon-menu-minimized-white.png');
}
.jqx-editor-toolbar-icon-shinyblack {
    background: url('html_editor_white.png') no-repeat;
}
.jqx-layout-shinyblack
{
    background-color: #000;
}
.jqx-layout-pseudo-window-pin-icon-shinyblack
{
    background-image: url('pin-white.png');
}
.jqx-layout-pseudo-window-pinned-icon-shinyblack
{
    background-image: url('pinned-white.png');
}
.jqx-scheduler-month-cell-shinyblack, .jqx-scheduler-time-column-shinyblack, .jqx-scheduler-toolbar-shinyblack
{
    background: #35353A !important;
    color: #fff  !important;
}
.jqx-widget-shinyblack .jqx-scheduler-middle-cell-shinyblack, .jqx-scheduler-middle-cell-shinyblack {
    border-bottom-color: #35353A !important;
}
.jqx-kanban-item-shinyblack {
    box-shadow:none;
}
.jqx-grid-column-menubutton-shinyblack {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('icon-menu-small-white.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
 }
.jqx-item-shinyblack .jqx-grid-sortasc-icon
 {
    background-image: url('icon-sort-asc-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-item-shinyblack .jqx-grid-sortdesc-icon
 {
    background-image: url('icon-sort-desc-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the grid menu's sort remove item/*/
.jqx-item-shinyblack .jqx-grid-sortremove-icon
 {
    background-image: url('icon-sort-remove-white.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
 }
/*applied to the timepicker*/
.jqx-label-shinyblack {
	fill: white;
}
.jqx-needle-shinyblack {
	fill: rgb(58, 105, 130);
}
.jqx-needle-central-circle-shinyblack:first-of-type {
	fill: rgb(6, 64, 92);
	stroke: rgb(58, 105, 130);
	stroke-width: 1.5px;
}
.jqx-needle-central-circle-shinyblack {
	fill: rgb(6, 64, 92);
	stroke: rgb(58, 105, 130);
	stroke-width: 1.5px;
}
.jqx-svg-picker-shinyblack {
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 37%, rgba(70, 70, 70, 1) 53%, rgba(90, 90, 90, 1) 67%, rgba(80, 80, 80, 1) 73%, rgba(35, 40, 41, 1) 82%);	
}
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-material-purple {
    border-top-left-radius: 2px;
}
/*top-right rounded Corners*/
.jqx-rc-tr-material-purple {
    border-top-right-radius: 2px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl-material-purple {
    border-bottom-left-radius: 2px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br-material-purple {
    border-bottom-right-radius: 2px;
}
/*top rounded Corners*/
.jqx-rc-t-material-purple {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
/*bottom rounded Corners*/
.jqx-rc-b-material-purple {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*right rounded Corners*/
.jqx-rc-r-material-purple {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*left rounded Corners*/
.jqx-rc-l-material-purple {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
/*all rounded Corners*/
.jqx-rc-all-material-purple {
    border-radius: 2px;
}
.jqx-widget-material-purple, .jqx-widget-header-material-purple, .jqx-fill-state-normal-material-purple,
.jqx-widget-content-material-purple, .jqx-fill-state-hover-material-purple, .jqx-fill-state-pressed-material-purple {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.jqx-widget-material-purple {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
}
.jqx-widget-content-material-purple {
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
    background-color: #ffffff;
    border-color: #E0E0E0;
}
.jqx-widget-header-material-purple {
    background-color: #fff;
    border-color: #E0E0E0;
    color: #757575;
    font-weight: 500;
    *zoom: 1;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #757575;
    font-size: 14px;
}
.jqx-fill-state-normal-material-purple {
    border-color: #6200EE;
    *zoom: 1;
    background: #fafafa;
}
.jqx-widget-material-purple input::selection, input.jqx-input-widget-material-purple::selection, .jqx-widget-content-material-purple input::selection {
    background: #6200EE;
    color: #fff;
}
.jqx-toolbar-material-purple{
     border-color: #e0e0e0;
}
.jqx-button-material-purple, jqx-button-material-purple.jqx-fill-state-normal-material-purple {
    color: #fff;
    background: #6200EE;
    border-color: #6200EE;
    *zoom: 1;
    outline: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
}
.jqx-button-material-purple button, jqx-button-material-purple input {
    background: transparent;
    color: inherit;
    border:none;
    outline: none;
}
.jqx-slider-button-material-purple {
    padding:3px;
    background: transparent;
    border:transparent;
}
.jqx-button-material-purple.float {
        border-radius: 100%;
        min-height: 48px;
        min-width: 48px;
        width: 48px;
        height: 48px;
        max-height: 48px;
        max-width:48px;
    }
.jqx-button-material-purple.outlined {
        background: transparent;
        color: #6200EE;
        border-width: 2px;
    }
.jqx-button-material-purple.flat {
        background: transparent;
        color: #6200EE;
        border: none;
    }
.jqx-fill-state-hover-material-purple {
}
.jqx-fill-state-pressed-material-purple {
}
.jqx-fill-state-hover-material-purple, .jqx-fill-state-focus-material-purple {
    text-decoration: none;
}
.jqx-expander-header.jqx-fill-state-hover-material-purple,
 .jqx-expander-header.jqx-fill-state-normal-material-purple,
 .jqx-expander-header.jqx-fill-state-pressed-material-purple
 {
      background: #fff;
      border-color: #e0e0e0;
}
.jqx-expander-header.jqx-fill-state-hover-material-purple {
    background: #F5F5F5;
}
.jqx-expander-header-material-purple {
    padding:10px;
}
.jqx-button-material-purple.jqx-fill-state-hover {
    opacity: 0.9;
    cursor: pointer;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    *zoom: 1;
}
.jqx-button-material-purple.jqx-fill-state-hover.outlined,
    .jqx-button-material-purple.jqx-fill-state-hover.flat {
        color: #6200EE;
        box-shadow: none;
    }
.jqx-button-material-purple.jqx-fill-state-pressed {
    cursor: pointer;
    background: #883DF2;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-button-material-purple.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-slider-button-material-purple.jqx-fill-state-pressed-material-purple,
    .jqx-button-material-purple.jqx-fill-state-pressed.outlined,
    .jqx-button-material-purple.jqx-fill-state-pressed.flat {
        background: rgba(99,0,238,0.15);
        box-shadow: none;
    }
.jqx-button-material-purple.jqx-fill-state-focus {
    background: #883DF2;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-slider-button-material-purple.jqx-fill-state-focus-material-purple {
      background: transparent;
      border-color: transparent;
      box-shadow:none;
  }
.jqx-button-material-purple.jqx-fill-state-focus.outlined,
    .jqx-button-material-purple.jqx-fill-state-focus.flat {
        box-shadow: none;
        background: rgba(99,0,238,0.15);
        color: #883DF2;
    }
.jqx-dropdownlist-state-normal-material-purple, .jqx-dropdownlist-state-hover-material-purple, .jqx-dropdownlist-state-selected-material-purple,
.jqx-scrollbar-button-state-hover-material-purple, .jqx-scrollbar-button-state-normal-material-purple, .jqx-scrollbar-button-state-pressed-material-purple,
.jqx-scrollbar-thumb-state-normal-horizontal-material-purple, .jqx-scrollbar-thumb-state-hover-horizontal-material-purple, .jqx-scrollbar-thumb-state-pressed-horizontal-material-purple,
.jqx-scrollbar-thumb-state-normal-material-purple, .jqx-scrollbar-thumb-state-pressed-material-purple, .jqx-tree-item-hover-material-purple, .jqx-tree-item-selected-material-purple,
.jqx-tree-item-material-purple, .jqx-menu-item-material-purple, .jqx-menu-item-hover-material-purple, .jqx-menu-item-selected-material-purple, .jqx-menu-item-top-material-purple, .jqx-menu-item-top-hover-material-purple,
.jqx-menu-item-top-selected-material-purple, .jqx-slider-button-material-purple, .jqx-slider-slider-material-purple {
    transition: background-color 100ms linear;
}
.jqx-primary-material-purple.jqx-input-label-material-purple {
   color: #1ca8dd !important;
}
.jqx-primary-material-purple.jqx-input-bar-material-purple:before {
   background: #1ca8dd !important;
}
.jqx-success-material-purple.jqx-input-label-material-purple {
   color: #5cb85c !important;
}
.jqx-success-material-purple.jqx-input-bar-material-purple:before {
   background: #5cb85c !important;
}
.jqx-inverse-material-purple.jqx-input-label-material-purple {
   color: #666 !important;
}
.jqx-inverse-material-purple.jqx-input-bar-material-purple:before {
   background: #666 !important;
}
.jqx-danger-material-purple.jqx-input-label-material-purple {
   color: #d9534f !important;
}
.jqx-danger-material-purple.jqx-input-bar-material-purple:before {
   background: #d9534f !important;
}
.jqx-warning-material-purple.jqx-input-label-material-purple {
   color: #f0ad4e !important;
}
.jqx-warning-material-purple.jqx-input-bar-material-purple:before {
   background: #f0ad4e !important;
}
.jqx-info-material-purple.jqx-input-label-material-purple {
   color: #5bc0de !important;
}
.jqx-info-material-purple.jqx-input-bar-material-purple:before {
   background: #5bc0de !important;
}
.jqx-slider-tooltip-material-purple.jqx-primary-slider, .jqx-slider-tooltip-material-purple.jqx-primary-slider .jqx-fill-state-normal-material-purple {
    border-color: #1ca8dd;
    background: #1ca8dd;
}
.jqx-slider-tooltip-material-purple.jqx-success-slider, .jqx-slider-tooltip-material-purple.jqx-success-slider .jqx-fill-state-normal-material-purple {
    border-color: #5cb85c;
    background: #5cb85c;
}
.jqx-slider-tooltip-material-purple.jqx-inverse-slider, .jqx-slider-tooltip-material-purple.jqx-inverse-slider .jqx-fill-state-normal-material-purple {
    border-color: #666;
    background: #666;
}
.jqx-slider-tooltip-material-purple.jqx-danger-slider, .jqx-slider-tooltip-material-purple.jqx-danger-slider .jqx-fill-state-normal-material-purple {
    border-color: #d9534f;
    background: #d9534f;
}
.jqx-slider-tooltip-material-purple.jqx-warning-slider, .jqx-slider-tooltip-material-purple.jqx-warning-slider .jqx-fill-state-normal-material-purple {
    border-color: #f0ad4e;
    background: #f0ad4e;
}
.jqx-slider-tooltip-material-purple.jqx-info-slider, .jqx-slider-tooltip-material-purple.jqx-info-slider .jqx-fill-state-normal-material-purple {
    border-color: #5bc0de;
    background: #5bc0de;
}
.jqx-primary-material-purple {
    color: #1ca8dd !important;
    background: #fff !important;
    border-color: #1ca8dd !important;
    text-shadow: none !important;
}
.jqx-primary-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-primary-material-purple.jqx-slider-button-material-purple,
    .jqx-primary-material-purple.jqx-slider-slider-material-purple,
    .jqx-primary-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-primary-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-primary-material-purple.jqx-action-button-material-purple,
    .jqx-primary-material-purple:hover,
    .jqx-primary-material-purple:focus,
    .jqx-primary-material-purple:active,
    .jqx-primary-material-purple.active,
    .jqx-primary-material-purple.disabled,
    .jqx-primary-material-purple[disabled] {
        color: #fff !important;
        background: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-primary-material-purple,
    .jqx-primary-material-purple:active,
    .jqx-primary-material-purple.active {
        color: #fff !important;
        background-color: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-success-material-purple {
    color: #5cb85c !important;
    background: #fff !important;
    border-color: #5cb85c !important;
    text-shadow: none !important;
}
.jqx-success-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-success-material-purple.jqx-slider-button-material-purple,
    .jqx-success-material-purple.jqx-slider-slider-material-purple,
    .jqx-success-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-success-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-success-material-purple.jqx-action-button-material-purple,
    .jqx-success-material-purple:hover,
    .jqx-success-material-purple:focus,
    .jqx-success-material-purple:active,
    .jqx-success-material-purple.active,
    .jqx-success-material-purple.disabled,
    .jqx-success-material-purple[disabled] {
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-success-material-purple,
    .jqx-success-material-purple:active,
    .jqx-success-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
    }
.jqx-inverse-material-purple {
    text-shadow: none !important;
    color: #666 !important;
    background: #fff !important;
    border-color: #cccccc !important;
}
.jqx-inverse-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-inverse-material-purple.jqx-slider-button-material-purple,
    .jqx-inverse-material-purple.jqx-slider-slider-material-purple,
    .jqx-inverse-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-inverse-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-inverse-material-purple.jqx-action-button-material-purple,
    .jqx-inverse-material-purple:hover,
    .jqx-inverse-material-purple:focus,
    .jqx-inverse-material-purple:active,
    .jqx-inverse-material-purple.active,
    .jqx-inverse-material-purple.disabled,
    .jqx-inverse-material-purple[disabled] {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-inverse-material-purple,
    .jqx-inverse-material-purple:active,
    .jqx-inverse-material-purple.active {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-danger-material-purple {
    text-shadow: none !important;
    color: #d9534f !important;
    background: #fff !important;
    border-color: #d9534f !important;
}
.jqx-danger-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-danger-material-purple.jqx-slider-button-material-purple,
    .jqx-danger-material-purple.jqx-slider-slider-material-purple,
    .jqx-danger-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-danger-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-danger-material-purple.jqx-action-button-material-purple,
    .jqx-danger-material-purple:hover,
    .jqx-danger-material-purple:focus,
    .jqx-danger-material-purple:active,
    .jqx-danger-material-purple.active,
    .jqx-danger-material-purple.disabled,
    .jqx-danger-material-purple[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-danger-material-purple,
    .jqx-danger-material-purple:active,
    .jqx-danger-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-validator-error-label-material-purple {
    color: #d9534f !important;
}
.jqx-warning-material-purple {
    text-shadow: none !important;
    color: #f0ad4e !important;
    background: #fff !important;
    border-color: #f0ad4e !important;
}
.jqx-warning-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-warning-material-purple.jqx-slider-button-material-purple,
    .jqx-warning-material-purple.jqx-slider-slider-material-purple,
    .jqx-warning-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-warning-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-warning-material-purple.jqx-action-button-material-purple,
    .jqx-warning-material-purple:hover,
    .jqx-warning-material-purple:focus,
    .jqx-warning-material-purple:active,
    .jqx-warning-material-purple.active,
    .jqx-warning-material-purple.disabled,
    .jqx-warning-material-purple[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-warning-material-purple,
    .jqx-warning-material-purple:active,
    .jqx-warning-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-info-material-purple {
    text-shadow: none !important;
    color: #5bc0de !important;
    background: #fff !important;
    border-color: #5bc0de !important;
}
.jqx-info-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-info-material-purple.jqx-slider-button-material-purple,
    .jqx-info-material-purple.jqx-slider-slider-material-purple,
    .jqx-info-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-info-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-info-material-purple.jqx-action-button-material-purple,
    .jqx-info-material-purple:hover,
    .jqx-info-material-purple:focus,
    .jqx-info-material-purple:active,
    .jqx-info-material-purple.active,
    .jqx-info-material-purple.disabled,
    .jqx-info-material-purple[disabled] {
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-info-material-purple,
    .jqx-info-material-purple:active,
    .jqx-info-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
    }
.jqx-fill-state-pressed-material-purple {
    background-image: none;
    outline: 0;
}
.jqx-grid-group-column-material-purple {
    border-color: transparent;
}
.jqx-grid-column-menubutton-material-purple {
    border-width: 0px;
}
.jqx-grid-groups-row-material-purple > span {
    padding-left: 4px;
}
.jqx-grid-cell-material-purple {
    box-shadow: none;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple,
.jqx-grid-pager-material-purple .jqx-button-material-purple {
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    top: -4px;
    position: relative;
    height:30px !important;
    width:30px !important;
    border-radius:50%;

}
.jqx-grid-pager-input-material-purple  {
    padding:0px !important;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple > div,
.jqx-grid-pager-material-purple .jqx-button-material-purple > div {
    top: 3px;
    position: relative;
    left: 3px;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple.jqx-fill-state-hover,
.jqx-grid-pager-top-material-purple .jqx-button-material-purple.jqx-fill-state-pressed,
.jqx-grid-pager-material-purple .jqx-button-material-purple.jqx-fill-state-hover,
.jqx-grid-pager-material-purple .jqx-button-material-purple.jqx-fill-state-pressed
{
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;    
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple {

    background-color: transparent;
    border-color: transparent;
    color: rgba(0,0,0,.54) !important;
    font-size:12px;
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple:hover,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple:hover {
    font-size:12px;
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple.jqx-fill-state-pressed-material-purple ,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple.jqx-fill-state-pressed-material-purple {
    color: #6200EE !important;
    font-weight: bold !important;
}
.jqx-grid-column-menubutton-material-purple {
    background-color: transparent;
    border-color: #E0E0E0 !important;
}
.jqx-cell-material-purple {
    font-size: 14px;
}
.jqx-calendar-material-purple > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-row-header-material-purple, .jqx-calendar-top-left-header-material-purple {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}
.jqx-calendar-column-header-material-purple {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}
.jqx-expander-header-material-purple {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jqx-ribbon-header-vertical-material-purple, .jqx-widget-header-vertical-material-purple {
    background: #fff;
}
.jqx-scrollbar-state-normal-material-purple {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-left-color: #ddd;
}
.jqx-scrollbar-thumb-state-normal-material-purple, .jqx-scrollbar-thumb-state-normal-horizontal-material-purple {
    background: #f5f5f5;
    border-color: #b3b3b3;
}
.jqx-scrollbar-thumb-state-hover-material-purple, .jqx-scrollbar-thumb-state-hover-horizontal-material-purple {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-progressbar-material-purple {
    background: #f7f7f7 !important;
    box-shadow: none;
}
.jqx-progressbar-value-material-purple, .jqx-splitter-collapse-button-horizontal-material-purple {
    background: #6200EE;
}
.jqx-splitter-collapse-button-vertical-material-purple, .jqx-progressbar-value-vertical-material-purple {
    background: #6200EE;
}
.jqx-scrollbar-thumb-state-pressed-material-purple, .jqx-splitter-splitbar-vertical-material-purple, .jqx-splitter-splitbar-horizontal-material-purple, .jqx-scrollbar-thumb-state-pressed-horizontal-material-purple,
.jqx-scrollbar-button-state-pressed-material-purple {
    background: #d9d9d9;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-grid-column-sortdescbutton-material-purple, jqx-grid-column-filterbutton-material-purple, .jqx-grid-column-sortascbutton-material-purple {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #E0E0E0;
}
.jqx-menu-vertical-material-purple {
    background: #ffffff;
    filter: none;
}
.jqx-grid-bottomright-material-purple, .jqx-panel-bottomright-material-purple, .jqx-listbox-bottomright-material-purple {
    background-color: #fafafa;
}
.jqx-window-material-purple, .jqx-tooltip-material-purple {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}
.jqx-tooltip-material-purple, .jqx-tooltip-material-purple.jqx-popup-material-purple, .jqx-tooltip-material-purple .jqx-fill-state-normal-material-purple {
    background: #6F6F6F;
    border-color: #6F6F6F;
    box-shadow:none;
    color: #fff;
}
.jqx-docking-material-purple .jqx-window-material-purple {
    box-shadow: none;
}
.jqx-docking-panel-material-purple .jqx-window-material-purple {
    box-shadow: none;
}
.jqx-checkbox-material-purple {
    line-height:20px;
    overflow: visible;
}
.jqx-radiobutton-material-purple {
    overflow: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
    line-height:20px;
}
.jqx-radiobutton-material-purple-material-purple, .jqx-radiobutton-hover-material-purple {
    border-radius: 100%;
    background-repeat: no-repeat;
    transition: background-color ease-in .3s;
}
.jqx-radiobutton-check-checked-material-purple {
    filter: none;
    background: #fff;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-material-purple {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-disabled-material-purple {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-checkbox-default-material-purple,
.jqx-radiobutton-default-material-purple
 {
    border-width: 1px;
    border-color: #E0E0E0;
    background-color: #fff;
    overflow: visible;
}
.jqx-tree-material-purple .jqx-checkbox-material-purple .jqx-checkbox-default-material-purple,
.jqx-checkbox-material-purple[checked] .jqx-checkbox-default-material-purple,
.jqx-tree-grid-checkbox[checked].jqx-checkbox-default-material-purple,
.jqx-radiobutton-material-purple[checked] .jqx-radiobutton-default-material-purple
 {
    background-color: #6200EE;
    border-color: #6200EE;
}
.jqx-checkbox-check-checked-material-purple {
    background: transparent url('material_check_white.png') center center no-repeat;
}
.jqx-checkbox-check-indeterminate-material-purple {
    width:14px !important;
    height:14px !important;
    position:relative;
    top: 1px;
    left: 1px;
    background: white;
}
.jqx-tree-material-purple .jqx-checkbox-check-indeterminate-material-purple {
    width:12px !important;
    height:12px !important;
    top: 2px;
    left:2px;
}
.jqx-checkbox-hover-material-purple,
.jqx-radiobutton-hover-material-purple {
    background-color: #6200EE;
    border-color: #6200EE;
}
.jqx-slider-slider-material-purple {
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}
.jqx-slider-slider-material-purple:active {
    transform: scale(1.2);
    box-shadow: rgba(0,0,0,0.3) 0 0 10px;
}
.jqx-slider-material-purple[discrete] .jqx-slider-slider-material-purple:active
 {
    transform: scaleX(0);
    
}
.jqx-slider-slider-horizontal-material-purple {
    background: #6200EE; 
}
.jqx-slider-slider-vertical-material-purple {
    background: #6200EE; 
}
.jqx-slider-tooltip-material-purple {
    width: 25px;
    height: 25px;
    transform-origin: 50% 100%;
    border-radius: 50%;
    transform: scale(0) rotate(45deg);
    padding:0px;
    background: transparent !important;
}
.jqx-slider-tooltip-material-purple.init {
     transform: scale(1) rotate(45deg);
}
.jqx-slider-tooltip-material-purple.hide {
     transition: transform 0.2s ease;
     transform-origin:50% 100%;
     transform: scale(0) rotate(45deg); 
}
.jqx-slider-tooltip-material-purple.show {
     transition: transform 0.2s ease;
     transform: scale(1) rotate(45deg); 
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-arrow-t-b,
.jqx-slider-tooltip-material-purple .jqx-tooltip-arrow-l-r {
    display:none;
    visibility:hidden;
}
.jqx-slider-tooltip-material-purple, .jqx-slider-tooltip-material-purple .jqx-fill-state-normal-material-purple {
    border-radius: 15px 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6200EE; 
    color: #fff;
    font-size:11px;
}
.jqx-slider-tooltip-material-purple.far, .jqx-slider-tooltip-material-purple.far .jqx-fill-state-normal-material-purple {
   border-radius: 0px 15px 15px 15px; 
}
.jqx-slider-tooltip-material-purple.vertical, .jqx-slider-tooltip-material-purple.vertical .jqx-fill-state-normal-material-purple {
   border-radius: 15px 0px 15px 15px; 
}
.jqx-slider-tooltip-material-purple.vertical.far, .jqx-slider-tooltip-material-purple.vertical.far .jqx-fill-state-normal-material-purple {
   border-radius: 15px 15px 15px 0px; 
}
.jqx-slider-tooltip-material-purple {
    background:transparent;
    border:none !important;
    box-shadow:none;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-main-material-purple {
    top: -7px;
    right: 11px;
}
.jqx-slider-tooltip-material-purple.far .jqx-tooltip-main-material-purple {
    top: 3px;
    right: 4px;
}
.jqx-slider-tooltip-material-purple.vertical .jqx-tooltip-main-material-purple {
    top: -3px;
    right: 3px;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-text {
    background: transparent;
    border:none;
    padding: 0px;
    overflow:visible;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-text>span {
     transform: rotate(-45deg);
}
.jqx-slider-tooltip-material-purple.range {
    width: 35px;
    height:35px;
}
.jqx-slider-rangebar-material-purple {
    border-color: #6200EE;
    background: #6200EE;
}
.jqx-slider-track-horizontal-material-purple, .jqx-slider-track-vertical-material-purple {
    border-color: #E0E0E0;
    background: #f0f0f0;
}
.jqx-slider-button-material-purple {
    border-radius: 100%;
}
.jqx-slider-button-material-purple.jqx-fill-state-normal-material-purple,
.jqx-slider-button-material-purple.jqx-fill-state-hover-material-purple,
.jqx-slider-button-material-purple.jqx-fill-state-pressed-material-purple 
{
    background: transparent !important;
}
.jqx-listitem-state-hover-material-purple,
.jqx-listitem-state-selected-material-purple,
.jqx-listitem-state-normal-material-purple {
    padding: 5px;
}
.jqx-scheduler-edit-dialog-label-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;

}
.jqx-scheduler-edit-dialog-field-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-label-rtl-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-field-rtl-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-hover-material-purple, .jqx-menu-item-hover-material-purple, .jqx-tree-item-hover-material-purple, .jqx-calendar-cell-hover-material-purple, .jqx-grid-cell-hover-material-purple,
.jqx-menu-vertical-material-purple .jqx-menu-item-top-hover-material-purple, .jqx-input-popup-material-purple .jqx-fill-state-hover-material-purple,
.jqx-input-popup-material-purple .jqx-fill-state-pressed-material-purple {
    color: #333 !important;
    border-color: #F5F5F5;
    text-decoration: none;
    background-color: #F5F5F5;
    background-repeat: repeat-x;
    outline: 0;
    background: #F5F5F5; /* Old browsers */
    box-shadow: none;
    background-position: 0 0;
}
.jqx-scheduler-cell-hover-material-purple {
    border-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
}
.jqx-listitem-state-selected-material-purple, .jqx-menu-item-selected-material-purple, .jqx-tree-item-selected-material-purple, .jqx-calendar-cell-selected-material-purple, .jqx-grid-cell-selected-material-purple,
.jqx-menu-vertical-material-purple .jqx-menu-item-top-selected-material-purple, .jqx-grid-selectionarea-material-purple, .jqx-input-button-header-material-purple, .jqx-input-button-innerHeader-material-purple {
    color: #6200EE !important;
    border-color: #ECE0FD !important;
    background: #ECE0FD; /* Old browsers */
    box-shadow: none;
}
.jqx-scheduler-cell-selected-material-purple {
    border-color: #ECE0FD !important;
    background: #ECE0FD !important;
}
.jqx-grid-cell-material-purple .jqx-button-material-purple, .jqx-grid-cell-material-purple .jqx-button-material-purple.jqx-fill-state-hover-material-purple, .jqx-grid-cell-material-purple .jqx-button-material-purple.jqx-fill-state-pressed-material-purple {
    box-shadow: none;
    transition: none;
}
.jqx-popup-material-purple {
    border: 1px solid #E0E0E0;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-material-purple, .jqx-expander-arrow-bottom-material-purple, .jqx-window-collapse-button-material-purple, .jqx-menu-item-arrow-up-material-purple, .jqx-menu-item-arrow-up-selected-material-purple, .jqx-menu-item-arrow-top-up-material-purple, .jqx-icon-arrow-up-material-purple, .jqx-icon-arrow-up-hover-material-purple, .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material-purple .jqx-grid-group-expand-material-purple, .jqx-grid-group-expand-material-purple, .jqx-grid-column-menubutton-material-purple, .jqx-grid-column-sortdescbutton-material-purple, .jqx-expander-arrow-top-material-purple, .jqx-window-collapse-button-collapsed-material-purple, .jqx-menu-item-arrow-down-material-purple, .jqx-menu-item-arrow-down-selected-material-purple, .jqx-menu-item-arrow-down-material-purple, .jqx-icon-arrow-down-material-purple, .jqx-icon-arrow-down-hover-material-purple, .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-arrow-left-material-purple, .jqx-menu-item-arrow-left-selected-material-purple, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-material-purple, .jqx-icon-arrow-down-left-material-purple, .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material-purple .jqx-grid-group-collapse-material-purple, .jqx-grid-group-collapse-material-purple, .jqx-tabs-arrow-right-material-purple, .jqx-menu-item-arrow-right-selected-material-purple, .jqx-menu-item-arrow-top-right-material-purple, .jqx-icon-arrow-right-material-purple, .jqx-icon-arrow-right-hover-material-purple, .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-collapse-rtl-material-purple, .jqx-tree-item-arrow-collapse-hover-rtl-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-menu-item-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-input-button-content-material-purple {
    font-size: 10px;
}
.jqx-widget .jqx-grid-column-header-cell-material-purple {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-row-cell-material-purple {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #E0E0E0;
}
.jqx-combobox-material-purple .jqx-icon-close-material-purple {
    background-image:url('close_white.png')
}
.jqx-combobox-material-purple, .jqx-input-material-purple {
    border-color: #E0E0E0;
    color: #555555;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.jqx-combobox-content-material-purple,
.jqx-datetimeinput-content-material-purple
 {
    border-color: transparent;
}
.jqx-combobox-arrow-normal-material-purple {
    background: #fff;
    border-color: transparent;
}
.jqx-combobox-content-focus-material-purple, 
.jqx-combobox-state-focus-material-purple,
.jqx-numberinput-focus-material-purple {
    outline: none;
}
.jqx-input-group-material-purple {
    position: relative;
    display: inline-block;
    overflow: visible;
    border: none;
    box-shadow: none;
}
.jqx-input-group-material-purple input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
.jqx-input-group-material-purple textarea {
        width: 100%;
        height: 100%;
        outline: none;
        resize: none;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom-color: #e0e0e0;
    }
.jqx-numberinput-material-purple,
.jqx-maskedinput-material-purple
 {
    position:relative;
}
.jqx-numberinput-material-purple input {
    height:100% !important;
}
.jqx-input-material-purple.jqx-validator-error-element {
    border-color: transparent !important;
    border-bottom: 1px solid #df2227 !important; 
}
.jqx-input-material-purple input,
.jqx-dropdownlist-state-normal-material-purple,
.jqx-combobox-state-normal-material-purple,
.jqx-datetimeinput-material-purple,
.jqx-numberinput-material-purple,
.jqx-maskedinput-material-purple
 {
    background: #fff;
    border-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
    outline: none;
}
.jqx-datetimeinput-material-purple .jqx-action-button-material-purple,
.jqx-datetimeinput-material-purple .jqx-action-button-rtl-material-purple 
 {
    background-color: transparent;
    border-color: transparent;
}
.jqx-datetimeinput-material-purple, .jqx-datetimeinput-material-purple > div,
    .jqx-numberinput-material-purple, .jqx-numberinput-material-purple > div,
    .jqx-maskedinput-material-purple, .jqx-maskedinput-material-purple > div,
    .jqx-dropdownlist-state-normal-material-purple, .jqx-dropdownlist-state-normal-material-purple > div, .jqx-dropdownlist-state-normal-material-purple > div > div,
    .jqx-combobox-state-normal-material-purple, .jqx-combobox-state-normal-material-purple > div, .jqx-combobox-state-normal-material-purple > div > div {
        overflow: visible !important;
    }
.jqx-input-material-purple input:focus {
        border-radius: 0;
        box-shadow: none;
    }
.jqx-input-material-purple input, input[type="text"].jqx-input-material-purple, input[type="password"].jqx-input-material-purple, input[type="text"].jqx-widget-content-material-purple, input[type="textarea"].jqx-widget-content-material-purple, textarea.jqx-input-material-purple {
    font-size: 14px;
    resize: none;
    background: #fff;
    border: none;
    border-radius: 0;
    box-sizing:border-box;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
}
.jqx-input-label {
    visibility:inherit;
}
.jqx-input-bar{
    visibility:inherit;
}
input:focus ~ .jqx-input-label-material-purple,
textarea:focus ~ .jqx-input-label-material-purple,
.jqx-input-widget-material-purple[hint=true] .jqx-input-label,
.jqx-text-area-material-purple[hint=true] .jqx-input-label,
.jqx-dropdownlist-state-selected-material-purple .jqx-input-label,
.jqx-dropdownlist-state-normal-material-purple[hint=true] .jqx-input-label,
.jqx-combobox-state-normal-material-purple[hint=true] .jqx-input-label,
.jqx-combobox-material-purple .jqx-input-label.focused,
.jqx-dropdownlist-material-purple .jqx-input-label.focused,
.jqx-datetimeinput-material-purple[hint=true] .jqx-input-label,
.jqx-maskedinput-material-purple[hint=true] .jqx-input-label,
.jqx-numberinput-material-purple[hint=true] .jqx-input-label,
.jqx-formattedinput-material-purple[hint=true] .jqx-input-label
 {
    top: -15px;
    font-size: 12px;
    color: #6200EE;
}
.jqx-dropdownlist-material-purple[default-placeholder="true"] .jqx-input-label {
    visibility: hidden;
}
input:focus ~ .jqx-input-bar:before,
textarea:focus ~ .jqx-input-bar:before,
.jqx-dropdownlist-state-selected-material-purple .jqx-input-bar:before,
.jqx-dropdownlist-material-purple .jqx-input-bar.focused:before,
.jqx-complex-input-group-material-purple .jqx-input-bar.focused::before,
.jqx-combobox-material-purple .jqx-input-bar.focused:before,
.jqx-dropdownbutton-material-purple .jqx-input-bar.focused:before,
.jqx-combobox-state-selected-material-purple .jqx-input-bar:before {
    width: 100%;
}
.jqx-complex-input-group-material-purple .jqx-fill-state-normal-material-purple {
    border-color: #fafafa;
}
input[type="password"] {
    letter-spacing: 0.3em;
}
.jqx-input-widget-material-purple.jqx-rtl > input {
    direction: rtl
}
.jqx-input-label-material-purple {
    color: #E0E0E0;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top:10px;
    top: calc(50% - 7px);
    transition: 300ms ease all;
}
.jqx-input-label.initial {
    transition: none;
}
.jqx-input-bar {
    position: relative;
    display: block;
    z-index:1;
}
.jqx-input-bar-material-purple:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #6200EE;
        transition: 300ms ease all;
        left: 0%;
    }
.jqx-formatted-input-spin-button-material-purple, .jqx-input-group-addon-material-purple {
    border-color: #fff;
    background: #fff;
}
.jqx-dropdownlist-state-selected-material-purple,
.jqx-combobox-state-selected-material-purple {
    color: #6200EE;
}
.jqx-dropdownlist-state-normal-material-purple .jqx-icon-arrow-down-material-purple,
.jqx-combobox-state-normal-material-purple .jqx-icon-arrow-down-material-purple,
.sorticon.descending .jqx-grid-column-sorticon-material-purple,
.jqx-tree-item-arrow-expand-material-purple,
 .jqx-expander-header-material-purple .jqx-icon-arrow-down
 {
    transform: rotate(0deg);
    transition: transform 0.2s ease-out;
}
.jqx-expander-header-material-purple .jqx-icon-arrow-up {
   transform: rotate(180deg);
   transition: transform 0.2s ease-out;
    background-image: url('material-icon-down.png');
}
.jqx-tree-item-arrow-collapse-material-purple
{
    transform: rotate(-90deg);
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease-out;
}
.jqx-dropdownlist-state-selected-material-purple .jqx-icon-arrow-down-material-purple,
.jqx-combobox-state-selected-material-purple .jqx-icon-arrow-down-material-purple,
.sorticon.ascending .jqx-grid-column-sorticon-material-purple
 {
    transform: rotate(180deg);
    transition: transform 0.2s ease-out;
    left: -1px;
}
.jqx-combobox-state-selected-material-purple .jqx-icon-arrow-down-material-purple{
    left:-1px;
}
.jqx-listbox-container {
    margin-top: 1px;
}
input[type="text"].jqx-input-material-purple:-moz-placeholder, input[type="text"].jqx-widget-content-material-purple:-moz-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-moz-placeholder, textarea.jqx-input-material-purple:-moz-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material-purple:-webkit-input-placeholder, input[type="text"].jqx-widget-content-material-purple:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-webkit-input-placeholder, textarea.jqx-input-material-purple:-webkit-input-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material-purple:-ms-input-placeholder, input[type="text"].jqx-widget-content-material-purple:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-ms-input-placeholder, textarea.jqx-input-material-purple:-ms-input-placeholder {
    color: #999999;
}
.jqx-combobox-content-focus-material-purple, .jqx-combobox-state-focus-material-purple, .jqx-fill-state-focus-material-purple,
.jqx-numberinput-focus-material-purple {
    outline: none;
}
.jqx-popup-material-purple.jqx-fill-state-focus-material-purple {
    outline: none;
    border-color: #E0E0E0 !important;
}
.jqx-datetimeinput-content, .jqx-datetimeinput-container {
    overflow: visible !important;
}
.jqx-text-area-material-purple, .jqx-text-area-material-purple > div {
    overflow:visible !important;
}
.jqx-text-area-element-material-purple {
   box-sizing: border-box;
}
.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-material-purple {
    border-color: #E0E0E0;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-rtl-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-rtl-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-title-selected-top-material-purple, .jqx-tabs-selection-tracker-top-material-purple {
    border-color: transparent;
    filter: none;
    background: #fff;
    color: #333;
    box-shadow: none;
}
.jqx-tabs-title-material-purple, .jqx-ribbon-item-material-purple {
    color: #333;
}
.jqx-tabs-title-selected-bottom-material-purple,
.jqx-tabs-title-selected-top-material-purple
 {
    color: #6200EE;
    font-weight:500;   
    padding-top:5px;
    padding-bottom:5px;
}
.jqx-tabs-title.jqx-fill-state-hover-material-purple {
    border-color: transparent;
}
.jqx-ribbon-item-material-purple {
    cursor: pointer;
}
.jqx-ribbon-item-selected-material-purple {
    color: #6200EE;
    font-weight:500;
    border-color: transparent;
}
.jqx-ribbon-item-hover-material-purple {
    background: transparent;
}
.jqx-ribbon-header-top-material-purple {
    border-color: transparent;
    border-bottom-color: #E0E0E0;
}
.jqx-ribbon-header-bottom-material-purple {
    border-color: transparent;
    border-top-color: #E0E0E0;
}
.jqx-ribbon-header-right-material-purple {
    border-color: transparent;
    border-left-color:#E0E0E0;
}
.jqx-ribbon-header-left-material-purple {
    border-color: transparent;
    border-right-color:#E0E0E0;
}
.jqx-tabs-title-selected-bottom-material-purple, .jqx-tabs-selection-tracker-bottom-material-purple {
    border-color: transparent;
    border-top: 1px solid #fff;
    filter: none;
    background: #fff;
    box-shadow: none;
}
.jqx-tabs-material-purple, .jqx-ribbon-material-purple {
    border-color: transparent;
}
.jqx-tabs-header-material-purple, .jqx-ribbon-header-material-purple {
    background: transparent;
}
.jqx-tabs-position-bottom .jqx-tabs-header-material-purple {
    border-color: transparent;
}
.jqx-layout-material-purple .jqx-tabs-header-material-purple, .jqx-layout-material-purple .jqx-ribbon-header-material-purple {
    background: #fff;
    border-color: #E0E0E0;
}
.jqx-tabs-title-bottom {
    border-color: transparent;
}
.jqx-tabs-title-hover-top-material-purple, .jqx-tabs-title-hover-bottom-material-purple, .jqx-tabs-header-material-purple {
    box-shadow: none !important;
    background: transparent;
}
.jqx-tabs-content-material-purple {
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top-color: transparent;
    padding:5px;
}
.jqx-tabs-bar-material-purple {
    position: absolute;
    bottom: 0;
    background: #6200EE;
    height: 2px;
    z-index:10;
    transition: .5s cubic-bezier(.35,0,.25,1);
}
.jqx-tabs-bar-material-purple.vertical {
    width: 2px;
}
.jqx-tabs-position-bottom .jqx-tabs-bar-material-purple {
    top: 0;
}
.jqx-layout-material-purple {
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-material-purple { /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}
.jqx-calendar-material-purple > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-cell-material-purple {
    border-radius: 50%;
    font-size:12px;
}
.jqx-calendar-cell-year-material-purple,
.jqx-calendar-cell-decade-material-purple {
    border-radius: 25%;
}
.jqx-calendar-title-content-material-purple {
    font-weight:bold;
}
.jqx-calendar-column-cell-material-purple {
    color: rgba(0,0,0,.38);
    font-size:12px;
}
.jqx-grid-column-menubutton-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-tabs-close-button-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-selected-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-hover-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-rtl-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-rtl-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-material-purple {
    padding-right: 0px;
    background-image: url('material-icon-left.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-material-purple, .jqx-grid-group-expand-rtl-material-purple {
    padding-right: 0px;
    background-image: url('material-icon-down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-cell-filter-row-material-purple {
    background-color: #fafafa;
}
.jqx-icon-arrow-first-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-first-selected-material-purple {
    background-image: url('material-icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-last-selected-material-purple {
    background-image: url('material-icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-primary .jqx-icon-arrow-down-material-purple, .jqx-warning .jqx-icon-arrow-down-material-purple, .jqx-danger .jqx-icon-arrow-down-material-purple, .jqx-success .jqx-icon-arrow-down-material-purple, .jqx-info .jqx-icon-arrow-down-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-selected-material-purple, .jqx-warning .jqx-icon-arrow-down-selected-material-purple, .jqx-danger .jqx-icon-arrow-down-selected-material-purple, .jqx-success .jqx-icon-arrow-down-selected-material-purple, .jqx-info .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-hover-material-purple, .jqx-warning .jqx-icon-arrow-down-hover-material-purple, .jqx-danger .jqx-icon-arrow-down-hover-material-purple, .jqx-success .jqx-icon-arrow-down-hover-material-purple, .jqx-info .jqx-icon-arrow-down-hover-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-up-material-purple, .jqx-warning .jqx-icon-arrow-up-material-purple, .jqx-danger .jqx-icon-arrow-up-material-purple, .jqx-success .jqx-icon-arrow-up-material-purple, .jqx-info .jqx-icon-arrow-up-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-selected-material-purple, .jqx-warning .jqx-icon-arrow-up-selected-material-purple, .jqx-danger .jqx-icon-arrow-up-selected-material-purple, .jqx-success .jqx-icon-arrow-up-selected-material-purple, .jqx-info .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-hover-material-purple, .jqx-warning .jqx-icon-arrow-up-hover-material-purple, .jqx-danger .jqx-icon-arrow-up-hover-material-purple, .jqx-success .jqx-icon-arrow-up-hover-material-purple, .jqx-info .jqx-icon-arrow-up-hover-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-left-material-purple, .jqx-warning .jqx-icon-arrow-left-material-purple, .jqx-danger .jqx-icon-arrow-left-material-purple, .jqx-success .jqx-icon-arrow-left-material-purple, .jqx-info .jqx-icon-arrow-left-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-selected-material-purple, .jqx-warning .jqx-icon-arrow-left-selected-material-purple, .jqx-danger .jqx-icon-arrow-left-selected-material-purple, .jqx-success .jqx-icon-arrow-left-selected-material-purple, .jqx-info .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-hover-material-purple, .jqx-warning .jqx-icon-arrow-left-hover-material-purple, .jqx-danger .jqx-icon-arrow-left-hover-material-purple, .jqx-success .jqx-icon-arrow-left-hover-material-purple, .jqx-info .jqx-icon-arrow-left-hover-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-right-material-purple, .jqx-warning .jqx-icon-arrow-right-material-purple, .jqx-danger .jqx-icon-arrow-right-material-purple, .jqx-success .jqx-icon-arrow-right-material-purple, .jqx-info .jqx-icon-arrow-right-material-purple {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-selected-material-purple, .jqx-warning .jqx-icon-arrow-right-selected-material-purple, .jqx-danger .jqx-icon-arrow-right-selected-material-purple, .jqx-success .jqx-icon-arrow-right-selected-material-purple, .jqx-info .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-hover-material-purple, .jqx-warning .jqx-icon-arrow-right-hover-material-purple, .jqx-danger .jqx-icon-arrow-right-hover-material-purple, .jqx-success .jqx-icon-arrow-right-hover-material-purple, .jqx-info .jqx-icon-arrow-right-hover-material-purple {
    background-image: url('material-icon-right.png');
}
/* Ripple effect */
.ripple {
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow:hidden;
}
.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 0%;
    transform: scaleX(0);
    background: rgba(98,0,238,0.5); 
    opacity: 0.25;
}
.outlined .ink, .flat .ink {
    background: rgba(98,0,238,0.5);
    overflow:hidden;
}
.ink.animate {
    animation: ripple .7s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material-purple .ripple,
.jqx-radiobutton-material-purple .ripple
 {
    overflow:visible;
}
.jqx-checkbox-material-purple .ink,
.jqx-radiobutton-material-purple .ink 
 {
    transform: scale(0); 
    background: #6200EE;
    border-radius: 50%;
}
.jqx-checkbox-material-purple .ink.animate,
.jqx-radiobutton-material-purple .ink.animate
 {
    animation: checkRipple 0.3s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material-purple .ink.active,
.jqx-radiobutton-material-purple .ink.active
 {
    opacity: 0.2;
    transform: scale(2);
}
.jqx-checkbox-default-material-purple.active .ink,
.jqx-radiobutton-default-material-purple.active .ink
 {
    opacity: 0.2;
    transform: scale(2);
}
/* Ripple effect */
.buttonRipple {
  background-position: center;
  transition: background 0.8s;
}
.buttonRipple:hover {
  background: #6200EE radial-gradient(circle, transparent 1%, #6200EE 1%) center/15000%;
}
.buttonRipple:active {
  background-color: #ECE0FD;
  background-size: 100%;
  transition: background 0s;
}
.buttonRipple:active:not(:hover) {
      color: #333;
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(5);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@keyframes checkRipple {
    100% {
        opacity: 0.2;
        transform: scale(2);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.jqx-fill-state-pressed-material-purple-purple .jqx-icon-delete-material-purple
{
    background-image: url('icon-delete-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-edit-material-purple
{
    background-image: url('icon-edit-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-save-material-purple
{
    background-image: url('icon-save-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-cancel-material-purple
{
    background-image: url('icon-cancel-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-search-material-purple
{
    background-image: url('search_white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-plus-material-purple
{
    background-image: url('plus_white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-menu-minimized-button-material-purple {
   background-image: url('icon-menu-minimized-white.png');
}
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-material-purple, .jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-material-purple {
    background: url('html_editor_white.png') no-repeat;
}
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-fontsize-material-purple,
.jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-fontsize-material-purple,
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-forecolor-material-purple,
.jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-forecolor-material-purple
{
        background: url('html_editor.png') no-repeat;
}
.jqx-editor-toolbar-button-material-purple{
    border-color: #ddd;
    box-shadow: none !important;
	color: #333;
}
.jqx-input-group-material-purple.jqx-fill-state-disabled {
	pointer-events: none;
}
/*applied to the timepicker*/
.jqx-needle-central-circle-material-purple {
	fill: rgb(98, 0, 238);
}
.jqx-needle-material-purple {
	fill: rgb(98, 0, 238);
}
.jqx-time-picker .jqx-header .jqx-selected-material-purple:focus {
    outline: 2px solid rgba(98, 0, 238, 0.5);
	box-shadow: 0px 0px 4px 2px rgba(98, 0, 238, 0.125);
}
.jqx-svg-picker-material-purple:focus {
	border: 1px solid rgb(98, 0, 238) !important;
}
.jqx-split-layout-component-material-purple .jqx-split-layout {
    --jqx-primary-rgb: 98, 0, 238;
    --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-rgb: 225, 225, 225;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(0,0,0,.54);
    --jqx-surface-rgb: 255, 255, 255;
    --jqx-surface: rgb(var(--jqx-surface-rgb));
    --jqx-surface-color: rgba(0,0,0, .88);
    --jqx-border: rgba(98, 0, 238, 1);
}
.jqx-widget-content-treeiot{border-color: #a4bed4 !important;}
.jqx-fill-state-normal-treeiot, .jqx-widget-header-treeiot{border-color:#a4bed4 !important; background-color:#e0e9f5 !important}
.jqx-fill-state-hover-treeiot{border-color:#a4bed4 !important;  background-color:#cfdde9 !important}
.jqx-fill-state-pressed-treeiot{border-color:#5e8cb3 !important; background-color:#cfdde9 !important}
.jqx-fill-state-focus-treeiot { border-color: #477396 !important; }
.jqx-scrollbar-state-normal-treeiot, .jqx-grid-bottomright-treeiot, .jqx-panel-bottomright-treeiot, .jqx-listbox-bottomright-treeiot{background-color:#e0e9f5 !important;}
.jqx-widget-treeiot .jqx-grid-column-header-treeiot, .jqx-grid-cell-treeiot, .jqx-widget-treeiot .jqx-grid-cell-treeiot, .jqx-widget-treeiot .jqx-grid-group-cell-treeiot, .jqx-grid-group-cell-treeiot{border-color:#a4bed4 !important}
.jqx-tabs-title-selected-bottom-treeiot, .jqx-tabs-selection-tracker-bottom-treeiot, .jqx-tabs-title-selected-top-treeiot, .jqx-tabs-selection-tracker-top-treeiot{border-color:#a4bed4 !important; border-bottom:1px solid #fff !important; background:#fff !important;}
.jqx-grid-cell-sort-alt-treeiot, .jqx-grid-cell-filter-alt-treeiot, .jqx-grid-cell-pinned-treeiot, .jqx-grid-cell-alt-treeiot, .jqx-grid-cell-sort-treeiot{ background-color:#e7eef8 !important;}
.jqx-grid-cell-selected-treeiot{ background-color:#cfdde9 !important;  color:#2b465e !important;}
.jqx-grid-cell-hover-treeiot{ background-color:#cfdde9 !important;}
.jqx-menu-vertical-treeiot{background: #e0e9f5 !important;}
.jqx-layout-treeiot
{
    background-color: #a4bed4;
}
/* .jqx-item-iotify:hover{
    background-color: #cfdde9 !important;
    border: 1px solid lightsteelblue !important;
} */
.jqx-tree-item-arrow-expand-treeiot.jqx-icon-arrow-down-treeiot{
    background-image: url('minus-dashtree.png') !important;
    background-size: 12px;
}
.jqx-tree-item-arrow-collapse-treeiot.jqx-icon-arrow-right-treeiot{
    background-image: url('plus-dashtree.png') !important;
    background-size: 12px;
}
/* .jqx-tree-item-arrow-expand-treeiot.jqx-icon-arrow-down-treeiot{
    background-image: url(../img/logos/DownArrow.png) !important;
    background-size: 15px;
}
.jqx-tree-item-arrow-collapse-treeiot.jqx-icon-arrow-right-treeiot{
    background-image: url(../img/logos/sideArrow.png) !important;
    background-size: 15px;
} */
/* .jqx-widget-content-treeiot{
    background: transparent !important;
    color: #fff;
} */
:root { 
   --jqx-accent-color-iotify: rgba(44, 124, 121, 1);
   --jqx-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-border-radius-iotify: 2px;
   --jqx-font-family-iotify: "Roboto", "Helvetice Neue", "Helvetica", "Arial", sans-serif;
   --jqx-font-size-iotify: 13px ;
   --jqx-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-hovered-state-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-hovered-state-content-text-color-iotify: rgba(51, 51, 51, 1);
   --jqx-hovered-state-content-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-focused-state-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-active-state-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-active-state-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-arrow-up-color-iotify: url('metro-icon-up-white.png');
   --jqx-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-arrow-up-hovered-color-iotify: url('metro-icon-up.png');
   --jqx-arrow-down-hovered-color-iotify: url('metro-icon-down.png');
   --jqx-arrow-up-selected-color-iotify: url('metro-icon-up.png');
   --jqx-arrow-down-selected-color-iotify: url('metro-icon-down.png');
   --jqx-accordion-item-title-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-accordion-item-title-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-accordion-item-title-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-accordion-item-title-hovered-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-accordion-item-title-hovered-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-accordion-item-title-hovered-border-color-iotify: rgba(224, 224, 224, 1);
   --jqx-accordion-item-title-selected-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-accordion-item-title-selected-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-accordion-item-title-selected-border-color-iotify: rgba(224, 224, 224, 1);
   --jqx-accordion-item-title-focused-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-accordion-item-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-accordion-item-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-accordion-item-focused-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-accordion-item-focused-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-accordion-item-focused-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-accordion-arrow-up-color-iotify: url('metro-icon-up-white.png');
   --jqx-accordion-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-accordion-arrow-up-hovered-color-iotify: url('metro-icon-up.png');
   --jqx-accordion-arrow-down-hovered-color-iotify: url('metro-icon-down.png');
   --jqx-accordion-arrow-down-selected-color-iotify: url('metro-icon-up-white.png');
   --jqx-button-default-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-default-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-button-default-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-default-hovered-state-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-button-default-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-default-focused-state-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-button-default-active-state-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-button-default-active-state-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-button-primary-text-color-iotify: rgba(28, 168, 221, 1);
   --jqx-button-primary-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-primary-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-primary-hovered-state-background-color-iotify: rgba(28, 168, 221, 1);
   --jqx-button-primary-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-primary-focused-state-background-color-iotify: rgba(28, 168, 221, 1);
   --jqx-button-primary-active-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-primary-active-state-background-color-iotify: rgba(28, 168, 221, 1);
   --jqx-button-success-text-color-iotify: rgba(92, 184, 92, 1);
   --jqx-button-success-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-success-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-success-hovered-state-background-color-iotify: rgba(92, 184, 92, 1);
   --jqx-button-success-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-success-focused-state-background-color-iotify: rgba(92, 184, 92, 1);
   --jqx-button-success-active-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-success-active-state-background-color-iotify: rgba(92, 184, 92, 1);
   --jqx-button-warning-text-color-iotify: rgba(240, 173, 78, 1);
   --jqx-button-warning-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-warning-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-warning-hovered-state-background-color-iotify: rgba(240, 173, 78, 1);
   --jqx-button-warning-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-warning-focused-state-background-color-iotify: rgba(240, 173, 78, 1);
   --jqx-button-warning-active-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-warning-active-state-background-color-iotify: rgba(240, 173, 78, 1);
   --jqx-button-danger-text-color-iotify: rgba(217, 83, 79, 1);
   --jqx-button-danger-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-danger-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-danger-hovered-state-background-color-iotify: rgba(217, 83, 79, 1);
   --jqx-button-danger-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-danger-focused-state-background-color-iotify: rgba(217, 83, 79, 1);
   --jqx-button-danger-active-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-danger-active-state-background-color-iotify: rgba(217, 83, 79, 1);
   --jqx-button-info-text-color-iotify: rgba(91, 192, 222, 1);
   --jqx-button-info-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-info-hovered-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-info-hovered-state-background-color-iotify: rgba(91, 192, 222, 1);
   --jqx-button-info-focused-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-info-focused-state-background-color-iotify: rgba(91, 192, 222, 1);
   --jqx-button-info-active-state-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-button-info-active-state-background-color-iotify: rgba(91, 192, 222, 1);
   --jqx-editors-text-editors-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-editors-text-editors-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-text-editors-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-editors-text-editors-border-radius-iotify: 2px;
   --jqx-editors-text-editors-focused-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-editors-datеtimeinput-calendar-icon-color-iotify: url('icon-calendar.png');
   --jqx-editors-datеtimeinput-calendar-icon-selected-color-iotify: url('icon-calendar.png');
   --jqx-editors-combobox-multi-item-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-combobox-multi-item-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-editors-calendar-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-calendar-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-editors-calendar-arrow-left-color-iotify: url('metro-icon-left-white.png');
                        --jqx-editors-calendar-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-editors-calendar-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-calendar-today-cell-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-editors-calendar-today-cell-background-color-iotify: rgba(255, 255, 219, 1);
   --jqx-editors-calendar-today-cell-border-color-iotify: rgba(253, 192, 102, 1);
   --jqx-editors-calendar-current-month-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-editors-calendar-other-month-text-color-iotify: rgba(137, 137, 137, 1);
   --jqx-editors-calendar-hovered-cell-text-color-iotify: rgba(51, 51, 51, 1);
   --jqx-editors-calendar-hovered-cell-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-editors-calendar-selected-cell-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-editors-calendar-selected-cell-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-editors-switch-thumb-color-iotify: rgba(44, 124, 121, 1);
   --jqx-editors-switch-on-label-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-editors-switch-on-label-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-switch-off-label-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-editors-switch-off-label-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-file-uploader-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-editors-file-uploader-filename-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-grid-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-grid-header-text-weight-iotify: normal;
   --jqx-grid-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-grid-row-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-row-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-grid-row-alternation-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-row-alternation-background-color-iotify: rgba(249, 249, 249, 1);
   --jqx-grid-hovered-row-text-color-iotify: rgba(51, 51, 51, 1);
   --jqx-grid-hovered-row-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-grid-selected-row-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-grid-selected-row-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-grid-selected-row-border-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-grid-group-row-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-group-row-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-grid-editor-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-grid-editor-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-grid-pinned-cells-background-color-iotify: rgba(229, 229, 229, 1);
   --jqx-grid-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-grid-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-grid-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-grid-close-button-color-iotify: url('close_white.png');
   --jqx-grid-arrow-down-hovered-color-iotify: url('metro-icon-down.png');
   --jqx-grid-arrow-right-hovered-color-iotify: url('metro-icon-right.png');
   --jqx-grid-arrow-left-hovered-color-iotify: url('metro-icon-left.png');
   --jqx-grid-arrow-down-selected-color-iotify: url('metro-icon-down.png');
   --jqx-grid-arrow-right-selected-color-iotify: url('metro-icon-right.png');
   --jqx-grid-arrow-left-selected-color-iotify: url('metro-icon-left.png');
   --jqx-grid-header-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-grid-header-arrow-up-color-iotify: url('metro-icon-up-white.png');
   --jqx-grid-menu-button-color-iotify: url('icon-menu-small-white.png');
   --jqx-grid-groups-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-grid-groups-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-grid-groups-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-list-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-list-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-list-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-list-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-list-hovered-item-state-text-color-iotify: rgba(51, 51, 51, 1);
   --jqx-list-hovered-item-state-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-list-selected-item-state-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-list-selected-item-state-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-list-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-list-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-list-arrow-left-selected-color-iotify: url('metro-icon-left.png');
   --jqx-list-arrow-right-selected-color-iotify: url('metro-icon-right.png');
   --jqx-menu-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-menu-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-menu-dropdown-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-menu-dropdown-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-menu-arrow-up-color-iotify: url('metro-icon-up-white.png');
   --jqx-menu-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-menu-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-menu-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-menu-hovered-item-color-iotify: rgba(51, 51, 51, 1);
   --jqx-menu-hovered-item-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-menu-selected-item-color-iotify: rgba(44, 124, 121, 1);
   --jqx-menu-selected-item-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-menu-selected-item-border-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-menu-arrow-up-selected-color-iotify: url('metro-icon-up.png');
   --jqx-menu-arrow-down-selected-color-iotify: url('metro-icon-down.png');
   --jqx-menu-arrow-left-selected-color-iotify: url('metro-icon-left.png');
   --jqx-menu-arrow-right-selected-color-iotify: url('metro-icon-right.png');
   --jqx-navbar-item-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-navbar-item-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-navbar-hovered-item-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-navbar-hovered-item-background-color-iotify: rgba(44, 124, 121, 0.9);
   --jqx-navbar-selected-item-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-navbar-selected-item-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-overlays-content-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-overlays-content-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-overlays-shader-background-color-iotify: rgba(0, 0, 0, 0.6);
   --jqx-overlays-popup-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-overlays-popup-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-overlays-tooltip-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-overlays-tooltip-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-overlays-toast-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-overlays-toast-info-background-color-iotify: rgba(91, 192, 222, 1);
   --jqx-overlays-toast-warning-background-color-iotify: rgba(240, 173, 78, 1);
   --jqx-overlays-toast-error-background-color-iotify: rgba(217, 83, 79, 1);
   --jqx-overlays-toast-success-background-color-iotify: rgba(92, 184, 92, 1);
   --jqx-pivotgrid-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-pivotgrid-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-pivotgrid-cell-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-pivotgrid-cell-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-pivotgrid-selected-cell-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-pivotgrid-selected-cell-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-pivotgrid-arrow-up-color-iotify: url('metro-icon-up-white.png');
   --jqx-pivotgrid-arrow-down-color-iotify: url('metro-icon-down-white.png');
   --jqx-pivotgrid-menu-button-color-iotify: url('icon-menu-small-white.png');
   --jqx-progressbar-bar-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-progressbar-selected-range-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-progressbar-label-color-iotify: rgba(85, 85, 85, 1);
   --jqx-scheduler-header-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-scheduler-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-scheduler-header-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-scheduler-header-buttons-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-scheduler-header-buttons-background-color-iotify: rgba(85, 139, 47, 1);
   --jqx-scheduler-header-buttons-hovered-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-scheduler-header-buttons-hovered-background-color-iotify: rgba(85, 139, 47, 1);
   --jqx-scheduler-header-buttons-selected-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-scheduler-header-buttons-selected-background-color-iotify: rgba(85, 139, 47, 1);
   --jqx-scheduler-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-scheduler-not-work-time-cells-color-iotify: rgba(238, 238, 238, 1);
   --jqx-scheduler-hovered-cell-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-scheduler-hovered-cell-border-color-iotify: rgba(221, 241, 240, 1);
   --jqx-scheduler-selected-cell-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-scheduler-selected-cell-border-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-scheduler-weeks-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-scheduler-weeks-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-scheduler-weeks-arrow-right-selected-color-iotify: url('metro-icon-right.png');
   --jqx-scheduler-weeks-arrow-left-selected-color-iotify: url('metro-icon-left.png');
   --jqx-scheduler-calendar-icon-color-iotify: url('icon-calendar.png');
   -jqx-light-scheduler-calendar-icon-selected-color: url('icon-calendar.png');
   --jqx-scrollbar-scrollbar-background-color-iotify: rgba(245, 245, 245, 1);
   --jqx-scrollbar-scrollbar-thumb-background-color-iotify: rgba(245, 245, 245, 1);
   --jqx-scrollbar-scrollbar-thumb-hovered-background-color-iotify: rgba(230, 230, 230, 1);
   --jqx-scrollbar-scrollbar-thumb-active-background-color-iotify: rgba(217, 217, 217, 1);
   --jqx-scrollbar-scrollbar-arrow-background-color-iotify: rgba(245, 245, 245, 1);
   --jqx-scrollbar-arrow-up-color-iotify: url('metro-icon-up.png');
   --jqx-scrollbar-arrow-down-color-iotify: url('metro-icon-down.png');
   --jqx-scrollbar-arrow-left-color-iotify: url('metro-icon-left.png');
   --jqx-scrollbar-arrow-right-color-iotify: url('metro-icon-right.png');
   --jqx-scrollbar-scrollbar-arrow-hovered-background-color-iotify: rgba(232, 232, 232, 1);
   --jqx-scrollbar-arrow-up-hovered-color-iotify: url('metro-icon-up.png');
   --jqx-scrollbar-arrow-down-hovered-color-iotify: url('metro-icon-down.png');
   --jqx-scrollbar-arrow-left-hovered-color-iotify: url('metro-icon-left.png');
   --jqx-scrollbar-arrow-right-hovered-color-iotify: url('metro-icon-right.png');
   --jqx-scrollbar-scrollbar-arrow-active-background-color-iotify: rgba(217, 217, 217, 1);
   --jqx-scrollbar-arrow-up-active-color-iotify: url('metro-icon-up.png');
   --jqx-scrollbar-arrow-down-active-color-iotify: url('metro-icon-down.png');
   --jqx-scrollbar-arrow-left-active-color-iotify: url('metro-icon-left.png');
   --jqx-scrollbar-arrow-right-active-color-iotify: url('metro-icon-right.png');
   --jqx-scrollview-indicator-background-color-iotify: rgba(250, 250, 250, 1);
   --jqx-scrollview-selected-indicator-background-color-iotify: rgba(250, 250, 250, 1);
   --jqx-slider-slider-bar-background-color-iotify: rgba(240, 240, 240, 1);
   --jqx-slider-selected-slider-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-slider-slider-thumb-color-iotify: rgba(44, 124, 121, 1);
   --jqx-slider-focused-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-slider-tooltip-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-slider-tooltip-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-slider-tooltip-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-slider-arrows-background-color-iotify: rgba(255, 255, 255, 0);
   --jqx-slider-arrows-hovered-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-slider-arrows-selected-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-slider-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-slider-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-slider-arrow-left-hovered-color-iotify: url('metro-icon-left.png');
   --jqx-slider-arrow-right-hovered-color-iotify: url('metro-icon-right.png');
   --jqx-slider-arrow-left-selected-color-iotify: url('metro-icon-left.png');
   --jqx-slider-arrow-right-selected-color-iotify: url('metro-icon-right.png');
   --jqx-tabs-header-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-tabs-tab-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-tabs-hovered-tab-text-color-iotify: rgba(255, 255, 255, 1);
   --jqx-tabs-hovered-tab-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-tabs-selected-tab-text-color-iotify: rgba(44, 124, 121, 1);
   --jqx-tabs-selected-tab-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-tabs-selected-tab-bottom-border-color-iotify: rgba(44, 124, 121, 1);
   --jqx-tabs-border-color-iotify: rgba(231, 231, 231, 1);
   --jqx-tabs-content-text-color-iotify: rgba(85, 85, 85, 1);
   --jqx-tabs-content-background-color-iotify: rgba(255, 255, 255, 1);
   --jqx-tabs-arrow-left-color-iotify: url('metro-icon-left-white.png');
   --jqx-tabs-arrow-right-color-iotify: url('metro-icon-right-white.png');
   --jqx-toolbar-background-color-iotify: rgba(44, 124, 121, 1);
   --jqx-treeview-hovered-tree-item-color-iotify: rgba(51, 51, 51, 1);
   --jqx-treeview-hovered-tree-item-background-color-iotify: rgba(221, 241, 240, 1);
   --jqx-treeview-selected-tree-item-color-iotify: rgba(44, 124, 121, 1);
   --jqx-treeview-selected-tree-item-background-color-iotify: rgba(44, 124, 121, 0.2);
   --jqx-treeview-arrow-expanded-color-iotify: url('metro-icon-down-white.png');
   --jqx-treeview-arrow-collapsed-color-iotify: url('metro-icon-down-white.png');
}
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-iotify {
    border-top-left-radius: var(--jqx-border-radius-iotify);
}
/*top-right rounded Corners*/
.jqx-rc-tr-iotify {
    border-top-right-radius: var(--jqx-border-radius-iotify);
}
/*bottom-left rounded Corners*/
.jqx-rc-bl-iotify {
    border-bottom-left-radius: var(--jqx-border-radius-iotify);
}
/*bottom-right rounded Corners*/
.jqx-rc-br-iotify {
    border-bottom-right-radius: var(--jqx-border-radius-iotify);
}
/*top rounded Corners*/
.jqx-rc-t-iotify {
    border-top-left-radius: var(--jqx-border-radius-iotify);
    border-top-right-radius: var(--jqx-border-radius-iotify);
}
/*bottom rounded Corners*/
.jqx-rc-b-iotify {
    border-bottom-left-radius: var(--jqx-border-radius-iotify);
    border-bottom-right-radius: var(--jqx-border-radius-iotify);
}
/*right rounded Corners*/
.jqx-rc-r-iotify {
    border-top-right-radius: var(--jqx-border-radius-iotify);
    border-bottom-right-radius: var(--jqx-border-radius-iotify);
}
/*left rounded Corners*/
.jqx-rc-l-iotify {
    border-top-left-radius: var(--jqx-border-radius-iotify);
    border-bottom-left-radius: var(--jqx-border-radius-iotify);
}
/*all rounded Corners*/
.jqx-rc-all-iotify {
    border-radius: var(--jqx-border-radius-iotify);
}
.jqx-widget-iotify, .jqx-widget-header-iotify, .jqx-fill-state-normal-iotify,
.jqx-widget-content-iotify, .s, .jqx-fill-state-pressed-iotify {
    font-family: var(--jqx-font-family-iotify);
    font-size: var(--jqx-font-size-iotify);
}
.jqx-widget-iotify {
    font-family: var(--jqx-font-family-iotify);
    font-size: var(--jqx-font-size-iotify);
    color: var(--jqx-text-color-iotify);
}
.jqx-widget-content-iotify {
    font-family: var(--jqx-font-family-iotify);
    font-size: var(--jqx-font-size-iotify);
    color: var(--jqx-text-color-iotify);
    background-color: var(--jqx-background-color-iotify);
    border-color: var(--jqx-border-color-iotify);
}
.jqx-widget-header-iotify {
    background-color: var(--jqx-header-background-color-iotify);
    border-color: var(--jqx-border-color-iotify);
    color: var(--jqx-header-text-color-iotify);
    font-weight: 500;
    *zoom: 1;
    font-family: var(--jqx-font-family-iotify);
    background: var(--jqx-header-background-color-iotify);;
    color: var(--jqx-header-text-color-iotify);
    font-size: var(--jqx-font-size-iotify);
}
.jqx-fill-state-normal-iotify {
    border-color: var(--jqx-accent-color-iotify);
    *zoom: 1;
    background: var(--jqx-background-color-iotify);
}
.jqx-widget-iotify input::selection, input.jqx-input-widget-iotify::selection, .jqx-widget-content-iotify input::selection {
    background: var(--jqx-accent-color-iotify);
    color: var(--jqx-background-color-iotify);
}
.jqx-toolbar-iotify{
    background-color: var(--jqx-toolbar-background-color-iotify);
     border-color: var(--jqx-border-color-iotify);
}
.jqx-button-iotify, jqx-button-iotify.jqx-fill-state-normal-iotify {
    color: var(--jqx-button-default-text-color-iotify);
    background: var(--jqx-button-default-background-color-iotify);
    border-color: var(--jqx-button-default-background-color-iotify);
    *zoom: 1;
    outline: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: var(--jqx-border-radius-iotify);
}
.jqx-button-iotify button, jqx-button-iotify input {
    background: transparent;
    color: inherit;
    border:none;
    outline: none;
}
.jqx-slider-button-iotify {
    padding:3px;
    background: transparent;
    border:transparent;
}
.jqx-button-iotify.float {
        border-radius: 100%;
        min-height: 48px;
        min-width: 48px;
        width: 48px;
        height: 48px;
        max-height: 48px;
        max-width:48px;
    }
.jqx-button-iotify.outlined {
        background: transparent;
        color: var(--jqx-accent-color-iotify);
        border-width: 2px;
    }
.jqx-button-iotify.flat {
        background: transparent;
        color: var(--jqx-accent-color-iotify);
        border: none;
    }
.jqx-fill-state-hover-iotify, .jqx-fill-state-focus-iotify {
   font-size: 12px !important;
}
.jqx-expander-header.jqx-fill-state-hover-iotify,
.jqx-expander-header.jqx-fill-state-normal-iotify
{
     background-color: var(--jqx-accordion-item-title-background-color-iotify) !important;
     border-color: var(--jqx-accordion-item-title-border-color-iotify);
     color: var(--jqx-accordion-item-title-text-color-iotify) !important;
}
.jqx-expander-header.jqx-fill-state-pressed-iotify {
   background-color: var(--jqx-accordion-item-title-selected-background-color-iotify) !important;
   border-color: var(--jqx-accordion-item-title-selected-border-color-iotify);
   color: var(--jqx-accordion-item-title-selected-text-color-iotify) !important;
}
.jqx-expander-header.jqx-fill-state-hover-iotify {
   background-color: var(--jqx-accordion-item-title-hovered-background-color-iotify) !important;
   color: var(--jqx-accordion-item-title-hovered-text-color-iotify) !important;
   border-color: var(--jqx-accordion-item-title-hovered-border-color-iotify) !important;
}
.jqx-expander-header.jqx-fill-state-focus-iotify {
   border-color: var(--jqx-accordion-item-title-focused-border-color-iotify) !important;
}
.jqx-expander-content-iotify {
    background-color: var(--jqx-accordion-item-background-color-iotify);
    color: var(--jqx-accordion-item-text-color-iotify);
}
.jqx-expander-content.jqx-fill-state-focus-iotify {
   border-color: var(--jqx-accordion-item-focused-border-color-iotify) !important;
   background-color: var(--jqx-accordion-item-focused-background-color-iotify);
   color: var(--jqx-accordion-item-focused-text-color-iotify);
}
.jqx-expander-header-iotify {
    padding:10px;
}
.jqx-button-iotify.jqx-fill-state-hover {
    opacity: 0.9;
    cursor: pointer;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    *zoom: 1;
    color: var(--jqx-button-default-hovered-state-text-color-iotify);
}
.jqx-button-iotify.jqx-fill-state-hover.outlined,
    .jqx-button-iotify.jqx-fill-state-hover.flat {
        color: var(--jqx-accent-color-iotify);
        box-shadow: none;
    }
.jqx-button-iotify.jqx-fill-state-pressed {
    cursor: pointer;
    background: var(--jqx-accent-color-iotify);
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-button-iotify.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-slider-button-iotify.jqx-fill-state-pressed-iotify,
    .jqx-button-iotify.jqx-fill-state-pressed.outlined,
    .jqx-button-iotify.jqx-fill-state-pressed.flat {
        background: rgba(179,229,252,0.15);
        box-shadow: none;
        color: var(--jqx-accent-color-iotify); 
    }
.jqx-button-iotify.jqx-fill-state-focus {
    background: var(--jqx-button-default-focused-state-background-color-iotify);
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-slider-button-iotify.jqx-fill-state-focus-iotify {
      background: transparent;
      border-color: transparent;
      box-shadow:none;
  }
.jqx-button-iotify.jqx-fill-state-focus.outlined,
    .jqx-button-iotify.jqx-fill-state-focus.flat {
        box-shadow: none;
        background: rgba(99,0,238,0.15);
        color: #55882F;
    }
.jqx-dropdownlist-state-normal-iotify, .jqx-dropdownlist-state-hover-iotify, .jqx-dropdownlist-state-selected-iotify,
.jqx-scrollbar-button-state-hover-iotify, .jqx-scrollbar-button-state-normal-iotify, .jqx-scrollbar-button-state-pressed-iotify,
.jqx-scrollbar-thumb-state-normal-horizontal-iotify, .jqx-scrollbar-thumb-state-hover-horizontal-iotify, .jqx-scrollbar-thumb-state-pressed-horizontal-iotify,
.jqx-scrollbar-thumb-state-normal-iotify, .jqx-scrollbar-thumb-state-pressed-iotify, .jqx-tree-item-hover-iotify, .jqx-tree-item-selected-iotify,
.jqx-tree-item-iotify, .jqx-menu-item-iotify, .jqx-menu-item-hover-iotify, .jqx-menu-item-selected-iotify, .jqx-menu-item-top-iotify, .jqx-menu-item-top-hover-iotify,
.jqx-menu-item-top-selected-iotify, .jqx-slider-button-iotify, .jqx-slider-slider-iotify {
    transition: background-color 100ms linear;
}
.jqx-primary-iotify.jqx-input-label-iotify {
   color: var(--jqx-button-primary-text-color-iotify) !important; 
}
.jqx-primary-iotify.jqx-input-bar-iotify:before {
   background: var(--jqx-button-primary-text-color-iotify) !important;
}
.jqx-success-iotify.jqx-input-label-iotify {
   color: var(--jqx-button-success-text-color-iotify) !important;
}
.jqx-success-iotify.jqx-input-bar-iotify:before {
   background: var(--jqx-button-success-text-color-iotify) !important;
}
.jqx-inverse-iotify.jqx-input-label-iotify {
   color: #666 !important;
}
.jqx-inverse-iotify.jqx-input-bar-iotify:before {
   background: #666 !important;
}
.jqx-danger-iotify.jqx-input-label-iotify {
   color: var(--jqx-button-danger-text-color-iotify) !important;
}
.jqx-danger-iotify.jqx-input-bar-iotify:before {
   background: var(--jqx-button-danger-text-color-iotify) !important;
}
.jqx-warning-iotify.jqx-input-label-iotify {
   color: var(--jqx-button-warning-text-color-iotify) !important;
}
.jqx-warning-iotify.jqx-input-bar-iotify:before {
   background: var(--jqx-button-warning-text-color-iotify) !important;
}
.jqx-info-iotify.jqx-input-label-iotify {
   color: var(--jqx-button-info-text-color-iotify) !important;
}
.jqx-info-iotify.jqx-input-bar-iotify:before {
   background: var(--jqx-button-info-text-color-iotify) !important;
}
.jqx-slider-tooltip-iotify.jqx-primary-slider, .jqx-slider-tooltip-iotify.jqx-primary-slider .jqx-fill-state-normal-iotify {
    border-color: var(--jqx-button-primary-text-color-iotify);
    background: var(--jqx-button-primary-text-color-iotify);
}
.jqx-slider-tooltip-iotify.jqx-success-slider, .jqx-slider-tooltip-iotify.jqx-success-slider .jqx-fill-state-normal-iotify {
    border-color: var(--jqx-button-success-text-color-iotify);
    background: var(--jqx-button-success-text-color-iotify);
}
.jqx-slider-tooltip-iotify.jqx-inverse-slider, .jqx-slider-tooltip-iotify.jqx-inverse-slider .jqx-fill-state-normal-iotify {
    border-color: #666;
    background: #666;
}
.jqx-slider-tooltip-iotify.jqx-danger-slider, .jqx-slider-tooltip-iotify.jqx-danger-slider .jqx-fill-state-normal-iotify {
    border-color: var(--jqx-button-danger-text-color-iotify);
    background: var(--jqx-button-danger-text-color-iotify);
}
.jqx-slider-tooltip-iotify.jqx-warning-slider, .jqx-slider-tooltip-iotify.jqx-warning-slider .jqx-fill-state-normal-iotify {
    border-color: var(--jqx-button-warning-text-color-iotify);
    background: var(--jqx-button-warning-text-color-iotify);
}
.jqx-slider-tooltip-iotify.jqx-info-slider, .jqx-slider-tooltip-iotify.jqx-info-slider .jqx-fill-state-normal-iotify {
    border-color: var(--jqx-button-info-text-color-iotify);;
    background: var(--jqx-button-info-text-color-iotify);;
}
.jqx-primary-iotify {
    color: var(--jqx-button-primary-text-color-iotify) !important;
    background: var(--jqx-button-primary-background-color-iotify) !important;
    border-color: var(--jqx-button-primary-text-color-iotify) !important;
    text-shadow: none !important;
}
.jqx-primary-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-primary-iotify.jqx-slider-button-iotify,
    .jqx-primary-iotify.jqx-slider-slider-iotify,
    .jqx-primary-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-primary-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-primary-iotify.jqx-action-button-iotify,
    .jqx-primary-iotify:hover,    
    .jqx-primary-iotify:active,
    .jqx-primary-iotify.active,
    .jqx-primary-iotify.disabled,
    .jqx-primary-iotify[disabled] {
        color: var(--jqx-button-primary-hovered-state-text-color-iotify) !important;
        background: var(--jqx-button-primary-hovered-state-background-color-iotify) !important;
        border-color: var(--jqx-button-primary-hovered-state-background-color-iotify) !important;
        text-shadow: none !important;
    }
.jqx-primary-iotify:focus {
        color: var(--jqx-button-primary-focused-state-text-color-iotify) !important;
        background: var(--jqx-button-primary-focused-state-background-color-iotify) !important;
        border-color: var(--jqx-button-primary-focused-state-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify.jqx-primary-iotify,
    .jqx-primary-iotify:active,
    .jqx-primary-iotify.active {
        color:var(--jqx-button-primary-active-state-text-color-iotify) !important;
        background-color: var(--jqx-button-primary-active-state-background-color-iotify) !important;
        border-color: var(--jqx-button-primary-active-state-background-color-iotify) !important;
        text-shadow: none !important;
    }
.jqx-success-iotify {
    color: var(--jqx-button-success-text-color-iotify) !important;
    background: var(--jqx-button-success-background-color-iotify) !important;
    border-color: var(--jqx-button-success-text-color-iotify) !important;
    text-shadow: none !important;
}
.jqx-success-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-success-iotify.jqx-slider-button-iotify,
    .jqx-success-iotify.jqx-slider-slider-iotify,
    .jqx-success-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-success-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-success-iotify.jqx-action-button-iotify,
    .jqx-success-iotify:hover
    .jqx-success-iotify:active,
    .jqx-success-iotify.active,
    .jqx-success-iotify.disabled,
    .jqx-success-iotify[disabled] {
        color: var(--jqx-button-success-hovered-state-text-color-iotify) !important;
        background: var(--jqx-button-success-hovered-state-background-color-iotify) !important;
        border-color: var(--jqx-button-success-hovered-state-background-color-iotify) !important;
        text-shadow: none !important;
    }
.jqx-success-iotify:focus {
        color: var(--jqx-button-success-focused-state-text-color-iotify) !important;
        background: var(--jqx-button-success-focused-state-background-color-iotify) !important;
        border-color: var(--jqx-button-success-focused-state-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify.jqx-success-iotify,
    .jqx-success-iotify:active,
    .jqx-success-iotify.active {
        color:var(--jqx-button-success-active-state-text-color-iotify) !important;
        background-color: var(--jqx-button-success-active-state-background-color-iotify) !important;
        border-color: var(--jqx-button-success-active-state-background-color-iotify) !important;
        text-shadow: none !important;
    }
.jqx-inverse-iotify {
    text-shadow: none !important;
    color: #666 !important;
    background: #fff !important;
    border-color: #cccccc !important;
}
.jqx-inverse-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-inverse-iotify.jqx-slider-button-iotify,
    .jqx-inverse-iotify.jqx-slider-slider-iotify,
    .jqx-inverse-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-inverse-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-inverse-iotify.jqx-action-button-iotify,
    .jqx-inverse-iotify:hover,
    .jqx-inverse-iotify:focus,
    .jqx-inverse-iotify:active,
    .jqx-inverse-iotify.active,
    .jqx-inverse-iotify.disabled,
    .jqx-inverse-iotify[disabled] {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-fill-state-pressed-iotify.jqx-inverse-iotify,
    .jqx-inverse-iotify:active,
    .jqx-inverse-iotify.active {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-danger-iotify {
    text-shadow: none !important;
    color: var(--jqx-button-danger-text-color-iotify) !important;
    background: var(--jqx-button-danger-background-color-iotify) !important;
    border-color: var(--jqx-button-danger-text-color-iotify) !important;
}
.jqx-danger-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-danger-iotify.jqx-slider-button-iotify,
    .jqx-danger-iotify.jqx-slider-slider-iotify,
    .jqx-danger-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-danger-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-danger-iotify.jqx-action-button-iotify,
    .jqx-danger-iotify:hover,
    .jqx-danger-iotify:active,
    .jqx-danger-iotify.active,
    .jqx-danger-iotify.disabled,
    .jqx-danger-iotify[disabled] {
        text-shadow: none !important;
        color: var(--jqx-button-danger-hovered-state-text-color-iotify) !important;
        background: var(--jqx-button-danger-hovered-state-background-color-iotify) !important;
        border-color: var(--jqx-button-danger-hovered-state-background-color-iotify) !important;
    }
.jqx-danger-iotify:focus {
        color: var(--jqx-button-danger-focused-state-text-color-iotify) !important;
        background: var(--jqx-button-danger-focused-state-background-color-iotify) !important;
        border-color: var(--jqx-button-danger-focused-state-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify.jqx-danger-iotify,
    .jqx-danger-iotify:active,
    .jqx-danger-iotify.active {
        text-shadow: none !important;
        color:var(--jqx-button-danger-active-state-text-color-iotify) !important;
        background-color: var(--jqx-button-danger-active-state-background-color-iotify) !important;
        border-color: var(--jqx-button-danger-active-state-background-color-iotify) !important;
    }
.jqx-validator-error-label-iotify {
    color: #d9534f !important;
}
.jqx-warning-iotify {
    text-shadow: none !important;
    color: var(--jqx-button-warning-text-color-iotify) !important;
    background: var(--jqx-button-warning-background-color-iotify) !important;
    border-color: var(--jqx-button-warning-text-color-iotify) !important;
}
.jqx-warning-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-warning-iotify.jqx-slider-button-iotify,
    .jqx-warning-iotify.jqx-slider-slider-iotify,
    .jqx-warning-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-warning-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-warning-iotify.jqx-action-button-iotify,
    .jqx-warning-iotify:hover
    .jqx-warning-iotify:active,
    .jqx-warning-iotify.active,
    .jqx-warning-iotify.disabled,
    .jqx-warning-iotify[disabled] {
        text-shadow: none !important;
        color: var(--jqx-button-warning-hovered-state-text-color-iotify) !important;
        background: var(--jqx-button-warning-hovered-state-background-color-iotify) !important;
        border-color: var(--jqx-button-warning-hovered-state-background-color-iotify) !important;
    }
.jqx-warning-iotify:focus {
        color: var(--jqx-button-warning-focused-state-text-color-iotify) !important;
        background: var(--jqx-button-warning-focused-state-background-color-iotify) !important;
        border-color: var(--jqx-button-warning-focused-state-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify.jqx-warning-iotify,
    .jqx-warning-iotify:active,
    .jqx-warning-iotify.active {
        text-shadow: none !important;
        color:var(--jqx-button-warning-active-state-text-color-iotify) !important;
        background-color: var(--jqx-button-warning-active-state-background-color-iotify) !important;
        border-color: var(--jqx-button-warning-active-state-background-color-iotify) !important;
    }
.jqx-info-iotify {
    text-shadow: none !important;
    color: var(--jqx-button-info-text-color-iotify) !important;
    background: var(--jqx-button-info-background-color-iotify) !important;
    border-color: var(--jqx-button-info-text-color-iotify) !important;
}
.jqx-info-iotify.jqx-dropdownlist-state-normal-iotify,
    .jqx-info-iotify.jqx-slider-button-iotify,
    .jqx-info-iotify.jqx-slider-slider-iotify,
    .jqx-info-iotify.jqx-combobox-arrow-hover-iotify,
    .jqx-info-iotify.jqx-combobox-arrow-normal-iotify,
    .jqx-info-iotify.jqx-action-button-iotify,
    .jqx-info-iotify:hover,
    .jqx-info-iotify:active,
    .jqx-info-iotify.active,
    .jqx-info-iotify.disabled,
    .jqx-info-iotify[disabled] {
        color: var(--jqx-button-info-hovered-state-text-color-iotify) !important;
        background: var(--jqx-button-info-hovered-state-background-color-iotify) !important;
        border-color: var(--jqx-button-info-hovered-state-background-color-iotify) !important;
        text-shadow: none !important;
    }
.jqx-info-iotify:focus {
        color: var(--jqx-button-info-focused-state-text-color-iotify) !important;
        background: var(--jqx-button-info-focused-state-background-color-iotify) !important;
        border-color: var(--jqx-button-info-focused-state-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify.jqx-info-iotify,
    .jqx-info-iotify:active,
    .jqx-info-iotify.active {
        text-shadow: none !important;
        color:var(--jqx-button-info-active-state-text-color-iotify) !important;
        background-color: var(--jqx-button-info-active-state-background-color-iotify) !important;
        border-color: var(--jqx-button-info-active-state-background-color-iotify) !important;
    }
.jqx-loader-iotify, .jqx-popover-content-iotify {
        color: var(--jqx-overlays-content-text-color-iotify);
        background-color: var(--jqx-overlays-content-background-color-iotify);
    }
.jqx-popover-modal-background-iotify {
        background-color: var(--jqx-overlays-shader-background-color-iotify);
    }
.jqx-popover-title-iotify {
        color: var(--jqx-overlays-popup-header-text-color-iotify) !important;
        background-color: var(--jqx-overlays-popup-header-background-color-iotify) !important;
    }
.jqx-loader-text-iotify {
        color: var(--jqx-overlays-content-text-color-iotify);
    }
.jqx-notification-iotify {
        color: var(--jqx-overlays-toast-text-color-iotify) !important;
    }
.jqx-notification-info.jqx-notification-iotify {
        background-color: var(--jqx-overlays-toast-info-background-color-iotify) !important;
        border-color: var(--jqx-overlays-toast-info-background-color-iotify) !important;
    }
.jqx-notification-warning.jqx-notification-iotify {
        background-color: var(--jqx-overlays-toast-warning-background-color-iotify) !important;
        border-color: var(--jqx-overlays-toast-warning-background-color-iotify) !important;
    }
.jqx-notification-error.jqx-notification-iotify {
        background-color: var(--jqx-overlays-toast-error-background-color-iotify) !important;
        border-color: var(--jqx-overlays-toast-error-background-color-iotify) !important;
    }
.jqx-notification-success.jqx-notification-iotify {
        background-color: var(--jqx-overlays-toast-success-background-color-iotify) !important;
        border-color: var(--jqx-overlays-toast-success-background-color-iotify) !important;
    }
.jqx-fill-state-pressed-iotify {
    background-image: none;
    outline: 0;
}
.jqx-grid-group-column-iotify {
    border-color: transparent;
}
.jqx-grid-column-menubutton-iotify {
    border-width: 0px;
}
.jqx-grid-groups-row-iotify > span {
    padding-left: 4px;
}
.jqx-grid-cell-iotify, .jqx-grid-group-cell-iotify {
    box-shadow: none;
    background-color: var(--jqx-grid-row-background-color-iotify);
    color: var(--jqx-grid-row-text-color-iotify);
}
.jqx-grid-cell-alt-iotify {
    background-color: var(--jqx-grid-row-alternation-background-color-iotify) !important;
    color: var(--jqx-grid-row-alternation-text-color-iotify) !important;
}
.jqx-grid-pager-top-iotify .jqx-button-iotify,
.jqx-grid-pager-iotify .jqx-button-iotify {
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    position: relative;
    height:30px !important;
    width:30px !important;
    border-radius:50%;
    top: -4px;
}
.jqx-grid-pager-input-iotify  {
    padding:0px !important;
}
.jqx-grid-pager-top-iotify .jqx-button-iotify > div,
.jqx-grid-pager-iotify .jqx-button-iotify > div {
    top: 3px;
    position: relative;
    left: 2px;
}
.jqx-grid-pager-top-iotify .jqx-button-iotify.jqx-fill-state-hover,
.jqx-grid-pager-top-iotify .jqx-button-iotify.jqx-fill-state-pressed,
.jqx-grid-pager-iotify .jqx-button-iotify.jqx-fill-state-hover,
.jqx-grid-pager-iotify .jqx-button-iotify.jqx-fill-state-pressed
{
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;    
}
.jqx-grid-pager-top-iotify .jqx-grid-pager-number-iotify,
.jqx-grid-pager-iotify .jqx-grid-pager-number-iotify {

    background-color: transparent;
    border-color: transparent;
    color: rgba(0,0,0,.54) !important;
    font-size:12px;
}
.jqx-grid-pager-top-iotify .jqx-grid-pager-number-iotify:hover,
.jqx-grid-pager-iotify .jqx-grid-pager-number-iotify:hover {
    font-size:12px;
}
.jqx-grid-pager-top-iotify .jqx-grid-pager-number-iotify.jqx-fill-state-pressed-iotify ,
.jqx-grid-pager-iotify .jqx-grid-pager-number-iotify.jqx-fill-state-pressed-iotify {
    color: var(--jqx-accent-color-iotify) !important;
    font-weight: bold !important;
}
.jqx-grid-column-menubutton-iotify {
    background-color: transparent;
    border-color: #E0E0E0 !important;
}
.jqx-grid-column-header-iotify, .jqx-grid-groups-header-iotify, .jqx-grid-pager-iotify {
    background-color: var(--jqx-grid-header-background-color-iotify) !important;
    color: var(--jqx-grid-header-text-color-iotify) !important;
    font-weight: var(--jqx-grid-header-text-weight-iotify);
}
.jqx-grid-group-expand-iotify + div, .jqx-grid-group-collapse-iotify + div {
    background-color: var(--jqx-grid-group-row-background-color-iotify);
    color: var(--jqx-grid-group-row-text-color-iotify);
}
.jqx-grid-cell-pinned-iotify {
    background-color: var(--jqx-grid-pinned-cells-background-color-iotify) !important;
}
#groupsheadergrid .jqx-fill-state-normal-iotify {
    background-color: var(--jqx-grid-background-color-iotify) !important;
}
.jqx-cell-iotify {
    font-size: 13px;
}
.jqx-calendar-iotify > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-row-header-iotify, .jqx-calendar-top-left-header-iotify {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}
.jqx-calendar-title-header-iotify {
    color: var(--jqx-editors-calendar-header-text-color-iotify);
    background-color: var(--jqx-editors-calendar-header-background-color-iotify);
}
.jqx-calendar-column-header-iotify {
    color: var(--jqx-editors-calendar-header-text-color-iotify);
    background-color: var(--jqx-editors-calendar-header-background-color-iotify);
    border-top: 1px solid var(--jqx-editors-calendar-header-background-color-iotify);
    border-bottom: 1px solid var(--jqx-editors-calendar-header-background-color-iotify);
}
.jqx-calendar-month-container-iotify {
    background-color: var(--jqx-editors-calendar-background-color-iotify);
}
.jqx-calendar-cell-month-iotify {
    color: var(--jqx-editors-calendar-current-month-text-color-iotify) !important;
}
.jqx-calendar-cell-othermonth-iotify {
    color: var(--jqx-editors-calendar-other-month-text-color-iotify) !important;
}
.jqx-calendar-cell-today-iotify {
    color: var(--jqx-editors-calendar-today-cell-text-color-iotify) !important;
    background-color: var(--jqx-editors-calendar-today-cell-background-color-iotify);
    border-color: var(--jqx-editors-calendar-today-cell-border-color-iotify);
}
.jqx-calendar-cell-hover-iotify {
    color: var(--jqx-editors-calendar-hovered-cell-text-color-iotify) !important;
    background-color: var(--jqx-editors-calendar-hovered-cell-background-color-iotify);
    border-color: var(--jqx-editors-calendar-hovered-cell-background-color-iotify); 
}
.jqx-calendar-cell-selected-iotify {
    color: var(--jqx-editors-calendar-selected-cell-text-color-iotify) !important;
    background-color: var(--jqx-editors-calendar-selected-cell-background-color-iotify);
    border-color: var(--jqx-editors-calendar-selected-cell-background-color-iotify);
}
.jqx-expander-header-iotify {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jqx-ribbon-header-vertical-iotify, .jqx-widget-header-vertical-iotify {
    background: #fff;
}
.jqx-scrollbar-state-normal-iotify {
    background-color: var(--jqx-scrollbar-scrollbar-background-color-iotify);
    border: 1px solid #f5f5f5;
    border-left-color: #ddd;
}
.jqx-scrollbar-button-state-normal-iotify {
    background-color: var(--jqx-scrollbar-scrollbar-arrow-background-color-iotify);
}
.jqx-scrollbar-button-state-hover-iotify {
    background: var(--jqx-scrollbar-scrollbar-arrow-hovered-background-color-iotify);
}
.jqx-scrollbar-button-state-pressed-iotify {
    background: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-iotify) !important;
    /* border-color: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-iotify); */
}
.jqx-scrollbar-thumb-state-normal-iotify, .jqx-scrollbar-thumb-state-normal-horizontal-iotify {
    background: var(--jqx-scrollbar-scrollbar-thumb-background-color-iotify);
    border-color: #b3b3b3;
}
.jqx-scrollbar-thumb-state-hover-iotify, .jqx-scrollbar-thumb-state-hover-horizontal-iotify {
    background: var(--jqx-scrollbar-scrollbar-thumb-hovered-background-color-iotify);
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
/* scrollbar arrow up */
.jqx-scrollbar-button-state-normal-iotify .jqx-icon-arrow-up-iotify {
    background-image: var(--jqx-scrollbar-arrow-up-color-iotify);
}
.jqx-scrollbar-button-state-hover-iotify .jqx-icon-arrow-up-hover-iotify {
    background-image: var(--jqx-scrollbar-arrow-up-hovered-color-iotify);
}
.jqx-scrollbar-button-state-pressed-iotify .jqx-icon-arrow-up-selected-iotify {
    background-image: var(--jqx-scrollbar-arrow-up-active-color-iotify);
}
/* scrollbar arrow down */
.jqx-scrollbar-button-state-normal-iotify .jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-scrollbar-arrow-down-color-iotify);
}
.jqx-scrollbar-button-state-hover-iotify .jqx-icon-arrow-down-hover-iotify {
    background-image: var(--jqx-scrollbar-arrow-down-hovered-color-iotify);
}
.jqx-scrollbar-button-state-pressed-iotify .jqx-icon-arrow-down-selected-iotify {
    background-image: var(--jqx-scrollbar-arrow-down-active-color-iotify);
}
/* scrollbar arrow left */
.jqx-scrollbar-button-state-normal-iotify .jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-scrollbar-arrow-left-color-iotify);
}
.jqx-scrollbar-button-state-hover-iotify .jqx-icon-arrow-left-hover-iotify {
    background-image: var(--jqx-scrollbar-arrow-left-hovered-color-iotify);
}
.jqx-scrollbar-button-state-pressed-iotify .jqx-icon-arrow-left-selected-iotify{
    background-image: var(--jqx-scrollbar-arrow-left-active-color-iotify);
}
/* scrollbar arrow right */
.jqx-scrollbar-button-state-normal-iotify .jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-scrollbar-arrow-right-color-iotify);
}
.jqx-scrollbar-button-state-hover-iotify .jqx-icon-arrow-right-hover-iotify {
    background-image: var(--jqx-scrollbar-arrow-right-hovered-color-iotify);
}
.jqx-scrollbar-button-state-pressed-iotify .jqx-icon-arrow-right-selected-iotify {
    background-image: var(--jqx-scrollbar-arrow-right-active-color-iotify);
}
.jqx-scrollview-button-iotify {
    background-color: var(--jqx-scrollview-indicator-background-color-iotify);
}
.jqx-scrollview-button-selected-iotify {
    background-color: var(--jqx-scrollview-selected-indicator-background-color-iotify);
}
.jqx-progressbar-iotify {
    background: var(--jqx-progressbar-bar-background-color-iotify) !important;
    box-shadow: none;
}
.jqx-progressbar-value-iotify, .jqx-progressbar-value-vertical-iotify {
    background: var(--jqx-progressbar-selected-range-background-color-iotify);
}
.jqx-progressbar-text-iotify {
    color: var(--jqx-progressbar-label-color-iotify);
}
.jqx-splitter-collapse-button-vertical-iotify, .jqx-splitter-collapse-button-horizontal-iotify {
    background: var(--jqx-accent-color-iotify);
}
.jqx-scrollbar-thumb-state-pressed-iotify, .jqx-splitter-splitbar-vertical-iotify, .jqx-splitter-splitbar-horizontal-iotify, .jqx-scrollbar-thumb-state-pressed-horizontal-iotify,
.jqx-scrollbar-button-state-pressed-iotify {
    background: var(--jqx-scrollbar-scrollbar-thumb-active-background-color-iotify);
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-grid-column-sortdescbutton-iotify, jqx-grid-column-filterbutton-iotify, .jqx-grid-column-sortascbutton-iotify {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: var(--jqx-border-color-iotify);
}
.jqx-menu-vertical-iotify, .jqx-menu-horizontal-iotify {
    background: var(--jqx-menu-background-color-iotify);
    filter: none;
}
.jqx-menu-dropdown-iotify {
    background-color: var(--jqx-menu-dropdown-background-color-iotify);
}
.jqx-grid-bottomright-iotify, .jqx-panel-bottomright-iotify, .jqx-listbox-bottomright-iotify {
    background-color: #fafafa;
}
.jqx-window-iotify, .jqx-tooltip-iotify {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}
.jqx-tooltip-iotify, .jqx-tooltip-iotify.jqx-popup-iotify, .jqx-tooltip-iotify .jqx-fill-state-normal-iotify {
    background: var(--jqx-overlays-tooltip-background-color-iotify);
    border-color: var(--jqx-overlays-tooltip-background-color-iotify);
    box-shadow: none;
    color: var(--jqx-overlays-tooltip-text-color-iotify);
}
.jqx-docking-iotify .jqx-window-iotify {
    box-shadow: none;
}
.jqx-docking-panel-iotify .jqx-window-iotify {
    box-shadow: none;
}
.jqx-checkbox-iotify {
    line-height:20px;
    overflow: visible;
}
.jqx-radiobutton-iotify {
    overflow: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
    line-height:20px;
}
.jqx-radiobutton-iotify-iotify, .jqx-radiobutton-hover-iotify {
    border-radius: 100%;
    background-repeat: no-repeat;
    transition: background-color ease-in .3s;
}
.jqx-radiobutton-check-checked-iotify {
    filter: none;
    background: var(--jqx-background-color-iotify);
    background-repeat: no-repeat;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-iotify {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-disabled-iotify {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-checkbox-default-iotify,
.jqx-radiobutton-default-iotify
 {
    border-width: 1px;
    border-color: var(--jqx-border-color-iotify);
    background-color: var(--jqx-background-color-iotify);
    overflow: visible;
}
.jqx-tree-iotify .jqx-checkbox-iotify .jqx-checkbox-default-iotify,
.jqx-checkbox-iotify[checked] .jqx-checkbox-default-iotify,
.jqx-tree-grid-checkbox[checked].jqx-checkbox-default-iotify,
.jqx-radiobutton-iotify[checked] .jqx-radiobutton-default-iotify
 {
    background-color: var(--jqx-accent-color-iotify);
    border-color: var(--jqx-accent-color-iotify);
}
.jqx-checkbox-check-checked-iotify {
    background: transparent url('material_check_white.png') center center no-repeat;
}
.jqx-checkbox-check-indeterminate-iotify {
    width:14px !important;
    height:14px !important;
    position:relative;
    top: 1px;
    left: 1px;
    background: white;
}
.jqx-tree-iotify .jqx-checkbox-check-indeterminate-iotify {
    width:12px !important;
    height:12px !important;
    top: 2px;
    left:2px;
}
.jqx-checkbox-hover-iotify,
.jqx-radiobutton-hover-iotify {
    background-color: var(--jqx-accent-color-iotify);
    border-color: var(--jqx-accent-color-iotify);
}
.jqx-slider-slider-iotify {
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}
.jqx-slider-slider-iotify:active {
    transform: scale(1.2);
    box-shadow: rgba(0,0,0,0.3) 0 0 10px;
}
.jqx-slider-iotify[discrete] .jqx-slider-slider-iotify:active
 {
    transform: scaleX(0);
    
}
.jqx-slider-slider-horizontal-iotify, .jqx-slider-slider-vertical-iotify {
    background: var(--jqx-slider-slider-thumb-color-iotify);
    border-color: var(--jqx-slider-slider-thumb-color-iotify);  
}
.jqx-slider-has-value-iotify.jqx-fill-state-focus-iotify,
.jqx-slider-button-iotify.jqx-fill-state-focus-iotify {
    border-color: var(--jqx-slider-focused-border-color-iotify) !important;
}
.jqx-slider-tooltip-iotify {
    width: 25px;
    height: 25px;
    transform-origin: 50% 100%;
    border-radius: 50%;
    transform: scale(0) rotate(45deg);
    padding:0px;
    background: transparent !important;
}
.jqx-slider-tooltip-iotify.init {
     transform: scale(1) rotate(45deg);
}
.jqx-slider-tooltip-iotify.hide {
     transition: transform 0.2s ease;
     transform-origin:50% 100%;
     transform: scale(0) rotate(45deg); 
}
.jqx-slider-tooltip-iotify.show {
     transition: transform 0.2s ease;
     transform: scale(1) rotate(45deg); 
}
.jqx-slider-tooltip-iotify .jqx-tooltip-arrow-t-b,
.jqx-slider-tooltip-iotify .jqx-tooltip-arrow-l-r {
    display:none;
    visibility:hidden;
}
.jqx-slider-tooltip-iotify, .jqx-slider-tooltip-iotify .jqx-fill-state-normal-iotify {
    border-radius: 15px 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--jqx-slider-tooltip-background-color-iotify); 
    color: var(--jqx-slider-tooltip-text-color-iotify);
    border-color: var(--jqx-slider-tooltip-border-color-iotify);
    font-size:11px;
}
.jqx-slider-tooltip-iotify.far, .jqx-slider-tooltip-iotify.far .jqx-fill-state-normal-iotify {
   border-radius: 0px 15px 15px 15px; 
}
.jqx-slider-tooltip-iotify.vertical, .jqx-slider-tooltip-iotify.vertical .jqx-fill-state-normal-iotify {
   border-radius: 15px 0px 15px 15px; 
}
.jqx-slider-tooltip-iotify.vertical.far, .jqx-slider-tooltip-iotify.vertical.far .jqx-fill-state-normal-iotify {
   border-radius: 15px 15px 15px 0px; 
}
.jqx-slider-tooltip-iotify {
    background:transparent;
    border:none !important;
    box-shadow:none;
}
.jqx-slider-tooltip-iotify .jqx-tooltip-main-iotify {
    top: -7px;
    right: 11px;
}
.jqx-slider-tooltip-iotify.far .jqx-tooltip-main-iotify {
    top: 3px;
    right: 4px;
}
.jqx-slider-tooltip-iotify.vertical .jqx-tooltip-main-iotify {
    top: -3px;
    right: 3px;
}
.jqx-slider-tooltip-iotify .jqx-tooltip-text {
    background: transparent;
    border:none;
    padding: 0px;
    overflow:visible;
}
.jqx-slider-tooltip-iotify .jqx-tooltip-text>span {
     transform: rotate(-45deg);
}
.jqx-slider-tooltip-iotify.range {
    width: 35px;
    height:35px;
}
.jqx-slider-rangebar-iotify {
    border-color: var(--jqx-slider-selected-slider-background-color-iotify);
    background: var(--jqx-slider-selected-slider-background-color-iotify);
}
.jqx-slider-track-horizontal-iotify, .jqx-slider-track-vertical-iotify {
    border-color: var(--jqx-border-color-iotify);
    background: var(--jqx-slider-slider-bar-background-color-iotify);
}
.jqx-slider-button-iotify {
    border-radius: 100%;
}
.jqx-slider-button-iotify.jqx-fill-state-normal-iotify {
    background: var(--jqx-slider-arrows-background-color-iotify) !important;
}
.jqx-slider-button-iotify.jqx-fill-state-hover-iotify {
    background: var(--jqx-slider-arrows-hovered-background-color-iotify) !important;
}
.jqx-slider-button-iotify.jqx-fill-state-pressed-iotify {
    background: var(--jqx-slider-arrows-selected-background-color-iotify) !important;
}
.jqx-listitem-state-hover-iotify,
.jqx-listitem-state-selected-iotify,
.jqx-listitem-state-normal-iotify {
    padding: 5px;
    margin:0px;
}
.jqx-listitem-state-normal-iotify, .jqx-listmenu-item-iotify.jqx-fill-state-normal-iotify {
    color: var(--jqx-list-text-color-iotify);
    background-color: var(--jqx-list-background-color-iotify);
}
.jqx-listitem-state-group-iotify, .jqx-listmenu-header-iotify {
    color: var(--jqx-list-header-text-color-iotify);
    background-color: var(--jqx-list-header-background-color-iotify);
}
.jqx-menu-item-top-iotify {
    color: var(--jqx-menu-text-color-iotify);
}
.jqx-menu-item-iotify {
    color: var(--jqx-menu-dropdown-text-color-iotify);
}
.jqx-scheduler-edit-dialog-label-iotify {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;

}
.jqx-scheduler-edit-dialog-field-iotify {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-label-rtl-iotify {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-field-rtl-iotify {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/*applied to a list item when the item is selected.*/
.jqx-input-popup-iotify .jqx-fill-state-hover-iotify,
.jqx-input-popup-iotify .jqx-fill-state-pressed-iotify {
    color: var(--jqx-hovered-state-content-text-color-iotify) !important;
    border-color: var(--jqx-hovered-state-content-background-color-iotify);
    text-decoration: none;
    background-color: var(--jqx-hovered-state-content-background-color-iotify);
    background-repeat: repeat-x;
    outline: 0;
    background: var(--jqx-hovered-state-content-background-color-iotify); /* Old browsers */
    box-shadow: none;
    background-position: 0 0;
}
.jqx-tree-item-hover-iotify {
    color: var(--jqx-treeview-hovered-tree-item-color-iotify) !important;
    border-color: var(--jqx-treeview-hovered-tree-item-background-color-iotify);
    background-color: var(--jqx-treeview-hovered-tree-item-background-color-iotify);
    background: var(--jqx-treeview-hovered-tree-item-background-color-iotify); /* Old browsers */
}
.jqx-menu-item-hover-iotify, .jqx-menu-vertical-iotify .jqx-menu-item-top-hover-iotify,
.jqx-menu-item-top-iotify.jqx-fill-state-hover-iotify {
    color: var(--jqx-menu-hovered-item-color-iotify);
    background-color: var(--jqx-menu-hovered-item-background-color-iotify);
    border-color: var(--jqx-menu-hovered-item-background-color-iotify);
}
.jqx-listitem-state-hover-iotify {
    color: var(--jqx-list-hovered-item-state-text-color-iotify) !important;
    border-color: var(--jqx-list-hovered-item-state-background-color-iotify);
    background-color: var(--jqx-list-hovered-item-state-background-color-iotify);
}
.jqx-grid-cell-hover-iotify {
    color: var(--jqx-grid-hovered-row-text-color-iotify) !important;
    background-color: var(--jqx-grid-hovered-row-background-color-iotify) !important;
}
.jqx-scheduler-iotify {
    border-color: var(--jqx-scheduler-header-border-color-iotify);
}
.jqx-scheduler-iotify .jqx-scrollbar-state-normal-iotify {
    border-left-color: var(--jqx-scheduler-header-border-color-iotify);
}
.jqx-scheduler-iotify .jqx-widget-header-iotify{
    color: var(--jqx-scheduler-header-text-color-iotify) !important;
    background-color: var(--jqx-scheduler-header-background-color-iotify) !important;
    border-color: var(--jqx-scheduler-header-border-color-iotify) !important;
}
.jqx-scheduler-all-day-cell-iotify {
    border-color: var(--jqx-scheduler-header-border-color-iotify) !important;
}
.jqx-scheduler-toolbar-iotify .jqx-datetimeinput-iotify {
    border-color: var(--jqx-scheduler-header-border-color-iotify) !important;
}
.jqx-scheduler-toolbar-iotify .jqx-group-button-normal-iotify {
    color: var(--jqx-scheduler-header-buttons-text-color-iotify);
    border-color: var(--jqx-scheduler-header-buttons-background-color-iotify);
    background: var(--jqx-scheduler-header-buttons-background-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-group-button-normal-iotify.jqx-fill-state-hover-iotify {
    color: var(--jqx-scheduler-header-buttons-hovered-text-color-iotify);
    background: var(--jqx-scheduler-header-buttons-hovered-background-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-group-button-normal-iotify.jqx-fill-state-pressed-iotify {
    color: var(--jqx-scheduler-header-buttons-selected-text-color-iotify) !important;
    border-color: var(--jqx-scheduler-header-buttons-selected-background-color-iotify) !important;
    background-color: var(--jqx-scheduler-header-buttons-selected-background-color-iotify) !important;
}
.jqx-scheduler-work-time-cell-iotify, .jqx-scheduler-not-work-time-cell-iotify {
    border-color: var(--jqx-scheduler-border-color-iotify) !important; 
}
.jqx-scheduler-not-work-time-cell-iotify {
    background-color: var(--jqx-scheduler-not-work-time-cells-color-iotify);
}
.jqx-scheduler-cell-hover-iotify {
    border-color: var(--jqx-scheduler-hovered-cell-border-color-iotify) !important;
    background: var(--jqx-scheduler-hovered-cell-background-color-iotify) !important;
}
.jqx-scheduler-toolbar-iotify .jqx-datetimeinput {
    background-color: inherit !important;
}
.jqx-scheduler-toolbar-iotify .jqx-datetimeinput .jqx-action-button-iotify{
    background-color: inherit !important;
}
.jqx-scheduler-toolbar-iotify .jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-scheduler-weeks-arrow-left-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-scheduler-weeks-arrow-right-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-icon-arrow-left-selected-iotify {
    background-image: var(--jqx-scheduler-weeks-arrow-left-selected-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-icon-arrow-right-selected-iotify {
    background-image: var(--jqx-scheduler-weeks-arrow-right-selected-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-icon-calendar {
    background-image: var(--jqx-scheduler-calendar-icon-color-iotify);
}
.jqx-scheduler-toolbar-iotify .jqx-icon-calendar-pressed {
    background-image: var(--jqx-scheduler-calendar-icon-selected-color-iotify);
}
.jqx-grid-selectionarea-iotify,
.jqx-input-button-header-iotify, .jqx-input-button-innerHeader-iotify {
    color: var(--jqx-accent-color-iotify) !important;
    border-color: #E1F5FE !important;
    background: #E1F5FE; /* Old browsers */
    box-shadow: none;
}
.jqx-tree-item-selected-iotify {
    color: var(--jqx-treeview-selected-tree-item-color-iotify) !important;
    border-color: var(--jqx-treeview-selected-tree-item-background-color-iotify) !important;
    background: var(--jqx-treeview-selected-tree-item-background-color-iotify); /* Old browsers */
    box-shadow: none;
}
.jqx-menu-item-selected-iotify, .jqx-menu-vertical-iotify .jqx-menu-item-top-selected-iotify, .jqx-menu-item-top-selected-iotify {
    color: var(--jqx-menu-selected-item-color-iotify) !important;
    border-color: var(--jqx-menu-selected-item-border-color-iotify) !important;
    background-color: var(--jqx-menu-selected-item-background-color-iotify) !important;
    background: var(--jqx-menu-selected-item-background-color-iotify); /* Old browsers */
}
.jqx-listitem-state-selected-iotify, .jqx-listmenu-item-iotify.jqx-fill-state-pressed-iotify {
    color: var(--jqx-list-selected-item-state-text-color-iotify) !important;
    border-color: var(--jqx-list-selected-item-state-background-color-iotify) !important;
    background: var(--jqx-list-selected-item-state-background-color-iotify); /* Old browsers */
}
.jqx-grid-cell-selected-iotify {
    color: var(--jqx-grid-selected-row-text-color-iotify) !important;
    border-color: var(--jqx-grid-selected-row-border-color-iotify) !important;
    background-color: var(--jqx-grid-selected-row-background-color-iotify) !important;
    background: var(--jqx-grid-selected-row-background-color-iotify); /* Old browsers */
    box-shadow: none;
}
.jqx-scheduler-cell-selected-iotify {
    border-color: var(--jqx-scheduler-selected-cell-border-color-iotify) !important;
    background-color: var(--jqx-scheduler-selected-cell-background-color-iotify) !important;
}
.jqx-grid-column-header-iotify .sorticon {
    background-color: inherit !important;
}
.jqx-grid-column-header-iotify .jqx-widget-header-iotify {
    background-color: inherit !important;
}
.jqx-widget-header-iotify.sortasc, .jqx-grid-column-sortascbutton-iotify,
.jqx-widget-header-iotify.sortdesc, .jqx-grid-column-sortdescbutton-iotify {
    background-color: inherit !important;
}
.jqx-grid-cell-iotify .jqx-button-iotify, .jqx-grid-cell-iotify .jqx-button-iotify.jqx-fill-state-hover-iotify, .jqx-grid-cell-iotify .jqx-button-iotify.jqx-fill-state-pressed-iotify {
    box-shadow: none;
    transition: none;
}
.jqx-grid-cell-selected.jqx-grid-cell-edit-iotify input {
    background-color: var(--jqx-grid-editor-background-color-iotify) !important;
    color: var(--jqx-grid-editor-text-color-iotify) !important;
}
#tabletreegrid .jqx-cell-editor-iotify {
    background-color: var(--jqx-grid-editor-background-color-iotify) !important;
    color: var(--jqx-grid-editor-text-color-iotify) !important;
}
.jqx-popup-iotify {
    border: 1px solid var(--jqx-border-color-iotify);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-iotify, .jqx-expander-arrow-bottom-iotify, .jqx-window-collapse-button-iotify, .jqx-menu-item-arrow-up-iotify, .jqx-menu-item-arrow-up-selected-iotify, .jqx-menu-item-arrow-top-up-iotify, .jqx-icon-arrow-up-iotify, .jqx-icon-arrow-up-hover-iotify, .jqx-icon-arrow-up-selected-iotify {
    background-image: url('material-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-iotify .jqx-grid-group-expand-iotify, .jqx-grid-group-expand-iotify, .jqx-grid-column-menubutton-iotify, .jqx-grid-column-sortdescbutton-iotify, .jqx-expander-arrow-top-iotify, .jqx-window-collapse-button-collapsed-iotify, .jqx-menu-item-arrow-down-iotify, .jqx-menu-item-arrow-down-selected-iotify, .jqx-menu-item-arrow-down-iotify, .jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-arrow-down-color-iotify); 
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-down-hover-iotify {
    background-image: var(--jqx-arrow-down-hovered-color-iotify);
}
.jqx-icon-arrow-down-selected-iotify {
    background-image: var(--jqx-arrow-down-selected-color-iotify);
}
.jqx-icon-arrow-left-iotify, .jqx-icon-arrow-down-left-iotify, .jqx-icon-arrow-left-selected-iotify {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-arrow-left-iotify {
    background-image: var(--jqx-tabs-arrow-left-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-arrow-right-iotify {
    background-image: var(--jqx-tabs-arrow-right-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-iotify .jqx-grid-group-collapse-iotify, .jqx-grid-group-collapse-iotify, .jqx-icon-arrow-right-iotify, .jqx-icon-arrow-right-hover-iotify, .jqx-icon-arrow-right-selected-iotify {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-top-left-iotify {
    background-image: var(--jqx-menu-arrow-left-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-top-right-iotify {
    background-image: var(--jqx-menu-arrow-right-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-hover-iotify .jqx-grid-group-expand-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-arrow-down-hovered-color-iotify);
}
.jqx-grid-cell-hover-iotify .jqx-grid-group-expand-rtl-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-arrow-down-hovered-color-iotify);
}
.jqx-grid-cell-hover-iotify .jqx-grid-group-collapse-iotify.jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-grid-arrow-rigth-hovered-color-iotify);
}
.jqx-grid-cell-hover-iotify .jqx-grid-group-collapse-rtl-iotify.jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-grid-arrow-left-hovered-color-iotify);
}
.jqx-grid-group-collapse-iotify.jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-grid-groups-arrow-right-color-iotify);
}
.jqx-grid-group-expand-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-groups-arrow-down-color-iotify);
}
.jqx-grid-group-collapse-rtl-iotify.jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-grid-groups-arrow-left-color-iotify);
}
.jqx-grid-group-expand-rtl-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-groups-arrow-down-color-iotify);
}
.jqx-tree-grid-collapse-button-iotify.jqx-icon-arrow-right-iotify{
    background-image: var(--jqx-grid-arrow-right-color-iotify);
}
.jqx-tree-grid-collapse-button-iotify.jqx-icon-arrow-left-iotify{
    background-image: var(--jqx-grid-arrow-left-color-iotify);
}
.jqx-tree-grid-expand-button-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-arrow-down-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-grid-arrow-left-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-left-hover-iotify {
    background-image: var(--jqx-grid-arrow-left-hovered-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-left-selected-iotify {
    background-image: var(--jqx-grid-arrow-left-selected-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-grid-arrow-right-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-right-hover-iotify {
    background-image: var(--jqx-grid-arrow-right-hovered-color-iotify);
}
.jqx-grid-pager-iotify .jqx-icon-arrow-right-selected-iotify {
    background-image: var(--jqx-grid-arrow-right-selected-color-iotify);
}
.jqx-grid-column-sorticon-iotify.jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-grid-header-arrow-down-color-iotify);
}
.jqx-grid-column-sortdescbutton-iotify {
    background-image: var(--jqx-grid-header-arrow-down-color-iotify);
}
.jqx-grid-column-sortascbutton-iotify {
    background-image: var(--jqx-grid-header-arrow-up-color-iotify);
}
.jqx-grid-column-menubutton-iotify {
    background-image: var(--jqx-grid-menu-button-color-iotify) !important;
}
.jqx-grid-group-column-iotify .jqx-grid-column-sortdescbutton-iotify {
    background-image: var(--jqx-grid-arrow-down-color-iotify);
}
.jqx-tree-item-arrow-collapse-rtl-iotify, .jqx-tree-item-arrow-collapse-hover-rtl-iotify {
    background-image: url('material-icon-left.png');
}
.jqx-menu-item-arrow-left-selected-iotify {
    background-image: var(--jqx-menu-arrow-left-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-right-selected-iotify {
    background-image: var(--jqx-menu-arrow-right-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-expand-iotify {
    background-image: var(--jqx-treeview-arrow-expanded-color-iotify) !important;
}
.jqx-tree-item-arrow-collapse-iotify
{
    transform: rotate(-90deg);
    background-image: var(--jqx-treeview-arrow-collapsed-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease-out;
}
.jqx-navbar-iotify {
    border-color: var(--jqx-navbar-item-background-color-iotify) !important;
}
.jqx-navbar-block-iotify {
    color: var(--jqx-navbar-item-text-color-iotify) !important;
    background: var(--jqx-navbar-item-background-color-iotify) !important;
    border-color: var(--jqx-navbar-item-background-color-iotify) !important;
}
.jqx-navbar-block-iotify.jqx-fill-state-hover-iotify {
    color: var(--jqx-navbar-hovered-item-text-color-iotify) !important;
    background-color: var(--jqx-navbar-hovered-item-background-color-iotify) !important;
    border-color: var(--jqx-navbar-hovered-item-background-color-iotify) !important;
    opacity: 1
}
.jqx-navbar-block-iotify.jqx-fill-state-pressed-iotify {
    color: var(--jqx-navbar-selected-item-text-color-iotify) !important;
    background-color: var(--jqx-navbar-selected-item-background-color-iotify) !important;
    border-color: var(--jqx-navbar-selected-item-background-color-iotify) !important;
}
.jqx-input-button-content-iotify {
    font-size: 10px;
}
.jqx-widget .jqx-grid-column-header-cell-iotify {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-row-cell-iotify {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-cell-iotify, .jqx-widget .jqx-grid-column-header-iotify, .jqx-widget .jqx-grid-group-cell-iotify {
    border-color: var(--jqx-border-color-iotify);
}
.jqx-input-iotify, .jqx-input-iotify input, .jqx-maskedinput-iotify {
    border-radius: var(--jqx-editors-text-editors-border-radius-iotify) !important;
}
.jqx-combobox-iotify .jqx-icon-close-iotify {
    background-image:url('close_white.png')
}
.jqx-combobox-iotify, .jqx-input-iotify {
    border-color: var(--jqx-editors-text-editors-border-color-iotify);
    color: var(--jqx-editors-text-editors-text-color-iotify);
    background-color: var(--jqx-editors-text-editors-background-color-iotify);
    border-left: none;
    border-right: none;
    border-top: none;
    box-shadow: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.jqx-combobox-content-iotify,
.jqx-datetimeinput-content-iotify
 {
    border-color: transparent;
}
.jqx-combobox-arrow-normal-iotify {
    background: var(--jqx-background-color-iotify);
    border-color: transparent;
}
.jqx-combobox-content-focus-iotify, 
.jqx-combobox-state-focus-iotify,
.jqx-numberinput-focus-iotify {
    outline: none;
}
.jqx-combobox-iotify, .jqx-input-iotify {
    box-shadow: none;
}
.jqx-input-group-iotify {
    position: relative;
    display: inline-block;
    overflow: visible;
    border: none;
    box-shadow: none;
}
.jqx-input-group-iotify input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
.jqx-input-group-iotify textarea {
        width: 100%;
        height: 100%;
        outline: none;
        resize: none;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom-color: var(--jqx-border-color-iotify);
    }
.jqx-numberinput-iotify,
.jqx-maskedinput-iotify
 {
    position:relative;
}
.jqx-numberinput-iotify input {
    height:100% !important;
}
.jqx-input-iotify.jqx-validator-error-element {
    border-color: transparent !important;
    border-bottom: 1px solid #df2227 !important; 
}
.jqx-input-iotify input,
.jqx-dropdownlist-state-normal-iotify,
.jqx-combobox-state-normal-iotify,
.jqx-datetimeinput-iotify,
.jqx-numberinput-iotify,
.jqx-maskedinput-iotify
 {
    background: var(--jqx-editors-text-editors-background-color-iotify);
    color: var(--jqx-editors-text-editors-text-color-iotify);
    border-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--jqx-editors-text-editors-border-color-iotify);
    outline: none;
}
.jqx-datetimeinput-iotify .jqx-action-button-iotify,
.jqx-datetimeinput-iotify .jqx-action-button-rtl-iotify 
 {
    background-color: transparent;
    border-color: transparent;
}
.jqx-datetimeinput-iotify, .jqx-datetimeinput-iotify > div,
    .jqx-numberinput-iotify, .jqx-numberinput-iotify > div,
    .jqx-maskedinput-iotify, .jqx-maskedinput-iotify > div,
    .jqx-dropdownlist-state-normal-iotify, .jqx-dropdownlist-state-normal-iotify > div, .jqx-dropdownlist-state-normal-iotify > div > div,
    .jqx-combobox-state-normal-iotify, .jqx-combobox-state-normal-iotify > div, .jqx-combobox-state-normal-iotify > div > div {
        overflow: visible !important;
    }
.jqx-input-iotify input:focus {
        border-radius: 0;
        box-shadow: none;
    }
.jqx-input-iotify input, input[type="text"].jqx-input-iotify, input[type="password"].jqx-input-iotify, input[type="text"].jqx-widget-content-iotify, input[type="textarea"].jqx-widget-content-iotify, textarea.jqx-input-iotify {
    font-size: 14px;
    resize: none;
    background: var(--jqx-editors-text-editors-background-color-iotify);
    color: var(--jqx-editors-text-editors-text-color-iotify);
    border: none;
    border-radius: 0;
    box-sizing:border-box;
    box-shadow: none;
    border-bottom: 1px solid var(--jqx-editors-text-editors-border-color-iotify);
}
.jqx-input-label-iotify {
    visibility:inherit;
}
.jqx-input-bar-iotify{
    visibility:inherit;
}
input:focus ~ .jqx-input-label-iotify,
textarea:focus ~ .jqx-input-label-iotify,
.jqx-input-widget-iotify[hint=true] .jqx-input-label,
.jqx-text-area-iotify[hint=true] .jqx-input-label,
.jqx-dropdownlist-state-selected-iotify .jqx-input-label,
.jqx-dropdownlist-state-normal-iotify[hint=true] .jqx-input-label,
.jqx-combobox-state-normal-iotify[hint=true] .jqx-input-label,
.jqx-combobox-iotify .jqx-input-label.focused,
.jqx-dropdownlist-iotify .jqx-input-label.focused,
.jqx-datetimeinput-iotify[hint=true] .jqx-input-label,
.jqx-maskedinput-iotify[hint=true] .jqx-input-label,
.jqx-numberinput-iotify[hint=true] .jqx-input-label,
.jqx-formattedinput-iotify[hint=true] .jqx-input-label
 {
    top: -15px;
    font-size: 12px;
    color: var(--jqx-editors-text-editors-focused-border-color-iotify);
}
.jqx-combobox-iotify #dropdownlistContentcombobox {
    background-color: var(--jqx-editors-text-editors-background-color-iotify);
}
.jqx-dropdownlist-iotify[default-placeholder="true"] .jqx-input-label {
    visibility: hidden;
}
input:focus ~ .jqx-input-bar:before,
textarea:focus ~ .jqx-input-bar:before,
.jqx-dropdownlist-state-selected-iotify .jqx-input-bar:before,
.jqx-dropdownlist-iotify .jqx-input-bar.focused:before,
.jqx-combobox-iotify .jqx-input-bar.focused:before,
.jqx-complex-input-group-iotify .jqx-input-bar.focused::before,
.jqx-combobox-state-selected-iotify .jqx-input-bar:before {
    width: 100%;
}
.jqx-complex-input-group-iotify .jqx-fill-state-normal-iotify {
    border-color: #fafafa;
}
.jqx-input-widget-iotify input[type="password"]{
    letter-spacing: 0.3em;
}
.jqx-input-label-iotify {
    color: var(--jqx-border-color-iotify);
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top:10px;
    top: calc(50% - 7px);
    transition: 300ms ease all;
}
.jqx-input-label.initial {
    transition: none;
}
.jqx-input-bar-iotify {
    position: relative;
    display: block;
    z-index:1;
}
.jqx-input-bar-iotify:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: var(--jqx-editors-text-editors-focused-border-color-iotify);
        transition: 300ms ease all;
        left: 0%;
    }
.jqx-formatted-input-spin-button-iotify, .jqx-input-group-addon-iotify {
    border-color: #fff;
    background: #fff;
}
.jqx-dropdownlist-state-selected-iotify,
.jqx-combobox-state-selected-iotify {
    color: var(--jqx-accent-color-iotify);
}
.jqx-switchbutton-thumb-iotify {
    border-color: var(--jqx-editors-switch-thumb-color-iotify);
    background: var(--jqx-background-color-iotify);
}
.jqx-switchbutton-label-on-iotify {
    color: var(--jqx-editors-switch-on-label-text-color-iotify);
    background-color: var(--jqx-editors-switch-on-label-background-color-iotify);
}
.jqx-switchbutton-label-off-iotify {
    color: var(--jqx-editors-switch-off-label-text-color-iotify);
    background-color: var(--jqx-editors-switch-off-label-background-color-iotify);
}
.jqx-file-upload-iotify, .jqx-file-upload-file-row-iotify {
    background-color: var(--jqx-editors-file-uploader-background-color-iotify);
}
.jqx-file-upload-file-name-iotify {
    color: var(--jqx-editors-file-uploader-filename-text-color-iotify) !important;
}
.jqx-dropdownlist-state-normal-iotify .jqx-icon-arrow-down-iotify,
.jqx-combobox-state-normal-iotify .jqx-icon-arrow-down-iotify,
.sorticon.descending .jqx-grid-column-sorticon-iotify,
.jqx-tree-item-arrow-expand-iotify,
 .jqx-expander-header-iotify .jqx-icon-arrow-down
 {
    transform: rotate(0deg);
    transition: transform 0.2s ease-out;
}
.jqx-dropdownlist-state-hover-iotify {
    background-color: var(--jqx-hovered-state-background-color-iotify);
    color: var(--jqx-hovered-state-text-color-iotify);
}
.jqx-expander-header-iotify .jqx-icon-arrow-up {
   transform: rotate(180deg);
   transition: transform 0.2s ease-out;
    background-image: url('material-icon-down.png');
}
.jqx-expander-arrow-top-iotify {
    background-image: var(--jqx-accordion-arrow-down-color-iotify);
}
.jqx-expander-arrow-top-hover-iotify {
    background-image: var(--jqx-accordion-arrow-down-hovered-color-iotify) !important;
}
.jqx-expander-arrow-expanded-iotify {
    background-image: var(--jqx-accordion-arrow-down-selected-color-iotify) !important;
}
.jqx-dropdownlist-state-selected-iotify .jqx-icon-arrow-down-iotify,
.jqx-combobox-state-selected-iotify .jqx-icon-arrow-down-iotify,
.sorticon.ascending .jqx-grid-column-sorticon-iotify
 {
    transform: rotate(180deg);
    transition: transform 0.2s ease-out;
    left: -1px;
}
.jqx-combobox-state-selected-iotify .jqx-icon-arrow-down-iotify{
    left:-1px;
}
.jqx-listbox-container {
    margin-top: 1px;
}
input[type="text"].jqx-input-iotify:-moz-placeholder, input[type="text"].jqx-widget-content-iotify:-moz-placeholder, input[type="textarea"].jqx-widget-content-iotify:-moz-placeholder, textarea.jqx-input-iotify:-moz-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-iotify:-webkit-input-placeholder, input[type="text"].jqx-widget-content-iotify:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-iotify:-webkit-input-placeholder, textarea.jqx-input-iotify:-webkit-input-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-iotify:-ms-input-placeholder, input[type="text"].jqx-widget-content-iotify:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-iotify:-ms-input-placeholder, textarea.jqx-input-iotify:-ms-input-placeholder {
    color: #999999;
}
.jqx-combobox-content-focus-iotify, .jqx-combobox-state-focus-iotify, .jqx-fill-state-focus-iotify,
.jqx-numberinput-focus-iotify {
    outline: none;
}
.jqx-combobox-multi-item-iotify {
    color: var(--jqx-editors-combobox-multi-item-text-color-iotify);
    background: var(--jqx-editors-combobox-multi-item-background-color-iotify);
    border-color: var(--jqx-editors-combobox-multi-item-background-color-iotify);
}
.jqx-popup-iotify.jqx-fill-state-focus-iotify {
    outline: none;
    border-color: #E0E0E0 !important;
}
.jqx-datetimeinput-content, .jqx-datetimeinput-container {
    overflow: visible !important;
}
.jqx-text-area-iotify, .jqx-text-area-iotify > div {
    overflow:visible !important;
}
.jqx-text-area-element-iotify {
   box-sizing: border-box;
}
.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-iotify {
    border-color: var(--jqx-border-color-iotify);
}
.jqx-widget-header-iotify.jqx-pivotgrid-content-wrapper {
    background-color: var(--jqx-pivotgrid-header-background-color-iotify) !important;
    color: var(--jqx-pivotgrid-header-text-color-iotify) !important;
}
.jqx-grid-cell-normal-iotify.jqx-pivotgrid-content-wrapper {
    background-color: var(--jqx-pivotgrid-cell-background-color-iotify);
    color: var(--jqx-pivotgrid-cell-text-color-iotify);
}
.jqx-grid-cell-selected-iotify.jqx-pivotgrid-content-wrapper {
    color: var(--jqx-pivotgrid-selected-cell-text-color-iotify) !important;
    background-color: var(--jqx-pivotgrid-selected-cell-background-color-iotify) !important;
    border-color: var(--jqx-pivotgrid-selected-cell-background-color-iotify) !important;
}
.jqx-tabs-title-selected-top-iotify, .jqx-tabs-selection-tracker-top-iotify {
    border-color: transparent;
    filter: none;
    background: var(--jqx-tabs-selected-tab-background-color-iotify);
    box-shadow: none;
}
.jqx-grid-cell-filter-row-iotify {
    background-color: #fafafa;
}
.jqx-tabs-title-iotify, .jqx-ribbon-item-iotify {
    color: var(--jqx-tabs-tab-text-color-iotify);
}
.jqx-tabs-title-selected-bottom-iotify,
.jqx-tabs-title-selected-top-iotify
 {
    color: var(--jqx-tabs-selected-tab-text-color-iotify);
    font-weight:500;   
    padding-top:5px;
    padding-bottom:5px;
}
.jqx-tabs-title.jqx-fill-state-hover-iotify {
    border-color: transparent;
}
.jqx-ribbon-item-iotify {
    cursor: pointer;
}
.jqx-ribbon-item-selected-iotify {
    color: var(--jqx-tabs-selected-tab-text-color-iotify);
    font-weight:500;
    border-color: transparent;
}
.jqx-ribbon-item-hover-iotify {
    background: transparent;
}
.jqx-ribbon-header-top-iotify {
    border-color: transparent;
    border-bottom-color: var(--jqx-border-color-iotify);
}
.jqx-ribbon-header-bottom-iotify {
    border-color: transparent;
    border-top-color: var(--jqx-border-color-iotify);
}
.jqx-ribbon-header-right-iotify {
    border-color: transparent;
    border-left-color:var(--jqx-border-color-iotify);
}
.jqx-ribbon-header-left-iotify {
    border-color: transparent;
    border-right-color:var(--jqx-border-color-iotify);
}
.jqx-tabs-title-selected-bottom-iotify, .jqx-tabs-selection-tracker-bottom-iotify {
    border-color: transparent;
    border-top: 1px solid #fff;
    filter: none;
    background: var(--jqx-tabs-selected-tab-background-color-iotify);
    box-shadow: none;
}
.jqx-tabs-iotify, .jqx-ribbon-iotify {
    border-color: transparent;
}
.jqx-tabs-position-bottom .jqx-tabs-header-iotify {
    border-color: transparent;
}
.jqx-layout-iotify .jqx-tabs-header-iotify, .jqx-layout-iotify .jqx-ribbon-header-iotify {
    background: var(--jqx-background-color-iotify);
    border-color: var(--jqx-border-color-iotify);
}
.jqx-tabs-title-bottom {
    border-color: transparent;
}
.jqx-tabs-title-hover-top-iotify, .jqx-tabs-title-hover-bottom-iotify {
    box-shadow: none !important;
    color: var(--jqx-tabs-hovered-tab-text-color-iotify);
    background: var(--jqx-tabs-hovered-tab-background-color-iotify);
}
.jqx-tabs-header-iotify, .jqx-tabs-arrow-background-iotify {
    background-color: var(--jqx-tabs-header-background-color-iotify) !important;
    border-bottom: 1px solid var(--jqx-tabs-border-color-iotify);
}
.jqx-tabs-content-iotify {
    box-sizing: border-box;
    color: var(--jqx-tabs-content-text-color-iotify);
    background-color: var(--jqx-tabs-content-background-color-iotify);
    border: 1px solid var(--jqx-tabs-border-color-iotify);
    border-top-color: transparent;
    padding:5px;
}
.jqx-tabs-bar-iotify {
    position: absolute;
    bottom: 0;
    background: var(--jqx-tabs-selected-tab-bottom-border-color-iotify);
    height: 2px;
    z-index:10;
    transition: .5s cubic-bezier(.35,0,.25,1);
}
.jqx-tabs-bar-iotify.vertical {
    width: 2px;
}
.jqx-tabs-position-bottom .jqx-tabs-bar-iotify {
    top: 0;
}
.jqx-layout-iotify {
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-iotify { /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}
.jqx-calendar-cell-iotify {
    border-radius: 50%;
    font-size:12px;
}
.jqx-calendar-cell-year-iotify,
.jqx-calendar-cell-decade-iotify {
    border-radius: 25%;
}
.jqx-calendar-title-content-iotify {
    font-weight:bold;
}
.jqx-calendar-title-navigation-iotify.jqx-icon-arrow-left-iotify {
    background-image: var(--jqx-editors-calendar-arrow-left-color-iotify);
}
.jqx-calendar-title-navigation-iotify.jqx-icon-arrow-right-iotify {
    background-image: var(--jqx-editors-calendar-arrow-right-color-iotify);
}
.jqx-calendar-column-cell-iotify {
    color: var(--jqx-editors-calendar-header-text-color-iotify);
    font-size:12px;
}
.jqx-grid-column-menubutton-iotify {
    background-image: url('material-icon-down.png');
}
.jqx-tabs-close-button-iotify {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-selected-iotify {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-hover-iotify {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-iotify.jqx-grid-cell-selected-iotify>.jqx-grid-group-expand-iotify {
    background-image: var(--jqx-grid-arrow-down-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-iotify.jqx-grid-cell-selected-iotify>.jqx-grid-group-collapse-iotify{
    background-image: var(--jqx-grid-arrow-right-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-iotify.jqx-grid-cell-selected-iotify>.jqx-grid-group-collapse-rtl-iotify {
    background-image: var(--jqx-grid-arrow-left-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-iotify.jqx-grid-cell-selected-iotify>.jqx-grid-group-expand-rtl-iotify{
    background-image: var(--jqx-grid-arrow-down-selected-color-iotify);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-iotify {
    background-image: url('material-icon-right.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-iotify {
    padding-right: 0px;
    background-image: url('material-icon-left.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-iotify, .jqx-grid-group-expand-rtl-iotify {
    padding-right: 0px;
    background-image: url('material-icon-down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-icon-arrow-first-iotify {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-iotify {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-iotify {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-iotify {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-iotify {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-iotify {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-listmenu-arrow-right-iotify {
    background-image: var(--jqx-list-arrow-right-color-iotify);
}
.jqx-listmenu-arrow-right-pressed-iotify {
    background-image: var(--jqx-list-arrow-right-selected-color-iotify);
}
.jqx-listmenu-arrow-left-iotify {
    background-image: var(--jqx-list-arrow-left-color-iotify);
}
.jqx-listmenu-arrow-left-pressed-iotify {
    background-image: var(--jqx-list-arrow-left-selected-color-iotify);
}
.jqx-pivotgrid-item .jqx-icon-arrow-up-iotify {
    background-image: var(--jqx-pivotgrid-arrow-up-color-iotify);
}
.jqx-pivotgrid-item .jqx-icon-arrow-down-iotify {
    background-image: var(--jqx-pivotgrid-arrow-down-color-iotify);
}
.jqx-pivotgrid-menu-button-iotify {
    background-image: var(--jqx-pivotgrid-menu-button-color-iotify);
}
.jqx-primary .jqx-icon-arrow-down-iotify, .jqx-warning .jqx-icon-arrow-down-iotify, .jqx-danger .jqx-icon-arrow-down-iotify, .jqx-success .jqx-icon-arrow-down-iotify, .jqx-info .jqx-icon-arrow-down-iotify {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-selected-iotify, .jqx-warning .jqx-icon-arrow-down-selected-iotify, .jqx-danger .jqx-icon-arrow-down-selected-iotify, .jqx-success .jqx-icon-arrow-down-selected-iotify, .jqx-info .jqx-icon-arrow-down-selected-iotify {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-hover-iotify, .jqx-warning .jqx-icon-arrow-down-hover-iotify, .jqx-danger .jqx-icon-arrow-down-hover-iotify, .jqx-success .jqx-icon-arrow-down-hover-iotify, .jqx-info .jqx-icon-arrow-down-hover-iotify {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-up-iotify, .jqx-warning .jqx-icon-arrow-up-iotify, .jqx-danger .jqx-icon-arrow-up-iotify, .jqx-success .jqx-icon-arrow-up-iotify, .jqx-info .jqx-icon-arrow-up-iotify {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-selected-iotify, .jqx-warning .jqx-icon-arrow-up-selected-iotify, .jqx-danger .jqx-icon-arrow-up-selected-iotify, .jqx-success .jqx-icon-arrow-up-selected-iotify, .jqx-info .jqx-icon-arrow-up-selected-iotify {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-hover-iotify, .jqx-warning .jqx-icon-arrow-up-hover-iotify, .jqx-danger .jqx-icon-arrow-up-hover-iotify, .jqx-success .jqx-icon-arrow-up-hover-iotify, .jqx-info .jqx-icon-arrow-up-hover-iotify {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-left-iotify, .jqx-warning .jqx-icon-arrow-left-iotify, .jqx-danger .jqx-icon-arrow-left-iotify, .jqx-success .jqx-icon-arrow-left-iotify, .jqx-info .jqx-icon-arrow-left-iotify {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-selected-iotify, .jqx-warning .jqx-icon-arrow-left-selected-iotify, .jqx-danger .jqx-icon-arrow-left-selected-iotify, .jqx-success .jqx-icon-arrow-left-selected-iotify, .jqx-info .jqx-icon-arrow-left-selected-iotify {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-hover-iotify, .jqx-warning .jqx-icon-arrow-left-hover-iotify, .jqx-danger .jqx-icon-arrow-left-hover-iotify, .jqx-success .jqx-icon-arrow-left-hover-iotify, .jqx-info .jqx-icon-arrow-left-hover-iotify {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-right-iotify, .jqx-warning .jqx-icon-arrow-right-iotify, .jqx-danger .jqx-icon-arrow-right-iotify, .jqx-success .jqx-icon-arrow-right-iotify, .jqx-info .jqx-icon-arrow-right-iotify {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-selected-iotify, .jqx-warning .jqx-icon-arrow-right-selected-iotify, .jqx-danger .jqx-icon-arrow-right-selected-iotify, .jqx-success .jqx-icon-arrow-right-selected-iotify, .jqx-info .jqx-icon-arrow-right-selected-iotify {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-hover-iotify, .jqx-warning .jqx-icon-arrow-right-hover-iotify, .jqx-danger .jqx-icon-arrow-right-hover-iotify, .jqx-success .jqx-icon-arrow-right-hover-iotify, .jqx-info .jqx-icon-arrow-right-hover-iotify {
    background-image: url('material-icon-right.png');
}
.jqx-icon-arrow-down-hover-iotify {
    background-image: var(--jqx-arrow-down-hovered-color-iotify);
}
.jqx-icon-arrow-down-selected-iotify {
    background-image: var(--jqx-arrow-down-selected-color-iotify);
}
/* Ripple effect */
.ripple {
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow:hidden;
}
.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 0%;
    transform: scaleX(0);
    background: rgba(0,119,190,0.5); 
    opacity: 0.25;
}
.outlined .ink, .flat .ink {
    background: rgba(0,119,190,0.5); 
    overflow:hidden;
}
.ink.animate {
    animation: ripple .7s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-iotify .ripple,
.jqx-radiobutton-iotify .ripple
 {
    overflow:visible;
}
.jqx-checkbox-iotify .ink,
.jqx-radiobutton-iotify .ink 
 {
    transform: scale(0); 
    background: var(--jqx-accent-color-iotify);
    border-radius: 50%;
}
.jqx-checkbox-iotify .ink.animate,
.jqx-radiobutton-iotify .ink.animate
 {
    animation: checkRipple 0.3s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-iotify .ink.active,
.jqx-radiobutton-iotify .ink.active
 {
    opacity: 0.2;
    transform: scale(2);
}
.jqx-checkbox-default-iotify.active .ink,
.jqx-radiobutton-default-iotify.active .ink
 {
    opacity: 0.2;
    transform: scale(2);
}
/* Ripple effect */
.buttonRipple {
  background-position: center;
  transition: background 0.8s;
}
.jqx-widget-iotify.buttonRipple:hover {
  background: var(--jqx-button-default-hovered-state-background-color-iotify) radial-gradient(circle, transparent 1%, var(--jqx-button-default-hovered-state-background-color-iotify)  1%) center/15000%;
  border-color: var(--jqx-button-default-hovered-state-background-color-iotify);
}
.jqx-widget-iotify.buttonRipple:active {
  background-color: var(--jqx-button-default-ripple-color-iotify);
  background-size: 100%;
  transition: background 0s;
}
.jqx-widget-iotify.buttonRipple:active:not(:hover) {
      color: var(--jqx-background-color-iotify);
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(5);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@keyframes checkRipple {
    100% {
        opacity: 0.2;
        transform: scale(2);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.jqx-fill-state-pressed-iotify .jqx-icon-delete-iotify
{
    background-image: url('icon-delete.png');
}
.jqx-fill-state-pressed-iotify .jqx-icon-edit-iotify
{
    background-image: url('icon-edit.png');
}
.jqx-fill-state-pressed-iotify .jqx-icon-save-iotify
{
    background-image: url('icon-save.png');
}
.jqx-fill-state-pressed-iotify .jqx-icon-cancel-iotify
{
    background-image: url('icon-cancel.png');
}
.jqx-fill-state-pressed-iotify .jqx-icon-search-iotify
{
    background-image: url('search_white.png');
}
.jqx-fill-state-pressed-iotify .jqx-icon-plus-iotify
{
    background-image: url('plus_white.png');
}
.jqx-fill-state-pressed-iotify .jqx-menu-minimized-button-iotify {
   background-image: url('icon-menu-minimized.png');
}
.jqx-fill-state-hover-iotify .jqx-editor-toolbar-icon-iotify,
.jqx-fill-state-pressed-iotify .jqx-editor-toolbar-icon-iotify {
    background: url('html_editor_white.png') no-repeat;
}
.jqx-fill-state-hover-iotify .jqx-editor-toolbar-icon-fontsize-iotify,
.jqx-fill-state-pressed-iotify .jqx-editor-toolbar-icon-fontsize-iotify,
.jqx-fill-state-hover-iotify .jqx-editor-toolbar-icon-forecolor-iotify,
.jqx-fill-state-pressed-iotify .jqx-editor-toolbar-icon-forecolor-iotify
{
        background: url('html_editor.png') no-repeat;
}
.jqx-editor-toolbar-button-iotify{
    border-color: #ddd;
    box-shadow: none !important;
	color: #333;
}
.jqx-widget-iotify #formWrap {
    color: #555 !important;    
}
.jqx-grid-cell-pinned-iotify{
    background-color:#e0e9f5 !important;
}
/* .jqx-widget-content{
    background: transparent !important;
    color: #fff;
} */
:root { 
    --jqx-accent-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-border-radius-emsiotify: 2px;
    --jqx-font-family-emsiotify: "Roboto", "Helvetice Neue", "Helvetica", "Arial", sans-serif;
    --jqx-font-size-emsiotify: 13px ;
    --jqx-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-hovered-state-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-hovered-state-content-text-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-hovered-state-content-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-focused-state-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-active-state-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-active-state-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-arrow-up-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-arrow-up-hovered-color-emsiotify: url('metro-icon-up.png');
    --jqx-arrow-down-hovered-color-emsiotify: url('metro-icon-down.png');
    --jqx-arrow-up-selected-color-emsiotify: url('metro-icon-up.png');
    --jqx-arrow-down-selected-color-emsiotify: url('metro-icon-down.png');
    --jqx-accordion-item-title-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-accordion-item-title-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-accordion-item-title-hovered-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-hovered-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-accordion-item-title-hovered-border-color-emsiotify: rgba(224, 224, 224, 1);
    --jqx-accordion-item-title-selected-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-accordion-item-title-selected-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-accordion-item-title-selected-border-color-emsiotify: rgba(224, 224, 224, 1);
    --jqx-accordion-item-title-focused-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-accordion-item-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-accordion-item-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-accordion-item-focused-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-accordion-item-focused-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-accordion-item-focused-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-accordion-arrow-up-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-accordion-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-accordion-arrow-up-hovered-color-emsiotify: url('metro-icon-up.png');
    --jqx-accordion-arrow-down-hovered-color-emsiotify: url('metro-icon-down.png');
    --jqx-accordion-arrow-down-selected-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-button-default-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-default-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-button-default-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-default-hovered-state-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-button-default-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-default-focused-state-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-button-default-active-state-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-button-default-active-state-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-button-primary-text-color-emsiotify: rgba(28, 168, 221, 1);
    --jqx-button-primary-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-primary-hovered-state-background-color-emsiotify: rgba(28, 168, 221, 1);
    --jqx-button-primary-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-primary-focused-state-background-color-emsiotify: rgba(28, 168, 221, 1);
    --jqx-button-primary-active-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-primary-active-state-background-color-emsiotify: rgba(28, 168, 221, 1);
    --jqx-button-success-text-color-emsiotify: rgba(92, 184, 92, 1);
    --jqx-button-success-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-success-hovered-state-background-color-emsiotify: rgba(92, 184, 92, 1);
    --jqx-button-success-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-success-focused-state-background-color-emsiotify: rgba(92, 184, 92, 1);
    --jqx-button-success-active-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-success-active-state-background-color-emsiotify: rgba(92, 184, 92, 1);
    --jqx-button-warning-text-color-emsiotify: rgba(240, 173, 78, 1);
    --jqx-button-warning-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-warning-hovered-state-background-color-emsiotify: rgba(240, 173, 78, 1);
    --jqx-button-warning-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-warning-focused-state-background-color-emsiotify: rgba(240, 173, 78, 1);
    --jqx-button-warning-active-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-warning-active-state-background-color-emsiotify: rgba(240, 173, 78, 1);
    --jqx-button-danger-text-color-emsiotify: rgba(217, 83, 79, 1);
    --jqx-button-danger-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-danger-hovered-state-background-color-emsiotify: rgba(217, 83, 79, 1);
    --jqx-button-danger-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-danger-focused-state-background-color-emsiotify: rgba(217, 83, 79, 1);
    --jqx-button-danger-active-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-danger-active-state-background-color-emsiotify: rgba(217, 83, 79, 1);
    --jqx-button-info-text-color-emsiotify: rgba(91, 192, 222, 1);
    --jqx-button-info-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-info-hovered-state-background-color-emsiotify: rgba(91, 192, 222, 1);
    --jqx-button-info-focused-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-info-focused-state-background-color-emsiotify: rgba(91, 192, 222, 1);
    --jqx-button-info-active-state-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-button-info-active-state-background-color-emsiotify: rgba(91, 192, 222, 1);
    --jqx-editors-text-editors-text-color-emsiotify: rgb(240, 238, 238);
    --jqx-editors-text-editors-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-text-editors-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-editors-text-editors-border-radius-emsiotify: 2px;
    --jqx-editors-text-editors-focused-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-editors-datеtimeinput-calendar-icon-color-emsiotify: url('icon-calendar.png');
    --jqx-editors-datеtimeinput-calendar-icon-selected-color-emsiotify: url('icon-calendar.png');
    --jqx-editors-combobox-multi-item-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-combobox-multi-item-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-editors-calendar-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-editors-calendar-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
                         --jqx-editors-calendar-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-editors-calendar-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-calendar-today-cell-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-editors-calendar-today-cell-background-color-emsiotify: rgba(255, 255, 219, 1);
    --jqx-editors-calendar-today-cell-border-color-emsiotify: rgba(253, 192, 102, 1);
    --jqx-editors-calendar-current-month-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-editors-calendar-other-month-text-color-emsiotify: rgba(137, 137, 137, 1);
    --jqx-editors-calendar-hovered-cell-text-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-editors-calendar-hovered-cell-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-editors-calendar-selected-cell-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-editors-calendar-selected-cell-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-editors-switch-thumb-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-editors-switch-on-label-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-editors-switch-on-label-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-switch-off-label-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-editors-switch-off-label-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-file-uploader-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-editors-file-uploader-filename-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-grid-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-grid-header-text-weight-emsiotify: normal;
    --jqx-grid-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-grid-row-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-row-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-grid-row-alternation-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-row-alternation-background-color-emsiotify: rgba(249, 249, 249, 1);
    --jqx-grid-hovered-row-text-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-grid-hovered-row-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-grid-selected-row-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-grid-selected-row-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-grid-selected-row-border-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-grid-group-row-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-group-row-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-grid-editor-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-grid-editor-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-grid-pinned-cells-background-color-emsiotify: rgba(229, 229, 229, 1);
    --jqx-grid-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-grid-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-grid-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-grid-close-button-color-emsiotify: url('close_white.png');
    --jqx-grid-arrow-down-hovered-color-emsiotify: url('metro-icon-down.png');
    --jqx-grid-arrow-right-hovered-color-emsiotify: url('metro-icon-right.png');
    --jqx-grid-arrow-left-hovered-color-emsiotify: url('metro-icon-left.png');
    --jqx-grid-arrow-down-selected-color-emsiotify: url('metro-icon-down.png');
    --jqx-grid-arrow-right-selected-color-emsiotify: url('metro-icon-right.png');
    --jqx-grid-arrow-left-selected-color-emsiotify: url('metro-icon-left.png');
    --jqx-grid-header-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-grid-header-arrow-up-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-grid-menu-button-color-emsiotify: url('icon-menu-small-white.png');
    --jqx-grid-groups-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-grid-groups-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-grid-groups-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-list-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-list-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-list-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-list-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-list-hovered-item-state-text-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-list-hovered-item-state-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-list-selected-item-state-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-list-selected-item-state-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-list-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-list-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-list-arrow-left-selected-color-emsiotify: url('metro-icon-left.png');
    --jqx-list-arrow-right-selected-color-emsiotify: url('metro-icon-right.png');
    --jqx-menu-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-menu-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-menu-dropdown-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-menu-dropdown-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-menu-arrow-up-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-menu-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-menu-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-menu-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-menu-hovered-item-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-menu-hovered-item-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-menu-selected-item-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-menu-selected-item-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-menu-selected-item-border-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-menu-arrow-up-selected-color-emsiotify: url('metro-icon-up.png');
    --jqx-menu-arrow-down-selected-color-emsiotify: url('metro-icon-down.png');
    --jqx-menu-arrow-left-selected-color-emsiotify: url('metro-icon-left.png');
    --jqx-menu-arrow-right-selected-color-emsiotify: url('metro-icon-right.png');
    --jqx-navbar-item-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-navbar-item-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-navbar-hovered-item-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-navbar-hovered-item-background-color-emsiotify: rgba(44, 124, 121, 0.9);
    --jqx-navbar-selected-item-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-navbar-selected-item-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-overlays-content-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-overlays-content-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-overlays-shader-background-color-emsiotify: rgba(0, 0, 0, 0.6);
    --jqx-overlays-popup-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-overlays-popup-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-overlays-tooltip-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-overlays-tooltip-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-overlays-toast-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-overlays-toast-info-background-color-emsiotify: rgba(91, 192, 222, 1);
    --jqx-overlays-toast-warning-background-color-emsiotify: rgba(240, 173, 78, 1);
    --jqx-overlays-toast-error-background-color-emsiotify: rgba(217, 83, 79, 1);
    --jqx-overlays-toast-success-background-color-emsiotify: rgba(92, 184, 92, 1);
    --jqx-pivotgrid-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-pivotgrid-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-pivotgrid-cell-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-pivotgrid-cell-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-pivotgrid-selected-cell-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-pivotgrid-selected-cell-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-pivotgrid-arrow-up-color-emsiotify: url('metro-icon-up-white.png');
    --jqx-pivotgrid-arrow-down-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-pivotgrid-menu-button-color-emsiotify: url('icon-menu-small-white.png');
    --jqx-progressbar-bar-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-progressbar-selected-range-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-progressbar-label-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-scheduler-header-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-scheduler-header-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-scheduler-header-buttons-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-background-color-emsiotify: rgba(85, 139, 47, 1);
    --jqx-scheduler-header-buttons-hovered-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-hovered-background-color-emsiotify: rgba(85, 139, 47, 1);
    --jqx-scheduler-header-buttons-selected-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-scheduler-header-buttons-selected-background-color-emsiotify: rgba(85, 139, 47, 1);
    --jqx-scheduler-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-scheduler-not-work-time-cells-color-emsiotify: rgba(238, 238, 238, 1);
    --jqx-scheduler-hovered-cell-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-scheduler-hovered-cell-border-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-scheduler-selected-cell-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-scheduler-selected-cell-border-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-scheduler-weeks-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-scheduler-weeks-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-scheduler-weeks-arrow-right-selected-color-emsiotify: url('metro-icon-right.png');
    --jqx-scheduler-weeks-arrow-left-selected-color-emsiotify: url('metro-icon-left.png');
    --jqx-scheduler-calendar-icon-color-emsiotify: url('icon-calendar.png');
    -jqx-light-scheduler-calendar-icon-selected-color: url('icon-calendar.png');
    --jqx-scrollbar-scrollbar-background-color-emsiotify: rgba(245, 245, 245, 1);
    --jqx-scrollbar-scrollbar-thumb-background-color-emsiotify: rgba(245, 245, 245, 1);
    --jqx-scrollbar-scrollbar-thumb-hovered-background-color-emsiotify: rgba(230, 230, 230, 1);
    --jqx-scrollbar-scrollbar-thumb-active-background-color-emsiotify: rgba(217, 217, 217, 1);
    --jqx-scrollbar-scrollbar-arrow-background-color-emsiotify: rgba(245, 245, 245, 1);
    --jqx-scrollbar-arrow-up-color-emsiotify: url('metro-icon-up.png');
    --jqx-scrollbar-arrow-down-color-emsiotify: url('metro-icon-down.png');
    --jqx-scrollbar-arrow-left-color-emsiotify: url('metro-icon-left.png');
    --jqx-scrollbar-arrow-right-color-emsiotify: url('metro-icon-right.png');
    --jqx-scrollbar-scrollbar-arrow-hovered-background-color-emsiotify: rgba(232, 232, 232, 1);
    --jqx-scrollbar-arrow-up-hovered-color-emsiotify: url('metro-icon-up.png');
    --jqx-scrollbar-arrow-down-hovered-color-emsiotify: url('metro-icon-down.png');
    --jqx-scrollbar-arrow-left-hovered-color-emsiotify: url('metro-icon-left.png');
    --jqx-scrollbar-arrow-right-hovered-color-emsiotify: url('metro-icon-right.png');
    --jqx-scrollbar-scrollbar-arrow-active-background-color-emsiotify: rgba(217, 217, 217, 1);
    --jqx-scrollbar-arrow-up-active-color-emsiotify: url('metro-icon-up.png');
    --jqx-scrollbar-arrow-down-active-color-emsiotify: url('metro-icon-down.png');
    --jqx-scrollbar-arrow-left-active-color-emsiotify: url('metro-icon-left.png');
    --jqx-scrollbar-arrow-right-active-color-emsiotify: url('metro-icon-right.png');
    --jqx-scrollview-indicator-background-color-emsiotify: rgba(250, 250, 250, 1);
    --jqx-scrollview-selected-indicator-background-color-emsiotify: rgba(250, 250, 250, 1);
    --jqx-slider-slider-bar-background-color-emsiotify: rgba(240, 240, 240, 1);
    --jqx-slider-selected-slider-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-slider-slider-thumb-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-slider-focused-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-slider-tooltip-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-slider-tooltip-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-slider-tooltip-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-slider-arrows-background-color-emsiotify: rgba(255, 255, 255, 0);
    --jqx-slider-arrows-hovered-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-slider-arrows-selected-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-slider-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-slider-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-slider-arrow-left-hovered-color-emsiotify: url('metro-icon-left.png');
    --jqx-slider-arrow-right-hovered-color-emsiotify: url('metro-icon-right.png');
    --jqx-slider-arrow-left-selected-color-emsiotify: url('metro-icon-left.png');
    --jqx-slider-arrow-right-selected-color-emsiotify: url('metro-icon-right.png');
    --jqx-tabs-header-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-tabs-tab-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-text-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-tabs-hovered-tab-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-tabs-selected-tab-text-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-tabs-selected-tab-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-tabs-selected-tab-bottom-border-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-tabs-border-color-emsiotify: rgba(231, 231, 231, 1);
    --jqx-tabs-content-text-color-emsiotify: rgba(85, 85, 85, 1);
    --jqx-tabs-content-background-color-emsiotify: rgba(255, 255, 255, 1);
    --jqx-tabs-arrow-left-color-emsiotify: url('metro-icon-left-white.png');
    --jqx-tabs-arrow-right-color-emsiotify: url('metro-icon-right-white.png');
    --jqx-toolbar-background-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-treeview-hovered-tree-item-color-emsiotify: rgba(51, 51, 51, 1);
    --jqx-treeview-hovered-tree-item-background-color-emsiotify: rgba(221, 241, 240, 1);
    --jqx-treeview-selected-tree-item-color-emsiotify: rgba(44, 124, 121, 1);
    --jqx-treeview-selected-tree-item-background-color-emsiotify: rgba(44, 124, 121, 0.2);
    --jqx-treeview-arrow-expanded-color-emsiotify: url('metro-icon-down-white.png');
    --jqx-treeview-arrow-collapsed-color-emsiotify: url('metro-icon-down-white.png');
 }
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-emsiotify {
     border-top-left-radius: var(--jqx-border-radius-emsiotify);
 }
/*top-right rounded Corners*/
.jqx-rc-tr-emsiotify {
     border-top-right-radius: var(--jqx-border-radius-emsiotify);
 }
/*bottom-left rounded Corners*/
.jqx-rc-bl-emsiotify {
     border-bottom-left-radius: var(--jqx-border-radius-emsiotify);
 }
/*bottom-right rounded Corners*/
.jqx-rc-br-emsiotify {
     border-bottom-right-radius: var(--jqx-border-radius-emsiotify);
 }
/*top rounded Corners*/
.jqx-rc-t-emsiotify {
     border-top-left-radius: var(--jqx-border-radius-emsiotify);
     border-top-right-radius: var(--jqx-border-radius-emsiotify);
 }
/*bottom rounded Corners*/
.jqx-rc-b-emsiotify {
     border-bottom-left-radius: var(--jqx-border-radius-emsiotify);
     border-bottom-right-radius: var(--jqx-border-radius-emsiotify);
 }
/*right rounded Corners*/
.jqx-rc-r-emsiotify {
     border-top-right-radius: var(--jqx-border-radius-emsiotify);
     border-bottom-right-radius: var(--jqx-border-radius-emsiotify);
 }
/*left rounded Corners*/
.jqx-rc-l-emsiotify {
     border-top-left-radius: var(--jqx-border-radius-emsiotify);
     border-bottom-left-radius: var(--jqx-border-radius-emsiotify);
 }
/*all rounded Corners*/
.jqx-rc-all-emsiotify {
     border-radius: var(--jqx-border-radius-emsiotify);
 }
.jqx-widget-emsiotify, .jqx-widget-header-emsiotify, .jqx-fill-state-normal-emsiotify,
 .jqx-widget-content-emsiotify, .s, .jqx-fill-state-pressed-emsiotify {
     font-family: var(--jqx-font-family-emsiotify);
     font-size: var(--jqx-font-size-emsiotify);
 }
.jqx-widget-emsiotify {
     font-family: var(--jqx-font-family-emsiotify);
     font-size: var(--jqx-font-size-emsiotify);
     color: var(--jqx-text-color-emsiotify);
 }
.jqx-widget-content-emsiotify {
     font-family: var(--jqx-font-family-emsiotify);
     font-size: var(--jqx-font-size-emsiotify);
     color: var(--jqx-text-color-emsiotify);
     background-color: var(--jqx-background-color-emsiotify);
     border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-widget-header-emsiotify {
     background-color: var(--jqx-header-background-color-emsiotify);
     border-color: var(--jqx-border-color-emsiotify);
     color: var(--jqx-header-text-color-emsiotify);
     font-weight: 500;
     *zoom: 1;
     font-family: var(--jqx-font-family-emsiotify);
     background: var(--jqx-header-background-color-emsiotify);;
     color: var(--jqx-header-text-color-emsiotify);
     font-size: var(--jqx-font-size-emsiotify);
 }
.jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-accent-color-emsiotify);
     *zoom: 1;
     background: var(--jqx-background-color-emsiotify);
 }
.jqx-widget-emsiotify input::selection, input.jqx-input-widget-emsiotify::selection, .jqx-widget-content-emsiotify input::selection {
     background: var(--jqx-accent-color-emsiotify);
     color: var(--jqx-background-color-emsiotify);
 }
.jqx-toolbar-emsiotify{
     background-color: var(--jqx-toolbar-background-color-emsiotify);
      border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-button-emsiotify, jqx-button-emsiotify.jqx-fill-state-normal-emsiotify {
     color: var(--jqx-button-default-text-color-emsiotify);
     background: var(--jqx-button-default-background-color-emsiotify);
     border-color: var(--jqx-button-default-background-color-emsiotify);
     *zoom: 1;
     outline: none;
     transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
     border-radius: var(--jqx-border-radius-emsiotify);
 }
.jqx-button-emsiotify button, jqx-button-emsiotify input {
     background: transparent;
     color: inherit;
     border:none;
     outline: none;
 }
.jqx-slider-button-emsiotify {
     padding:3px;
     background: transparent;
     border:transparent;
 }
.jqx-button-emsiotify.float {
         border-radius: 100%;
         min-height: 48px;
         min-width: 48px;
         width: 48px;
         height: 48px;
         max-height: 48px;
         max-width:48px;
     }
.jqx-button-emsiotify.outlined {
         background: transparent;
         color: var(--jqx-accent-color-emsiotify);
         border-width: 2px;
     }
.jqx-button-emsiotify.flat {
         background: transparent;
         color: var(--jqx-accent-color-emsiotify);
         border: none;
     }
.jqx-fill-state-hover-emsiotify, .jqx-fill-state-focus-emsiotify {
    font-size: 12px !important;
 }
.jqx-expander-header.jqx-fill-state-hover-emsiotify,
 .jqx-expander-header.jqx-fill-state-normal-emsiotify
 {
      background-color: var(--jqx-accordion-item-title-background-color-emsiotify) !important;
      border-color: var(--jqx-accordion-item-title-border-color-emsiotify);
      color: var(--jqx-accordion-item-title-text-color-emsiotify) !important;
 }
.jqx-expander-header.jqx-fill-state-pressed-emsiotify {
    background-color: var(--jqx-accordion-item-title-selected-background-color-emsiotify) !important;
    border-color: var(--jqx-accordion-item-title-selected-border-color-emsiotify);
    color: var(--jqx-accordion-item-title-selected-text-color-emsiotify) !important;
 }
.jqx-expander-header.jqx-fill-state-hover-emsiotify {
    background-color: var(--jqx-accordion-item-title-hovered-background-color-emsiotify) !important;
    color: var(--jqx-accordion-item-title-hovered-text-color-emsiotify) !important;
    border-color: var(--jqx-accordion-item-title-hovered-border-color-emsiotify) !important;
 }
.jqx-expander-header.jqx-fill-state-focus-emsiotify {
    border-color: var(--jqx-accordion-item-title-focused-border-color-emsiotify) !important;
 }
.jqx-expander-content-emsiotify {
     background-color: var(--jqx-accordion-item-background-color-emsiotify);
     color: var(--jqx-accordion-item-text-color-emsiotify);
 }
.jqx-expander-content.jqx-fill-state-focus-emsiotify {
    border-color: var(--jqx-accordion-item-focused-border-color-emsiotify) !important;
    background-color: var(--jqx-accordion-item-focused-background-color-emsiotify);
    color: var(--jqx-accordion-item-focused-text-color-emsiotify);
 }
.jqx-expander-header-emsiotify {
     padding:10px;
 }
.jqx-button-emsiotify.jqx-fill-state-hover {
     opacity: 0.9;
     cursor: pointer;
     box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
     *zoom: 1;
     color: var(--jqx-button-default-hovered-state-text-color-emsiotify);
 }
.jqx-button-emsiotify.jqx-fill-state-hover.outlined,
     .jqx-button-emsiotify.jqx-fill-state-hover.flat {
         color: var(--jqx-accent-color-emsiotify);
         box-shadow: none;
     }
.jqx-button-emsiotify.jqx-fill-state-pressed {
     cursor: pointer;
     background: var(--jqx-accent-color-emsiotify);
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
.jqx-button-emsiotify.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-slider-button-emsiotify.jqx-fill-state-pressed-emsiotify,
     .jqx-button-emsiotify.jqx-fill-state-pressed.outlined,
     .jqx-button-emsiotify.jqx-fill-state-pressed.flat {
         background: rgba(179,229,252,0.15);
         box-shadow: none;
         color: var(--jqx-accent-color-emsiotify); 
     }
.jqx-button-emsiotify.jqx-fill-state-focus {
     background: var(--jqx-button-default-focused-state-background-color-emsiotify);
     box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
.jqx-slider-button-emsiotify.jqx-fill-state-focus-emsiotify {
       background: transparent;
       border-color: transparent;
       box-shadow:none;
   }
.jqx-button-emsiotify.jqx-fill-state-focus.outlined,
     .jqx-button-emsiotify.jqx-fill-state-focus.flat {
         box-shadow: none;
         background: rgba(99,0,238,0.15);
         color: #55882F;
     }
.jqx-dropdownlist-state-normal-emsiotify, .jqx-dropdownlist-state-hover-emsiotify, .jqx-dropdownlist-state-selected-emsiotify,
 .jqx-scrollbar-button-state-hover-emsiotify, .jqx-scrollbar-button-state-normal-emsiotify, .jqx-scrollbar-button-state-pressed-emsiotify,
 .jqx-scrollbar-thumb-state-normal-horizontal-emsiotify, .jqx-scrollbar-thumb-state-hover-horizontal-emsiotify, .jqx-scrollbar-thumb-state-pressed-horizontal-emsiotify,
 .jqx-scrollbar-thumb-state-normal-emsiotify, .jqx-scrollbar-thumb-state-pressed-emsiotify, .jqx-tree-item-hover-emsiotify, .jqx-tree-item-selected-emsiotify,
 .jqx-tree-item-emsiotify, .jqx-menu-item-emsiotify, .jqx-menu-item-hover-emsiotify, .jqx-menu-item-selected-emsiotify, .jqx-menu-item-top-emsiotify, .jqx-menu-item-top-hover-emsiotify,
 .jqx-menu-item-top-selected-emsiotify, .jqx-slider-button-emsiotify, .jqx-slider-slider-emsiotify {
     transition: background-color 100ms linear;
 }
.jqx-primary-emsiotify.jqx-input-label-emsiotify {
    color: var(--jqx-button-primary-text-color-emsiotify) !important; 
 }
.jqx-primary-emsiotify.jqx-input-bar-emsiotify:before {
    background: var(--jqx-button-primary-text-color-emsiotify) !important;
 }
.jqx-success-emsiotify.jqx-input-label-emsiotify {
    color: var(--jqx-button-success-text-color-emsiotify) !important;
 }
.jqx-success-emsiotify.jqx-input-bar-emsiotify:before {
    background: var(--jqx-button-success-text-color-emsiotify) !important;
 }
.jqx-inverse-emsiotify.jqx-input-label-emsiotify {
    color: #666 !important;
 }
.jqx-inverse-emsiotify.jqx-input-bar-emsiotify:before {
    background: #666 !important;
 }
.jqx-danger-emsiotify.jqx-input-label-emsiotify {
    color: var(--jqx-button-danger-text-color-emsiotify) !important;
 }
.jqx-danger-emsiotify.jqx-input-bar-emsiotify:before {
    background: var(--jqx-button-danger-text-color-emsiotify) !important;
 }
.jqx-warning-emsiotify.jqx-input-label-emsiotify {
    color: var(--jqx-button-warning-text-color-emsiotify) !important;
 }
.jqx-warning-emsiotify.jqx-input-bar-emsiotify:before {
    background: var(--jqx-button-warning-text-color-emsiotify) !important;
 }
.jqx-info-emsiotify.jqx-input-label-emsiotify {
    color: var(--jqx-button-info-text-color-emsiotify) !important;
 }
.jqx-info-emsiotify.jqx-input-bar-emsiotify:before {
    background: var(--jqx-button-info-text-color-emsiotify) !important;
 }
.jqx-slider-tooltip-emsiotify.jqx-primary-slider, .jqx-slider-tooltip-emsiotify.jqx-primary-slider .jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-button-primary-text-color-emsiotify);
     background: var(--jqx-button-primary-text-color-emsiotify);
 }
.jqx-slider-tooltip-emsiotify.jqx-success-slider, .jqx-slider-tooltip-emsiotify.jqx-success-slider .jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-button-success-text-color-emsiotify);
     background: var(--jqx-button-success-text-color-emsiotify);
 }
.jqx-slider-tooltip-emsiotify.jqx-inverse-slider, .jqx-slider-tooltip-emsiotify.jqx-inverse-slider .jqx-fill-state-normal-emsiotify {
     border-color: #666;
     background: #666;
 }
.jqx-slider-tooltip-emsiotify.jqx-danger-slider, .jqx-slider-tooltip-emsiotify.jqx-danger-slider .jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-button-danger-text-color-emsiotify);
     background: var(--jqx-button-danger-text-color-emsiotify);
 }
.jqx-slider-tooltip-emsiotify.jqx-warning-slider, .jqx-slider-tooltip-emsiotify.jqx-warning-slider .jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-button-warning-text-color-emsiotify);
     background: var(--jqx-button-warning-text-color-emsiotify);
 }
.jqx-slider-tooltip-emsiotify.jqx-info-slider, .jqx-slider-tooltip-emsiotify.jqx-info-slider .jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-button-info-text-color-emsiotify);;
     background: var(--jqx-button-info-text-color-emsiotify);;
 }
.jqx-primary-emsiotify {
     color: var(--jqx-button-primary-text-color-emsiotify) !important;
     background: var(--jqx-button-primary-background-color-emsiotify) !important;
     border-color: var(--jqx-button-primary-text-color-emsiotify) !important;
     text-shadow: none !important;
 }
.jqx-primary-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-primary-emsiotify.jqx-slider-button-emsiotify,
     .jqx-primary-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-primary-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-primary-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-primary-emsiotify.jqx-action-button-emsiotify,
     .jqx-primary-emsiotify:hover,    
     .jqx-primary-emsiotify:active,
     .jqx-primary-emsiotify.active,
     .jqx-primary-emsiotify.disabled,
     .jqx-primary-emsiotify[disabled] {
         color: var(--jqx-button-primary-hovered-state-text-color-emsiotify) !important;
         background: var(--jqx-button-primary-hovered-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-primary-hovered-state-background-color-emsiotify) !important;
         text-shadow: none !important;
     }
.jqx-primary-emsiotify:focus {
         color: var(--jqx-button-primary-focused-state-text-color-emsiotify) !important;
         background: var(--jqx-button-primary-focused-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-primary-focused-state-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-primary-emsiotify,
     .jqx-primary-emsiotify:active,
     .jqx-primary-emsiotify.active {
         color:var(--jqx-button-primary-active-state-text-color-emsiotify) !important;
         background-color: var(--jqx-button-primary-active-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-primary-active-state-background-color-emsiotify) !important;
         text-shadow: none !important;
     }
.jqx-success-emsiotify {
     color: var(--jqx-button-success-text-color-emsiotify) !important;
     background: var(--jqx-button-success-background-color-emsiotify) !important;
     border-color: var(--jqx-button-success-text-color-emsiotify) !important;
     text-shadow: none !important;
 }
.jqx-success-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-success-emsiotify.jqx-slider-button-emsiotify,
     .jqx-success-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-success-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-success-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-success-emsiotify.jqx-action-button-emsiotify,
     .jqx-success-emsiotify:hover
     .jqx-success-emsiotify:active,
     .jqx-success-emsiotify.active,
     .jqx-success-emsiotify.disabled,
     .jqx-success-emsiotify[disabled] {
         color: var(--jqx-button-success-hovered-state-text-color-emsiotify) !important;
         background: var(--jqx-button-success-hovered-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-success-hovered-state-background-color-emsiotify) !important;
         text-shadow: none !important;
     }
.jqx-success-emsiotify:focus {
         color: var(--jqx-button-success-focused-state-text-color-emsiotify) !important;
         background: var(--jqx-button-success-focused-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-success-focused-state-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-success-emsiotify,
     .jqx-success-emsiotify:active,
     .jqx-success-emsiotify.active {
         color:var(--jqx-button-success-active-state-text-color-emsiotify) !important;
         background-color: var(--jqx-button-success-active-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-success-active-state-background-color-emsiotify) !important;
         text-shadow: none !important;
     }
.jqx-inverse-emsiotify {
     text-shadow: none !important;
     color: #666 !important;
     background: #fff !important;
     border-color: #cccccc !important;
 }
.jqx-inverse-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-inverse-emsiotify.jqx-slider-button-emsiotify,
     .jqx-inverse-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-inverse-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-inverse-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-inverse-emsiotify.jqx-action-button-emsiotify,
     .jqx-inverse-emsiotify:hover,
     .jqx-inverse-emsiotify:focus,
     .jqx-inverse-emsiotify:active,
     .jqx-inverse-emsiotify.active,
     .jqx-inverse-emsiotify.disabled,
     .jqx-inverse-emsiotify[disabled] {
         text-shadow: none !important;
         color: #666 !important;
         background: #cccccc !important;
         border-color: #cccccc !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-inverse-emsiotify,
     .jqx-inverse-emsiotify:active,
     .jqx-inverse-emsiotify.active {
         text-shadow: none !important;
         color: #666 !important;
         background: #cccccc !important;
         border-color: #cccccc !important;
     }
.jqx-danger-emsiotify {
     text-shadow: none !important;
     color: var(--jqx-button-danger-text-color-emsiotify) !important;
     background: var(--jqx-button-danger-background-color-emsiotify) !important;
     border-color: var(--jqx-button-danger-text-color-emsiotify) !important;
 }
.jqx-danger-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-danger-emsiotify.jqx-slider-button-emsiotify,
     .jqx-danger-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-danger-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-danger-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-danger-emsiotify.jqx-action-button-emsiotify,
     .jqx-danger-emsiotify:hover,
     .jqx-danger-emsiotify:active,
     .jqx-danger-emsiotify.active,
     .jqx-danger-emsiotify.disabled,
     .jqx-danger-emsiotify[disabled] {
         text-shadow: none !important;
         color: var(--jqx-button-danger-hovered-state-text-color-emsiotify) !important;
         background: var(--jqx-button-danger-hovered-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-danger-hovered-state-background-color-emsiotify) !important;
     }
.jqx-danger-emsiotify:focus {
         color: var(--jqx-button-danger-focused-state-text-color-emsiotify) !important;
         background: var(--jqx-button-danger-focused-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-danger-focused-state-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-danger-emsiotify,
     .jqx-danger-emsiotify:active,
     .jqx-danger-emsiotify.active {
         text-shadow: none !important;
         color:var(--jqx-button-danger-active-state-text-color-emsiotify) !important;
         background-color: var(--jqx-button-danger-active-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-danger-active-state-background-color-emsiotify) !important;
     }
.jqx-validator-error-label-emsiotify {
     color: #d9534f !important;
 }
.jqx-warning-emsiotify {
     text-shadow: none !important;
     color: var(--jqx-button-warning-text-color-emsiotify) !important;
     background: var(--jqx-button-warning-background-color-emsiotify) !important;
     border-color: var(--jqx-button-warning-text-color-emsiotify) !important;
 }
.jqx-warning-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-warning-emsiotify.jqx-slider-button-emsiotify,
     .jqx-warning-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-warning-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-warning-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-warning-emsiotify.jqx-action-button-emsiotify,
     .jqx-warning-emsiotify:hover
     .jqx-warning-emsiotify:active,
     .jqx-warning-emsiotify.active,
     .jqx-warning-emsiotify.disabled,
     .jqx-warning-emsiotify[disabled] {
         text-shadow: none !important;
         color: var(--jqx-button-warning-hovered-state-text-color-emsiotify) !important;
         background: var(--jqx-button-warning-hovered-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-warning-hovered-state-background-color-emsiotify) !important;
     }
.jqx-warning-emsiotify:focus {
         color: var(--jqx-button-warning-focused-state-text-color-emsiotify) !important;
         background: var(--jqx-button-warning-focused-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-warning-focused-state-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-warning-emsiotify,
     .jqx-warning-emsiotify:active,
     .jqx-warning-emsiotify.active {
         text-shadow: none !important;
         color:var(--jqx-button-warning-active-state-text-color-emsiotify) !important;
         background-color: var(--jqx-button-warning-active-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-warning-active-state-background-color-emsiotify) !important;
     }
.jqx-info-emsiotify {
     text-shadow: none !important;
     color: var(--jqx-button-info-text-color-emsiotify) !important;
     background: var(--jqx-button-info-background-color-emsiotify) !important;
     border-color: var(--jqx-button-info-text-color-emsiotify) !important;
 }
.jqx-info-emsiotify.jqx-dropdownlist-state-normal-emsiotify,
     .jqx-info-emsiotify.jqx-slider-button-emsiotify,
     .jqx-info-emsiotify.jqx-slider-slider-emsiotify,
     .jqx-info-emsiotify.jqx-combobox-arrow-hover-emsiotify,
     .jqx-info-emsiotify.jqx-combobox-arrow-normal-emsiotify,
     .jqx-info-emsiotify.jqx-action-button-emsiotify,
     .jqx-info-emsiotify:hover,
     .jqx-info-emsiotify:active,
     .jqx-info-emsiotify.active,
     .jqx-info-emsiotify.disabled,
     .jqx-info-emsiotify[disabled] {
         color: var(--jqx-button-info-hovered-state-text-color-emsiotify) !important;
         background: var(--jqx-button-info-hovered-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-info-hovered-state-background-color-emsiotify) !important;
         text-shadow: none !important;
     }
.jqx-info-emsiotify:focus {
         color: var(--jqx-button-info-focused-state-text-color-emsiotify) !important;
         background: var(--jqx-button-info-focused-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-info-focused-state-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify.jqx-info-emsiotify,
     .jqx-info-emsiotify:active,
     .jqx-info-emsiotify.active {
         text-shadow: none !important;
         color:var(--jqx-button-info-active-state-text-color-emsiotify) !important;
         background-color: var(--jqx-button-info-active-state-background-color-emsiotify) !important;
         border-color: var(--jqx-button-info-active-state-background-color-emsiotify) !important;
     }
.jqx-loader-emsiotify, .jqx-popover-content-emsiotify {
         color: var(--jqx-overlays-content-text-color-emsiotify);
         background-color: var(--jqx-overlays-content-background-color-emsiotify);
     }
.jqx-popover-modal-background-emsiotify {
         background-color: var(--jqx-overlays-shader-background-color-emsiotify);
     }
.jqx-popover-title-emsiotify {
         color: var(--jqx-overlays-popup-header-text-color-emsiotify) !important;
         background-color: var(--jqx-overlays-popup-header-background-color-emsiotify) !important;
     }
.jqx-loader-text-emsiotify {
         color: var(--jqx-overlays-content-text-color-emsiotify);
     }
.jqx-notification-emsiotify {
         color: var(--jqx-overlays-toast-text-color-emsiotify) !important;
     }
.jqx-notification-info.jqx-notification-emsiotify {
         background-color: var(--jqx-overlays-toast-info-background-color-emsiotify) !important;
         border-color: var(--jqx-overlays-toast-info-background-color-emsiotify) !important;
     }
.jqx-notification-warning.jqx-notification-emsiotify {
         background-color: var(--jqx-overlays-toast-warning-background-color-emsiotify) !important;
         border-color: var(--jqx-overlays-toast-warning-background-color-emsiotify) !important;
     }
.jqx-notification-error.jqx-notification-emsiotify {
         background-color: var(--jqx-overlays-toast-error-background-color-emsiotify) !important;
         border-color: var(--jqx-overlays-toast-error-background-color-emsiotify) !important;
     }
.jqx-notification-success.jqx-notification-emsiotify {
         background-color: var(--jqx-overlays-toast-success-background-color-emsiotify) !important;
         border-color: var(--jqx-overlays-toast-success-background-color-emsiotify) !important;
     }
.jqx-fill-state-pressed-emsiotify {
     background-image: none;
     outline: 0;
 }
.jqx-grid-group-column-emsiotify {
     border-color: transparent;
 }
.jqx-grid-column-menubutton-emsiotify {
     border-width: 0px;
 }
.jqx-grid-groups-row-emsiotify > span {
     padding-left: 4px;
 }
.jqx-grid-cell-emsiotify, .jqx-grid-group-cell-emsiotify {
     box-shadow: none;
     background-color: var(--jqx-grid-row-background-color-emsiotify);
     color: var(--jqx-grid-row-text-color-emsiotify);
 }
.jqx-grid-cell-alt-emsiotify {
     background-color: var(--jqx-grid-row-alternation-background-color-emsiotify) !important;
     color: var(--jqx-grid-row-alternation-text-color-emsiotify) !important;
 }
.jqx-grid-pager-top-emsiotify .jqx-button-emsiotify,
 .jqx-grid-pager-emsiotify .jqx-button-emsiotify {
     color: rgba(0,0,0,.54) !important;
     background-color: transparent;
     border-color: transparent;
     position: relative;
     height:30px !important;
     width:30px !important;
     border-radius:50%;
     top: -4px;
 }
.jqx-grid-pager-input-emsiotify  {
     padding:0px !important;
 }
.jqx-grid-pager-top-emsiotify .jqx-button-emsiotify > div,
 .jqx-grid-pager-emsiotify .jqx-button-emsiotify > div {
     top: 3px;
     position: relative;
     left: 2px;
 }
.jqx-grid-pager-top-emsiotify .jqx-button-emsiotify.jqx-fill-state-hover,
 .jqx-grid-pager-top-emsiotify .jqx-button-emsiotify.jqx-fill-state-pressed,
 .jqx-grid-pager-emsiotify .jqx-button-emsiotify.jqx-fill-state-hover,
 .jqx-grid-pager-emsiotify .jqx-button-emsiotify.jqx-fill-state-pressed
 {
     color: rgba(0,0,0,.54) !important;
     background-color: transparent;
     border-color: transparent;
     box-shadow: none;    
 }
.jqx-grid-pager-top-emsiotify .jqx-grid-pager-number-emsiotify,
 .jqx-grid-pager-emsiotify .jqx-grid-pager-number-emsiotify {
 
     background-color: transparent;
     border-color: transparent;
     color: rgba(0,0,0,.54) !important;
     font-size:12px;
 }
.jqx-grid-pager-top-emsiotify .jqx-grid-pager-number-emsiotify:hover,
 .jqx-grid-pager-emsiotify .jqx-grid-pager-number-emsiotify:hover {
     font-size:12px;
 }
.jqx-grid-pager-top-emsiotify .jqx-grid-pager-number-emsiotify.jqx-fill-state-pressed-emsiotify ,
 .jqx-grid-pager-emsiotify .jqx-grid-pager-number-emsiotify.jqx-fill-state-pressed-emsiotify {
     color: var(--jqx-accent-color-emsiotify) !important;
     font-weight: bold !important;
 }
.jqx-grid-column-menubutton-emsiotify {
     background-color: transparent;
     border-color: #E0E0E0 !important;
 }
.jqx-grid-column-header-emsiotify, .jqx-grid-groups-header-emsiotify, .jqx-grid-pager-emsiotify {
     background-color: var(--jqx-grid-header-background-color-emsiotify) !important;
     color: var(--jqx-grid-header-text-color-emsiotify) !important;
     font-weight: var(--jqx-grid-header-text-weight-emsiotify);
 }
.jqx-grid-group-expand-emsiotify + div, .jqx-grid-group-collapse-emsiotify + div {
     background-color: var(--jqx-grid-group-row-background-color-emsiotify);
     color: var(--jqx-grid-group-row-text-color-emsiotify);
 }
.jqx-grid-cell-pinned-emsiotify {
     background-color: var(--jqx-grid-pinned-cells-background-color-emsiotify) !important;
 }
#groupsheadergrid .jqx-fill-state-normal-emsiotify {
     background-color: var(--jqx-grid-background-color-emsiotify) !important;
 }
.jqx-cell-emsiotify {
     font-size: 13px;
 }
.jqx-calendar-emsiotify > div {
     padding: 10px;
     box-sizing: border-box;
 }
.jqx-calendar-row-header-emsiotify, .jqx-calendar-top-left-header-emsiotify {
     background-color: #f0f0f0;
     border: 0px solid #f2f2f2;
 }
.jqx-calendar-title-header-emsiotify {
     color: var(--jqx-editors-calendar-header-text-color-emsiotify);
     background-color: var(--jqx-editors-calendar-header-background-color-emsiotify);
 }
.jqx-calendar-column-header-emsiotify {
     color: var(--jqx-editors-calendar-header-text-color-emsiotify);
     background-color: var(--jqx-editors-calendar-header-background-color-emsiotify);
     border-top: 1px solid var(--jqx-editors-calendar-header-background-color-emsiotify);
     border-bottom: 1px solid var(--jqx-editors-calendar-header-background-color-emsiotify);
 }
.jqx-calendar-month-container-emsiotify {
     background-color: var(--jqx-editors-calendar-background-color-emsiotify);
 }
.jqx-calendar-cell-month-emsiotify {
     color: var(--jqx-editors-calendar-current-month-text-color-emsiotify) !important;
 }
.jqx-calendar-cell-othermonth-emsiotify {
     color: var(--jqx-editors-calendar-other-month-text-color-emsiotify) !important;
 }
.jqx-calendar-cell-today-emsiotify {
     color: var(--jqx-editors-calendar-today-cell-text-color-emsiotify) !important;
     background-color: var(--jqx-editors-calendar-today-cell-background-color-emsiotify);
     border-color: var(--jqx-editors-calendar-today-cell-border-color-emsiotify);
 }
.jqx-calendar-cell-hover-emsiotify {
     color: var(--jqx-editors-calendar-hovered-cell-text-color-emsiotify) !important;
     background-color: var(--jqx-editors-calendar-hovered-cell-background-color-emsiotify);
     border-color: var(--jqx-editors-calendar-hovered-cell-background-color-emsiotify); 
 }
.jqx-calendar-cell-selected-emsiotify {
     color: var(--jqx-editors-calendar-selected-cell-text-color-emsiotify) !important;
     background-color: var(--jqx-editors-calendar-selected-cell-background-color-emsiotify);
     border-color: var(--jqx-editors-calendar-selected-cell-background-color-emsiotify);
 }
.jqx-expander-header-emsiotify {
     padding-top: 10px;
     padding-bottom: 10px;
 }
.jqx-ribbon-header-vertical-emsiotify, .jqx-widget-header-vertical-emsiotify {
     background: #fff;
 }
.jqx-scrollbar-state-normal-emsiotify {
     background-color: var(--jqx-scrollbar-scrollbar-background-color-emsiotify);
     border: 1px solid #f5f5f5;
     border-left-color: #ddd;
 }
.jqx-scrollbar-button-state-normal-emsiotify {
     background-color: var(--jqx-scrollbar-scrollbar-arrow-background-color-emsiotify);
 }
.jqx-scrollbar-button-state-hover-emsiotify {
     background: var(--jqx-scrollbar-scrollbar-arrow-hovered-background-color-emsiotify);
 }
.jqx-scrollbar-button-state-pressed-emsiotify {
     background: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-emsiotify) !important;
     /* border-color: var(--jqx-scrollbar-scrollbar-arrow-active-background-color-emsiotify); */
 }
.jqx-scrollbar-thumb-state-normal-emsiotify, .jqx-scrollbar-thumb-state-normal-horizontal-emsiotify {
     background: var(--jqx-scrollbar-scrollbar-thumb-background-color-emsiotify);
     border-color: #b3b3b3;
 }
.jqx-scrollbar-thumb-state-hover-emsiotify, .jqx-scrollbar-thumb-state-hover-horizontal-emsiotify {
     background: var(--jqx-scrollbar-scrollbar-thumb-hovered-background-color-emsiotify);
     border-color: #b3b3b3;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
 }
/* scrollbar arrow up */
.jqx-scrollbar-button-state-normal-emsiotify .jqx-icon-arrow-up-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-up-color-emsiotify);
 }
.jqx-scrollbar-button-state-hover-emsiotify .jqx-icon-arrow-up-hover-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-up-hovered-color-emsiotify);
 }
.jqx-scrollbar-button-state-pressed-emsiotify .jqx-icon-arrow-up-selected-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-up-active-color-emsiotify);
 }
/* scrollbar arrow down */
.jqx-scrollbar-button-state-normal-emsiotify .jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-down-color-emsiotify);
 }
.jqx-scrollbar-button-state-hover-emsiotify .jqx-icon-arrow-down-hover-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-down-hovered-color-emsiotify);
 }
.jqx-scrollbar-button-state-pressed-emsiotify .jqx-icon-arrow-down-selected-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-down-active-color-emsiotify);
 }
/* scrollbar arrow left */
.jqx-scrollbar-button-state-normal-emsiotify .jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-left-color-emsiotify);
 }
.jqx-scrollbar-button-state-hover-emsiotify .jqx-icon-arrow-left-hover-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-left-hovered-color-emsiotify);
 }
.jqx-scrollbar-button-state-pressed-emsiotify .jqx-icon-arrow-left-selected-emsiotify{
     background-image: var(--jqx-scrollbar-arrow-left-active-color-emsiotify);
 }
/* scrollbar arrow right */
.jqx-scrollbar-button-state-normal-emsiotify .jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-right-color-emsiotify);
 }
.jqx-scrollbar-button-state-hover-emsiotify .jqx-icon-arrow-right-hover-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-right-hovered-color-emsiotify);
 }
.jqx-scrollbar-button-state-pressed-emsiotify .jqx-icon-arrow-right-selected-emsiotify {
     background-image: var(--jqx-scrollbar-arrow-right-active-color-emsiotify);
 }
.jqx-scrollview-button-emsiotify {
     background-color: var(--jqx-scrollview-indicator-background-color-emsiotify);
 }
.jqx-scrollview-button-selected-emsiotify {
     background-color: var(--jqx-scrollview-selected-indicator-background-color-emsiotify);
 }
.jqx-progressbar-emsiotify {
     background: var(--jqx-progressbar-bar-background-color-emsiotify) !important;
     box-shadow: none;
 }
.jqx-progressbar-value-emsiotify, .jqx-progressbar-value-vertical-emsiotify {
     background: var(--jqx-progressbar-selected-range-background-color-emsiotify);
 }
.jqx-progressbar-text-emsiotify {
     color: var(--jqx-progressbar-label-color-emsiotify);
 }
.jqx-splitter-collapse-button-vertical-emsiotify, .jqx-splitter-collapse-button-horizontal-emsiotify {
     background: var(--jqx-accent-color-emsiotify);
 }
.jqx-scrollbar-thumb-state-pressed-emsiotify, .jqx-splitter-splitbar-vertical-emsiotify, .jqx-splitter-splitbar-horizontal-emsiotify, .jqx-scrollbar-thumb-state-pressed-horizontal-emsiotify,
 .jqx-scrollbar-button-state-pressed-emsiotify {
     background: var(--jqx-scrollbar-scrollbar-thumb-active-background-color-emsiotify);
     border-color: #b3b3b3;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
 }
.jqx-grid-column-sortdescbutton-emsiotify, jqx-grid-column-filterbutton-emsiotify, .jqx-grid-column-sortascbutton-emsiotify {
     background-color: transparent;
     border-style: solid;
     border-width: 0px 0px 0px 0px;
     border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-menu-vertical-emsiotify, .jqx-menu-horizontal-emsiotify {
     background: var(--jqx-menu-background-color-emsiotify);
     filter: none;
 }
.jqx-menu-dropdown-emsiotify {
     background-color: var(--jqx-menu-dropdown-background-color-emsiotify);
 }
.jqx-grid-bottomright-emsiotify, .jqx-panel-bottomright-emsiotify, .jqx-listbox-bottomright-emsiotify {
     background-color: #fafafa;
 }
.jqx-window-emsiotify, .jqx-tooltip-emsiotify {
     box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
 }
.jqx-tooltip-emsiotify, .jqx-tooltip-emsiotify.jqx-popup-emsiotify, .jqx-tooltip-emsiotify .jqx-fill-state-normal-emsiotify {
     background: var(--jqx-overlays-tooltip-background-color-emsiotify);
     border-color: var(--jqx-overlays-tooltip-background-color-emsiotify);
     box-shadow: none;
     color: var(--jqx-overlays-tooltip-text-color-emsiotify);
 }
.jqx-docking-emsiotify .jqx-window-emsiotify {
     box-shadow: none;
 }
.jqx-docking-panel-emsiotify .jqx-window-emsiotify {
     box-shadow: none;
 }
.jqx-checkbox-emsiotify {
     line-height:20px;
     overflow: visible;
 }
.jqx-radiobutton-emsiotify {
     overflow: visible;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     background-repeat: no-repeat;
     background: none;
     line-height:20px;
 }
.jqx-radiobutton-emsiotify-emsiotify, .jqx-radiobutton-hover-emsiotify {
     border-radius: 100%;
     background-repeat: no-repeat;
     transition: background-color ease-in .3s;
 }
.jqx-radiobutton-check-checked-emsiotify {
     filter: none;
     background: var(--jqx-background-color-emsiotify);
     background-repeat: no-repeat;
     border-radius: 100%;
 }
.jqx-radiobutton-check-indeterminate-emsiotify {
     filter: none;
     background: #999;
     border-radius: 100%;
 }
.jqx-radiobutton-check-indeterminate-disabled-emsiotify {
     filter: none;
     background: #999;
     border-radius: 100%;
 }
.jqx-checkbox-default-emsiotify,
 .jqx-radiobutton-default-emsiotify
  {
     border-width: 1px;
     border-color: var(--jqx-border-color-emsiotify);
     background-color: var(--jqx-background-color-emsiotify);
     overflow: visible;
 }
.jqx-tree-emsiotify .jqx-checkbox-emsiotify .jqx-checkbox-default-emsiotify,
 .jqx-checkbox-emsiotify[checked] .jqx-checkbox-default-emsiotify,
 .jqx-tree-grid-checkbox[checked].jqx-checkbox-default-emsiotify,
 .jqx-radiobutton-emsiotify[checked] .jqx-radiobutton-default-emsiotify
  {
     background-color: var(--jqx-accent-color-emsiotify);
     border-color: var(--jqx-accent-color-emsiotify);
 }
.jqx-checkbox-check-checked-emsiotify {
     background: transparent url('material_check_white.png') center center no-repeat;
 }
.jqx-checkbox-check-indeterminate-emsiotify {
     width:14px !important;
     height:14px !important;
     position:relative;
     top: 1px;
     left: 1px;
     background: white;
 }
.jqx-tree-emsiotify .jqx-checkbox-check-indeterminate-emsiotify {
     width:12px !important;
     height:12px !important;
     top: 2px;
     left:2px;
 }
.jqx-checkbox-hover-emsiotify,
 .jqx-radiobutton-hover-emsiotify {
     background-color: var(--jqx-accent-color-emsiotify);
     border-color: var(--jqx-accent-color-emsiotify);
 }
.jqx-slider-slider-emsiotify {
     transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
 }
.jqx-slider-slider-emsiotify:active {
     transform: scale(1.2);
     box-shadow: rgba(0,0,0,0.3) 0 0 10px;
 }
.jqx-slider-emsiotify[discrete] .jqx-slider-slider-emsiotify:active
  {
     transform: scaleX(0);
     
 }
.jqx-slider-slider-horizontal-emsiotify, .jqx-slider-slider-vertical-emsiotify {
     background: var(--jqx-slider-slider-thumb-color-emsiotify);
     border-color: var(--jqx-slider-slider-thumb-color-emsiotify);  
 }
.jqx-slider-has-value-emsiotify.jqx-fill-state-focus-emsiotify,
 .jqx-slider-button-emsiotify.jqx-fill-state-focus-emsiotify {
     border-color: var(--jqx-slider-focused-border-color-emsiotify) !important;
 }
.jqx-slider-tooltip-emsiotify {
     width: 25px;
     height: 25px;
     transform-origin: 50% 100%;
     border-radius: 50%;
     transform: scale(0) rotate(45deg);
     padding:0px;
     background: transparent !important;
 }
.jqx-slider-tooltip-emsiotify.init {
      transform: scale(1) rotate(45deg);
 }
.jqx-slider-tooltip-emsiotify.hide {
      transition: transform 0.2s ease;
      transform-origin:50% 100%;
      transform: scale(0) rotate(45deg); 
 }
.jqx-slider-tooltip-emsiotify.show {
      transition: transform 0.2s ease;
      transform: scale(1) rotate(45deg); 
 }
.jqx-slider-tooltip-emsiotify .jqx-tooltip-arrow-t-b,
 .jqx-slider-tooltip-emsiotify .jqx-tooltip-arrow-l-r {
     display:none;
     visibility:hidden;
 }
.jqx-slider-tooltip-emsiotify, .jqx-slider-tooltip-emsiotify .jqx-fill-state-normal-emsiotify {
     border-radius: 15px 15px 0px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--jqx-slider-tooltip-background-color-emsiotify); 
     color: var(--jqx-slider-tooltip-text-color-emsiotify);
     border-color: var(--jqx-slider-tooltip-border-color-emsiotify);
     font-size:11px;
 }
.jqx-slider-tooltip-emsiotify.far, .jqx-slider-tooltip-emsiotify.far .jqx-fill-state-normal-emsiotify {
    border-radius: 0px 15px 15px 15px; 
 }
.jqx-slider-tooltip-emsiotify.vertical, .jqx-slider-tooltip-emsiotify.vertical .jqx-fill-state-normal-emsiotify {
    border-radius: 15px 0px 15px 15px; 
 }
.jqx-slider-tooltip-emsiotify.vertical.far, .jqx-slider-tooltip-emsiotify.vertical.far .jqx-fill-state-normal-emsiotify {
    border-radius: 15px 15px 15px 0px; 
 }
.jqx-slider-tooltip-emsiotify {
     background:transparent;
     border:none !important;
     box-shadow:none;
 }
.jqx-slider-tooltip-emsiotify .jqx-tooltip-main-emsiotify {
     top: -7px;
     right: 11px;
 }
.jqx-slider-tooltip-emsiotify.far .jqx-tooltip-main-emsiotify {
     top: 3px;
     right: 4px;
 }
.jqx-slider-tooltip-emsiotify.vertical .jqx-tooltip-main-emsiotify {
     top: -3px;
     right: 3px;
 }
.jqx-slider-tooltip-emsiotify .jqx-tooltip-text {
     background: transparent;
     border:none;
     padding: 0px;
     overflow:visible;
 }
.jqx-slider-tooltip-emsiotify .jqx-tooltip-text>span {
      transform: rotate(-45deg);
 }
.jqx-slider-tooltip-emsiotify.range {
     width: 35px;
     height:35px;
 }
.jqx-slider-rangebar-emsiotify {
     border-color: var(--jqx-slider-selected-slider-background-color-emsiotify);
     background: var(--jqx-slider-selected-slider-background-color-emsiotify);
 }
.jqx-slider-track-horizontal-emsiotify, .jqx-slider-track-vertical-emsiotify {
     border-color: var(--jqx-border-color-emsiotify);
     background: var(--jqx-slider-slider-bar-background-color-emsiotify);
 }
.jqx-slider-button-emsiotify {
     border-radius: 100%;
 }
.jqx-slider-button-emsiotify.jqx-fill-state-normal-emsiotify {
     background: var(--jqx-slider-arrows-background-color-emsiotify) !important;
 }
.jqx-slider-button-emsiotify.jqx-fill-state-hover-emsiotify {
     background: var(--jqx-slider-arrows-hovered-background-color-emsiotify) !important;
 }
.jqx-slider-button-emsiotify.jqx-fill-state-pressed-emsiotify {
     background: var(--jqx-slider-arrows-selected-background-color-emsiotify) !important;
 }
.jqx-listitem-state-hover-emsiotify,
 .jqx-listitem-state-selected-emsiotify,
 .jqx-listitem-state-normal-emsiotify {
     padding: 5px;
     margin:0px;
 }
.jqx-listitem-state-normal-emsiotify, .jqx-listmenu-item-emsiotify.jqx-fill-state-normal-emsiotify {
     color: var(--jqx-list-text-color-emsiotify);
     background-color: var(--jqx-list-background-color-emsiotify);
 }
.jqx-listitem-state-group-emsiotify, .jqx-listmenu-header-emsiotify {
     color: var(--jqx-list-header-text-color-emsiotify);
     background-color: var(--jqx-list-header-background-color-emsiotify);
 }
.jqx-menu-item-top-emsiotify {
     color: var(--jqx-menu-text-color-emsiotify);
 }
.jqx-menu-item-emsiotify {
     color: var(--jqx-menu-dropdown-text-color-emsiotify);
 }
.jqx-scheduler-edit-dialog-label-emsiotify {
   line-height: 35px;
   padding-top: 6px;
   padding-bottom: 6px;
 
 }
.jqx-scheduler-edit-dialog-field-emsiotify {
   line-height: 35px;
   padding-top: 6px;
   padding-bottom: 6px;
 }
.jqx-scheduler-edit-dialog-label-rtl-emsiotify {
   line-height: 35px;
   padding-top: 6px;
   padding-bottom: 6px;
 }
.jqx-scheduler-edit-dialog-field-rtl-emsiotify {
   line-height: 35px;
   padding-top: 6px;
   padding-bottom: 6px;
 }
/*applied to a list item when the item is selected.*/
.jqx-input-popup-emsiotify .jqx-fill-state-hover-emsiotify,
 .jqx-input-popup-emsiotify .jqx-fill-state-pressed-emsiotify {
     color: var(--jqx-hovered-state-content-text-color-emsiotify) !important;
     border-color: var(--jqx-hovered-state-content-background-color-emsiotify);
     text-decoration: none;
     background-color: var(--jqx-hovered-state-content-background-color-emsiotify);
     background-repeat: repeat-x;
     outline: 0;
     background: var(--jqx-hovered-state-content-background-color-emsiotify); /* Old browsers */
     box-shadow: none;
     background-position: 0 0;
 }
.jqx-tree-item-hover-emsiotify {
     color: var(--jqx-treeview-hovered-tree-item-color-emsiotify) !important;
     border-color: var(--jqx-treeview-hovered-tree-item-background-color-emsiotify);
     background-color: var(--jqx-treeview-hovered-tree-item-background-color-emsiotify);
     background: var(--jqx-treeview-hovered-tree-item-background-color-emsiotify); /* Old browsers */
 }
.jqx-menu-item-hover-emsiotify, .jqx-menu-vertical-emsiotify .jqx-menu-item-top-hover-emsiotify,
 .jqx-menu-item-top-emsiotify.jqx-fill-state-hover-emsiotify {
     color: var(--jqx-menu-hovered-item-color-emsiotify);
     background-color: var(--jqx-menu-hovered-item-background-color-emsiotify);
     border-color: var(--jqx-menu-hovered-item-background-color-emsiotify);
 }
.jqx-listitem-state-hover-emsiotify {
     color: var(--jqx-list-hovered-item-state-text-color-emsiotify) !important;
     border-color: var(--jqx-list-hovered-item-state-background-color-emsiotify);
     background-color: var(--jqx-list-hovered-item-state-background-color-emsiotify);
 }
.jqx-grid-cell-hover-emsiotify {
     color: var(--jqx-grid-hovered-row-text-color-emsiotify) !important;
     background-color: var(--jqx-grid-hovered-row-background-color-emsiotify) !important;
 }
.jqx-scheduler-emsiotify {
     border-color: var(--jqx-scheduler-header-border-color-emsiotify);
 }
.jqx-scheduler-emsiotify .jqx-scrollbar-state-normal-emsiotify {
     border-left-color: var(--jqx-scheduler-header-border-color-emsiotify);
 }
.jqx-scheduler-emsiotify .jqx-widget-header-emsiotify{
     color: var(--jqx-scheduler-header-text-color-emsiotify) !important;
     background-color: var(--jqx-scheduler-header-background-color-emsiotify) !important;
     border-color: var(--jqx-scheduler-header-border-color-emsiotify) !important;
 }
.jqx-scheduler-all-day-cell-emsiotify {
     border-color: var(--jqx-scheduler-header-border-color-emsiotify) !important;
 }
.jqx-scheduler-toolbar-emsiotify .jqx-datetimeinput-emsiotify {
     border-color: var(--jqx-scheduler-header-border-color-emsiotify) !important;
 }
.jqx-scheduler-toolbar-emsiotify .jqx-group-button-normal-emsiotify {
     color: var(--jqx-scheduler-header-buttons-text-color-emsiotify);
     border-color: var(--jqx-scheduler-header-buttons-background-color-emsiotify);
     background: var(--jqx-scheduler-header-buttons-background-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-group-button-normal-emsiotify.jqx-fill-state-hover-emsiotify {
     color: var(--jqx-scheduler-header-buttons-hovered-text-color-emsiotify);
     background: var(--jqx-scheduler-header-buttons-hovered-background-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-group-button-normal-emsiotify.jqx-fill-state-pressed-emsiotify {
     color: var(--jqx-scheduler-header-buttons-selected-text-color-emsiotify) !important;
     border-color: var(--jqx-scheduler-header-buttons-selected-background-color-emsiotify) !important;
     background-color: var(--jqx-scheduler-header-buttons-selected-background-color-emsiotify) !important;
 }
.jqx-scheduler-work-time-cell-emsiotify, .jqx-scheduler-not-work-time-cell-emsiotify {
     border-color: var(--jqx-scheduler-border-color-emsiotify) !important; 
 }
.jqx-scheduler-not-work-time-cell-emsiotify {
     background-color: var(--jqx-scheduler-not-work-time-cells-color-emsiotify);
 }
.jqx-scheduler-cell-hover-emsiotify {
     border-color: var(--jqx-scheduler-hovered-cell-border-color-emsiotify) !important;
     background: var(--jqx-scheduler-hovered-cell-background-color-emsiotify) !important;
 }
.jqx-scheduler-toolbar-emsiotify .jqx-datetimeinput {
     background-color: inherit !important;
 }
.jqx-scheduler-toolbar-emsiotify .jqx-datetimeinput .jqx-action-button-emsiotify{
     background-color: inherit !important;
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-scheduler-weeks-arrow-left-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-scheduler-weeks-arrow-right-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-arrow-left-selected-emsiotify {
     background-image: var(--jqx-scheduler-weeks-arrow-left-selected-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-arrow-right-selected-emsiotify {
     background-image: var(--jqx-scheduler-weeks-arrow-right-selected-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-calendar {
     background-image: var(--jqx-scheduler-calendar-icon-color-emsiotify);
 }
.jqx-scheduler-toolbar-emsiotify .jqx-icon-calendar-pressed {
     background-image: var(--jqx-scheduler-calendar-icon-selected-color-emsiotify);
 }
.jqx-grid-selectionarea-emsiotify,
 .jqx-input-button-header-emsiotify, .jqx-input-button-innerHeader-emsiotify {
     color: var(--jqx-accent-color-emsiotify) !important;
     border-color: #E1F5FE !important;
     background: #E1F5FE; /* Old browsers */
     box-shadow: none;
 }
.jqx-tree-item-selected-emsiotify {
     color: var(--jqx-treeview-selected-tree-item-color-emsiotify) !important;
     border-color: var(--jqx-treeview-selected-tree-item-background-color-emsiotify) !important;
     background: var(--jqx-treeview-selected-tree-item-background-color-emsiotify); /* Old browsers */
     box-shadow: none;
 }
.jqx-menu-item-selected-emsiotify, .jqx-menu-vertical-emsiotify .jqx-menu-item-top-selected-emsiotify, .jqx-menu-item-top-selected-emsiotify {
     color: var(--jqx-menu-selected-item-color-emsiotify) !important;
     border-color: var(--jqx-menu-selected-item-border-color-emsiotify) !important;
     background-color: var(--jqx-menu-selected-item-background-color-emsiotify) !important;
     background: var(--jqx-menu-selected-item-background-color-emsiotify); /* Old browsers */
 }
.jqx-listitem-state-selected-emsiotify, .jqx-listmenu-item-emsiotify.jqx-fill-state-pressed-emsiotify {
     color: var(--jqx-list-selected-item-state-text-color-emsiotify) !important;
     border-color: var(--jqx-list-selected-item-state-background-color-emsiotify) !important;
     background: var(--jqx-list-selected-item-state-background-color-emsiotify); /* Old browsers */
 }
.jqx-grid-cell-selected-emsiotify {
     color: var(--jqx-grid-selected-row-text-color-emsiotify) !important;
     border-color: var(--jqx-grid-selected-row-border-color-emsiotify) !important;
     background-color: var(--jqx-grid-selected-row-background-color-emsiotify) !important;
     background: var(--jqx-grid-selected-row-background-color-emsiotify); /* Old browsers */
     box-shadow: none;
 }
.jqx-scheduler-cell-selected-emsiotify {
     border-color: var(--jqx-scheduler-selected-cell-border-color-emsiotify) !important;
     background-color: var(--jqx-scheduler-selected-cell-background-color-emsiotify) !important;
 }
.jqx-grid-column-header-emsiotify .sorticon {
     background-color: inherit !important;
 }
.jqx-grid-column-header-emsiotify .jqx-widget-header-emsiotify {
     background-color: inherit !important;
 }
.jqx-widget-header-emsiotify.sortasc, .jqx-grid-column-sortascbutton-emsiotify,
 .jqx-widget-header-emsiotify.sortdesc, .jqx-grid-column-sortdescbutton-emsiotify {
     background-color: inherit !important;
 }
.jqx-grid-cell-emsiotify .jqx-button-emsiotify, .jqx-grid-cell-emsiotify .jqx-button-emsiotify.jqx-fill-state-hover-emsiotify, .jqx-grid-cell-emsiotify .jqx-button-emsiotify.jqx-fill-state-pressed-emsiotify {
     box-shadow: none;
     transition: none;
 }
.jqx-grid-cell-selected.jqx-grid-cell-edit-emsiotify input {
     background-color: var(--jqx-grid-editor-background-color-emsiotify) !important;
     color: var(--jqx-grid-editor-text-color-emsiotify) !important;
 }
#tabletreegrid .jqx-cell-editor-emsiotify {
     background-color: var(--jqx-grid-editor-background-color-emsiotify) !important;
     color: var(--jqx-grid-editor-text-color-emsiotify) !important;
 }
.jqx-popup-emsiotify {
     border: 1px solid var(--jqx-border-color-emsiotify);
     *border-right-width: 2px;
     *border-bottom-width: 2px;
     -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
     -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
 }
.jqx-grid-column-sortascbutton-emsiotify, .jqx-expander-arrow-bottom-emsiotify, .jqx-window-collapse-button-emsiotify, .jqx-menu-item-arrow-up-emsiotify, .jqx-menu-item-arrow-up-selected-emsiotify, .jqx-menu-item-arrow-top-up-emsiotify, .jqx-icon-arrow-up-emsiotify, .jqx-icon-arrow-up-hover-emsiotify, .jqx-icon-arrow-up-selected-emsiotify {
     background-image: url('material-icon-up.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-widget-emsiotify .jqx-grid-group-expand-emsiotify, .jqx-grid-group-expand-emsiotify, .jqx-grid-column-menubutton-emsiotify, .jqx-grid-column-sortdescbutton-emsiotify, .jqx-expander-arrow-top-emsiotify, .jqx-window-collapse-button-collapsed-emsiotify, .jqx-menu-item-arrow-down-emsiotify, .jqx-menu-item-arrow-down-selected-emsiotify, .jqx-menu-item-arrow-down-emsiotify, .jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-arrow-down-color-emsiotify); 
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-down-hover-emsiotify {
     background-image: var(--jqx-arrow-down-hovered-color-emsiotify);
 }
.jqx-icon-arrow-down-selected-emsiotify {
     background-image: var(--jqx-arrow-down-selected-color-emsiotify);
 }
.jqx-icon-arrow-left-emsiotify, .jqx-icon-arrow-down-left-emsiotify, .jqx-icon-arrow-left-selected-emsiotify {
     background-image: url('material-icon-left.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-tabs-arrow-left-emsiotify {
     background-image: var(--jqx-tabs-arrow-left-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-tabs-arrow-right-emsiotify {
     background-image: var(--jqx-tabs-arrow-right-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-widget-emsiotify .jqx-grid-group-collapse-emsiotify, .jqx-grid-group-collapse-emsiotify, .jqx-icon-arrow-right-emsiotify, .jqx-icon-arrow-right-hover-emsiotify, .jqx-icon-arrow-right-selected-emsiotify {
     background-image: url('material-icon-right.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-menu-item-arrow-top-left-emsiotify {
     background-image: var(--jqx-menu-arrow-left-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-menu-item-arrow-top-right-emsiotify {
     background-image: var(--jqx-menu-arrow-right-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-cell-hover-emsiotify .jqx-grid-group-expand-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-arrow-down-hovered-color-emsiotify);
 }
.jqx-grid-cell-hover-emsiotify .jqx-grid-group-expand-rtl-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-arrow-down-hovered-color-emsiotify);
 }
.jqx-grid-cell-hover-emsiotify .jqx-grid-group-collapse-emsiotify.jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-grid-arrow-rigth-hovered-color-emsiotify);
 }
.jqx-grid-cell-hover-emsiotify .jqx-grid-group-collapse-rtl-emsiotify.jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-grid-arrow-left-hovered-color-emsiotify);
 }
.jqx-grid-group-collapse-emsiotify.jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-grid-groups-arrow-right-color-emsiotify);
 }
.jqx-grid-group-expand-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-groups-arrow-down-color-emsiotify);
 }
.jqx-grid-group-collapse-rtl-emsiotify.jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-grid-groups-arrow-left-color-emsiotify);
 }
.jqx-grid-group-expand-rtl-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-groups-arrow-down-color-emsiotify);
 }
.jqx-tree-grid-collapse-button-emsiotify.jqx-icon-arrow-right-emsiotify{
     background-image: var(--jqx-grid-arrow-right-color-emsiotify);
 }
.jqx-tree-grid-collapse-button-emsiotify.jqx-icon-arrow-left-emsiotify{
     background-image: var(--jqx-grid-arrow-left-color-emsiotify);
 }
.jqx-tree-grid-expand-button-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-arrow-down-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-grid-arrow-left-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-left-hover-emsiotify {
     background-image: var(--jqx-grid-arrow-left-hovered-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-left-selected-emsiotify {
     background-image: var(--jqx-grid-arrow-left-selected-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-grid-arrow-right-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-right-hover-emsiotify {
     background-image: var(--jqx-grid-arrow-right-hovered-color-emsiotify);
 }
.jqx-grid-pager-emsiotify .jqx-icon-arrow-right-selected-emsiotify {
     background-image: var(--jqx-grid-arrow-right-selected-color-emsiotify);
 }
.jqx-grid-column-sorticon-emsiotify.jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-grid-header-arrow-down-color-emsiotify);
 }
.jqx-grid-column-sortdescbutton-emsiotify {
     background-image: var(--jqx-grid-header-arrow-down-color-emsiotify);
 }
.jqx-grid-column-sortascbutton-emsiotify {
     background-image: var(--jqx-grid-header-arrow-up-color-emsiotify);
 }
.jqx-grid-column-menubutton-emsiotify {
     background-image: var(--jqx-grid-menu-button-color-emsiotify) !important;
 }
.jqx-grid-group-column-emsiotify .jqx-grid-column-sortdescbutton-emsiotify {
     background-image: var(--jqx-grid-arrow-down-color-emsiotify);
 }
.jqx-tree-item-arrow-collapse-rtl-emsiotify, .jqx-tree-item-arrow-collapse-hover-rtl-emsiotify {
     background-image: url('material-icon-left.png');
 }
.jqx-menu-item-arrow-left-selected-emsiotify {
     background-image: var(--jqx-menu-arrow-left-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-menu-item-arrow-right-selected-emsiotify {
     background-image: var(--jqx-menu-arrow-right-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-tree-item-arrow-expand-emsiotify {
     background-image: var(--jqx-treeview-arrow-expanded-color-emsiotify) !important;
 }
.jqx-tree-item-arrow-collapse-emsiotify
 {
     transform: rotate(-90deg);
     background-image: var(--jqx-treeview-arrow-collapsed-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
     transition: transform 0.2s ease-out;
 }
.jqx-navbar-emsiotify {
     border-color: var(--jqx-navbar-item-background-color-emsiotify) !important;
 }
.jqx-navbar-block-emsiotify {
     color: var(--jqx-navbar-item-text-color-emsiotify) !important;
     background: var(--jqx-navbar-item-background-color-emsiotify) !important;
     border-color: var(--jqx-navbar-item-background-color-emsiotify) !important;
 }
.jqx-navbar-block-emsiotify.jqx-fill-state-hover-emsiotify {
     color: var(--jqx-navbar-hovered-item-text-color-emsiotify) !important;
     background-color: var(--jqx-navbar-hovered-item-background-color-emsiotify) !important;
     border-color: var(--jqx-navbar-hovered-item-background-color-emsiotify) !important;
     opacity: 1
 }
.jqx-navbar-block-emsiotify.jqx-fill-state-pressed-emsiotify {
     color: var(--jqx-navbar-selected-item-text-color-emsiotify) !important;
     background-color: var(--jqx-navbar-selected-item-background-color-emsiotify) !important;
     border-color: var(--jqx-navbar-selected-item-background-color-emsiotify) !important;
 }
.jqx-input-button-content-emsiotify {
     font-size: 10px;
 }
.jqx-widget .jqx-grid-column-header-cell-emsiotify {
     padding-top: 8px;
     padding-bottom: 8px;
     height:30px;
 }
.jqx-widget .jqx-grid-row-cell-emsiotify {
     padding-top: 8px;
     padding-bottom: 8px;
     height:30px;
 }
.jqx-widget .jqx-grid-cell-emsiotify, .jqx-widget .jqx-grid-column-header-emsiotify, .jqx-widget .jqx-grid-group-cell-emsiotify {
     border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-input-emsiotify, .jqx-input-emsiotify input, .jqx-maskedinput-emsiotify {
     border-radius: var(--jqx-editors-text-editors-border-radius-emsiotify) !important;
 }
.jqx-combobox-emsiotify .jqx-icon-close-emsiotify {
     background-image:url('close_white.png')
 }
.jqx-combobox-emsiotify, .jqx-input-emsiotify {
     border-color: var(--jqx-editors-text-editors-border-color-emsiotify);
     color: var(--jqx-editors-text-editors-text-color-emsiotify);
     background-color: var(--jqx-editors-text-editors-background-color-emsiotify);
     border-left: none;
     border-right: none;
     border-top: none;
     box-shadow: none;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
 }
.jqx-combobox-content-emsiotify,
 .jqx-datetimeinput-content-emsiotify
  {
     border-color: transparent;
 }
.jqx-combobox-arrow-normal-emsiotify {
     background: var(--jqx-background-color-emsiotify);
     border-color: transparent;
 }
.jqx-combobox-content-focus-emsiotify, 
 .jqx-combobox-state-focus-emsiotify,
 .jqx-numberinput-focus-emsiotify {
     outline: none;
 }
.jqx-combobox-emsiotify, .jqx-input-emsiotify {
     box-shadow: none;
 }
.jqx-input-group-emsiotify {
     position: relative;
     display: inline-block;
     overflow: visible;
     border: none;
     box-shadow: none;
 }
.jqx-input-group-emsiotify input {
         width: 100%;
         height: 100%;
         box-sizing: border-box;
     }
.jqx-input-group-emsiotify textarea {
         width: 100%;
         height: 100%;
         outline: none;
         resize: none;
         border-left: none;
         border-right: none;
         border-top: none;
         border-bottom-color: var(--jqx-border-color-emsiotify);
     }
.jqx-numberinput-emsiotify,
 .jqx-maskedinput-emsiotify
  {
     position:relative;
 }
.jqx-numberinput-emsiotify input {
     height:100% !important;
 }
.jqx-input-emsiotify.jqx-validator-error-element {
     border-color: transparent !important;
     border-bottom: 1px solid #df2227 !important; 
 }
.jqx-input-emsiotify input,
 .jqx-dropdownlist-state-normal-emsiotify,
 .jqx-combobox-state-normal-emsiotify,
 .jqx-datetimeinput-emsiotify,
 .jqx-numberinput-emsiotify,
 .jqx-maskedinput-emsiotify
  {
     background: var(--jqx-editors-text-editors-background-color-emsiotify);
     color: var(--jqx-editors-text-editors-text-color-emsiotify);
     border-color: #fff;
     border-radius: 0;
     box-shadow: none;
     border-bottom: 1px solid var(--jqx-editors-text-editors-border-color-emsiotify);
     outline: none;
 }
.jqx-datetimeinput-emsiotify .jqx-action-button-emsiotify,
 .jqx-datetimeinput-emsiotify .jqx-action-button-rtl-emsiotify 
  {
     background-color: transparent;
     border-color: transparent;
 }
.jqx-datetimeinput-emsiotify, .jqx-datetimeinput-emsiotify > div,
     .jqx-numberinput-emsiotify, .jqx-numberinput-emsiotify > div,
     .jqx-maskedinput-emsiotify, .jqx-maskedinput-emsiotify > div,
     .jqx-dropdownlist-state-normal-emsiotify, .jqx-dropdownlist-state-normal-emsiotify > div, .jqx-dropdownlist-state-normal-emsiotify > div > div,
     .jqx-combobox-state-normal-emsiotify, .jqx-combobox-state-normal-emsiotify > div, .jqx-combobox-state-normal-emsiotify > div > div {
         overflow: visible !important;
     }
.jqx-input-emsiotify input:focus {
         border-radius: 0;
         box-shadow: none;
     }
.jqx-input-emsiotify input, input[type="text"].jqx-input-emsiotify, input[type="password"].jqx-input-emsiotify, input[type="text"].jqx-widget-content-emsiotify, input[type="textarea"].jqx-widget-content-emsiotify, textarea.jqx-input-emsiotify {
     font-size: 14px;
     resize: none;
     background: var(--jqx-editors-text-editors-background-color-emsiotify);
     color: var(--jqx-editors-text-editors-text-color-emsiotify);
     border: none;
     border-radius: 0;
     box-sizing:border-box;
     box-shadow: none;
     border-bottom: 1px solid var(--jqx-editors-text-editors-border-color-emsiotify);
 }
.jqx-input-label-emsiotify {
     visibility:inherit;
 }
.jqx-input-bar-emsiotify{
     visibility:inherit;
 }
input:focus ~ .jqx-input-label-emsiotify,
 textarea:focus ~ .jqx-input-label-emsiotify,
 .jqx-input-widget-emsiotify[hint=true] .jqx-input-label,
 .jqx-text-area-emsiotify[hint=true] .jqx-input-label,
 .jqx-dropdownlist-state-selected-emsiotify .jqx-input-label,
 .jqx-dropdownlist-state-normal-emsiotify[hint=true] .jqx-input-label,
 .jqx-combobox-state-normal-emsiotify[hint=true] .jqx-input-label,
 .jqx-combobox-emsiotify .jqx-input-label.focused,
 .jqx-dropdownlist-emsiotify .jqx-input-label.focused,
 .jqx-datetimeinput-emsiotify[hint=true] .jqx-input-label,
 .jqx-maskedinput-emsiotify[hint=true] .jqx-input-label,
 .jqx-numberinput-emsiotify[hint=true] .jqx-input-label,
 .jqx-formattedinput-emsiotify[hint=true] .jqx-input-label
  {
     top: -15px;
     font-size: 12px;
     color: var(--jqx-editors-text-editors-focused-border-color-emsiotify);
 }
.jqx-combobox-emsiotify #dropdownlistContentcombobox {
     background-color: var(--jqx-editors-text-editors-background-color-emsiotify);
 }
.jqx-dropdownlist-emsiotify[default-placeholder="true"] .jqx-input-label {
     visibility: hidden;
 }
input:focus ~ .jqx-input-bar:before,
 textarea:focus ~ .jqx-input-bar:before,
 .jqx-dropdownlist-state-selected-emsiotify .jqx-input-bar:before,
 .jqx-dropdownlist-emsiotify .jqx-input-bar.focused:before,
 .jqx-combobox-emsiotify .jqx-input-bar.focused:before,
 .jqx-complex-input-group-emsiotify .jqx-input-bar.focused::before,
 .jqx-combobox-state-selected-emsiotify .jqx-input-bar:before {
     width: 100%;
 }
.jqx-complex-input-group-emsiotify .jqx-fill-state-normal-emsiotify {
     border-color: #fafafa;
 }
.jqx-input-widget-emsiotify input[type="password"]{
     letter-spacing: 0.3em;
 }
.jqx-input-label-emsiotify {
     color: var(--jqx-border-color-emsiotify);
     font-size: 14px;
     font-weight: normal;
     position: absolute;
     pointer-events: none;
     left: 2px;
     top:10px;
     top: calc(50% - 7px);
     transition: 300ms ease all;
 }
.jqx-input-label.initial {
     transition: none;
 }
.jqx-input-bar-emsiotify {
     position: relative;
     display: block;
     z-index:1;
 }
.jqx-input-bar-emsiotify:before {
         content: '';
         height: 2px;
         width: 0;
         bottom: 0px;
         position: absolute;
         background: var(--jqx-editors-text-editors-focused-border-color-emsiotify);
         transition: 300ms ease all;
         left: 0%;
     }
.jqx-formatted-input-spin-button-emsiotify, .jqx-input-group-addon-emsiotify {
     border-color: #fff;
     background: #fff;
 }
.jqx-dropdownlist-state-selected-emsiotify,
 .jqx-combobox-state-selected-emsiotify {
     color: var(--jqx-accent-color-emsiotify);
 }
.jqx-switchbutton-thumb-emsiotify {
     border-color: var(--jqx-editors-switch-thumb-color-emsiotify);
     background: var(--jqx-background-color-emsiotify);
 }
.jqx-switchbutton-label-on-emsiotify {
     color: var(--jqx-editors-switch-on-label-text-color-emsiotify);
     background-color: var(--jqx-editors-switch-on-label-background-color-emsiotify);
 }
.jqx-switchbutton-label-off-emsiotify {
     color: var(--jqx-editors-switch-off-label-text-color-emsiotify);
     background-color: var(--jqx-editors-switch-off-label-background-color-emsiotify);
 }
.jqx-file-upload-emsiotify, .jqx-file-upload-file-row-emsiotify {
     background-color: var(--jqx-editors-file-uploader-background-color-emsiotify);
 }
.jqx-file-upload-file-name-emsiotify {
     color: var(--jqx-editors-file-uploader-filename-text-color-emsiotify) !important;
 }
.jqx-dropdownlist-state-normal-emsiotify .jqx-icon-arrow-down-emsiotify,
 .jqx-combobox-state-normal-emsiotify .jqx-icon-arrow-down-emsiotify,
 .sorticon.descending .jqx-grid-column-sorticon-emsiotify,
 .jqx-tree-item-arrow-expand-emsiotify,
  .jqx-expander-header-emsiotify .jqx-icon-arrow-down
  {
     transform: rotate(0deg);
     transition: transform 0.2s ease-out;
 }
.jqx-dropdownlist-state-hover-emsiotify {
     background-color: var(--jqx-hovered-state-background-color-emsiotify);
     color: var(--jqx-hovered-state-text-color-emsiotify);
 }
.jqx-expander-header-emsiotify .jqx-icon-arrow-up {
    transform: rotate(180deg);
    transition: transform 0.2s ease-out;
     background-image: url('material-icon-down.png');
 }
.jqx-expander-arrow-top-emsiotify {
     background-image: var(--jqx-accordion-arrow-down-color-emsiotify);
 }
.jqx-expander-arrow-top-hover-emsiotify {
     background-image: var(--jqx-accordion-arrow-down-hovered-color-emsiotify) !important;
 }
.jqx-expander-arrow-expanded-emsiotify {
     background-image: var(--jqx-accordion-arrow-down-selected-color-emsiotify) !important;
 }
.jqx-dropdownlist-state-selected-emsiotify .jqx-icon-arrow-down-emsiotify,
 .jqx-combobox-state-selected-emsiotify .jqx-icon-arrow-down-emsiotify,
 .sorticon.ascending .jqx-grid-column-sorticon-emsiotify
  {
     transform: rotate(180deg);
     transition: transform 0.2s ease-out;
     left: -1px;
 }
.jqx-combobox-state-selected-emsiotify .jqx-icon-arrow-down-emsiotify{
     left:-1px;
 }
.jqx-listbox-container {
     margin-top: 1px;
 }
input[type="text"].jqx-input-emsiotify:-moz-placeholder, input[type="text"].jqx-widget-content-emsiotify:-moz-placeholder, input[type="textarea"].jqx-widget-content-emsiotify:-moz-placeholder, textarea.jqx-input-emsiotify:-moz-placeholder {
     color: #999999;
 }
input[type="text"].jqx-input-emsiotify:-webkit-input-placeholder, input[type="text"].jqx-widget-content-emsiotify:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-emsiotify:-webkit-input-placeholder, textarea.jqx-input-emsiotify:-webkit-input-placeholder {
     color: #999999;
 }
input[type="text"].jqx-input-emsiotify:-ms-input-placeholder, input[type="text"].jqx-widget-content-emsiotify:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-emsiotify:-ms-input-placeholder, textarea.jqx-input-emsiotify:-ms-input-placeholder {
     color: #999999;
 }
.jqx-combobox-content-focus-emsiotify, .jqx-combobox-state-focus-emsiotify, .jqx-fill-state-focus-emsiotify,
 .jqx-numberinput-focus-emsiotify {
     outline: none;
 }
.jqx-combobox-multi-item-emsiotify {
     color: var(--jqx-editors-combobox-multi-item-text-color-emsiotify);
     background: var(--jqx-editors-combobox-multi-item-background-color-emsiotify);
     border-color: var(--jqx-editors-combobox-multi-item-background-color-emsiotify);
 }
.jqx-popup-emsiotify.jqx-fill-state-focus-emsiotify {
     outline: none;
     border-color: #E0E0E0 !important;
 }
.jqx-datetimeinput-content, .jqx-datetimeinput-container {
     overflow: visible !important;
 }
.jqx-text-area-emsiotify, .jqx-text-area-emsiotify > div {
     overflow:visible !important;
 }
.jqx-text-area-element-emsiotify {
    box-sizing: border-box;
 }
.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-emsiotify {
     border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-widget-header-emsiotify.jqx-pivotgrid-content-wrapper {
     background-color: var(--jqx-pivotgrid-header-background-color-emsiotify) !important;
     color: var(--jqx-pivotgrid-header-text-color-emsiotify) !important;
 }
.jqx-grid-cell-normal-emsiotify.jqx-pivotgrid-content-wrapper {
     background-color: var(--jqx-pivotgrid-cell-background-color-emsiotify);
     color: var(--jqx-pivotgrid-cell-text-color-emsiotify);
 }
.jqx-grid-cell-selected-emsiotify.jqx-pivotgrid-content-wrapper {
     color: var(--jqx-pivotgrid-selected-cell-text-color-emsiotify) !important;
     background-color: var(--jqx-pivotgrid-selected-cell-background-color-emsiotify) !important;
     border-color: var(--jqx-pivotgrid-selected-cell-background-color-emsiotify) !important;
 }
.jqx-tabs-title-selected-top-emsiotify, .jqx-tabs-selection-tracker-top-emsiotify {
     border-color: transparent;
     filter: none;
     background: var(--jqx-tabs-selected-tab-background-color-emsiotify);
     box-shadow: none;
 }
.jqx-grid-cell-filter-row-emsiotify {
     background-color: #fafafa;
 }
.jqx-tabs-title-emsiotify, .jqx-ribbon-item-emsiotify {
     color: var(--jqx-tabs-tab-text-color-emsiotify);
 }
.jqx-tabs-title-selected-bottom-emsiotify,
 .jqx-tabs-title-selected-top-emsiotify
  {
     color: var(--jqx-tabs-selected-tab-text-color-emsiotify);
     font-weight:500;   
     padding-top:5px;
     padding-bottom:5px;
 }
.jqx-tabs-title.jqx-fill-state-hover-emsiotify {
     border-color: transparent;
 }
.jqx-ribbon-item-emsiotify {
     cursor: pointer;
 }
.jqx-ribbon-item-selected-emsiotify {
     color: var(--jqx-tabs-selected-tab-text-color-emsiotify);
     font-weight:500;
     border-color: transparent;
 }
.jqx-ribbon-item-hover-emsiotify {
     background: transparent;
 }
.jqx-ribbon-header-top-emsiotify {
     border-color: transparent;
     border-bottom-color: var(--jqx-border-color-emsiotify);
 }
.jqx-ribbon-header-bottom-emsiotify {
     border-color: transparent;
     border-top-color: var(--jqx-border-color-emsiotify);
 }
.jqx-ribbon-header-right-emsiotify {
     border-color: transparent;
     border-left-color:var(--jqx-border-color-emsiotify);
 }
.jqx-ribbon-header-left-emsiotify {
     border-color: transparent;
     border-right-color:var(--jqx-border-color-emsiotify);
 }
.jqx-tabs-title-selected-bottom-emsiotify, .jqx-tabs-selection-tracker-bottom-emsiotify {
     border-color: transparent;
     border-top: 1px solid #fff;
     filter: none;
     background: var(--jqx-tabs-selected-tab-background-color-emsiotify);
     box-shadow: none;
 }
.jqx-tabs-emsiotify, .jqx-ribbon-emsiotify {
     border-color: transparent;
 }
.jqx-tabs-position-bottom .jqx-tabs-header-emsiotify {
     border-color: transparent;
 }
.jqx-layout-emsiotify .jqx-tabs-header-emsiotify, .jqx-layout-emsiotify .jqx-ribbon-header-emsiotify {
     background: var(--jqx-background-color-emsiotify);
     border-color: var(--jqx-border-color-emsiotify);
 }
.jqx-tabs-title-bottom {
     border-color: transparent;
 }
.jqx-tabs-title-hover-top-emsiotify, .jqx-tabs-title-hover-bottom-emsiotify {
     box-shadow: none !important;
     color: var(--jqx-tabs-hovered-tab-text-color-emsiotify);
     background: var(--jqx-tabs-hovered-tab-background-color-emsiotify);
 }
.jqx-tabs-header-emsiotify, .jqx-tabs-arrow-background-emsiotify {
     background-color: var(--jqx-tabs-header-background-color-emsiotify) !important;
     border-bottom: 1px solid var(--jqx-tabs-border-color-emsiotify);
 }
.jqx-tabs-content-emsiotify {
     box-sizing: border-box;
     color: var(--jqx-tabs-content-text-color-emsiotify);
     background-color: var(--jqx-tabs-content-background-color-emsiotify);
     border: 1px solid var(--jqx-tabs-border-color-emsiotify);
     border-top-color: transparent;
     padding:5px;
 }
.jqx-tabs-bar-emsiotify {
     position: absolute;
     bottom: 0;
     background: var(--jqx-tabs-selected-tab-bottom-border-color-emsiotify);
     height: 2px;
     z-index:10;
     transition: .5s cubic-bezier(.35,0,.25,1);
 }
.jqx-tabs-bar-emsiotify.vertical {
     width: 2px;
 }
.jqx-tabs-position-bottom .jqx-tabs-bar-emsiotify {
     top: 0;
 }
.jqx-layout-emsiotify {
     background-color: #cccccc;
 }
.jqx-kanban-column-header-collapsed-emsiotify { /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
     background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
 }
.jqx-calendar-cell-emsiotify {
     border-radius: 50%;
     font-size:12px;
 }
.jqx-calendar-cell-year-emsiotify,
 .jqx-calendar-cell-decade-emsiotify {
     border-radius: 25%;
 }
.jqx-calendar-title-content-emsiotify {
     font-weight:bold;
 }
.jqx-calendar-title-navigation-emsiotify.jqx-icon-arrow-left-emsiotify {
     background-image: var(--jqx-editors-calendar-arrow-left-color-emsiotify);
 }
.jqx-calendar-title-navigation-emsiotify.jqx-icon-arrow-right-emsiotify {
     background-image: var(--jqx-editors-calendar-arrow-right-color-emsiotify);
 }
.jqx-calendar-column-cell-emsiotify {
     color: var(--jqx-editors-calendar-header-text-color-emsiotify);
     font-size:12px;
 }
.jqx-grid-column-menubutton-emsiotify {
     background-image: url('material-icon-down.png');
 }
.jqx-tabs-close-button-emsiotify {
     background-image: url('close.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-tabs-close-button-selected-emsiotify {
     background-image: url('close.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-tabs-close-button-hover-emsiotify {
     background-image: url('close.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-cell-emsiotify.jqx-grid-cell-selected-emsiotify>.jqx-grid-group-expand-emsiotify {
     background-image: var(--jqx-grid-arrow-down-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-cell-emsiotify.jqx-grid-cell-selected-emsiotify>.jqx-grid-group-collapse-emsiotify{
     background-image: var(--jqx-grid-arrow-right-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-cell-emsiotify.jqx-grid-cell-selected-emsiotify>.jqx-grid-group-collapse-rtl-emsiotify {
     background-image: var(--jqx-grid-arrow-left-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-cell-emsiotify.jqx-grid-cell-selected-emsiotify>.jqx-grid-group-expand-rtl-emsiotify{
     background-image: var(--jqx-grid-arrow-down-selected-color-emsiotify);
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-grid-group-collapse-emsiotify {
     background-image: url('material-icon-right.png');
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
.jqx-grid-group-collapse-rtl-emsiotify {
     padding-right: 0px;
     background-image: url('material-icon-left.png');
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
.jqx-grid-group-expand-emsiotify, .jqx-grid-group-expand-rtl-emsiotify {
     padding-right: 0px;
     background-image: url('material-icon-down.png');
     background-position: 50% 50%;
     background-repeat: no-repeat;
 }
.jqx-icon-arrow-first-emsiotify {
     background-image: url('material-icon-first.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-last-emsiotify {
     background-image: url('material-icon-last.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-first-hover-emsiotify {
     background-image: url('material-icon-first.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-last-hover-emsiotify {
     background-image: url('material-icon-last.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-first-selected-emsiotify {
     background-image: url('material-icon-first.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-icon-arrow-last-selected-emsiotify {
     background-image: url('material-icon-last.png');
     background-repeat: no-repeat;
     background-position: center;
 }
.jqx-listmenu-arrow-right-emsiotify {
     background-image: var(--jqx-list-arrow-right-color-emsiotify);
 }
.jqx-listmenu-arrow-right-pressed-emsiotify {
     background-image: var(--jqx-list-arrow-right-selected-color-emsiotify);
 }
.jqx-listmenu-arrow-left-emsiotify {
     background-image: var(--jqx-list-arrow-left-color-emsiotify);
 }
.jqx-listmenu-arrow-left-pressed-emsiotify {
     background-image: var(--jqx-list-arrow-left-selected-color-emsiotify);
 }
.jqx-pivotgrid-item .jqx-icon-arrow-up-emsiotify {
     background-image: var(--jqx-pivotgrid-arrow-up-color-emsiotify);
 }
.jqx-pivotgrid-item .jqx-icon-arrow-down-emsiotify {
     background-image: var(--jqx-pivotgrid-arrow-down-color-emsiotify);
 }
.jqx-pivotgrid-menu-button-emsiotify {
     background-image: var(--jqx-pivotgrid-menu-button-color-emsiotify);
 }
.jqx-primary .jqx-icon-arrow-down-emsiotify, .jqx-warning .jqx-icon-arrow-down-emsiotify, .jqx-danger .jqx-icon-arrow-down-emsiotify, .jqx-success .jqx-icon-arrow-down-emsiotify, .jqx-info .jqx-icon-arrow-down-emsiotify {
     background-image: url('material-icon-down.png');
 }
.jqx-primary .jqx-icon-arrow-down-selected-emsiotify, .jqx-warning .jqx-icon-arrow-down-selected-emsiotify, .jqx-danger .jqx-icon-arrow-down-selected-emsiotify, .jqx-success .jqx-icon-arrow-down-selected-emsiotify, .jqx-info .jqx-icon-arrow-down-selected-emsiotify {
     background-image: url('material-icon-down.png');
 }
.jqx-primary .jqx-icon-arrow-down-hover-emsiotify, .jqx-warning .jqx-icon-arrow-down-hover-emsiotify, .jqx-danger .jqx-icon-arrow-down-hover-emsiotify, .jqx-success .jqx-icon-arrow-down-hover-emsiotify, .jqx-info .jqx-icon-arrow-down-hover-emsiotify {
     background-image: url('material-icon-down.png');
 }
.jqx-primary .jqx-icon-arrow-up-emsiotify, .jqx-warning .jqx-icon-arrow-up-emsiotify, .jqx-danger .jqx-icon-arrow-up-emsiotify, .jqx-success .jqx-icon-arrow-up-emsiotify, .jqx-info .jqx-icon-arrow-up-emsiotify {
     background-image: url('material-icon-up.png');
 }
.jqx-primary .jqx-icon-arrow-up-selected-emsiotify, .jqx-warning .jqx-icon-arrow-up-selected-emsiotify, .jqx-danger .jqx-icon-arrow-up-selected-emsiotify, .jqx-success .jqx-icon-arrow-up-selected-emsiotify, .jqx-info .jqx-icon-arrow-up-selected-emsiotify {
     background-image: url('material-icon-up.png');
 }
.jqx-primary .jqx-icon-arrow-up-hover-emsiotify, .jqx-warning .jqx-icon-arrow-up-hover-emsiotify, .jqx-danger .jqx-icon-arrow-up-hover-emsiotify, .jqx-success .jqx-icon-arrow-up-hover-emsiotify, .jqx-info .jqx-icon-arrow-up-hover-emsiotify {
     background-image: url('material-icon-up.png');
 }
.jqx-primary .jqx-icon-arrow-left-emsiotify, .jqx-warning .jqx-icon-arrow-left-emsiotify, .jqx-danger .jqx-icon-arrow-left-emsiotify, .jqx-success .jqx-icon-arrow-left-emsiotify, .jqx-info .jqx-icon-arrow-left-emsiotify {
     background-image: url('material-icon-left.png');
 }
.jqx-primary .jqx-icon-arrow-left-selected-emsiotify, .jqx-warning .jqx-icon-arrow-left-selected-emsiotify, .jqx-danger .jqx-icon-arrow-left-selected-emsiotify, .jqx-success .jqx-icon-arrow-left-selected-emsiotify, .jqx-info .jqx-icon-arrow-left-selected-emsiotify {
     background-image: url('material-icon-left.png');
 }
.jqx-primary .jqx-icon-arrow-left-hover-emsiotify, .jqx-warning .jqx-icon-arrow-left-hover-emsiotify, .jqx-danger .jqx-icon-arrow-left-hover-emsiotify, .jqx-success .jqx-icon-arrow-left-hover-emsiotify, .jqx-info .jqx-icon-arrow-left-hover-emsiotify {
     background-image: url('material-icon-left.png');
 }
.jqx-primary .jqx-icon-arrow-right-emsiotify, .jqx-warning .jqx-icon-arrow-right-emsiotify, .jqx-danger .jqx-icon-arrow-right-emsiotify, .jqx-success .jqx-icon-arrow-right-emsiotify, .jqx-info .jqx-icon-arrow-right-emsiotify {
     background-image: url('material-icon-right.png');
 }
.jqx-primary .jqx-icon-arrow-right-selected-emsiotify, .jqx-warning .jqx-icon-arrow-right-selected-emsiotify, .jqx-danger .jqx-icon-arrow-right-selected-emsiotify, .jqx-success .jqx-icon-arrow-right-selected-emsiotify, .jqx-info .jqx-icon-arrow-right-selected-emsiotify {
     background-image: url('material-icon-right.png');
 }
.jqx-primary .jqx-icon-arrow-right-hover-emsiotify, .jqx-warning .jqx-icon-arrow-right-hover-emsiotify, .jqx-danger .jqx-icon-arrow-right-hover-emsiotify, .jqx-success .jqx-icon-arrow-right-hover-emsiotify, .jqx-info .jqx-icon-arrow-right-hover-emsiotify {
     background-image: url('material-icon-right.png');
 }
.jqx-icon-arrow-down-hover-emsiotify {
     background-image: var(--jqx-arrow-down-hovered-color-emsiotify);
 }
.jqx-icon-arrow-down-selected-emsiotify {
     background-image: var(--jqx-arrow-down-selected-color-emsiotify);
 }
/* Ripple effect */
.ripple {
     position: relative;
     transform: translate3d(0, 0, 0);
     overflow:hidden;
 }
.ink {
     display: block;
     position: absolute;
     pointer-events: none;
     border-radius: 0%;
     transform: scaleX(0);
     background: rgba(0,119,190,0.5); 
     opacity: 0.25;
 }
.outlined .ink, .flat .ink {
     background: rgba(0,119,190,0.5); 
     overflow:hidden;
 }
.ink.animate {
     animation: ripple .7s ease;
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
.jqx-checkbox-emsiotify .ripple,
 .jqx-radiobutton-emsiotify .ripple
  {
     overflow:visible;
 }
.jqx-checkbox-emsiotify .ink,
 .jqx-radiobutton-emsiotify .ink 
  {
     transform: scale(0); 
     background: var(--jqx-accent-color-emsiotify);
     border-radius: 50%;
 }
.jqx-checkbox-emsiotify .ink.animate,
 .jqx-radiobutton-emsiotify .ink.animate
  {
     animation: checkRipple 0.3s ease;
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
.jqx-checkbox-emsiotify .ink.active,
 .jqx-radiobutton-emsiotify .ink.active
  {
     opacity: 0.2;
     transform: scale(2);
 }
.jqx-checkbox-default-emsiotify.active .ink,
 .jqx-radiobutton-default-emsiotify.active .ink
  {
     opacity: 0.2;
     transform: scale(2);
 }
/* Ripple effect */
.buttonRipple {
   background-position: center;
   transition: background 0.8s;
 }
.jqx-widget-emsiotify.buttonRipple:hover {
   background: var(--jqx-button-default-hovered-state-background-color-emsiotify) radial-gradient(circle, transparent 1%, var(--jqx-button-default-hovered-state-background-color-emsiotify)  1%) center/15000%;
   border-color: var(--jqx-button-default-hovered-state-background-color-emsiotify);
 }
.jqx-widget-emsiotify.buttonRipple:active {
   background-color: var(--jqx-button-default-ripple-color-emsiotify);
   background-size: 100%;
   transition: background 0s;
 }
.jqx-widget-emsiotify.buttonRipple:active:not(:hover) {
       color: var(--jqx-background-color-emsiotify);
 }
@keyframes ripple {
     100% {
         opacity: 0;
         transform: scale(5);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }
 }
@keyframes checkRipple {
     100% {
         opacity: 0.2;
         transform: scale(2);
         animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     }
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-delete-emsiotify
 {
     background-image: url('icon-delete.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-edit-emsiotify
 {
     background-image: url('icon-edit.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-save-emsiotify
 {
     background-image: url('icon-save.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-cancel-emsiotify
 {
     background-image: url('icon-cancel.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-search-emsiotify
 {
     background-image: url('search_white.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-icon-plus-emsiotify
 {
     background-image: url('plus_white.png');
 }
.jqx-fill-state-pressed-emsiotify .jqx-menu-minimized-button-emsiotify {
    background-image: url('icon-menu-minimized.png');
 }
.jqx-fill-state-hover-emsiotify .jqx-editor-toolbar-icon-emsiotify,
 .jqx-fill-state-pressed-emsiotify .jqx-editor-toolbar-icon-emsiotify {
     background: url('html_editor_white.png') no-repeat;
 }
.jqx-fill-state-hover-emsiotify .jqx-editor-toolbar-icon-fontsize-emsiotify,
 .jqx-fill-state-pressed-emsiotify .jqx-editor-toolbar-icon-fontsize-emsiotify,
 .jqx-fill-state-hover-emsiotify .jqx-editor-toolbar-icon-forecolor-emsiotify,
 .jqx-fill-state-pressed-emsiotify .jqx-editor-toolbar-icon-forecolor-emsiotify
 {
         background: url('html_editor.png') no-repeat;
 }
.jqx-editor-toolbar-button-emsiotify{
     border-color: #ddd;
     box-shadow: none !important;
     color: #333;
 }
.jqx-widget-emsiotify #formWrap {
     color: #555 !important;    
 }
.jqx-grid-cell-pinned-emsiotify{
     background-color:#e0e9f5 !important;
 }
/* .jqx-widget-content{
     background: transparent !important;
     color: #fff;
 } */
.jqx-widget-content-energyblue {
    color: var(--jqx-widget-tree-color);;
    background: var(--jqx-widget-tree-backgroundcolor) !important;
}
/* dark-theme.scss */
/* Define dark mode styles */
.dark-theme {
  --ion-color-primary: #3a7be0;
  --ion-color-primary-rgb: 66,140,255;
  --ion-color-primary-contrast: #ffffff;
  --ion-color-primary-contrast-rgb: 255,255,255;
  --ion-color-primary-shade: #3a7be0;
  --ion-color-primary-tint: #5598ff;
  --ion-color-secondary: #50c8ff;
  --ion-color-secondary-rgb: 80,200,255;
  --ion-color-secondary-contrast: #ffffff;
  --ion-color-secondary-contrast-rgb: 255,255,255;
  --ion-color-secondary-shade: #46b0e0;
  --ion-color-secondary-tint: #62ceff;
  --ion-color-tertiary: #6a64ff;
  --ion-color-tertiary-rgb: 106,100,255;
  --ion-color-tertiary-contrast: #ffffff;
  --ion-color-tertiary-contrast-rgb: 255,255,255;
  --ion-color-tertiary-shade: #5d58e0;
  --ion-color-tertiary-tint: #7974ff;
  --ion-color-success: #2fdf75;
  --ion-color-success-rgb: 47,223,117;
  --ion-color-success-contrast: #000000;
  --ion-color-success-contrast-rgb: 0,0,0;
  --ion-color-success-shade: #29c467;
  --ion-color-success-tint: #44e283;
  --ion-color-warning: #ffd534;
  --ion-color-warning-rgb: 255,213,52;
  --ion-color-warning-contrast: #000000;
  --ion-color-warning-contrast-rgb: 0,0,0;
  --ion-color-warning-shade: #e0bb2e;
  --ion-color-warning-tint: #ffd948;
  --ion-color-danger: #ff4961;
  --ion-color-danger-rgb: 255,73,97;
  --ion-color-danger-contrast: #ffffff;
  --ion-color-danger-contrast-rgb: 255,255,255;
  --ion-color-danger-shade: #e04055;
  --ion-color-danger-tint: #ff5b71;
  --ion-color-dark: #f4f5f8;
  --ion-color-dark-rgb: 244,245,248;
  --ion-color-dark-contrast: #000000;
  --ion-color-dark-contrast-rgb: 0,0,0;
  --ion-color-dark-shade: #d7d8da;
  --ion-color-dark-tint: #f5f6f9;
  --ion-color-medium: #989aa2;
  --ion-color-medium-rgb: 152,154,162;
  --ion-color-medium-contrast: #000000;
  --ion-color-medium-contrast-rgb: 0,0,0;
  --ion-color-medium-shade: #86888f;
  --ion-color-medium-tint: #a2a4ab;
  --ion-color-light: #222428;
  --ion-color-light-rgb: 34,36,40;
  --ion-color-light-contrast: #ffffff;
  --ion-color-light-contrast-rgb: 255,255,255;
  --ion-color-light-shade: #1e2023;
  --ion-color-light-tint: #383a3e;
  --ion-background-color: #353444;
  --ion-text-color: white;
  --ion-background-color: #121212;
  --ion-background-color-rgb: 18, 18, 18;
  --ion-text-color: #ffffff;
  --ion-text-color-rgb: 255, 255, 255;
  --ion-border-color: #2a2a2a;
  --ion-color-step-50: #1e1e1e;
  --ion-color-step-100: #2a2a2a;
  --ion-color-step-150: #363636;
  --ion-color-step-200: #414141;
  --ion-color-step-250: #4d4d4d;
  --ion-color-step-300: #595959;
  --ion-color-step-350: #656565;
  --ion-color-step-400: #717171;
  --ion-color-step-450: #7d7d7d;
  --ion-color-step-500: #898989;
  --ion-color-step-550: #949494;
  --ion-color-step-600: #a0a0a0;
  --ion-color-step-650: #acacac;
  --ion-color-step-700: #b8b8b8;
  --ion-color-step-750: #c4c4c4;
  --ion-color-step-800: #d0d0d0;
  --ion-color-step-850: #dbdbdb;
  --ion-color-step-900: #e7e7e7;
  --ion-color-step-950: #f3f3f3;
  --ion-item-background: #1e1e1e;
  --ion-toolbar-background: #353444;
  --ion-tab-bar-background: #1f1f1f;
  --ion-card-background: #1e1e1e;
  --ion-label-color: white !important;
  --iot-innerContentBgOil:#ff4900 ;
  --iot-innerContentBg:#40454d ;
  --jqx-widget-tree-color: white;
  --jqx-widget-tree-backgroundcolor: black;
}
* {
  font-family: "Trebuchet MS", "Verdana", "sans-serif";
  font-size: 0.875rem;
}
/* Import Google Fonts */
/* Heading Font */
.heading-text-content {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
/* Body Font */
.body-text-content {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
/* Example Usage */
/* <h1 class="heading-text">Asset Monitoring</h1> */
/* <p class="body-text">Track your assets efficiently with real-time data.</p> */
ion-item[class*=default] {
  color: var(--iot-fontColor);
}
ion-button, ion-segment-button {
  --color:var(--iot-fontColor);
}
ion-button::part(native), ion-segment-button::part(native) {
  text-transform: capitalize !important;
  font-feature-settings: "smcp" !important;
  font-variant: small-caps !important;
}
.btnNormalStyle::part(native) {
  text-transform: none !important;
  font-feature-settings: "kern" off !important;
  font-variant: none !important;
}
.dashboardGrid .jqx-dropdownlist-state-normal-iotify {
  height: 23px !important;
  margin-top: 2.5px !important;
  line-height: 1;
}
.dashboardGrid .jqx-grid-pager-input-iotify {
  height: 23.5px !important;
  margin-top: 2.5px !important;
}
.iot-font-primary {
  font-family: "Trebuchet MS", "Verdana", "sans-serif" !important;
  font-size: 13px;
  font-feature-settings: "smcp";
  font-variant: small-caps;
}
.iot-font-secondary {
  font-family: "Trebuchet MS", "Verdana", "sans-serif" !important;
  font-size: 13px;
}
.card-content-md {
  padding: 0px;
}
.ng-disabled {
  cursor: not-allowed;
}
ion-col {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}
.side-filter-custom-class {
  padding-right: 83px;
  height: 100% !important;
}
.ion-input-type-number {
  border: 1px solid #bcbcbc;
}
.close-modal {
  display: flex;
  align-items: flex-end;
}
.level-card-padding {
  padding: 0 4px;
}
.loading-gif {
  margin: 5px 10px 0px 0px;
}
.spin {
  --spinner-color: rgb(109, 109, 209);
}
.custom-iot-primary {
  background-image: linear-gradient(180deg, #1E3B70, #29539B);
  color: white;
}
.iot-innerContent {
  background-color: var(--iot-innerContentBg) !important;
}
.my-custom-class::part(content) {
  background-color: #fdfbfbf5;
  width: 70%;
  height: 38%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.my-custom2-class::part(content) {
  background-color: #fdfbfbf5;
  width: 70%;
  height: 38%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.remotecommandmodel::part(content) {
  background-color: #fdfbfbf5;
  width: 40%;
  height: 50%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.simDeviceModal::part(content) {
  background-color: #fdfbfbf5;
  width: 450px;
  height: 50%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.insideModal::part(content) {
  background-color: #fdfbfbf5;
  width: 500px;
  height: 270px;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.siteInsideModal::part(content) {
  background-color: #fdfbfbf5;
  width: 500px;
  height: 280px;
  border-radius: 12px;
  top: 60%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.jqx-gauge-caption {
  fill: #333333;
  color: #333333;
  font-size: 10px;
  font-family: sans-serif !important;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  font-weight: bold;
}
.jqx-gauge-label {
  fill: #333333;
  color: #333333;
  font-size: 8px !important;
}
.change-label-caption ::ng-deep .jqx-gauge-label {
  font-size: 9px !important;
}
.change-label-caption ::ng-deep .jqx-gauge-caption {
  font-size: 9px !important;
}
.settingsPage::part(content) {
  background-color: #fdfbfbf5;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sitePageModal_2::part(content) {
  background-color: #fdfbfbf5;
  width: 80%;
  height: 85%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sitePageModal_1::part(content) {
  background-color: #fdfbfbf5;
  width: 80%;
  height: 55%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.presetModal1::part(content) {
  background-color: #fdfbfbf5;
  width: 50%;
  height: 65%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.featureModal::part(content) {
  background-color: #fdfbfbf5;
  width: 20%;
  height: 50%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sitePageMap::part(content) {
  background-color: #fdfbfbf5;
  width: 50%;
  height: 70%;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.selectionPop::part(content) {
  background-color: #fdfbfbf5;
  position: absolute;
  width: 50px;
  height: 100px;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
ion-modal[class*=action-modal]::part(content) {
  background-color: #fdfbfbf5;
  position: absolute !important;
  border: 1.5px solid yellow;
  top: 1% !important;
  width: 85% !important;
  height: 100% !important;
  border-radius: 0px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  top: 4px;
  left: 27px;
}
.slider {
  border: 0;
  padding: 0;
  display: block;
  min-height: 11px;
  margin: 0 !important;
  cursor: pointer;
  top: 0;
  left: -2px;
  right: 0;
  bottom: 0;
  background-color: red;
  transition: 0.4s;
  position: absolute;
}
.slider.round {
  border-radius: 34px !important;
}
input:checked + .slider {
  margin: 0px !important;
  background-color: #4caf50;
}
[class*=viewportHeightSt] {
  height: 90vh;
}
ion-icon:hover {
  cursor: pointer;
}
ion-item[class*=inputrapper] {
  box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(119, 217, 181, 0.5) 0px 1px 1px 0px;
  --background-hover: #cfdde9;
  margin: 3px;
  font-size: 0.9rem;
  color: var(--iot-fontColor);
}
ion-item[class*=inputrapper]::part(native) {
  --min-height:40px;
}
ion-input[type=date] {
  font-size: 13px;
  font-weight: 600;
  color: #6d6d6d;
}
.dashboardcells {
  border-width: 0px 0px 1px 0px !important;
}
.dashboardcells div {
  font-weight: 600 !important;
}
.section-div {
  border-right: 1px solid lightsteelblue;
  padding: 2px 2px 0px 0px;
}
.iot-btn-primary {
  --background: var(--iot-innerContentBg);
  color: var(--iot-primaryFontColor);
  --color:var(--iot-primaryFontColor);
}
.com-filtercss {
  background: #2c7c79;
  /* padding: 5px; */
  border-radius: 3px;
  color: white;
  height: 35px;
}
.iotify-font-bold {
  font-size: 0.9rem;
  font-weight: 500;
}
.iotify-font {
  font-size: 0.9rem;
}
div[data-role=treeview] span {
  border-radius: 50% !important;
}
ion-toggle {
  --background:#e00000;
  --background-checked:#e00000;
}
.tooltipimg:hover .tooltiptext2 {
  visibility: visible;
}
ion-searchbar {
  --border-radius: 25px !important;
}
ion-item[class*=login-input]::part(native) {
  --min-height:38px !important;
}
.themeTemp {
  background-color: #2c7c79;
}
.jqx-grid-pager-input-iotify {
  text-align: center !important;
  padding: 0 !important;
}
.jqx-widget-content-emsiotify {
  background: rgba(255, 0, 0, 0) !important;
  color: white;
}
.headerTheme-iotify {
  font-size: 1rem;
  font-weight: 500;
  color: white;
  text-transform: capitalize;
  letter-spacing: 0px;
}
.headerTheme-iotify1 {
  font-feature-settings: "smcp" !important;
  font-variant: small-caps !important;
}
.dashboardSearch .searchbar-input {
  line-height: 1.375rem;
  font-size: 12px;
  padding-inline-end: 40px;
}
.dashboardSearch .searchbar-search-icon {
  left: 12px;
  top: 8px;
  width: 1.3125rem;
  height: 1.3125rem;
}
.jqx-widget-header-iotify {
  background: linear-gradient(180deg, #150464, #150464, #150464) !important;
  color: white !important;
}
.jqx-fill-state-hover-iotify {
  font-size: 13px !important;
  background-color: #dad3ff !important;
}
.jqx-fill-state-pressed-iotify {
  font-size: 14px !important;
  background-color: #dad3ff !important;
  font-weight: 400 !important;
  color: black !important;
}
.jqx-item-iotify input[type=button] {
  background: #4CAF50;
}
.remotegridtriggercol {
  height: 82%;
  width: 92%;
  display: flex;
  justify-content: space-around;
  color: whitesmoke;
  align-items: center;
  background: #4CAF50;
  /* margin-right: 0px; */
  margin-left: 6px;
  margin-top: 4px;
  /* border: 1px solid gray; */
  cursor: pointer;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.mobileDgModal::part(content) {
  background-color: #fdfbfbf5;
  width: 35% !important;
  height: 40% !important;
  top: 20% !important;
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.iot-single-layout-main {
  --ion-color-warning: var(--ems-header-color)!important;
  --ion-color-warning-contrast: var(--ems-text-color)!important;
}
.iot-single-layout-main::part(background) {
  background: linear-gradient(180deg, var(--iot-backgroundPrimary), var(--iot-backgroundSecondary), var(--iot-backgroundTertiary)) !important;
}
.iot-single-layout-main .iot-white-BG {
  background: white;
}
.iot-single-layout-main ion-searchbar {
  --ion-color-medium:var(--ems-header-color);
}
.iot-single-layout-main ion-label, .iot-single-layout-main label {
  color: white;
}
.iot-single-layout-main input[type=date]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
ion-label, label {
  color: black;
}
.dark-theme ion-label {
  color: white !important;
}
.dark-theme iot-innerContent {
  background-color: var(--iot-innerContentBgOil) !important;
}
.iot-reflect-mainbg {
  background: linear-gradient(180deg, var(--iot-backgroundPrimary), var(--iot-backgroundSecondary), var(--iot-backgroundTertiary)) !important;
}
.iot-single-layout-contentF {
  font-size: 0.8rem;
  color: var(--iot-backgroundContentFont) !important;
}
.iot-single-layout-hover {
  background: var(--iot-backgroundHover) !important;
}
.iot-customclass-FH {
  height: 99%;
}
.iot-customclass-BS {
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.iot-single-layout-contentgrid {
  background: var(--iot-backgroundContentGrid) !important;
}
.iot-border-radius {
  border-radius: 8px;
}
.iot-padding-margin-null {
  padding: 0 !important;
  margin: 0 !important;
}
.iot-margin-bottom {
  margin-bottom: 3px;
}
.iot-margin-top {
  margin-top: 3px;
}
.iot-border-apply {
  border: 1px solid var(--iot-backgroundHover) !important;
}
.newemstheme {
  background: var(--iot-borderTheme) !important;
  background: linear-gradient(180deg, var(--iot-borderThemeP), var(--iot-borderThemeS), var(--iot-borderThemeT)) !important;
}
.iot-whitetext {
  font-size: 0.8rem;
  color: white !important;
}
.jqx-grid-cell-emsiotify {
  background: rgba(255, 0, 0, 0) !important;
}
.jqx-grid-cell-pinned-emsiotify {
  background: rgba(10, 14, 14, 0.91) !important;
}
.jqx-widget-content-emsiotify {
  background: rgba(255, 0, 0, 0) !important;
  color: white;
}
.jqx-widget-header-emsiotify {
  background: linear-gradient(180deg, var(--iot-borderThemeP), var(--iot-borderThemeS), var(--iot-borderThemeT)) !important;
  color: white !important;
}
.jqx-fill-state-hover-emsiotify {
  font-size: 13px !important;
  background-color: #a4bed491 !important;
  color: white !important;
}
.jqx-grid-cell-emsiotify {
  color: white !important;
}
.jqx-fill-state-pressed-emsiotify {
  font-size: 14px !important;
  background-color: #a4bed4 !important;
  font-weight: 400 !important;
  color: #f5f0f0 !important;
}
.jqx-grid-cell-selected-emsiotify {
  background-color: #a4bed4 !important;
}
.jqx-item-iotify input[type=button] {
  background: #4CAF50;
}
.remotegridtriggercol {
  height: 82%;
  width: 92%;
  display: flex;
  justify-content: space-around;
  color: whitesmoke;
  align-items: center;
  background: #4CAF50;
  /* margin-right: 0px; */
  margin-left: 6px;
  margin-top: 4px;
  /* border: 1px solid gray; */
  cursor: pointer;
  border-radius: 5px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
input[type=textarea].jqx-widget-content-emsiotify {
  font-size: 14px;
  resize: none;
  background: var(--jqx-editors-text-editors-background-color-emsiotify);
  color: var(--jqx-editors-text-editors-text-color-emsiotify);
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  box-shadow: none;
  background-color: #666666db !important;
  border-bottom: 1px solid var(--jqx-editors-text-editors-border-color-emsiotify);
}
.jqx-input-label {
  opacity: 0 !important;
}
iot-white_header {
  font-size: 1.2rem;
  color: white;
}
ion-item[color*=transperant] {
  color: white;
}
.black-font {
  color: black;
}
.iot-flex-style {
  display: flex;
  justify-content: center;
  align-items: center;
}
.iot-select-tag-style {
  background-color: #000000 !important;
  border-radius: 5px !important;
  outline: none;
}
.iot-sticy-ontop {
  position: sticky;
  top: 1px;
  z-index: 50;
}
.alertselect {
  width: 63%;
  border: 1px solid #a4bed4;
  border-radius: 3px;
  color: black;
  outline: none;
}
ion-item[color=transparent] ion-text {
  color: white;
}
ion-item[color=transparent] ion-input {
  color: white;
}
ion-item[color=transparent] .lblColor {
  color: white;
}
.ems-highchartsSet text {
  fill: var(--iot-fontColor) !important;
}
.iot-highchartCotainer {
  height: 100%;
}
ion-popover [popover]:not(:popover-open):not(dialog[open]) {
  display: contents;
}
.iot-ems-applicationLogo {
  height: 7%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.iot-ems-applicationLogo img {
  height: 80%;
  width: 70%;
}
ion-searchbar[class*=locationonly] .searchbar-input-container input {
  line-height: 18px;
}
ion-searchbar[class*=locationonly] .searchbar-input-container ion-icon {
  top: 6px !important;
}
ion-segment-button {
  height: 30px;
  min-height: 30px;
  text-transform: capitalize;
}
.iot-fullHeight {
  height: 100%;
}
.jqxtree-iot [id$=horizontalScrollBar] {
  visibility: collapse !important;
}
.button-value {
  height: 27px;
  font-size: 13px !important;
  font-weight: bold !important;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  background-color: #fff;
  color: #555 !important;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 3.5px solid #599fda;
  /* border-bottom: 2px solid black; */
  /* border-radius: 5px; */
}
.button-value1 {
  height: 27px;
  font-size: 13px !important;
  font-weight: bold !important;
  font-feature-settings: "smcp";
  font-variant: small-caps;
  background-color: #fff;
  color: #555 !important;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: none;
}
.safe--area {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  --ion-safe-area-top: 15px;
  --ion-safe-area-bottom: 15px;
}
/* Disable image dragging globally */
img {
  -webkit-user-drag: none;
  /* Chrome/Safari */
  -khtml-user-drag: none;
  /* Older Safari */
  -moz-user-drag: none;
  /* Firefox */
  -o-user-drag: none;
  /* Opera */
  user-drag: none;
  /* Standard */
  /* Optional: Prevent any interaction */
}
.atmAcConfigTree [role=tree] {
  border: none !important;
}
ion-toggle.sqareToggle {
  /* padding: px; */
  --track-background: #726f6f;
  --track-background-checked: green !important;
  --border-radius:2px;
  --handle-background: #fff;
  --handle-background-checked: #fff;
  --handle-width: 12px;
  --handle-height: 12px;
  --handle-max-height: auto;
  --handle-spacing: 2px;
  --handle-border-radius: 2px;
  /* --handle-box-shadow: none; */
  padding: 0;
}
ion-toggle.elipsToggle {
  --handle-border-radius: 12px;
  --border-radius:12px;
}
ion-toggle.sqareToggle.toggle-checked::part(handle) {
  background-color: #fff !important;
}
ion-toggle.sqareToggle::part(track) {
  height: 14px;
  width: 35px;
  /* border-radius: 2px; */
  /* background-color: green; */
  /* Required for iOS handle to overflow the height of the track */
  overflow: visible;
}
:host(.ion-color.toggle-checked) .toggle-inner {
  background-color: #fff !important;
}
.atmAcConfigTree .jqx-widget-content-treeiot {
  background: #dbedfe !important;
}
.hideScrollbar {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: #edecef;
}
/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
:root {
    --jqx-grid-row-height: 36px;
    --jqx-grid-column-height: 48px;
    --jqx-grid-show-column-lines: 1;
    --jqx-list-item-height: -1;
    --jqx-grid-filter-menu-items-height: 30px;
    --jqx-dropdown-animation: transform;
    --jqx-datetimeinput-dropdown-height: 280px;
    --jqx-datetimeinput-dropdown-width: 280px;
    --jqx-calendar-header-height: 40px;
    --jqx-calendar-title-height: 49px;
    --jqx-icon-calendar: '\e829';
    /* Code of calendar icon */
    --jqx-icon-filter: '\f0b0';
    /* Code of filter icon */
    --jqx-icon-menu: '\f0c9';
    /* Code of menu icon */
    --jqx-icon-check: '\e908';
    /* Code of check icon */
    --jqx-icon-first-page: '\e900';
    /* Code of first page icon */
    --jqx-icon-arrow-down: '\e901';
    /* Code of down arrow icon */
    --jqx-icon-arrow-left: '\e902';
    /* Code of left arrow icon */
    --jqx-icon-arrow-right: '\e903';
    /* Code of right arrow icon */
    --jqx-icon-arrow-up: '\e904';
    /* Code of up arrow icon */
    --jqx-icon-arrow-down-filled: '\e812';
    /* Code of filled down arrow icon */
    --jqx-icon-arrow-left-filled: '\e816';
    /* Code of filled left arrow icon */
    --jqx-icon-arrow-right-filled: '\e81e';
    /* Code of filled right arrow icon */
    --jqx-icon-arrow-up-filled: '\e815';
    /* Code of filled up arrow icon */
    --jqx-icon-visibility: '\e90d';
    /* Code of visibility icon */
    --jqx-icon-visibility-off: '\e90e';
    /* Code of visibility off icon */
    --jqx-icon-last-page: '\e905';
    /* Code of last page icon */
    --jqx-icon-close: '\e80d';
    /* Code of close icon */
    --jqx-icon-search: '\e828';
    /* Code of search icon */
    --jqx-border-radius: 4px;
    --jqx-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    --jqx-font-size: 14px;
    --jqx-action-button-size: 25px;
}

/*Rounded Corners*/

/*top-left rounded Corners*/

.jqx-rc-tl {
    border-top-left-radius: 3px;
}

/*top-right rounded Corners*/

.jqx-rc-tr {
    border-top-right-radius: 3px;
}

/*bottom-left rounded Corners*/

.jqx-rc-bl {
    border-bottom-left-radius: 3px;
}

/*bottom-right rounded Corners*/

.jqx-rc-br {
    border-bottom-right-radius: 3px;
}

/*top rounded Corners*/

.jqx-rc-t {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*bottom rounded Corners*/

.jqx-rc-b {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*right rounded Corners*/

.jqx-rc-r {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/*left rounded Corners*/

.jqx-rc-l {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*all rounded Corners*/

.jqx-rc-all {
    border-radius: 3px;
}

/*reset rounded corners*/

.jqx-rc-reset {
    border-radius: 0px !important;
}

/*Reset Style*/

.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    box-sizing: content-box;
}

.jqx-clear {
    align: left;
    valign: top;
    left: 0px;
    top: 0px;
    -webkit-appearance: none !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}

.jqx-popup {
    box-sizing: content-box;
}

.jqx-position-reset {
    position: static !important;
}

.jqx-border-reset {
    border: none !important;
}

.jqx-overflow-hidden {
    overflow: hidden !important;
}

.jqx-position-relative {
    position: relative !important;
}

.jqx-position-absolute {
    position: absolute !important;
}

.jqx-max-size {
    width: 100% !important;
    height: 100% !important;
}

.jqx-background-reset {
    background: transparent !important;
}

/*Disable browser selection*/

.jqx-disableselect {
    -webkit-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.jqx-enableselect {
    -webkit-user-select: text;
    user-select: all;
}

.jqx-hideborder {
    border: none !important;
}

.jqx-hidescrollbars {
    overflow: hidden !important;
}

/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/

.jqx-button {
    outline: none;
    border: 1px solid transparent;
    padding: 5px;
    text-align: center;
    vertical-align: central;
    margin: 0 0 0 0;
    cursor: default;
}

.jqx-button[aria-disabled="true"] {
    pointer-events: none;
}

button.jqx-button,
input[type=button].jqx-button,
input[type=submit].jqx-button {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.jqx-buttongroup {}

.jqx-group-button-normal {
    vertical-align: middle;
    text-align: center;
}

/*applied to the link button's anchor element.*/

.jqx-link {
    text-decoration: none;
    color: #111111;
}

/*shows elements.*/

.jqx-visible {
    display: block;
}

/*hides elements.*/

.jqx-hidden {
    display: none;
}

.jqx-widget,
.jqx-widget-content,
.jqx-widget-header,
.jqx-fill-state-normal {
    line-height: 1.231;
}

/*jqxGauge Style*/

.jqx-gauge-label,
.jqx-gauge-caption {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-knob {
    text-align: center;
}

/*jqxChart Style*/

.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-axis-description {
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-title-text {
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}

.jqx-chart-title-description {
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}

/*applied to the Grid's element.*/

.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}

.jqx-grid .jqx-adaptive-table {
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.jqx-grid .jqx-adaptive-table td,
.jqx-grid .jqx-adaptive-table th {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    overflow: auto;
}

.jqx-grid .jqx-adaptive-table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.jqx-grid .jqx-adaptive-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

.jqx-grid .jqx-adaptive-view a {
    padding: 10px;
    text-decoration: none;
    color: orangered;
}

/*applied to the Pager.*/

.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
}

/*applied to the Top Pager.*/

.jqx-grid-pager-top {
    border: none;
    border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    outline: none;
    font-weight: normal !important;
    line-height: 14px;
}

.jqx-grid-menu-item-touch {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/

.jqx-grid-bottomright {}

/*applied to the Grid's header area.*/

.jqx-grid-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
}

/*applied to the columns.*/

.jqx-grid-column-header,
.jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-column-header-rtl,
.jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}

/*applied to the column's button.*/

.jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('icon-menu-small.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    cursor: pointer;
}

.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}

/*applied to the column's sort button when the sort order is ascending.*/

.jqx-grid-column-sortascbutton {
    border: none;
    background-image: url('sortascbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*applied to the column's sort button when the sort order is descending.*/

.jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url('sortdescbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/*applied to the column's filter button.*/

.jqx-grid-column-filterbutton {
    border: none;
    background-image: url('filter.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
}

/*applied to the column's resize line.*/

.jqx-grid-column-resizeline {
    border-right: 1px dotted #555;
}

/*applied to the validation popup during cell editing.*/

.jqx-grid-validation {
    background: #df2227 !important;
    color: #fff !important;
    padding: 4px 8px;
}

.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
    background-image: url('red_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.jqx-grid-validation-arrow-down {
    background-image: url('red_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center center;
}

/*applied to the column's resize start line.*/

.jqx-grid-column-resizestartline {
    border-right: 1px solid #444;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/

.jqx-grid-sortasc-icon {
    background-image: url('icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the sort ascending menu item in the Grid's Context Menu*/

.jqx-grid-sortdesc-icon {
    background-image: url('icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the grid menu's sort remove item/*/

.jqx-grid-sortremove-icon {
    background-image: url('icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/

.jqx-grid-drag-icon {
    background-image: url('drag.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/

.jqx-grid-dragcancel-icon {
    background-image: url('dragcancel.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}

/*applied to the 'group by' menu item.*/

.jqx-grid-groupby-icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

/*applied to the column anchor tags.*/

.jqx-grid-column-header a:link,
.jqx-grid-column-header a:visited {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

.jqx-grid-toolbar a:link,
.jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to the groups header area.*/

.jqx-grid-groups-header,
.jqx-grid-toolbar,
.jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

/*applied to a grouping row.*/

.jqx-grid-groups-row {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
}

/*applied to the row details.*/

.jqx-grid-groups-row-details {
    font-weight: normal;
}

/*applied to a grouping column.*/

.jqx-grid-group-column {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

/*applied to the lines between the group columns.*/

.jqx-grid-group-column-line {
    background: #aaa;
}

/*applied to the drop line indicators displayed in the grouping header.*/

.jqx-grid-group-drag-line {
    background: #80be09;
}

/*applied to the anchor tags inside a grouping column.*/

.jqx-grid-group-column a:link {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.jqx-grid-group-column a:visited {
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to a grid cell*/

.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;
    background: #fff;
    white-space: nowrap;
    font-weight: normal;
    font-size: inherit;
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    outline: none;
}

.jqx-grid-cell-batch {
    background: #46CA78 !important;
    color: white !important;
}

.jqx-grid-cell-locked {
    color: #aaa !important;
}

.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}

.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
}

.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 4px;
    margin-left: 2px;
}

/*applied to a grid cell that is part of a rows group.*/

.jqx-grid-group-cell {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    background: #fff;
}

/*applied to the grid cells in the sort column*/

.jqx-grid-cell-sort {
    background-color: #f0f0f0;
}

/*applied to the grid cells in the filter column*/

.jqx-grid-cell-filter {
    background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}

/*applied to the grid cells area.*/

.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
}

/*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 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell,
.jqx-grid-cleared-cell {
    border: transparent !important;
}

.jqx-grid-cell-wrap {
    white-space: normal !important;
}

.jqx-tree-grid-indent {
    width: 18px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}

.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: bottom;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button,
.jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.jqx-tree-grid-checkbox {
    float: none !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 6px !important;
    margin-left: 2px !important;
}

.jqx-tree-grid-icon {
    float: none !important;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.jqx-tree-grid-icon-rtl {
    margin-right: 0px;
    margin-left: 4px;
}

.jqx-tree-grid-icon-size {
    width: 14px;
    height: 14px;
    line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}

.jqx-tree-grid-expand-button {
    height: 18px;
    width: 18px;
    vertical-align: top;
}

/*applied to a cell in jqxDataTable*/

.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}

.jqx-grid-cell-nowrap {
    white-space: nowrap;
}

.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}

.jqx-left-align {
    text-align: left;
}

.jqx-center-align {
    text-align: center;
}

.jqx-right-align {
    text-align: right;
}

.jqx-top-align {
    vertical-align: top;
}

.jqx-bottom-align {
    vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}

/*applied to the Grid's Table element.*/

.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}

.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-details table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0px;
}

/*applied to a grid cell that is part of a details row and grouping is enabled.*/

.jqx-grid-group-details-cell {}

/*applied to a grid cell that is part of a details row.*/

.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
}

/*applied to a grid cell. Represents the alternating cell background.*/

.jqx-grid-cell-alt {
    background: #f9f9f9;
}

/*applied to a sorted and alternating grid cell*/

.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
}

/*applied to a sorted and alternating grid cell*/

.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
}

/*applied to a pinned grid cell.*/

.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
}

/*applied to a pinned grid cell. Represents the alternating cell background.*/

.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
}

/*applied to a selected grid cell.*/

.jqx-grid-cell-selected {
    border-left: 0px solid transparent;
}

.jqx-grid-cell-selected.jqx-grid-cell-edit {
    border-color: #DDDDDD !important;
    background-color: #fff !important;
    color: #333 !important;
}

.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
    border-color: #DDDDDD !important;
}

.jqx-cell-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
}

/*applied to the selection area.*/

.jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

/*applied to a hovered grid cell.*/

.jqx-grid-cell-hover {
    border-color: transparent;
}

/*applied to a grid cell when the grid is empty.*/

.jqx-grid-empty-cell {
    overflow: visible;
    border-bottom: none;
}

/*applied to the Grid when its loading the data.*/

.jqx-grid-load {
    padding-right: 0px;
    background-image: url('loader.gif');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}

/*applied to a group's collapse button.*/

.jqx-grid-group-collapse {
    padding-right: 0px;
    background-image: url('icon-right.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
    padding-right: 0px;
    background-image: url('icon-left.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*applied to a group's expand button.*/

.jqx-grid-group-expand,
.jqx-grid-group-expand-rtl {
    padding-right: 0px;
    background-image: url('icon-down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*jqxProgresBar Style*/

.jqx-progressbar {
    position: relative;
    overflow: hidden;
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}

/*applied to the progressbar's value element*/

.jqx-progressbar-value {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
}

/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/

.jqx-progressbar-value-vertical {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
    background: transparent;
}

/*applied to the progressbar's text element*/

.jqx-progressbar-text {
    font-size: 10px;
    border: none;
}

/*applied to the progress bar when the widget is in disabled state*/

.jqx-progressbar-disabled {
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}

/*jqxMenu Style*/

.jqx-menu {
    border: 1px solid transparent;
    float: none;
    margin: 0px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}

.jqx-menu-dropdown-column {
    float: left;
}

/*applied to the menu when it is horizontal. Sets the menu's background*/

.jqx-menu-horizontal {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}

/*applied to the menu when it is vertical. Sets the menu's background*/

.jqx-menu-vertical {
    text-align: left;
}

/*applied to the sub menu. Sets the sub menu's background*/

.jqx-menu-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    display: none;
    float: none;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding: 2px;
}

/*applied to the sub menu's ul elements.*/

.jqx-menu-dropdown ul {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    border: none;
}

/*applied to the menu's ul elements.*/

.jqx-menu ul {
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}

/*applied to the menu's li elements.*/

.jqx-menu li,
.jqx-menu-dropdown li {
    line-height: 1.3 !important;
}

/*applied to the top level menu items.*/

.jqx-menu-item-top {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    left: 100%;
    overflow: hidden;
    color: inherit;
    right: 0;
    margin: 0px 3px 0px 3px;
    cursor: pointer;
}

/*applied to the sub menu items.*/

.jqx-menu-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
}

/*applied to a sub menu item when the mouse is over the item.*/

.jqx-menu-item-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}

/*applied to a top-level menu item when the mouse is over it.*/

.jqx-menu-item-top-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 0px 3px 0px 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    top: 50%;
    cursor: pointer;
}

/*applied to a sub menu item when its sub menu is opened.*/

.jqx-menu-item-selected {
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}

/*applied to a disabled sub menu item.*/

.jqx-menu-item-disabled {}

/*applied to a top-level menu item when its sub menu is opened.*/

.jqx-menu-item-top-selected {
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}

/*applied to the menu separator items.*/

.jqx-menu-item-separator {
    text-indent: 0;
    background-color: #ddd;
    border: none;
    list-style: none;
    height: 1px;
    line-height: 0 !important;
    padding: 0px;
    margin: 1px 2px 1px 2px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    font-size: 1px;
}

/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/

.jqx-menu-item-arrow-right {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/

.jqx-menu-item-arrow-down {
    background-image: url('icon-down.png');
}

/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/

.jqx-menu-item-arrow-up {
    background-image: url('icon-up.png');
}

.jqx-menu-minimized {
    position: relative;
}

.jqx-menu-title {
    position: relative;
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 20px;
}

.jqx-menu-minimized-button {
    background-image: url('icon-menu-minimized.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-left: 7px;
    margin-top: 4px;
    float: left;
}

.jqx-menu-ul-minimized {
    display: block !important;
    width: auto !important;
}

.jqx-menu-ul-minimized ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-menu-minimized li:last-child {
    padding-bottom: 0px;
    margin: 0px;
}

.jqx-menu-item-arrow-right,
.jqx-menu-item-arrow-down,
.jqx-menu-item-arrow-up,
.jqx-menu-item-arrow-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
}

/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/

.jqx-menu-item-arrow-left {
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
    background-image: url('icon-left.png');
    background-position: 0 50%;
    background-repeat: no-repeat;
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/

.jqx-menu-item-arrow-right-selected {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/

.jqx-menu-item-arrow-down-selected {
    background-image: url('icon-down.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/

.jqx-menu-item-arrow-up-selected {
    background-image: url('icon-up.png');
}

.jqx-menu-item-arrow-right-selected,
.jqx-menu-item-arrow-up-selected,
.jqx-menu-item-arrow-down-selected,
.jqx-menu-item-arrow-top-right {
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/

.jqx-menu-item-arrow-top-right {
    background-image: url('icon-right.png');
}

/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/

.jqx-menu-item-arrow-left-selected {
    background-image: url('icon-left.png');
}

/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/

.jqx-menu-item-arrow-top-left {
    background-image: url('icon-left.png');
}

.jqx-menu-item-arrow-left-selected,
.jqx-menu-item-arrow-top-left {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
}

/*applied to the anchor elements*/

.jqx-menu-item a:link,
.jqx-menu-item a:visited,
.jqx-menu-item a:hover,
.jqx-menu-item-top a:link,
.jqx-menu-item-top a:visited,
.jqx-menu-item-top a:hover {
    font: inherit;
    text-decoration: none;
    color: inherit;
    outline: none;
    background-color: transparent;
}

/*applied to the menu widget when it is disabled.*/

.jqx-menu-disabled {
    cursor: default;
}

/*applied to the anchor elements of all disabled menu items.*/

.jqx-menu-disabled a:link {
    cursor: default;
    text-decoration: none;
}

.jqx-menu-disabled a:visited {
    cursor: default;
    text-decoration: none;
}

.jqx-menu-disabled a:hover {
    cursor: default;
}

.jqx-menu-dropdown {
    right: -1px;
}

/*jqxtree Style*/

.jqx-tree {
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    line-height: 14px !important;
}

/*applied to the jqxTree root UL element.*/

.jqx-tree-dropdown-root {
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}

/*applied to the jqxTree UL elements.*/

.jqx-tree-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    text-align: left;
    outline: none;
}

.jqx-tree-dropdown-rtl {
    padding: 3px 0px 0px 0px;
    text-align: right;
}

/*applied to a tree item.*/

.jqx-tree-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}

/*applied to the jqxTree LI elements.*/

.jqx-tree-item-li {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    left: 100%;
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}

/*applied to the last LI elements in an UL element.*/

.jqx-tree-item-u-last {
    margin: 0px 0px 0px 0px;
}

/*applied to a tree item when the mouse is over the item.*/

.jqx-tree-item-hover {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}

/*applied to a tree item when the item is selected.*/

.jqx-tree-item-selected {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}

.jqx-tree-item-rtl {
    text-align: right;
}

.jqx-tree-item-li-rtl {
    text-align: right;
}

/*applied to the anchor element of a tree item.*/

.jqx-tree-item a:link,
.jqx-tree-item a:visited {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.jqx-tree-item-selected,
.jqx-tree-item-hover a:hover {
    color: inherit;
}

.jqx-tree-item-selected,
.jqx-tree-item-hover a:visited {
    color: inherit;
}

/*applied to a tree item when the item is disabled.*/

.jqx-tree-item-disabled {}

/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/

.jqx-tree-item-arrow-collapse,
.jqx-tree-item-arrow-collapse-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-right.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-tree-item-arrow-collapse-rtl,
.jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url('icon-left.png');
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/

.jqx-tree-item-arrow-expand,
.jqx-tree-item-arrow-expand-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url('icon-down.png');
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

/*applied to the tree when it is disabled.*/

.jqx-tree-disabled {
    cursor: default;
}

/*applied to the anchor elements in a tree when it is disabled.*/

.jqx-tree-disabled a:link {
    cursor: default;
    text-decoration: none;
}

.jqx-tree-disabled a:visited {
    cursor: default;
    text-decoration: none;
}

.jqx-tree-disabled a:hover {
    cursor: default;
}

/*jqxTabs*/

.jqx-tabs {
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}

/*applied to the tab close button.*/

.jqx-tabs-close-button {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
}

/*applied to the tab close button when the tab is selected.*/

.jqx-tabs-close-button-selected {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

/*applied to the tab close button when the mouse is over the tab.*/

.jqx-tabs-close-button-hover {
    outline: none;
    background-image: url('close.png');
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-close-button,
.jqx-tabs-close-button-selected,
.jqx-tabs-close-button-hover {
    background-repeat: no-repeat;
    background-position: center;
}

/*applied to the tab's left scroll arrow.*/

.jqx-tabs-arrow-left {
    outline: none;
    position: relative;
    z-index: 15;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

/*applied to the tab's right scroll arrow.*/

.jqx-tabs-arrow-right {
    outline: none;
    position: relative;
    z-index: 15;
    background-image: url('icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-arrow-background {
    background: #eeeeee;
}

/*applied to the tab's title.*/

.jqx-tabs-title {
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative;
}

.jqx-tabs-title-bottom {}

.jqx-tabs-title a:link {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:hover {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:active {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:visited {
    color: inherit;
    text-decoration: none;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/

.jqx-tabs-title-selected-top {
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-selected-bottom {
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/

.jqx-tabs-title-hover-top {
    outline: none;
    border: 1px solid transparent;
    padding-bottom: 5px;
}

/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-hover-bottom {
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}

/*applied to the tab's title when the tab is disabled.*/

.jqx-tabs-title-disable {}

/*applied to the tab's header.*/

.jqx-tabs-header {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}

/*applied to the tab's header when the position is bottom.*/

.jqx-tabs-header-bottom {
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}

/*applied to the tab's header when the tab is collapsed.*/

.jqx-tabs-header-collapsed {
    border: 1px solid #aaa;
}

/*applied to the tab's header when the position is bottom and tab is collapsed.*/

.jqx-tabs-header-collapsed-bottom {
    border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
    border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
    border: 0px solid transparent;
}

/*applied to the tab's selection tracker container element.*/

.jqx-tabs-selection-tracker-container {
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/

.jqx-tabs-selection-tracker-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/

.jqx-tabs-selection-tracker-bottom {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}

/*applied to the tab's content element which represents a DIV element.*/

.jqx-tabs-content {
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}

.jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
}

/*jqxCheckBox*/

.jqx-checkbox {
    overflow: hidden;
    text-align: left;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*applied to the check box.*/

.jqx-checkbox-default {
    text-align: left;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the check box when the mouse cursor is over it.*/

.jqx-checkbox-hover {
    cursor: pointer;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the widget when it is disabled.*/

.jqx-checkbox-disabled {
    cursor: default;
    background: transparent;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0px 0px 0px 0px;
}

/*applied to the check box when the widget is disabled.*/

.jqx-checkbox-disabled-box {
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}

/*applied to the check box when it is checked. Displays a check icon.*/

.jqx-checkbox-check-checked {
    float: left;
    background: transparent url('check_black.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/

.jqx-checkbox-check-disabled {
    float: left;
    background: transparent url('check_disabled.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its state is indeterminate.*/

.jqx-checkbox-check-indeterminate {
    float: left;
    background: transparent url('check_indeterminate_black.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its state is indeterminate and it is disabled.*/

.jqx-checkbox-check-indeterminate-disabled {
    float: left;
    background: transparent url('check_indeterminate_disabled.png') center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}

/*applied to the check box when its in rtl mode.*/

.jqx-checkbox-rtl {
    float: right;
}

/*jqxRadioButton*/

.jqx-radiobutton {
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
}

/*applied to the radio button.*/

.jqx-radiobutton-default {
    cursor: pointer;
    float: left;
    background: transparent url('roundbg_classic_normal.png') left center scroll repeat-x;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}

/*applied to the radio button when the mouse is over it.*/

.jqx-radiobutton-hover {
    cursor: pointer;
    float: left;
    background: transparent;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    border-radius: 100%;
}

/*applied to the radio button when it is disabled.*/

.jqx-radiobutton-disabled {
    cursor: default;
}

/*applied to the radio button's radio icon when it is disabled.*/

.jqx-radiobutton-disabled-box {}

/*applied to the radio button when it is checked.*/

.jqx-radiobutton-check-checked {
    float: left;
    background: transparent url('roundbg_check_black.png') left top no-repeat;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
}

/*applied to the radio button when it is checked and disabled.*/

.jqx-radiobutton-check-disabled {}

/*applied to the radio button when it is in indeterminate state.*/

.jqx-radiobutton-check-indeterminate {
    float: left;
    background: transparent url('roundbg_check_indeterminate.png') left top no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;
}

/*applied to the radio button when it is in indeterminate state and disabled.*/

.jqx-radiobutton-check-indeterminate-disabled {}

/*applied to the radio button when its in rtl mode.*/

.jqx-radiobutton-rtl {
    float: right;
}

/*jqxRating*/

.jqx-rating {
    margin: 0px;
    padding: 0px;
    outline: none;
    overflow: hidden;
}

.jqx-rating-image {
    border-width: 0px;
}

.jqx-rating-image-default {
    margin: 0px;
    padding: 0px;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star.png');
    overflow: hidden;
}

/*applied to the rating when it is hovered.*/

.jqx-rating-image-hover {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_hover.png');
    overflow: hidden;
}

/*applied to the rating when it is disabled.*/

.jqx-rating-image-backward {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url('star_disabled.png');
    overflow: hidden;
}

/*jqxCalendar Style*/

.jqx-calendar {
    border: 1px solid transparent;
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 0px;
    margin: 0 0 0 0;
    cursor: default;
    border-collapse: separate;
}

.jqx-calendar .jqx-widget-header {}

.jqx-calendar>div {
    padding: 0px;
    box-sizing: border-box;
}

.jqx-calendar-light>div {
    padding: 10px;
}

.jqx-calendar td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
    height: auto;
}

.jqx-calendar table {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}

/*applied to the calendar's row header. This header displays the week numbers.*/

.jqx-calendar-row-header {
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's column. This header displays the day names.*/

.jqx-calendar-column-header {
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/

.jqx-calendar-top-left-header {
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to the calendar's navigation buttons.*/

.jqx-calendar-title-navigation {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
}

/*applied to the month table*/

.jqx-calendar-month {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

/*applied to the calendar's title content.*/

.jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
}

/*applied to the calendar's navigation title.*/

.jqx-calendar-title-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}

.jqx-calendar-title-header td {
    padding-left: 0px;
    padding-right: 0px;
    border: none;
}

/*applied to the calendar's navigation title when the calendar is disabled.*/

.jqx-calendar-title-header-disabled {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}

/*applied to a calendar cell.*/

.jqx-calendar-cell {
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: transparent;
}

.jqx-calendar-cell td {
    padding: 0;
    margin: 0;
}

/*applied to a calendar cell in decade and year views.*/

.jqx-calendar-cell-decade,
.jqx-calendar-cell-year {
    text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
    background: transparent;
    border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/

.jqx-calendar-cell-hidden {
    margin: 0 0 0 0;
    visibility: hidden;
    cursor: default;
}

/*applied to a calendar cell when the cell's date is a weekend date.*/

.jqx-calendar-cell-weekend {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/

.jqx-calendar-cell-specialDate {
    color: #FF0000 !important;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date is a restricted date.*/

.jqx-calendar-cell-restrictedDate {
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}

/*applied to a calendar cell when the cell's date is the today date.*/

.jqx-calendar-cell-today {
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell is hovered.*/

.jqx-calendar-cell-hover {
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell is selected.*/

.jqx-calendar-cell-selected {
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/

.jqx-calendar-cell-othermonth {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to a calendar cell when the calendar is disabled.*/

.jqx-calendar-cell-disabled {
    color: #ccc;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/

.jqx-calendar-row-cell {
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/

.jqx-calendar-row-cell-disabled {}

.jqx-calendar-footer {
    margin: 5px;
    color: inherit;
    font-size: 13px;
}

.jqx-calendar-title-container {
    overflow: hidden;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names.*/

.jqx-calendar-column-cell {
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}

/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/

.jqx-calendar-column-cell-disabled {}

/*applied to the calendar's cell area element.*/

.jqx-calendar-view {
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/

.jqx-expander {}

/*applied to the Expander's header and content*/

.jqx-expander-header,
.jqx-expander-content {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: 0;
}

/*applid to the content of the expander header.*/

.jqx-expander-header-content {
    padding-left: 3px;
}

/*applid to the content of the expander header.*/

.jqx-expander-header-content-rtl {
    padding-right: 3px;
}

.jqx-expander-content {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: auto;
    outline: 0;
}

/*applied to the Expander's header and its content when it is on the top of the header*/

.jqx-expander-header,
.jqx-expander-content-top {
    border-top-width: 1px;
    border-top-style: solid;
}

/*applied to the Expander's header and its content when it is on the bottom of the header*/

.jqx-expander-header,
.jqx-expander-content-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

/*applied to the Expander's header*/

.jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
}

/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/

.jqx-expander-header-disabled {
    cursor: default;
}

/*applied to the Expander's arrow*/

.jqx-expander-arrow {
    width: 17px;
    height: 17px;
    position: relative;
}

/*applied to the Expander's content if it is empty*/

.jqx-expander-content-empty {
    border-width: 0px;
    padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/

.jqx-navigationbar {
    border: none;
    margin: 0px;
    -webkit-appearance: none;
    outline: none;
}

/*jqxPanel Style*/

.jqx-panel {
    border: 1px solid transparent;
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}

/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/

.jqx-panel-bottomright {}

/*applied to the DropDownButton's Popup.*/

.jqx-dropdownbutton-popup {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
}

.jqx-listbox {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}

/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/

.jqx-listbox-bottomright {}

/*applied to the ListBox's groups.*/

.jqx-listitem-state-group {
    white-space: nowrap;
    padding: 5px 2px 5px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}

/*applied to a list item in default state.*/

.jqx-listitem-state-normal {
    white-space: nowrap;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}

/*applied to a list item in hovered state.*/

.jqx-listitem-state-hover {
    white-space: nowrap;
    background: transparent;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}

/*applied to a list item when the item is selected.*/

.jqx-listitem-state-selected {
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}

.jqx-listbox-feedback {
    height: 1px;
    border-top: 1px dashed #000;
}

.jqx-listitem-element {
    -ms-touch-action: none;
    border: none;
    width: 100%;
    height: 100%;
    align: left;
    valign: top;
    position: absolute;
}

/*jqxComboBox Style*/

/*applied to the jqxComboBox's content which displays the text.*/

.jqx-combobox-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

/*applied to the ComboBox's input field.*/

.jqx-combobox-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-input::-ms-clear {
    display: none;
}

/*applied to the ComboBox's content when the widget is disabled.*/

.jqx-combobox-content-disabled {
    color: #AAA;
}

/*applied to the ComboBox's arrow button.*/

.jqx-combobox-arrow-normal,
.jqx-action-button {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}

/*applied to the ComboBox's arrow button*/

.jqx-combobox-arrow-hover,
.jqx-combobox-arrow-selected {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}

/*applied to the ComboBox in normal state.*/

.jqx-combobox-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the mouse is over the widget.*/

.jqx-combobox-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the popup ListBox is shown.*/

.jqx-combobox-state-selected {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}

/*applied to the ComboBox when the widget is focused.*/

.jqx-combobox-state-focus {
    border: 1px solid transparent;
}

.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
}

.jqx-combobox-multi-item a:link,
.jqx-combobox-multi-item a:visited {
    color: inherit;
    display: block;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

/*applied to the ComboBox when the widget is disabled.*/

.jqx-combobox-state-disabled {
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}

/*jqxSelect Style*/

.jqx-select {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -webkit-appearance: none;
    outline: 0 none;
}

.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}

.jqx-select-container {
    padding: 0;
}

.jqx-select-item {
    padding: 3px;
    margin: 1px;
    white-space: normal !important;
    cursor: default;
}

/*jqxDropDownList Style*/

/*applied to the dropdownlist's content element which displays the selected item's text or html.*/

.jqx-dropdownlist-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}

.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}

.jqx-dropdownlist .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-dropdownlist .jqx-icon-arrow-up {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-up {
    width: 13px;
}

/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */

.jqx-dropdownlist-content-disabled {}

/*applied to the dropdownlist in default state.*/

.jqx-dropdownlist-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in hovered state.*/

.jqx-dropdownlist-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in selected state.*/

.jqx-dropdownlist-state-selected {
    overflow: hidden;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}

/*applied to the dropdownlist in focused state.*/

.jqx-dropdownlist-state-focus {
    border: 1px solid #909090;
}

/*applied to the dropdownlist in disabled state.*/

.jqx-dropdownlist-state-disabled {}

/*jqxScrollBar Style*/

.jqx-scrollbar {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}

/*applied to the scrollbar in default state.*/

.jqx-scrollbar-state-normal {
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in default state.*/

.jqx-scrollbar-button-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in hovered state.*/

.jqx-scrollbar-button-state-hover {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the scrollbar buttons in pressed state.*/

.jqx-scrollbar-button-state-pressed {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-normal-horizontal {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action: none;
}

/*applied to the horizontal scrollbar thumb in hovered state.*/

.jqx-scrollbar-thumb-state-hover-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the horizontal scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action: none;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-hover {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}

/*applied to the vertical scrollbar thumb in default state.*/

.jqx-scrollbar-thumb-state-pressed {
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}

/* jqxWindow */

.jqx-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}

/*applied to the jqxWindow when it’s disabled*/

.jqx-window-disabled {}

/*applied to the window’s header*/

.jqx-window-header {
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 7px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}

/*applied to the window’s header when the window is disabled*/

.jqx-window-header-disabled {}

/*applied to the window’s content*/

.jqx-window-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    padding: 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/*applied to the window’s content when the window is disabled*/

.jqx-window-content-disabled {
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}

/*applied to the window’s close button*/

.jqx-window-close-button {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    margin-top: 2px;
}

/*applied to the window's collapse button*/

.jqx-window-collapse-button {
    background-image: url('icon-up.png');
    cursor: pointer;
    margin-top: 3px;
}

/*applied to the window's collapse button when the window is collapsed*/

.jqx-window-collapse-button-collapsed {
    margin-top: 3px;
    cursor: pointer;
    background-image: url('icon-down.png');
}

/*setting styles of the modal window’s background*/

.jqx-window-modal {
    background-color: Black;
}

.jqx-window-close-button-hover {}

.jqx-docking {
    overflow: hidden;
}

.jqx-docking-panel {
    margin: 0px;
    padding: 0px;
    min-height: 100px;
}

.jqx-docking-drop-indicator {
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
}

.jqx-docking-window {
    margin: 0px;
}

/* jxSlider */

/* applied to jqxSlider widget */

.jqx-slider {
    outline: none;
    clear: both;
    position: relative;
    overflow: hidden;
}

/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/

.jqx-slider-tick {
    border-left: 1px solid transparent;
    z-index: 9;
}

/*applied to the ticks when the slider is in horizontal mode*/

.jqx-slider-tick-horizontal {
    width: 1px;
    border-left: none;
    margin-top: 1px;
}

/*applied to the ticks when the slider is in vertical mode*/

.jqx-slider-tick-vertical {
    height: 1px;
    border-top: none;
}

/*applied to the ticks container*/

.jqx-slider-tickscontainer {
    z-index: 10;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}

/*applied to the jqxSlider thumb used for changing/indicating current value*/

.jqx-slider-slider {
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 100%;
}

.jqx-slider-button {
    cursor: pointer;
    border-radius: 100%;
    box-sizing: content-box !important;
    padding: 3px !important;
}

/*applied to the slider's thumb when the slider is in horizontal mode*/

.jqx-slider-slider-horizontal {
    margin-top: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}

/*applied to the slider's thumb when the slider is in vertical mode*/

.jqx-slider-slider-vertical {
    margin-left: -9px;
    border-radius: 100%;
    border: 1px solid transparent;
}

/*applied to the track where is located the thumb*/

.jqx-slider-track {
    height: 4px;
    float: left;
    position: relative;
    z-index: 20;
    cursor: pointer;
}

/*used in horizontal slider*/

.jqx-slider-track-horizontal {
    height: 4px;
    margin-top: 2px;
}

/*used in vertical slider*/

.jqx-slider-track-vertical {
    width: 4px;
}

/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/

.jqx-slider-rangebar {}

/* jqxSplitter */

.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation */

.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}

/* Split bar's mouse over state */

.jqx-splitter-splitbar-hover {
    background-color: transparent;
}

/* Split bar's class when the jqxSplitter is with horizontal orientation. */

.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}

/* This class is applied to the splitter when it's dragged to it's max left/right boundary */

.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}

/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */

.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}

/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */

.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}

/* This class is added when the user disable the splitter. */

.jqx-splitter-splitbar-collapsed {
    cursor: default;
}

/* Applied to the jqxSplitter panels. */

.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}

/* This class is added to a nested splitter.*/

.jqx-splitter-nested,
.jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}

.jqx-draggable {}

.jqx-draggable-dragging {
    border: 0px solid black;
}

.jqx-draggable-disabled {
    cursor: default;
}

.jqx-validator-hint {
    height: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 13px;
    border: 1px solid #6E0000;
    background-color: #942724;
    color: #fff;
    z-index: 99999;
    white-space: nowrap;
}

.jqx-validator-hint-arrow {
    z-index: 99999;
    height: 9px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url('multi-arrow.gif');
}

.jqx-validator-error-label {
    color: #dd4b39;
    vertical-align: top;
    text-align: left;
    display: block;
    cursor: default;
    line-height: 17px;
}

.jqx-validator-error-element {
    border-color: #dd4b39 !important;
}

.jqx-switchbutton {
    outline: none;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.jqx-switchbutton[aria-disabled="true"] {
    opacity: 0.5;
    pointer-events: none;
}

.jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
}

.jqx-switchbutton-label {
    font-size: 15px;
    font-family: Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.jqx-switchbutton-wrapper {}

.jqx-switchbutton-label-on {}

.jqx-switchbutton-label-off {}

/*left, right, up and down arrow icons.*/

.jqx-left-arrow {
    background: transparent;
    background-image: url('icon-left.png');
    cursor: pointer;
}

.jqx-right-arrow {
    background: transparent;
    background-image: url('icon-right.png');
    cursor: pointer;
}

.jqx-icon-delete {
    background-image: url('icon-delete.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-edit {
    background-image: url('icon-edit.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-save {
    background-image: url('icon-save.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-cancel {
    background-image: url('icon-cancel.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up,
.jqx-icon-arrow-up-hover,
.jqx-icon-arrow-up-selected {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down,
.jqx-icon-arrow-down-hover,
.jqx-icon-arrow-down-selected {
    background-image: url('icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left,
.jqx-icon-arrow-left-hover,
.jqx-icon-arrow-left-selected {
    background-image: url('icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

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

.jqx-icon-arrow-first,
.jqx-icon-arrow-first-hover,
.jqx-icon-arrow-first-selected {
    background-image: url('icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last,
.jqx-icon-arrow-last-hover,
.jqx-icon-arrow-last-selected {
    background-image: url('icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}

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

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

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

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

.jqx-icon-arrow-up-selected {
    background-image: url('icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

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

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

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

.jqx-icon-close {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-close-white {
    background-image: url('close_white.png');
}

.jqx-icon-close-hover {
    cursor: pointer;
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-search {
    cursor: pointer;
    background-image: url('search.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    background-size: 13px;
    width: 13px;
    height: 13px;
}

.jqx-icon-plus {
    background-image: url('plus.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt,
.jqx-icon-plus-alt-white {
    background-image: url('icon-plus.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt-white {
    background-image: url('icon-plus-white.png');
}

/* jqxScrollView */

.jqx-scrollview-button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    background-color: #aaaeaf;
}

.jqx-scrollview {
    background-color: #000;
    -ms-touch-action: auto !important;
}

.jqx-icon-calendar,
.jqx-icon-calendar-hover,
.jqx-icon-calendar-pressed {
    background-image: url('icon-calendar.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
}

/*applied to Inputs*/

.jqx-input-widget {
    box-sizing: border-box !important;
}

.jqx-input {
    overflow: hidden;
    background-color: inherit;
    border-color: #c7c7c7;
}

.jqx-input-invalid {
    color: red !important;
}

.jqx-input-group {
    overflow: hidden;
}

.jqx-input-group-addon {
    border: 1px solid transparent;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}

.jqx-input-group-addon:first-child {
    border-right-width: 0px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.jqx-input-group-addon:last-child {
    border-left-width: 0px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.jqx-input-group-addon:not(:last-child):not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-left-width: 0px;
}

.jqx-input-group .jqx-input {
    padding: 2px 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.jqx-editor {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow: hidden;
    box-sizing: border-box !important;
}

.jqx-editor-window {
    overflow: hidden;
}

.jqx-editor-inline {
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.jqx-editor-inline p {
    margin: 0px;
    padding: 0 .2em;
}

.jqx-editor-inline-focus {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.jqx-editor iframe {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.jqx-editor-color-bar {
    height: 3px;
}

.jqx-editor-color-picker table {
    margin: 0;
    padding: 0 4px 4px;
    empty-cells: show;
    border-collapse: separate;
}

.jqx-editor-color-picker td {
    border-collapse: separate;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.jqx-editor-color-picker td:hover {
    border: 1px solid #000;
}

.jqx-editor-color-picker-selected-cell {
    outline: 1px solid #000;
}

.jqx-editor-color-picker td div {
    width: 16px;
    height: 16px;
}

.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    position: relative;
    box-sizing: border-box !important;
}

.jqx-editor-container {
    position: relative;
    padding: 4px;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-container {
    top: 0px;
    left: 0px;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-inline {
    padding: 0px 4px;
    border-width: 1px;
    border-style: solid;
}

.jqx-editor-toolbar {
    margin: 0;
    padding: 0px;
    padding-bottom: 4px;
}

.jqx-editor-toolbar-icon {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    opacity: .667;
    margin: 2px 0;
    background: url('html_editor.png') no-repeat;
}

.jqx-editor-toolbar-icon-bold {
    background-position: 0px 0px !important;
}

.jqx-editor-toolbar-icon-italic {
    background-position: -21px 0px !important;
}

.jqx-editor-toolbar-icon-underline {
    background-position: -42px 0px !important;
}

.jqx-editor-toolbar-icon-fontname {
    background-position: -63px 0px !important;
}

.jqx-editor-toolbar-icon-fontsize {
    background-position: -84px 0px !important;
}

.jqx-editor-toolbar-icon-createlink {
    background-position: -147px 0px !important;
}

.jqx-editor-toolbar-icon-insertorderedlist {
    background-position: -168px 0px !important;
}

.jqx-editor-toolbar-icon-insertunorderedlist {
    background-position: -189px 0px !important;
}

.jqx-editor-toolbar-icon-outdent {
    background-position: -210px 0px !important;
}

.jqx-editor-toolbar-icon-indent {
    background-position: -231px 0px !important;
}

.jqx-editor-toolbar-icon-insertimage {
    background-position: -337px 0px !important;
}

.jqx-editor-toolbar-icon-justifyleft {
    background-position: -252px 0px !important;
}

.jqx-editor-toolbar-icon-justifycenter {
    background-position: -273px 0px !important;
}

.jqx-editor-toolbar-icon-justifyright {
    background-position: -294px 0px !important;
}

.jqx-editor-toolbar-icon-removeformat {
    background-position: -316px 0px !important;
}

.jqx-editor-toolbar-icon-viewsource {
    background-position: -359px 0px !important;
}

.jqx-editor-toolbar-icon-forecolor {
    background-position: -105px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon-backcolor {
    background-position: -380px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon:hover {
    opacity: 1;
}

.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
    opacity: .667;
}

.jqx-editor-toolbar-item {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.jqx-editor-toolbar-separator {
    border-left: 1px solid #ccc;
    margin: 0 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}

.jqx-editor-toolbar-group {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}

.jqx-editor-toolbar-button {
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    padding: 0px !important;
    margin-right: 2px;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    margin-right: -1px;
    box-shadow: none;
    position: relative;
    margin-left: 0px !important;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover,
.jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
    z-index: 55;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
    background: transparent !important;
}

.jqx-date-time-input-popup table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #333;
}

.jqx-date-time-input-popup table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    padding: 4px 6px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
    padding: 0px !important;
    cursor: default;
}

.jqx-scheduler .jqx-widget-header.jqx-grid-header {
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}

.jqx-scheduler .jqx-grid-column-header,
.jqx-scheduler.jqx-widget .jqx-grid-column-header {
    border-bottom: 1px solid #c5c5c5;
}

.jqx-grid-column-header[sort]>div>div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter]>div>div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter][sort]>div>div {
    width: calc(100% - 40px);
}

.jqx-scheduler-all-day-cell {
    text-align: left;
}

.jqx-scheduler-all-day-cell span {
    margin-left: 3px;
}

.jqx-scheduler-month-cell {
    background: #f2f2f2;
    color: #000;
    opacity: 0.8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: top;
    text-align: left;
}

.jqx-scheduler-month-cell-touch {
    background: transparent;
    border: none;
    vertical-align: middle;
    text-align: center;
}

.jqx-scheduler-month-cell-popup {
    border: 1px solid #333;
    background: #f2f2f2;
    box-shadow: 0 5px 0px rgba(0, 0, 0, .15) !important;
}

.jqx-widget .jqx-scheduler-middle-cell,
.jqx-scheduler-middle-cell {
    border-bottom-color: #ddd !important;
}

.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
    border-bottom-style: dotted;
}

.jqx-scheduler-work-time-cell {
    background: #fff;
}

.jqx-scheduler-not-work-time-cell {
    background: #eee;
}

.jqx-scheduler-month-outer-cell {
    color: #555;
}

.jqx-scheduler-month-weekend-cell {
    background: #eee;
}

.jqx-scheduler-disabled-cell {
    background: #e9edf1;
}

.jqx-scheduler-toolbar {
    font-size: 14px;
}

.jqx-scheduler-time-column,
.jqx-scheduler-toolbar {
    background-image: none !important;
    background: #fff !important;
    color: #333 !important;
}

.jqx-scheduler-week-number-column {
    background: #e8e8e8 !important;
    color: #333;
}

.jqx-scheduler-time-column-header-cell {
    border-left-color: transparent !important;
}

.jqx-scheduler-time-column-header-cell-rtl {
    border-right-color: transparent !important;
}

.jqx-scheduler-appointment {
    overflow: visible;
    border: 1px solid #555;
    white-space: pre-line;
    cursor: pointer;
    vertical-align: middle;
    text-overflow: ellipsis;
    -webkit-user-select: none;
            user-select: none;
}

.jqx-scheduler-appointment-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-scheduler-appointment-content {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.jqx-scheduler-appointment-inner-content {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    padding-bottom: 3px;
}

.jqx-scheduler-appointment-duration-status {
    height: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-color: #f05c2d;
    background: #f05c2d;
    position: absolute;
    bottom: -1px;
    left: 0px;
    border-radius: 5px;
}

.jqx-scheduler-appointment-status {
    width: 4px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
    top: 0px;
    left: 0px;
}

.jqx-scheduler-appointment-status-rtl {
    width: 4px;
    height: 100%;
    border-right-width: 0px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: solid;
    position: absolute;
    top: 0px;
    right: 0px;
}

.jqx-scheduler-appointment-status-stripes {
    background-image: url('stripes.png');
    background-repeat: repeat-y;
    background-position: left top;
}

.jqx-scheduler-appointment-resize-indicator {
    width: 4px;
    height: 4px;
    position: absolute;
    border: 1px solid black;
    background: white;
    display: none;
}

.jqx-scheduler-appointment-top-resize-indicator {
    top: -3px;
    left: 50%;
    margin-left: -2px;
    cursor: row-resize;
}

.jqx-scheduler-appointment-bottom-resize-indicator {
    cursor: row-resize;
    bottom: -3px;
    left: 50%;
    margin-left: -2px;
}

.jqx-scheduler-appointment-left-resize-indicator {
    cursor: col-resize;
    top: 50%;
    left: -3px;
    margin-top: -2px;
}

.jqx-scheduler-appointment-right-resize-indicator {
    cursor: col-resize;
    top: 50%;
    margin-top: -2px;
    right: -3px;
}

.jqx-scheduler-appointment span {
    vertical-align: middle;
    text-overflow: ellipsis;
    position: relative;
    top: -1px;
}

.jqx-scheduler-feedback-appointment {
    opacity: 0.7;
    position: absolute;
    z-index: 99999;
}

.jqx-scheduler-selected-appointment {
    border: 1px solid #316293 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    white-space: pre-line;
}

.jqx-scheduler-appointment:hover {
    border: 1px solid #3f7ebe !important;
}

.jqx-scheduler-feedback-drag-appointment {
    background: #aaa !important;
}

.jqx-icon-recurrence,
.jqx-icon-recurrence-exception,
.jqx-icon-recurrence-white,
.jqx-icon-recurrence-exception-white,
.jqx-icon-time {
    background-image: url('icon-recurrence.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px;
    margin-left: 5px;
}

.jqx-icon-time {
    background-image: url('icon-time.png');
    margin: 0px;
    position: relative;
    left: 1px;
    margin-top: -8px;
}

.jqx-icon-time-white {
    background-image: url('icon-time-white.png');
}

.jqx-icon-recurrence-exception {
    background-image: url('icon-recurrence-exception.png');
}

.jqx-icon-recurrence-exception-white {
    background-image: url('icon-recurrence-exception-white.png');
}

.jqx-icon-recurrence-white {
    background-image: url('icon-recurrence-white.png');
}

.jqx-scheduler-cell-hover {
    border-color: #3f7ebe !important;
    background: #a2c0df !important;
}

.jqx-scheduler-cell-selected {
    border-color: #316293 !important;
    background: #2f7eb6 !important;
}

.jqx-scheduler-edit-dialog-label {
    clear: both;
    float: left;
    margin-left: 2%;
    padding: 4px;
    text-align: right;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field {
    clear: right;
    float: right;
    margin-right: 2%;
    padding: 4px;
    width: 380px;
}

.jqx-scheduler-edit-dialog-label-rtl {
    clear: both;
    float: right;
    margin-left: 0px;
    margin-right: 2%;
    padding: 4px;
    text-align: left;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field-rtl {
    clear: left;
    float: left;
    margin-right: 0px;
    margin-left: 2%;
    padding: 4px;
    width: 72%;
}

.jqx-scheduler-legend-bar {
    overflow: hidden;
    border-color: inherit;
    border: none;
}

.jqx-scheduler-legend-bar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-scheduler-legend-bar-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-scheduler-legend {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-legend-label {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment,
.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
    color: #fff;
}

.jqx-scheduler-agenda-date {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jqx-scheduler-agenda-time {
    padding: 5px;
}

.jqx-scheduler-agenda-appointment,
.jqx-scheduler-agenda-appointment-rtl {
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource,
.jqx-scheduler-agenda-appointment-resource-rtl {
    margin: 5px;
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource-rtl,
.jqx-scheduler-agenda-appointment-rtl {
    float: right;
}

.jqx-scheduler-agenda-day {
    margin: 3px;
    font-size: 33px;
    font-weight: normal;
}

.jqx-scheduler-agenda-week {
    font-style: normal;
    font-size: 13px;
}

.jqx-scheduler-agenda-date {
    font-size: 10px;
}

.jqx-scheduler-cell-focus {
    border-style: dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}

/*applied to all widgets*/

.jqx-widget {
    box-sizing: content-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    color: #000000;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
}

.jqx-item {
    -ms-touch-action: none;
    box-sizing: content-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/

.jqx-widget-content {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #c7c7c7;
    background: #fff;
}

/*applied to header areas. Tabs, Menu, Window, Calendar.*/

.jqx-widget-header {
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    border-color: #c5c5c5;
    background: #e8e8e8;
}

.jqx-fill-state-normal {
    box-sizing: content-box;
    -ms-touch-action: none;
    font-family: Verdana, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #aaa;
    background: #efefef;
}

.jqx-fill-state-hover {
    box-sizing: content-box;
    border-color: #999;
    background: #e8e8e8;
}

.jqx-fill-state-pressed {
    box-sizing: content-box;
    border-color: #999;
    background: #d1d1d1;
}

.jqx-fill-state-focus {
    border-color: #555;
}

.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter: Alpha(Opacity=45);
}

.jqx-grid.jqx-fill-state-disabled {
    pointer-events: none;
}

.jqx-fill-state-normal td,
.jqx-fill-state-hover td,
.jqx-fill-state-pressed td,
.jqx-fill-state-disabled td,
.jqx-fill-state-focus td,
.jqx-widget td,
.jqx-widget-content td,
.jqx-widget-header td {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.jqx-widget .jqx-grid-cell,
.jqx-widget .jqx-grid-column-header,
.jqx-widget .jqx-grid-group-cell {
    border-color: #aaa;
}

.jqx-widget .jqx-grid-column-menubutton,
.jqx-widget .jqx-grid-column-sortascbutton,
.jqx-widget .jqx-grid-column-sortdescbutton,
.jqx-widget .jqx-grid-column-filterbutton {
    background-color: transparent;
    border-color: #aaa;
}

.jqx-grid-column-header a:link,
.jqx-grid-column-header a:visited {}

.jqx-grid-bottomright,
.jqx-panel-bottomright,
.jqx-listbox-bottomright {
    background-color: #e5e5e5;
}

.jqx-tabs-title-selected-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/

.jqx-tabs-title-selected-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
    background-color: #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/

.jqx-tabs-selection-tracker-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
}

/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/

.jqx-tabs-selection-tracker-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
}

/*jqxMaskedInput and jqxNumberInput Styles*/

.jqx-input {
    -webkit-appearance: none;
    padding: 0 0 0 0;
    outline: none;
    border-width: 1px;
    border-style: solid;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

input[type=text].jqx-input,
input[type=password].jqx-input {
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    padding: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.jqx-input::-ms-reveal {
    display: none;
}

.jqx-input::-ms-clear {
    display: none;
}

.jqx-input-content::-ms-clear {
    display: none;
}

.jqx-input::-ms-value {
    margin: 0px;
    padding: 0px;
    min-height: 13px;
    line-height: 13px;
}

/*applied to the input when the validation fails.*/

.jqx-input-invalid {
    border-color: #dd4b39 !important;
}

/*applied to the input's content.*/

.jqx-input-content {
    -webkit-appearance: none;
    padding: 1px;
    resize: none;
    outline: none;
    outline-width: 0px;
    -webkit-user-modify: inherit;
    -moz-user-modify: inherit;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

/*applied to the input when it is disabled.*/

.jqx-input-disabled {
    -webkit-appearance: none;
    resize: none;
    outline: none;
    outline-width: 0px;
}

/*applied to the list menu.*/

.jqx-listmenu-widget {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-content {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget .jqx-widget-header {
    -ms-touch-action: auto;
}

.jqx-listmenu-widget li {
    -ms-touch-action: auto;
}

.jqx-menu-popup {}

.jqx-menu-vertical {
    background-color: #efefef;
}

.jqx-color-picker {}

.jqx-color-picker-panel {}

.jqx-color-picker-map {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('map-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-overlay {
    background-color: transparent;
    background-image: url('map-saturation-overlay.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('bar-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-preview {
    border: 1px solid #A0A0A0;
}

.jqx-color-picker-pointer {
    background-image: url('crosshair.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-pointer-alt {
    background-image: url('crosshair-white.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-bar-pointer {
    background-image: url('pointer.png');
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 6px;
    background-position: right top;
}

.jqx-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -8px;
}

.jqx-input-icon {
    width: 13px;
    height: 13px;
    margin: 0 auto;
}

.jqx-scrollbar-thumb-state-normal-touch {
    border-color: #c3c3c3;
    background: #c3c3c3;
}

.jqx-touch,
.jqx-touch .jqx-fill-state-normal,
.jqx-touch .jqx-widget-content,
.jqx-touch .jqx-widget-header,
.jqx-touch a:link {}

.jqx-scrollbar .jqx-icon-arrow-up {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-down {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-left {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-right {
    width: 100%;
    height: 100%;
}

/*jqx-listmenu*/

.jqx-listmenu-widget {
    border-width: 1px;
    border-style: solid;
}

ol.jqx-listmenu,
ul.jqx-listmenu {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
    counter-reset: section;
}

.jqx-listmenu li {
    margin-left: 0px;
    list-style: none;
    line-height: 1;
}

.jqx-listmenu {
    width: 100%;
}

.jqx-listmenu-header {
    padding: 15px;
}

.jqx-listmenu-item {
    cursor: pointer;
    padding: 15px;
    float: none;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.jqx-listmenu-separator {
    padding: 10px;
    counter-reset: section;
}

.jqx-listmenu-header-label {
    margin-left: 30px;
}

.jqx-listmenu-arrow-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
}

.jqx-listmenu-arrow-rtl {
    right: 0px;
    left: 7px;
}

.jqx-listmenu-arrow-right-pressed {
    width: 16px;
    height: 16px;
}

.jqx-listmenu-header .jqx-button {
    border-radius: 10px;
    padding: 6px 10px;
}

.jqx-listmenu-filter-input {
    border-radius: 3px;
    border: 1px solid;
    outline: none;
    width: 97%;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #c7c7c7;
    background-color: #fff;
    font-size: 20px;
    min-height: 25px !important;
    height: 25px;
}

.jqx-listmenu-filter {
    text-align: center;
    padding: 4px;
}

ol li .jqx-listmenu-item-label:before {
    content: counter(section) ". ";
    counter-increment: section;
}

.jqx-listmenu div {
    clear: both;
}

.jqx-listmenu-auto-separator {}

.jqx-listmenu-item-readonly {
    cursor: default;
}

.jqx-tooltip {
    position: absolute;
    width: auto;
    height: auto;
}

.jqx-tooltip-main {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: inherit;
    border-style: solid;
    border-width: 1px;
}

.jqx-tooltip-text {
    padding: 5px 8px;
    overflow: hidden;
    filter: inherit;
}

.jqx-tooltip,
.jqx-tooltip-text,
.jqx-tooltip-main {
    border-radius: 5px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-tooltip-arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    filter: inherit;
}

.jqx-tooltip-arrow-t-b {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

/*Sets the text-alignment to right.*/

.jqx-rtl {
    text-align: right !important;
}

.jqx-shadow {
    box-shadow: 0 2px 3px rgba(0, 0, 0, .15) !important;
}

.jqx-noshadow {
    box-shadow: none !important;
}

.jqx-passwordinput-password-icon,
.jqx-passwordinput-password-icon-rtl {
    background-image: url('icon-showpassword.png') !important;
    background-repeat: no-repeat !important;
    width: 14px;
    height: 9px;
}

.jqx-passwordinput-password-icon-ltr {
    background-position: right !important;
}

.jqx-passwordinput-password-icon-rtl {
    background-position: left !important;
}

.jqx-passwordinput-password-strength-inicator {
    width: 20%;
    height: 5px;
    margin-top: 5px;
}

/*top rounded Corners*/

.jqx-rc-t-expanded {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

/*bottom rounded Corners*/

.jqx-rc-b-expanded {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.jqx-treemap-rectangle {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #555;
    color: #222;
    text-shadow: 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-treemap-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jqx-treemap-rectangle-parent {
    color: #222;
    font-size: 15px;
    font-family: Verdana;
    font-weight: bold;
}

.jqx-treemap-legend-label {
    color: #fff;
}

.jqx-treemap-legend {
    width: 350px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 41;
    overflow: hidden;
}

.jqx-treemap-legend-table {
    table-layout: fixed;
    width: 100%;
}

.jqx-treemap-legend-color {
    height: 3px;
}

.jqx-treemap-legend-values {
    height: 12px;
    width: 100%;
}

.jqx-treemap-legend-value {
    font-size: 9px;
    position: absolute;
    color: #fff;
}

.jqx-treemap-rectangle-hover {
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 40;
}

/*jqxRangeSelector*/

.jqx-rangeselector,
.jqx-rangeselector-content,
.jqx-rangeselector-slider,
.jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container,
.jqx-rangeselector-ticks,
.jqx-rangeselector-shutter {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: content-box !important;
}

.jqx-rangeselector-markers {}

.jqx-rangeselector-content,
.jqx-rangeselector-ticks,
.jqx-rangeselector-labels,
.jqx-rangeselector-shutter,
.jqx-rangeselector-markers,
.jqx-rangeselector-marker-arrow {
    position: absolute;
}

.jqx-rangeselector-ticks-container,
.jqx-rangeselector-ticks,
.jqx-rangeselector-shutter,
.jqx-rangeselector-slider {
    height: 100%;
}

.jqx-rangeselector-ticks-container,
.jqx-rangeselector-slider {
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-radius: 0px !important;
}

.jqx-rangeselector-group-labels-rtl,
.jqx-rangeselector-group-labels-ticks,
.jqx-rangeselector-slider {
    float: left;
}

.jqx-rangeselector-slider,
.jqx-rangeselector-markers,
.jqx-rangeselector-marker-arrow {
    border-style: solid;
}

.jqx-rangeselector-ticks,
.jqx-rangeselector-group-labels-ticks {
    width: 1px;
    background: #aaa;
}

.jqx-rangeselector-labels,
.jqx-rangeselector-markers {
    white-space: nowrap;
    width: auto;
}

.jqx-rangeselector-slider,
.jqx-rangeselector-markers {
    border-width: 1px !important;
}

.jqx-rangeselector-ticks-container {
    background-color: transparent;
    position: relative;
}

.jqx-rangeselector-shutter {
    opacity: 0.75;
    background: #efefef;
    border-width: 0px !important;
}

.jqx-rangeselector-slider {
    background-color: transparent !important;
    border-top: none !important;
    background-image: none !important;
    border-bottom: none !important;
    border-color: #aaa;
    border-right-color: transparent !important;
    position: relative;
    overflow: hidden;
}

.jqx-rangeselector-inner-slider {
    position: absolute;
    right: 0;
    background: #aaa;
    width: 1px;
    height: 100%;
}

.jqx-rangeselector-ticks {
    margin-top: 0px;
}

.jqx-rangeselector-labels,
.jqx-rangeselector-group-labels {
    margin-top: 4px;
}

.jqx-rangeselector-markers {
    height: 20px;
    padding: 5px;
    opacity: 0.75;
}

.jqx-rangeselector-marker-arrow {
    width: 0px;
    height: 0px;
    display: block;
    margin: -6px 0 0 -7px;
    background-color: transparent !important;
    filter: inherit;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    background-clip: border-box;
    background-repeat: repeat;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}

.jqx-rangeselector-marker-arrow-top {
    border-bottom-color: transparent !important;
}

.jqx-rangeselector-marker-arrow-bottom {
    border-top-color: transparent !important;
}

.jqx-rangeselector-marker-left-arrow {
    border-right-width: 0px;
    border-left-width: 5px;
}

.jqx-rangeselector-marker-right-arrow {
    border-right-width: 5px;
    border-left-width: 0px;
}

.jqx-rangeselector-markers-value {
    overflow: hidden;
    white-space: nowrap;
}

.jqx-rangeselector-group-labels-rtl {
    margin-right: 10px;
    direction: rtl;
}

.jqx-rangeselector-group-labels-ticks {
    height: 17px;
}

.jqx-rangeselector-group-labels-ticks-rtl {
    margin-left: 5px;
}

.jqx-action-button {
    border: none;
    border-left: 1px solid #c7c7c7;
}

.jqx-action-button-rtl {
    border: none;
    border-right: 1px solid #c7c7c7;
    cursor: pointer;
}

/*jqxBulletChart*/

.jqx-bulletchart {}

.jqx-bulletchart,
.jqx-bulletchart-title-container-horizontal,
.jqx-bulletchart-title-container-vertical,
.jqx-bulletchart-chart-container-horizontal,
.jqx-bulletchart-chart-container-vertical {
    position: relative;
}

.jqx-bulletchart-title-inner-container,
.jqx-bulletchart-range,
.jqx-bulletchart-pointer,
.jqx-bulletchart-target,
.jqx-bulletchart-ticks,
.jqx-bulletchart-labels {
    position: absolute;
}

.jqx-bulletchart-title-container-vertical,
.jqx-bulletchart-title,
.jqx-bulletchart-description,
.jqx-bulletchart-range-vertical {
    width: 100%;
}

.jqx-bulletchart-title-container-horizontal,
.jqx-bulletchart-chart-container-horizontal {
    float: left;
    overflow: hidden;
}

.jqx-bulletchart-title,
.jqx-bulletchart-description {
    text-align: center;
}

.jqx-bulletchart-title-inner-container {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.jqx-bulletchart-title-inner-container-ltr {
    padding-right: 5px;
}

.jqx-bulletchart-title-inner-container-rtl {
    padding-left: 5px;
}

.jqx-bulletchart-title-description-ltr {
    text-align: right;
}

.jqx-bulletchart-title-description-rtl {
    text-align: left;
}

.jqx-bulletchart-title-description-vertical {
    text-align: center;
}

.jqx-bulletchart-title {
    font-size: 110%;
    font-weight: bold;
}

.jqx-bulletchart-description {
    font-size: 90%;
}

.jqx-bulletchart-range-horizontal {
    height: 100%;
}

.jqx-bulletchart-target-horizontal {
    top: 10%;
    height: 80%;
}

.jqx-bulletchart-target-vertical {
    left: 10%;
    width: 80%;
}

.jqx-bulletchart-ticks {
    background-color: #AAAAAA;
}

.jqx-bulletchart-ticks-horizontal {
    width: 1px;
}

.jqx-bulletchart-ticks-vertical {
    height: 1px;
}

.jqx-bulletchart-zero-tick {}

.jqx-bulletchart-labels {}

/*jqxNotification*/

.jqx-notification {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}

.jqx-notification-table {
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
}

.jqx-notification-container {
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
}

.jqx-notification-container-full-width {
    width: 100%;
}

.jqx-notification-container-full-height {
    height: 100%;
}

#jqxNotificationDefaultContainer-top-right,
#jqxNotificationDefaultContainer-bottom-left {
    direction: rtl;
}

.jqx-notification-icon,
.jqx-notification-content {
    vertical-align: middle;
}

.jqx-notification-content {}

.jqx-notification-content-rtl {
    direction: rtl;
}

.jqx-link,
.jqx-inverse,
.jqx-primary,
.jqx-warning,
.jqx-danger,
.jqx-success,
.jqx-info {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.jqx-primary .jqx-icon-calendar,
.jqx-primary .jqx-icon-calendar-hover,
.jqx-primary .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-primary .jqx-icon-time,
.jqx-primary .jqx-icon-time-hover,
.jqx-primary .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-success .jqx-icon-calendar,
.jqx-success .jqx-icon-calendar-hover,
.jqx-success .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-success .jqx-icon-time,
.jqx-success .jqx-icon-time-hover,
.jqx-success .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-warning .jqx-icon-calendar,
.jqx-warning .jqx-icon-calendar-hover,
.jqx-warning .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-warning .jqx-icon-time,
.jqx-warning .jqx-icon-time-hover,
.jqx-warning .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-danger .jqx-icon-calendar,
.jqx-danger .jqx-icon-calendar-hover,
.jqx-danger .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-danger .jqx-icon-time,
.jqx-danger .jqx-icon-time-hover,
.jqx-danger .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-info .jqx-icon-calendar,
.jqx-info .jqx-icon-calendar-hover,
.jqx-info .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-info .jqx-icon-time,
.jqx-info .jqx-icon-time-hover,
.jqx-info .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-inverse .jqx-icon-calendar,
.jqx-inverse .jqx-icon-calendar-hover,
.jqx-inverse .jqx-icon-calendar-pressed {
    background-image: url('icon-calendar-white.png');
}

.jqx-inverse .jqx-icon-time,
.jqx-inverse .jqx-icon-time-hover,
.jqx-inverse .jqx-icon-time-pressed {
    background-image: url('icon-time-white.png');
}

.jqx-notification-info,
.jqx-info {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5bc0de !important;
    *background-color: #5bc0de !important;
    border-left-color: #46b8da !important;
    border-right-color: #46b8da !important;
    border-top-color: #46b8da !important;
    border-bottom-color: #46b8da !important;
}

.jqx-info:hover,
.jqx-info:focus,
.jqx-info:active,
.jqx-info.active,
.jqx-info.disabled,
.jqx-info[disabled] {
    color: #ffffff !important;
    background-color: #31b0d5 !important;
    *background-color: #31b0d5 !important;
    border-color: #269abc !important;
}

.jqx-fill-state-pressed.jqx-info,
.jqx-info:active,
.jqx-info.active {
    background-color: #269abc \9 !important;
}

.jqx-notification-warning,
.jqx-warning {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #f0ad4e !important;
    *background-color: #f0ad4e !important;
    border-left-color: #eea236 !important;
    border-right-color: #eea236 !important;
    border-top-color: #eea236 !important;
    border-bottom-color: #eea236 !important;
}

.jqx-warning:hover,
.jqx-warning:focus,
.jqx-warning:active,
.jqx-warning.active,
.jqx-warning.disabled,
.jqx-warning[disabled] {
    color: #ffffff !important;
    background-color: #ec971f !important;
    *background-color: #ec971f !important;
    border-color: #d58512 !important;
}

.jqx-fill-state-pressed.jqx-warning,
.jqx-warning:active,
.jqx-warning.active {
    background-color: #d58512 \9 !important;
    border-color: #985f0d !important;
}

.jqx-notification-success,
.jqx-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5cb85c !important;
    *background-color: #5cb85c !important;
    border-left-color: #4cae4c !important;
    border-right-color: #4cae4c !important;
    border-top-color: #4cae4c !important;
    border-bottom-color: #4cae4c !important;
}

.jqx-success:hover,
.jqx-success:focus,
.jqx-success:active,
.jqx-success.active,
.jqx-success.disabled,
.jqx-success[disabled] {
    color: #ffffff !important;
    background-color: #449d44 !important;
    *background-color: #449d44 !important;
    border-color: #398439 !important;
}

.jqx-fill-state-pressed.jqx-success,
.jqx-success:active,
.jqx-success.active {
    background-color: #398439 !important;
    border-color: #255625 !important;
}

.jqx-notification-error,
.jqx-danger {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #d9534f !important;
    *background-color: #d9534f !important;
    border-left-color: #d43f3a !important;
    border-right-color: #d43f3a !important;
    border-top-color: #d43f3a !important;
    border-bottom-color: #d43f3a !important;
}

.jqx-danger:hover,
.jqx-danger:focus,
.jqx-danger:active,
.jqx-danger.active,
.jqx-danger.disabled,
.jqx-danger[disabled] {
    color: #ffffff !important;
    background-color: #c9302c !important;
    *background-color: #c9302c !important;
    border-color: #ac2925 !important;
}

.jqx-fill-state-pressed.jqx-danger,
.jqx-danger:active,
.jqx-danger.active {
    background-color: #ac2925 !important;
    border-color: #761c19 !important;
}

.jqx-notification-mail,
.jqx-primary {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #337ab7 !important;
    *background-color: #337ab7 !important;
    border-left-color: #2e6da4 !important;
    border-right-color: #2e6da4 !important;
    border-top-color: #2e6da4 !important;
    border-bottom-color: #2e6da4 !important;
}

.jqx-primary:hover,
.jqx-primary:focus,
.jqx-primary:active,
.jqx-primary.active,
.jqx-primary.disabled,
.jqx-primary[disabled] {
    color: #ffffff !important;
    background-color: #286090 !important;
    *background-color: #286090 !important;
}

.jqx-fill-state-pressed.jqx-primary,
.jqx-primary:active,
.jqx-primary.active {
    background-color: #204d74 !important;
}

.jqx-notification-time,
.jqx-inverse {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #363636 !important;
    *background-color: #222222 !important;
    border-left-color: #222222 !important;
    border-right-color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #000000 !important;
}

.jqx-inverse:hover,
.jqx-inverse:focus,
.jqx-inverse:active,
.jqx-inverse.active,
.jqx-inverse.disabled,
.jqx-inverse[disabled] {
    color: #ffffff !important;
    background-color: #222222 !important;
    *background-color: #151515 !important;
}

.jqx-fill-state-pressed.jqx-inverse,
.jqx-inverse:active,
.jqx-inverse.active {
    background-color: #080808 !important;
    background-image: linear-gradient(to bottom, #444444, #444444) !important;
}

.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.jqx-link {
    color: #0088cc !important;
    cursor: pointer !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.jqx-link:hover,
.jqx-link:focus {
    color: #005580 !important;
    text-decoration: underline !important;
    background-color: transparent !important;
}

.jqx-link[disabled]:hover,
.jqx-link[disabled]:focus {
    color: #333333 !important;
    text-decoration: none !important;
}

.jqx-link:focus,
.jqx-inverse:focus,
.jqx-primary:focus,
.jqx-warning:focus,
.jqx-danger:focus,
.jqx-success:focus,
.jqx-info:focus,
.jqx-link:hover,
.jqx-inverse:hover,
.jqx-primary:hover,
.jqx-warning:hover,
.jqx-danger:hover,
.jqx-success:hover,
.jqx-info:hover {
    background-position: 0 -15px !important;
    transition: background-position 0.1s linear !important;
}

.jqx-link:active,
.jqx-inverse:active,
.jqx-primary:active,
.jqx-warning:active,
.jqx-danger:active,
.jqx-success:active,
.jqx-info:active {
    background-image: none !important;
    outline: 0 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.jqx-notification-icon {
    background-repeat: no-repeat;
}

.jqx-notification-icon-ltr {
    background-position: left center;
}

.jqx-notification-icon-rtl {
    background-position: right center;
}

.jqx-notification-icon-info,
.jqx-notification-icon-warning,
.jqx-notification-icon-success,
.jqx-notification-icon-error,
.jqx-notification-icon-mail,
.jqx-notification-icon-time {
    width: 30px;
    height: 25px;
}

.jqx-notification-icon-info {
    background-image: url('info.png');
}

.jqx-notification-icon-warning {
    background-image: url('warning.png');
}

.jqx-notification-icon-success {
    background-image: url('success.png');
}

.jqx-notification-icon-error {
    background-image: url('error.png');
}

.jqx-notification-icon-mail {
    background-image: url('mail.png');
}

.jqx-notification-icon-time {
    background-image: url('time.png');
}

.jqx-notification-close-button-info,
.jqx-notification-close-button-success,
.jqx-notification-close-button-mail,
.jqx-notification-close-button-time,
.jqx-notification-close-button-error {
    background-image: url('close_white.png');
}

.jqx-notification-close-button-warning {
    background-image: url('close_black.png');
}

.jqx-notification-close-button-container,
.jqx-notification-close-button {
    width: 16px;
    height: 16px;
}

.jqx-notification-close-button-container {
    vertical-align: top;
}

.jqx-notification-close-button {
    position: relative;
    top: -11px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-notification-close-button-ltr {
    right: -11px;
    background-position: right top;
}

.jqx-notification-close-button-rtl {
    left: -11px;
    background-position: left top;
}

.jqx-navbar {
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

.jqx-navbar ul:before,
.jqx-navbar ul:after {
    content: "";
    display: table;
}

.jqx-navbar ul:after {
    clear: both;
}

.jqx-navbar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
}

.jqx-navbar-block {
    margin: 0;
    overflow: hidden;
    padding: 0px 12px;
    border-width: 0px;
    float: left;
    min-height: 1px;
    box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.jqx-navbar-block-rtl {
    float: right;
}

.jqx-ribbon {
    position: relative;
    overflow: hidden;
}

.jqx-ribbon-auto {
    display: inline-block;
}

.jqx-ribbon-popup {
    overflow: visible;
}

.jqx-ribbon-header {
    position: absolute;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    display: block;
    box-shadow: none !important;
}

.jqx-ribbon-header-auto {
    position: relative;
}

.jqx-ribbon-header-horizontal {
    width: 100%;
    min-height: 30px;
    padding: 0px;
    white-space: nowrap;
}

.jqx-ribbon-header-bottom {
    bottom: 0;
}

.jqx-ribbon-header-vertical {
    min-width: 75px;
    height: 100%;
    float: left;
    padding: 0px;
}

.jqx-ribbon-header-right {
    right: 0;
}

.jqx-ribbon-header-horizontal-popup,
.jqx-ribbon-header-vertical-popup {
    position: relative;
}

.jqx-ribbon-header-horizontal-popup {
    height: 100%;
}

.jqx-ribbon-header-vertical-popup {
    width: 100%;
}

.jqx-ribbon-item {
    position: relative;
    list-style-type: none;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: default;
    min-width: 10px;
    vertical-align: top;
}

.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom {
    height: 100%;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

.jqx-ribbon-item-top {
    margin-top: 1px;
}

.jqx-ribbon-item-bottom {
    margin-top: -1px;
}

.jqx-ribbon-item-left,
.jqx-ribbon-item-right {
    width: 100%;
    margin-top: 2px;
}

.jqx-ribbon-item-left {
    margin-left: 1px;
}

.jqx-ribbon-item-right {
    margin-left: -1px;
}

.jqx-ribbon-item-hover {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-hover {
    border-bottom-color: inherit !important;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
    border-top-color: inherit !important;
}

.jqx-ribbon-item-left.jqx-ribbon-item-hover {
    border-right-color: inherit !important;
}

.jqx-ribbon-item-right.jqx-ribbon-item-hover {
    border-left-color: inherit !important;
}

.jqx-ribbon-item-selected {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-selected {
    border-bottom-color: transparent;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
    border-top-color: transparent;
}

.jqx-ribbon-item-left.jqx-ribbon-item-selected {
    border-right-color: transparent;
}

.jqx-ribbon-item-right.jqx-ribbon-item-selected {
    border-left-color: transparent;
}

.jqx-ribbon-content {
    background-image: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
}

.jqx-ribbon-content-horizontal {
    clear: both;
    height: 100%;
}

.jqx-ribbon-content-vertical {
    height: 100%;
    width: 100%;
    float: left;
    border-width: 1px;
}

.jqx-ribbon-content-popup {
    z-index: 99999;
    position: absolute;
    border-left: none;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
    width: 100%;
    height: auto;
}

.jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
    width: auto;
    height: 100%;
}

.jqx-ribbon-content-popup-top {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-bottom {
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-left {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-right {
    box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-auto-width {
    width: auto;
}

.jqx-ribbon-content-section {
    width: 100%;
    height: 100%;
    display: none;
    border-width: 1px;
    border-style: solid;
    box-sizing: inherit;
    overflow: auto;
}

.jqx-ribbon-content-section-top {
    border-top: none;
}

.jqx-ribbon-content-section-bottom {
    bottom: 0;
    border-bottom: none;
}

.jqx-ribbon-content-section-left {
    border-left: none;
}

.jqx-ribbon-content-section-right {
    border-right: none;
    right: 0;
}

.jqx-ribbon-content-section-popup {
    position: relative;
}

.jqx-ribbon-content-section-horizontal-popup {
    height: auto;
}

.jqx-ribbon-content-section-vertical-popup {
    width: auto;
}

.jqx-ribbon-header-rtl {
    text-align: right;
}

.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
    direction: rtl;
}

.jqx-ribbon-item-rtl {
    direction: rtl;
}

.jqx-ribbon-scrollbutton {
    position: absolute;
    display: none;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0;
}

.jqx-ribbon-scrollbutton-top,
.jqx-ribbon-scrollbutton-bottom {
    width: 17px;
}

.jqx-ribbon-scrollbutton-left,
.jqx-ribbon-scrollbutton-right {
    height: 17px;
}

.jqx-ribbon-scrollbutton-top {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-bottom {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-right {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    right: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    left: 18px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    bottom: 18px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near,
.jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    top: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-ribbon-selection-token {
    position: absolute;
    z-index: 0;
}

.jqx-ribbon-selection-token-top,
.jqx-ribbon-selection-token-bottom {
    height: 1px;
}

.jqx-ribbon-selection-token-left,
.jqx-ribbon-selection-token-right {
    width: 1px;
}

.jqx-ribbon-auto,
.jqx-ribbon-item-top,
.jqx-ribbon-item-bottom,
.jqx-ribbon-content {
    *display: inline;
}

.jqx-ribbon-content-left {
    *float: none;
}

.jqx-ribbon-content-right {
    *float: left;
}

.jqx-ribbon-content.jqx-ribbon-content-popup {
    *left: 0;
}

.jqx-ribbon-content-popup .jqx-ribbon-content-section {
    *overflow: visible;
}

.jqx-ribbon-content-section-popup {
    *position: absolute;
}

.jqx-toolbar,
.jqx-toolbar-minimized-popup-separator {
    box-sizing: border-box;
}

.jqx-toolbar,
.jqx-toolbar-minimized-popup {
    padding: 5px;
}

.jqx-toolbar {
    position: relative;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.jqx-toolbar-tool {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.jqx-toolbar-tool-rtl {
    float: right;
}

.jqx-toolbar-tool-no-separator-ltr {
    margin-right: 2px !important;
}

.jqx-toolbar-tool-no-separator-rtl {
    margin-left: 2px !important;
}

.jqx-toolbar-tool-separator-ltr {
    margin-right: 6px !important;
}

.jqx-toolbar-tool-separator-rtl {
    margin-left: 6px !important;
}

.jqx-toolbar-tool-inner-button {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 !important;
}

.jqx-toolbar-minimized-button,
.jqx-toolbar-minimized-popup {
    position: absolute;
}

.jqx-toolbar-minimized-button {
    height: 100%;
    right: 0;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    display: none;
}

.jqx-toolbar-minimized-button-rtl {
    left: 0;
    margin-left: 5px;
    margin-right: 0;
}

.jqx-toolbar-minimized-popup {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    visibility: hidden;
    z-index: 1000;
}

.jqx-toolbar-tool-minimized {
    margin: 1px 0 !important;
}

.jqx-toolbar-minimized-popup-separator {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    display: none;
}

.jqx-complex-input-spin-buttons-container {
    border-width: 1px;
    border-style: solid;
    position: relative;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    white-space: nowrap;
    vertical-align: middle;
}

.jqx-formatted-input,
.jqx-complex-input {
    padding-right: 2px !important;
    text-align: right;
}

.jqx-formatted-input-lower-case,
.jqx-complex-input {
    text-transform: lowercase;
}

.jqx-formatted-input-upper-case {
    text-transform: uppercase;
}

.jqx-formatted-input-item {
    word-wrap: break-word;
}

.jqx-formatted-input-item-rtl,
.jqx-complex-input-rtl {
    direction: rtl !important;
}

.jqx-formatted-input-spin-buttons-container,
.jqx-formatted-input-addon {
    height: 100%;
}

.jqx-formatted-input-spin-buttons-container {
    width: 18px;
    padding: 0 0 0 1px !important;
    overflow: hidden;
}

.jqx-formatted-input-spin-buttons-container-rtl {
    border-right-width: 0px;
    padding: 0 0 0 2px !important;
}

.jqx-formatted-input-spin-buttons-container-rtl-border {
    border-left-width: 1px !important;
}

.jqx-formatted-input-spin-button {
    position: relative;
    width: 17px;
    height: 50%;
    margin-left: -1px;
    border-width: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}

.jqx-formatted-input-addon {
    width: 19px;
    padding: 0 !important;
    cursor: pointer;
}

.jqx-formatted-input-addon-rtl {
    border-right-width: 1px !important;
}

.jqx-complex-input-parent {
    overflow: hidden;
}

.jqx-complex-input-child {
    height: 100%;
    float: left;
    box-sizing: border-box;
}

.jqx-complex-input-child-rtl {
    float: right;
}

.jqx-complex-input-spin-buttons-container-ltr {
    border-left-width: 0;
}

.jqx-complex-input-spin-buttons-container-rtl {
    border-left-width: 1px !important;
    border-right-width: 0;
}

.jqx-file-upload {
    position: relative;
    overflow: auto;
}

.jqx-file-upload,
.jqx-file-upload-file-row,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}

.jqx-file-upload-buttons-container,
.jqx-file-upload-iframe,
.jqx-file-upload-loading-element {
    display: none;
}

.jqx-file-upload-file-input-ie9,
.jqx-file-upload-buttons-container,
.jqx-file-upload-file-row,
.jqx-file-upload-icon {
    width: 100%;
}

.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-icon,
.jqx-file-upload-loading-element {
    height: 100%;
}

.jqx-file-input-iframe,
.jqx-file-upload-form-ie9 {
    position: absolute;
}

.jqx-file-input-iframe {
    width: 0;
    height: 0;
    border: none;
}

.jqx-file-upload-form,
.jqx-file-upload-file-input {
    visibility: hidden;
    display: none;
}

.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9 {
    display: block;
    visibility: visible;
}

.jqx-file-upload-form-ie9 {
    z-index: 10000;
    opacity: 0;
    filter: alpha(opacity=0);
}

.jqx-file-upload-file-name {
    width: auto;
    padding: 0 2px 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *float: left;
}

.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
    float: right;
}

.jqx-file-upload,
.jqx-file-upload-file-row {
    padding: 5px;
}

.jqx-file-upload-button-browse {
    display: block;
}

.jqx-file-upload-buttons-container {
    height: auto;
    margin-top: 10px;
}

.jqx-file-upload-button-browse-rtl,
.jqx-file-upload-button-upload-rtl,
.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-file-name-rtl,
.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl {
    direction: rtl !important;
}

.jqx-file-upload-button-cancel,
.jqx-file-upload-button-upload-rtl {
    margin-left: 5px;
}

.jqx-file-upload-button-upload-rtl-ie {
    margin-right: 5px;
}

.jqx-file-upload-button-cancel-rtl,
.jqx-file-upload-button-upload-rtl-ie {
    margin-left: 0;
}

.jqx-file-upload-file-row {
    height: 30px;
    margin-bottom: 3px;
    clear: both;
}

.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload,
.jqx-file-upload-loading-element {
    width: 17px;
    margin: 0 1px 0 1px;
}

.jqx-file-upload-file-cancel-rtl,
.jqx-file-upload-file-upload-rtl,
.jqx-file-upload-loading-element-rtl {
    float: none;
    *float: left;
}

.jqx-file-upload-button-browse,
.jqx-file-upload-button-upload,
.jqx-file-upload-button-cancel,
.jqx-file-upload-form-ie9,
.jqx-file-upload-file-input-ie9,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    cursor: pointer;
    white-space: nowrap;
}

.jqx-file-upload-file-name,
.jqx-file-upload-file-cancel,
.jqx-file-upload-file-upload {
    display: inline-block;
}

.jqx-file-upload-icon-upload,
.jqx-file-upload-loading-element {
    margin-top: 1px;
}

.jqx-file-upload-loading-element {
    background-image: url('loader-small.gif');
    background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
    margin-top: 0px;
}

.jqx-text-area-element {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    position: absolute;
    resize: none;
}

.jqx-text-area-element-rtl {
    direction: rtl !important;
}

.jqx-responsive-panel {
    overflow: auto;
}

.jqx-responsive-panel {
    border-width: 0px;
}

.jqx-responsive-panel-button {
    border-width: 1px;
    border-style: solid;
}

.jqx-responsive-panel-button {
    display: none;
    cursor: pointer;
}

.jqx-responsive-panel-button-inner {
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

.jqx-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 999;
    border-style: solid;
    border-width: 1px;
}

.jqx-loader-ie-transparency {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)";
    /*For IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff);
    /*For IE 7*/
}

.jqx-loader-modal {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: default;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
}

.jqx-loader-icon {
    background-image: url('loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}

.jqx-loader-text {
    z-index: 999;
    position: relative;
}

.jqx-loader-text-left {
    margin-left: 5px;
    position: absolute;
    top: 50%;
}

.jqx-loader-text-right {
    margin-right: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
}

.jqx-loader-text-top {
    text-align: center;
    margin-top: 5px;
}

.jqx-loader-text-bottom {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
}

.jqx-loader-rtl {
    direction: rtl;
}

/* jqxLayout and jqxDockingLayout */

.jqx-layout,
.jqx-layout-group-root,
.jqx-layout-pseudo-window-header,
.jqx-docking-layout-overlay-inner-square-content {
    position: relative;
}

.jqx-layout-pseudo-window-pin-background,
.jqx-layout-pseudo-window-close-background,
.jqx-layout-resize-feedback,
.jqx-layout-overlay,
.jqx-docking-layout-overlay,
.jqx-docking-layout-overlay-highlight-right,
.jqx-docking-layout-overlay-highlight-bottom,
.jqx-docking-layout-overlay-square-edge,
.jqx-docking-layout-drop-overlay {
    position: absolute;
}

.jqx-layout {
    background-color: #c5c5c5;
}

.jqx-layout-group-root,
.jqx-layout-pseudo-window-pin-icon,
.jqx-layout-pseudo-window-pinned-icon,
.jqx-layout-pseudo-window-close-icon,
.jqx-layout-overlay {
    width: 100%;
    height: 100%;
}

.jqx-layout-group-default-horizontal>div,
.jqx-layout-pseudo-window-title-ltr,
.jqx-docking-layout-overlay-square,
.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
    float: left;
}

.jqx-layout-group-tabbed {
    position: static;
    box-sizing: border-box;
    min-height: 0 !important;
}

.jqx-layout-group-tabbed .jqx-window-content,
.jqx-docking-layout-group-floating .jqx-window-content {
    padding: 0;
}

.jqx-layout-group-tabbed .jqx-ribbon-content-section,
.jqx-layout-window,
.jqx-docking-layout-group-floating .jqx-ribbon-content-section {
    border: none;
}

.jqx-layout-window {
    position: static;
}

.jqx-layout-group-auto-hide-content-vertical,
.jqx-layout-group-auto-hide-content-horizontal {
    overflow: auto;
}

.jqx-layout-group-auto-hide-content-vertical {
    width: 150px;
}

.jqx-layout-group-auto-hide-content-horizontal {
    width: 100%;
    height: 150px;
}

.jqx-layout-pseudo-window {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: none !important;
}

.jqx-layout-pseudo-window-header,
.jqx-layout-pseudo-window-content {
    width: 100%;
    box-sizing: border-box;
}

.jqx-layout-pseudo-window-header {
    height: 30px;
}

.jqx-layout-pseudo-window-pin-background,
.jqx-layout-pseudo-window-close-background {
    width: 16px;
    height: 16px;
    top: 5px;
}

.jqx-layout-pseudo-window-pin-background-ltr {
    right: 15px;
}

.jqx-layout-pseudo-window-close-background-ltr {
    right: 0;
}

.jqx-layout-pseudo-window-pin-background-rtl {
    left: 15px;
}

.jqx-layout-pseudo-window-close-background-rtl {
    left: 0;
}

.jqx-layout-pseudo-window-pin-icon,
.jqx-layout-pseudo-window-pinned-icon,
.jqx-layout-pseudo-window-close-icon {
    cursor: pointer;
}

.jqx-layout-pseudo-window-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-layout-pseudo-window-pin-icon {
    background-image: url('pin.png');
}

.jqx-layout-pseudo-window-pinned-icon {
    background-image: url('pinned.png');
}

.jqx-layout-pseudo-window-title-rtl {
    float: right;
}

.jqx-layout-resize-feedback {
    z-index: 9999;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    display: none;
}

.jqx-layout-resize-feedback-horizontal {
    width: 100%;
    height: 4px;
    cursor: row-resize;
}

.jqx-layout-resize-feedback-vertical {
    width: 4px;
    height: 100%;
    cursor: col-resize;
}

.jqx-layout-resize-feedback-warning {
    border-color: #800000 !important;
    background-color: Red !important;
}

.jqx-layout-overlay {
    top: 0;
    left: 0;
    display: none;
    background-color: transparent;
    z-index: 8999;
    pointer-events: none;
}

.jqx-layout-ribbon-header-ltr {
    padding-left: 20px;
}

.jqx-layout-ribbon-header-rtl {
    padding-right: 20px;
}

/* jqxDockingLayout-specific */

.jqx-docking-layout-group-floating {
    border-color: #FFD280 !important;
}

.jqx-docking-layout-group-floating .jqx-window-header {
    border-color: #FFD280;
    background-color: #FFD280 !important;
    background: linear-gradient(#FFE4B5, #FFD280) !important;
}

.jqx-docking-layout-overlay,
.jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.jqx-docking-layout-overlay-square-edge {
    display: none;
}

.jqx-docking-layout-overlay {
    width: 100px;
    height: 100px;
    left: 100px;
    top: 70px;
}

.jqx-docking-layout-overlay-section {
    height: 33px;
    width: 100px;
}

.jqx-docking-layout-overlay-square {
    width: 26px;
    height: 26px;
    padding: 3px;
}

.jqx-docking-layout-overlay-square-invisible {
    background-color: transparent !important;
    background-image: none !important;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-center,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-highlight-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-highlight-right {
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-docking-layout-overlay-square-top,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-highlight-left {
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-docking-layout-overlay-square-left,
.jqx-docking-layout-overlay-square-center,
.jqx-docking-layout-overlay-square-right,
.jqx-docking-layout-overlay-square-bottom,
.jqx-docking-layout-overlay-inner-square-header,
.jqx-docking-layout-overlay-highlight-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-docking-layout-overlay-square-center {
    border-color: transparent !important;
}

.jqx-docking-layout-overlay-inner-square,
.jqx-docking-layout-overlay-inner-square-header,
.jqx-docking-layout-overlay-inner-square-content,
.jqx-docking-layout-overlay-highlight-top,
.jqx-docking-layout-overlay-highlight-bottom,
.jqx-docking-layout-overlay-mini-window-edge-vertical {
    width: 24px;
}

.jqx-docking-layout-overlay-inner-square {
    border-width: 1px;
    border-style: solid;
    height: 24px;
}

.jqx-docking-layout-overlay-inner-square-header {
    height: 5px;
}

.jqx-docking-layout-overlay-inner-square-content {
    height: 18px;
}

.jqx-docking-layout-overlay-highlight {}

.jqx-docking-layout-overlay-highlight-top {
    height: 9px;
    border-bottom-style: dashed;
}

.jqx-docking-layout-overlay-highlight-left,
.jqx-docking-layout-overlay-highlight-right {
    width: 12px;
    height: 18px;
}

.jqx-docking-layout-overlay-highlight-left {
    border-right-style: dashed;
}

.jqx-docking-layout-overlay-highlight-right {
    right: 0;
    border-left-style: dashed;
}

.jqx-docking-layout-overlay-highlight-bottom {
    bottom: 0;
    height: 9px;
    border-top-style: dashed;
}

.jqx-docking-layout-drop-overlay {
    display: none;
    background-color: #6495ED;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10000;
    top: 0px;
    left: 0px;
}

.jqx-docking-layout-square-disabled {
    visibility: hidden;
}

.jqx-docking-layout-overlay-square-edge,
.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-mini-window-edge-vertical {
    border-style: solid;
    border-width: 1px;
}

.jqx-docking-layout-overlay-inner-square-edge {
    width: 26px;
    height: 26px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal {
    height: 24px;
}

.jqx-docking-layout-overlay-mini-window-edge-vertical {
    height: 13px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal,
.jqx-docking-layout-overlay-inner-square-header-horizontal,
.jqx-docking-layout-overlay-inner-square-content-horizontal {
    width: 13px;
}

.jqx-docking-layout-overlay-inner-square-content-vertical {
    height: 7px;
}

.jqx-docking-layout-overlay-square-edge-arrow {
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: block;
    background: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-top {
    border-top-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-bottom-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-left-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-right,
.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-right-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left,
.jqx-docking-layout-overlay-square-edge-arrow-right {
    margin-top: 8px;
}

.jqx-docking-layout-overlay-square-edge-arrow-top,
.jqx-docking-layout-overlay-square-edge-arrow-bottom {
    margin-left: 8px;
}

.jqx-tag-cloud ul {
    padding-left: 5px;
}

.jqx-tag-cloud-item {
    padding: 3px;
    display: inline-block;
}

.jqx-tag-cloud-item a {
    text-decoration: initial;
}

.jqx-tag-cloud-item a:hover {
    text-decoration: underline;
}

.jqx-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.jqx-popover-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jqx-popover-close-button {
    width: 16px;
    height: 16px;
    float: right;
}

.jqx-popover-close-button-rtl {
    float: left;
}

.jqx-popover.top {
    margin-top: -10px;
}

.jqx-popover.right {
    margin-left: 10px;
}

.jqx-popover.bottom {
    margin-top: 10px;
}

.jqx-popover.left {
    margin-left: -10px;
}

.jqx-popover-title {
    padding: 8px 14px;
    margin: 0;
    border-bottom: 1px solid inherit;
    border-radius: 3px 3px 0 0;
}

.jqx-popover-title:empty {
    display: none;
}

.jqx-popover-content {
    padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
    border-width: 11px;
}

.jqx-popover .jqx-popover-arrow:after {
    border-width: 10px;
    content: "";
}

.jqx-popover.top .jqx-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: inherit;
    border-bottom-width: 0;
}

.jqx-popover.top .jqx-popover-arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #ffffff;
    border-bottom-width: 0;
}

.jqx-popover.right .jqx-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: inherit;
    border-left-width: 0;
}

.jqx-popover.right .jqx-popover-arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: inherit;
    border-top-width: 0;
}

.jqx-popover.bottom .jqx-popover-arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #ffffff;
    border-top-width: 0;
}

.jqx-popover.left .jqx-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: inherit;
}

.jqx-popover.left .jqx-popover-arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #ffffff;
    border-right-width: 0;
}

.jqx-kanban-full-frame {
    width: 100vw;
    height: 100vh;
}

.jqx-kanban-in-frame {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.jqx-kanban-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-kanban-column {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
}

.jqx-kanban-column-collapsed {
    width: 50px;
}

.jqx-kanban-column-first {
    border-width: 1px;
}

.jqx-kanban-column:first-of-type {
    border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
    /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed {
    /*vertical column invisible*/
    display: none;
    box-sizing: border-box;
    height: 0px;
    width: 0px;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show {
    /*vertical column visible*/
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-vertical-container {
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
    padding-top: 0px;
    padding-left: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title,
.jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
    position: relative;
}

.jqx-kanban-column-hide {
    /*colapsed*/
    display: none !important;
}

.jqx-kanban-column-header {
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.jqx-kanban-column-header-button {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header .jqx-window-collapse-button {
    margin-top: 1px !important;
}

.jqx-kanban-column-header-custom-button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header-custom-button-rtl {
    left: 20px;
}

.jqx-kanban-column-header-button-rtl {
    left: 0px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
    top: 100%;
    right: 50%;
    margin-top: -21px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
    top: 100%;
    right: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-container {
    margin: 1px;
    overflow-y: auto;
}

.jqx-kanban-item-placeholder {
    height: 100px;
    border: gray dotted 1px;
    border-radius: 3px;
    margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    position: relative;
    box-shadow: #ddd 2px 2px 3px;
    cursor: pointer;
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-kanban-item-selected {}

.jqx-kanban-item-color-status {
    background-color: #6bbd49;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.jqx-kanban-item-color-status-rtl {
    right: 0px;
    left: 100%;
}

.jqx-kanban-item-text {
    padding-left: 6px;
    padding-right: 23px;
    font-size: 14px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-kanban-rtl .jqx-kanban-item-text {
    padding-right: 6px;
    padding-left: 23px;
}

.jqx-kanban-column-header-title {}

.jqx-kanban-column-header-status {}

.jqx-kanban-item-content {}

.jqx-kanban-item-avatar {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #eee;
    text-align: center;
    overflow: hidden;
}

.jqx-kanban-item-avatar-rtl {
    left: 3px;
}

.jqx-kanban-item-avatar-image {
    width: 20px;
    height: 20px;
}

.jqx-kanban-item-avatar-image:hover {}

.jqx-kanban-item-footer {
    border-top: 1px solid transparent;
    border-color: inherit;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
}

.jqx-kanban-item-keyword {
    float: left;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-color: inherit;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
    direction: rtl;
    text-align: right;
    float: right;
}

.jqx-kanban-item-keyword:hover {}

.jqx-kanban-item-avatar {
    height: 20px;
}

.jqx-kanban-handle {
    cursor: move;
}

.jqx-kanban-clearing {
    clear: both;
}

.jqx-sortable {
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
    position: absolute;
    left: 20px;
    top: 20px;
    display: none;
    padding: 6px 12px;
    border: black solid 1px;
    background-color: white;
    color: #333333;
    font-size: 11px;
    font-weight: 100;
    font-family: Verdana;
    border: black solid 1px;
    border-radius: 3px;
    opacity: 1;
    white-space: nowrap;
    z-index: 5;
}

.jqx-bar-gauge-measure-text {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    z-index: -99999;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.jqx-scrollbar-mobile {
    background: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
    background: transparent !important;
    border-color: transparent !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal,
.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    background: #808080 !important;
    border-color: #808080 !important;
    border-width: 1px;
    z-index: 99999;
    border-radius: 0px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
    width: 4px !important;
}

.jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
    height: 4px !important;
}

.jqx-primary .jqx-icon-arrow-down,
.jqx-warning .jqx-icon-arrow-down,
.jqx-danger .jqx-icon-arrow-down,
.jqx-success .jqx-icon-arrow-down,
.jqx-info .jqx-icon-arrow-down {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-selected,
.jqx-warning .jqx-icon-arrow-down-selected,
.jqx-danger .jqx-icon-arrow-down-selected,
.jqx-success .jqx-icon-arrow-down-selected,
.jqx-info .jqx-icon-arrow-down-selected {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-hover,
.jqx-warning .jqx-icon-arrow-down-hover,
.jqx-danger .jqx-icon-arrow-down-hover,
.jqx-success .jqx-icon-arrow-down-hover,
.jqx-info .jqx-icon-arrow-down-hover {
    background-image: url('icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-up,
.jqx-warning .jqx-icon-arrow-up,
.jqx-danger .jqx-icon-arrow-up,
.jqx-success .jqx-icon-arrow-up,
.jqx-info .jqx-icon-arrow-up {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-selected,
.jqx-warning .jqx-icon-arrow-up-selected,
.jqx-danger .jqx-icon-arrow-up-selected,
.jqx-success .jqx-icon-arrow-up-selected,
.jqx-info .jqx-icon-arrow-up-selected {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-hover,
.jqx-warning .jqx-icon-arrow-up-hover,
.jqx-danger .jqx-icon-arrow-up-hover,
.jqx-success .jqx-icon-arrow-up-hover,
.jqx-info .jqx-icon-arrow-up-hover {
    background-image: url('icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-right,
.jqx-warning .jqx-icon-arrow-right,
.jqx-danger .jqx-icon-arrow-right,
.jqx-success .jqx-icon-arrow-right,
.jqx-info .jqx-icon-arrow-right {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-selected,
.jqx-warning .jqx-icon-arrow-right-selected,
.jqx-danger .jqx-icon-arrow-right-selected,
.jqx-success .jqx-icon-arrow-right-selected,
.jqx-info .jqx-icon-arrow-right-selected {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-hover,
.jqx-warning .jqx-icon-arrow-right-hover,
.jqx-danger .jqx-icon-arrow-right-hover,
.jqx-success .jqx-icon-arrow-right-hover,
.jqx-info .jqx-icon-arrow-right-hover {
    background-image: url('icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-left,
.jqx-warning .jqx-icon-arrow-left,
.jqx-danger .jqx-icon-arrow-left,
.jqx-success .jqx-icon-arrow-left,
.jqx-info .jqx-icon-arrow-left {
    background-image: url('icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-selected,
.jqx-warning .jqx-icon-arrow-left-selected,
.jqx-danger .jqx-icon-arrow-left-selected,
.jqx-success .jqx-icon-arrow-left-selected,
.jqx-info .jqx-icon-arrow-left-selected {
    background-image: url('icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-hover,
.jqx-warning .jqx-icon-arrow-left-hover,
.jqx-danger .jqx-icon-arrow-left-hover,
.jqx-success .jqx-icon-arrow-left-hover,
.jqx-info .jqx-icon-arrow-left-hover {
    background-image: url('icon-left-white.png');
}

.jqx-primary-item .jqx-listitem-state-hover,
.jqx-primary-item .jqx-menu-item-hover,
.jqx-primary-item .jqx-tree-item-hover,
.jqx-primary-item .jqx-calendar-cell-hover,
.jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-primary-item .jqx-listitem-state-selected,
.jqx-primary-item .jqx-menu-item-selected,
.jqx-primary-item .jqx-tree-item-selected,
.jqx-primary-item .jqx-calendar-cell-selected,
.jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected,
.jqx-primary-item .jqx-grid-selectionarea,
.jqx-primary-item .jqx-input-button-header,
.jqx-primary-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-hover,
.jqx-warning-item .jqx-menu-item-hover,
.jqx-warning-item .jqx-tree-item-hover,
.jqx-warning-item .jqx-calendar-cell-hover,
.jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-selected,
.jqx-warning-item .jqx-menu-item-selected,
.jqx-warning-item .jqx-tree-item-selected,
.jqx-warning-item .jqx-calendar-cell-selected,
.jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected,
.jqx-warning-item .jqx-grid-selectionarea,
.jqx-warning-item .jqx-input-button-header,
.jqx-warning-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-hover,
.jqx-danger-item .jqx-menu-item-hover,
.jqx-danger-item .jqx-tree-item-hover,
.jqx-danger-item .jqx-calendar-cell-hover,
.jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-selected,
.jqx-danger-item .jqx-menu-item-selected,
.jqx-danger-item .jqx-tree-item-selected,
.jqx-danger-item .jqx-calendar-cell-selected,
.jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected,
.jqx-danger-item .jqx-grid-selectionarea,
.jqx-danger-item .jqx-input-button-header,
.jqx-danger-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-hover,
.jqx-success-item .jqx-menu-item-hover,
.jqx-success-item .jqx-tree-item-hover,
.jqx-success-item .jqx-calendar-cell-hover,
.jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-selected,
.jqx-success-item .jqx-menu-item-selected,
.jqx-success-item .jqx-tree-item-selected,
.jqx-success-item .jqx-calendar-cell-selected,
.jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected,
.jqx-success-item .jqx-grid-selectionarea,
.jqx-success-item .jqx-input-button-header,
.jqx-success-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-hover,
.jqx-info-item .jqx-menu-item-hover,
.jqx-info-item .jqx-tree-item-hover,
.jqx-info-item .jqx-calendar-cell-hover,
.jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-selected,
.jqx-info-item .jqx-menu-item-selected,
.jqx-info-item .jqx-tree-item-selected,
.jqx-info-item .jqx-calendar-cell-selected,
.jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected,
.jqx-info-item .jqx-grid-selectionarea,
.jqx-info-item .jqx-input-button-header,
.jqx-info-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-hover,
.jqx-inverse-item .jqx-menu-item-hover,
.jqx-inverse-item .jqx-tree-item-hover,
.jqx-inverse-item .jqx-calendar-cell-hover,
.jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-selected,
.jqx-inverse-item .jqx-menu-item-selected,
.jqx-inverse-item .jqx-tree-item-selected,
.jqx-inverse-item .jqx-calendar-cell-selected,
.jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected,
.jqx-inverse-item .jqx-grid-selectionarea,
.jqx-inverse-item .jqx-input-button-header,
.jqx-inverse-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-element {
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    box-sizing: border-box;
}

.jqx-element-no-border {
    border-width: 0px;
}

.jqx-element-container {}

.jqx-resize-trigger,
.jqx-resize-trigger-shrink {
    position: absolute;
    left: 0;
    top: 0;
    transition: 0s;
}

.jqx-resize-trigger-shrink {
    width: 200%;
    height: 200%;
}

.jqx-resize-trigger-container {
    display: block;
    visibility: hidden;
    position: relative;
    top: -100%;
    left: 0;
    min-height: 0.1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
}

/* jqxPivotGrid */

.jqx-pivotgrid {
    background-color: #DEDEDE;
}

.jqx-pivotgrid-item {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    text-overflow: ellipsis;
}

.jqx-pivotgrid-content-wrapper {
    align: left;
    valign: top;
    overflow: hidden;
    border: solid 1px grey;
}

.jqx-pivotgrid-menu-button {
    border: none;
    background-image: url('icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-pivotgrid-expand-button {
    outline: none;
    background-image: url('icon_expand.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-collapse-button {
    outline: none;
    background-image: url('icon_collapse.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-sortasc-icon {
    background-image: url('icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortdesc-icon {
    background-image: url('icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortremove-icon {
    background-image: url('icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-settings-icon {
    background-image: url('icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

jqx-bullet-chart {
    width: 800px;
    height: 80px;
}

jqx-scroll-view {
    width: 600px;
}

jqx-bar-gauge,
jqx-draw {
    width: 850px;
    height: 600px;
}

jqx-menu {
    width: 600px;
}

jqx-data-table,
jqx-pivotgrid,
jqx-grid,
jqx-scheduler,
jqx-tree-grid,
jqx-docking-layout,
jqx-layout,
jqx-tree-map,
jqx-splitter,
jqx-kanban {
    width: 850px;
}

jqx-nav-bar {
    height: 50px;
}

jqx-chart {
    width: 850px;
    height: 400px;
}

jqx-docking-layout,
jqx-layout {
    width: 850px;
    height: 600px;
}

jqx-ribbon,
jqx-panel {
    width: 450px;
    height: 300px;
}

jqx-scheduler {
    height: 600px;
}

jqx-list-box,
jqx-text-area {
    width: 200px;
    height: 200px;
}

jqx-file-upload {
    width: 300px;
}

jqx-complex-input,
jqx-formatted-input,
jqx-password-input,
jqx-input,
jqx-number-input,
jqx-slider,
jqx-masked-input,
jqx-drop-down-list,
jqx-combo-box,
jqx-date-time-input,
jqx-drop-down-button {
    width: 300px;
    height: 35px;
}

jqx-loader {
    width: 100px !important;
    height: 60px !important;
}

jqx-expander,
jqx-navigation-bar {
    width: 350px;
}

jqx-navigation-bar {
    height: 450px;
}

jqx-range-selector {
    width: 600px;
}

jqx-tabs {
    width: 800px;
}

jqx-tool-bar {
    width: 800px;
    height: 35px;
}

jqx-editor {
    width: 600px;
    height: 400px;
}

jqx-tree-map {
    width: 850px;
    height: 600px;
}

jqx-tree {
    width: 250px;
}

jqx-linear-gauge {
    width: 100px;
}

jqx-color-picker,
jqx-calendar {
    width: 200px;
    height: 200px;
}

jqx-scroll-bar {
    width: 400px;
    height: 20px;
}

jqx-knob {
    width: 600px;
    height: 600px;
}

.jqx-input-label {
    visibility: hidden;
    position: absolute;
}

.jqx-input-bar {
    visibility: hidden;
    position: absolute;
}

.jqx-info-icon {
    background-image: url('icon-info-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
}

.jqx-labels-and-palette {
    display: flex;
}

.jqx-shades {
    width: 560px;
    padding-left: 100px;
}

.jqx-palette>ul,
.jqx-shades>ul,
.jqx-color-labels>ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.jqx-color-labels>ul {
    flex-direction: column;
}

.jqx-color-cell {
    width: 39px;
    height: 39px;
    margin: 0.5px;
    cursor: pointer;
}

.jqx-color-cell:hover {
    border-radius: 8px;
}

.jqx-shade-cell {
    width: 38px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 1px 5px 1px;
    text-align: center;
}

.jqx-color-label {
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
}

.jqx-heatmap-container-wrapper {
    display: flex;
}

.jqx-heatmap-container-wrapper canvas {
    display: block;
}

.jqx-heatmap-title {
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
}

.jqx-heatmap-grid {
    display: flex;
    cursor: default;
}

.jqx-x-axis-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.jqx-y-axis-container {
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
}

.jqx-column {
    display: flex;
    flex-direction: column-reverse;
}

.jqx-x-axis {
    display: flex;
}

.jqx-x-axis-label {
    padding-top: 10px;
    font-size: 14px;
    color: gray;
    text-align: center;
}

.jqx-x-axis-label.jqx-top {
    padding: 0 0 10px 0;
}

.jqx-y-axis {
    display: flex;
    flex-direction: column-reverse;
}

.jqx-y-axis.jqx-margin-top-auto {
    margin-top: auto;
}

.jqx-y-axis-label {
    display: flex;
    align-items: center;
    color: gray;
    padding-right: 10px;
}

.jqx-y-axis-label.jqx-right {
    padding: 0 0 0 10px;
}

.jqx-heatmap-cell {
    position: relative;
    padding: 20px 10px;
    margin: 1px;
    text-align: center;
}

.jqx-heatmap-cell.jqx-empty-cell {
    pointer-events: none;
}

.jqx-heatmap-tooltip {
    display: inline-block;
    position: absolute;
    background: #000;
    color: #fff;
    opacity: 0.6;
    padding: 10px;
    pointer-events: none;
    border-radius: 3px;
    transition: top 0.7s ease, left 0.7s ease;
    box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75);
}

.jqx-heatmap-tooltip::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
}

.jqx-legend-vertical {
    position: relative;
    margin-left: 10px;
}

.jqx-legend-vertical.jqx-left {
    margin: 0 10px 0 0;
}

.jqx-legend-vertical.jqx-margin-top-auto {
    margin-top: auto;
}

.jqx-legend-horizontal {
    position: relative;
    margin-left: auto;
    margin-bottom: 40px;
}

.jqx-legend-horizontal.jqx-bottom {
    margin-top: 10px;
    margin-bottom: 30px;
}

.jqx-legend-horizontal.jqx-margin-right-auto {
    margin-right: auto;
    margin-left: 0;
}

.jqx-palette-vertical {
    width: 10px;
    height: 100%;
}

.jqx-palette-horizontal {
    width: 100%;
    height: 10px;
}

.jqx-palette-horizontal.jqx-fixed {
    display: flex;
}

.jqx-color-container,
.jqx-color-container-tick {
    cursor: pointer;
}

.jqx-opacity-50 {
    opacity: 0.5;
}

.jqx-selected-color {
    background: #d3d3d3 !important;
}

.jqx-heatmap-hidden {
    visibility: hidden;
}

.jqx-tick-vertical {
    position: absolute;
    left: 15px;
}

.jqx-tick-vertical::before {
    content: '';
    width: 10px;
    background: #fff;
    height: 1px;
    position: absolute;
    top: 6px;
    left: -15px;
}

.jqx-tick-vertical.jqx-no-line::before,
.jqx-tick-horizontal.jqx-no-line::before {
    content: none;
}

.jqx-tick-horizontal {
    position: absolute;
    top: 20px;
}

.jqx-tick-horizontal::before {
    content: '';
    width: 10px;
    background: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 6px;
}

.jqx-arrow-vertical {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid gray;
    position: absolute;
    left: -8px;
    display: none;
}

.jqx-arrow-horizontal {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid gray;
    position: absolute;
    top: 11px;
    left: -6px;
    display: none;
}

/*jqxTimePicker Style*/

.jqx-time-picker {
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 1px;
    font-family: Verdana;
    font-size: 12px;
    line-height: initial;
    touch-action: none;
    min-width: 250px;
    box-sizing: border-box;
}

.jqx-time-picker * {
    box-sizing: border-box;
}

.jqx-time-picker[view="landscape"] {
    min-width: 400px;
}

.jqx-time-picker>.jqx-container {
    width: 100%;
    height: 100%;
}

.jqx-time-picker[view="landscape"]>.jqx-container,
.jqx-time-picker .jqx-header,
.jqx-time-picker .jqx-svg-container,
.jqx-time-picker .jqx-hour-minute-container {
    display: flex;
}

.jqx-time-picker .jqx-header {
    width: 100%;
    height: 20%;
    justify-content: center;
    align-items: center;
}

.jqx-time-picker[view="landscape"] .jqx-header {
    flex-direction: column;
    width: 33%;
    height: 100%;
}

.jqx-time-picker .jqx-main-container {
    width: 100%;
    height: 80%;
    padding: 2%;
    background-color: var(--jqx-time-picker-background);
}

.jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}

.jqx-time-picker[view="landscape"] .jqx-main-container {
    width: 67%;
    height: 100%;
}

.jqx-time-picker .jqx-svg-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.jqx-time-picker[footer] .jqx-svg-container {
    height: calc(100% - 30px);
}

.jqx-time-picker .jqx-footer {
    display: none;
}

.jqx-time-picker[footer] .jqx-footer {
    display: block;
    width: 100%;
    height: 30px;
}

.jqx-time-picker .jqx-hour-minute-container {
    font-size: 50px;
}

.jqx-time-picker .jqx-am-pm-container {
    margin-left: 10px;
}

.jqx-time-picker[view="landscape"] .jqx-am-pm-container {
    margin-left: 0;
}

.jqx-time-picker .jqx-hour-container,
.jqx-time-picker .jqx-minute-container,
.jqx-time-picker .jqx-am-container,
.jqx-time-picker .jqx-pm-container {
    opacity: 0.5;
    cursor: pointer;
}

.jqx-time-picker[readonly] .jqx-hour-container,
.jqx-time-picker[disabled] .jqx-hour-container,
.jqx-time-picker[readonly] .jqx-minute-container,
.jqx-time-picker[disabled] .jqx-minute-container,
.jqx-time-picker[readonly] .jqx-am-container,
.jqx-time-picker[disabled] .jqx-am-container,
.jqx-time-picker[readonly] .jqx-pm-container,
.jqx-time-picker[disabled] .jqx-pm-container {
    cursor: default;
}

.jqx-time-picker .jqx-selected {
    opacity: 1;
}

.jqx-time-picker .jqx-hour-minute-container div:nth-child(2) {
    opacity: 0.5;
}

.jqx-time-picker .jqx-svg-picker {
    border-radius: 50%;
    position: relative;
    box-sizing: content-box;
}

.jqx-time-picker .jqx-svg-picker.animate {
    animation: jqx-time-picker-animation 0.5s linear;
}

.jqx-time-picker[disabled] {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.jqx-time-picker .jqx-label.jqx-selected {
    fill: white;
}

.jqx-time-picker .jqx-header:focus {
    outline: 1px solid skyblue;
}

.jqx-time-picker .jqx-svg-picker:focus {
    border: 1px solid skyblue;
    outline: none;
}

@keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }

    50% {
        opacity: 0;
    }

    75% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.jqx-grid-card-row {
    display: grid;
    grid-template-columns: 1fr;
    height: 100%;
    overflow: hidden;
}

.jqx-grid-card-cell {
    padding: 15px;
    overflow: auto;
}

.jqx-grid-card-cell table {
    width: 100%;
    height: 100%;
    padding: 10px;
    table-layout: fixed;
    border: 1px solid #bbb;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 4px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.jqx-grid-card-cell {
    position: relative;
}

.jqx-grid-card-cell .jqx-icon-edit {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 25px;
    top: 25px;
    background-size: 13px;
    cursor: pointer;
}

.jqx-grid-card-cell input {
    padding: 4px;

}

.jqx-grid-card-cell-label {
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(90, 90, 90);
}

.jqx-grid-card-cell td div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jqx-card-edit-buttons {
    display: flex;
    margin-top: 30px;
    justify-content: center;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

/* Split Layout */

.jqx-split-layout-component {
    display: block;
    overflow: initial;
    width: 600px;
    height: 600px;
}

.jqx-split-layout {
    display: block;
    overflow: initial;
    width: 600px;
    height: 600px;
    --jqx-primary-rgb: 0, 92, 153;
    --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-rgb: 225, 225, 225;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(0, 0, 0, .54);
    --jqx-surface-rgb: 255, 255, 255;
    --jqx-surface: rgb(var(--jqx-surface-rgb));
    --jqx-surface-color: rgba(0, 0, 0, .88);
    --jqx-border: #E0E0E0;
    --jqx-scrollbar-background: #f5f5f5;
    --jqx-scrollbar-border: #ddd;
    --jqx-scrollbar-thumb-background: #C1C1C1;
    --jqx-scrollbar-thumb-border: #b3b3b3;
    --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: #333;
    --jqx-scrollbar-button-background-hover: #f5f5f5;
    --jqx-scrollbar-button-border-hover: #f5f5f5;
    --jqx-scrollbar-button-color-pressed: #333;
    --jqx-scrollbar-button-background-pressed: #f5f5f5;
    --jqx-scrollbar-button-border-pressed: #f5f5f5;
    --jqx-split-layout-buttons-border-radius: 50%;
    --jqx-split-layout-context-menu-default-width: var(--jqx-menu-vertical-default-width);
    --jqx-split-layout-context-menu-default-height: auto;
    --jqx-primary-rgb: 0, 92, 153;
    /* The r, g, and b components of the theme primary color */
    --jqx-primary: rgb(var(--jqx-primary-rgb));
    /* The theme primary color */
    --jqx-primary-color: #ffffff;
    /* Text color on top of a primary background */

    --jqx-secondary-rgb: 45, 45, 48;
    /* The r, g, and b components of the theme secondary color */
    --jqx-secondary: rgb(var(--jqx-secondary-rgb));
    /* The theme secondary color */
    --jqx-secondary-color: #ffffff;
    /* Text color on top of a secondary background */

    --jqx-error-rgb: 176, 0, 32;
    /* The theme error color */
    --jqx-error: rgb(var(--jqx-error-rgb));
    /* The theme error color */
    --jqx-error-color: #ffffff;
    /* Text color on top of a error background */

    --jqx-success-rgb: 139, 195, 74;
    /* The r, g, and b components of the theme success color */
    --jqx-success: rgb(var(--jqx-success-rgb));
    /* The theme success color */
    --jqx-success-color: #ffffff;
    /* Text color on top of a success background */

    --jqx-info-rgb: 92, 192, 222;
    /* The r, g, and b components of the theme info color */
    --jqx-info: rgb(var(--jqx-info-rgb));
    /* The theme info color */
    --jqx-info-color: #fff;
    /* Text color on top of a info background */

    --jqx-warning-rgb: 240, 173, 78;
    /* The r, g, and b components of the theme warning color */
    --jqx-warning: rgb(var(--jqx-warning-rgb));
    /* The theme warning color */
    --jqx-warning-color: #fff;
    /* Text color on top of a warning background */

    --jqx-light-rgb: 255, 255, 255;
    /* The r, g, and b components of the theme light color */
    --jqx-light: rgb(var(--jqx-light-rgb));
    /* The theme light color */
    --jqx-light-color: #222222;
    /* Text color on top of a light background */

    --jqx-dark-rgb: 34, 34, 34;
    /* The r, g, and b components of the theme dark color */
    --jqx-dark: rgb(var(--jqx-dark-rgb));
    /* The theme dark color */
    --jqx-dark-color: #ffffff;
    /* Text color on top of a dark background */

    --jqx-background: #fefefe;
    /* The theme background color. The background color appears behind scrollable content.*/
    --jqx-background-color: #5A5A5A;
    /* Text color on top of a background background */

    --jqx-surface: #F5F5F5;
    /* The theme surface color. Surface colors affect surfaces of components, such as cards, sheets, and menus. */
    --jqx-surface-color: #323232;
    /* Text color on top of a surface surface */

    --jqx-disabled: #CCCCCC;
    /* The theme primary color in disabled state. */
    --jqx-disabled-color: #555;
    /* Text color on top of a theme background in disabled state */

    --jqx-ui-state-hover: #ebebeb;
    /* Hover state background. */
    --jqx-ui-state-color-hover: #333;
    /* Text color, when UI Element's state is 'hover'. */
    --jqx-ui-state-border-hover: var(--jqx-ui-state-hover);
    /* Border color, when UI Element's state is 'hover'. */
    --jqx-ui-state-active: var(--jqx-primary);
    /* Active state background. */
    --jqx-ui-state-color-active: var(--jqx-primary-color);
    /* Text color, when UI Element's state is 'active'. */
    --jqx-ui-state-border-active: var(--jqx-primary);
    /* Border color, when UI Element's state is 'active'. */
    --jqx-ui-state-focus: #e2e0e0;
    /* Focus state background. */
    --jqx-ui-state-color-focus: #333;
    /* Text color, when UI Element's state is 'focus'. */
    --jqx-ui-state-border-focus: var(--jqx-ui-state-focus);
    /* Border color, when UI Element's state is 'focus'. */
    --jqx-ui-state-selected: rgba(var(--jqx-primary-rgb), .1);
    /* Selected state background. */
    --jqx-ui-state-color-selected: var(--jqx-primary);
    /* Text color, when UI Element's state is 'selected'. */
    --jqx-ui-state-border-selected: rgba(var(--jqx-primary-rgb), .1);
    /* Border color, when UI Element's state is 'selected'. */
    --jqx-item-border-width: 1px;
    /* Theme border-width */
    --jqx-item-border-radius: var(--jqx-border-radius);
    /* Border radius of items. */
    --jqx-item-border-top-left-radius: var(--jqx-border-radius);
    /* Border top-left radius of items. */
    --jqx-item-border-top-right-radius: var(--jqx-border-radius);
    /* Border top-right radius of items. */
    --jqx-item-border-bottom-left-radius: var(--jqx-border-radius);
    /* Border bottom-left radius of items. */
    --jqx-item-border-bottom-right-radius: var(--jqx-border-radius);
    /* Border bottom-right radius of items. */
    --jqx-font-size: 14px;
    /* Theme font-size */
    --jqx-font-weight: inherit;
    /* Theme font-weight */
    --jqx-font-style: inherit;
    /* Theme font-style */
    --jqx-font-family: Roboto, "Helvetica Neue", sans-serif;
    /* Theme font-family */
    --jqx-editor-addon-width: 27px;
    /* Default width for spin buttons, dropdown buttons. */
    border: 1px solid #E0E0E0;
    border-right: none;
    border-bottom: none;
    overflow: initial;
    box-sizing: border-box;
}

.jqx-split-layout>.jqx-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.jqx-layout-group,
.jqx-tab-layout-group {
    box-sizing: border-box;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab {
    padding: 24px 12px;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab:after,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab:after {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    content: "";
    transition: all .2s ease;
    transform: perspective(5px) rotateY(2deg);
    transform-origin: left;
    left: 0;
    right: -1px;
}

.jqx-tab-layout-group[position="right"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="right"] .jqx-layout-tab.selected .jqx-close-button {
    margin-right: 5px;
}

.jqx-tab-layout-group[position="left"] .jqx-layout-tab:after {
    right: 0px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.jqx-tab-layout-group[position="left"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="left"] .jqx-layout-tab.selected .jqx-close-button {
    transform: rotateY(0deg);
    margin-left: -5px;
}

.jqx-tab-layout-group[position="top"] .jqx-layout-tab,
.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab {
    padding: 12px 24px;
}

.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab:after {
    transform-origin: top;
    transform: perspective(5px) rotateX(-2deg);
    border-top-left-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 0px;
    top: 0;
}

.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab label,
.jqx-tab-layout-group[position="bottom"] .jqx-layout-tab.selected .jqx-close-button {
    margin-top: -5px;
}

.jqx-split-layout jqx-layout-group {
    display: grid;
    overflow: hidden;
}

.jqx-split-layout jqx-layout-group[data-id="root"] {
    width: 100%;
    height: 100%;
    overflow: hidden;
    grid-template-columns: 1fr;
}

.jqx-split-layout jqx-tab-layout-group {
    display: grid;
    overflow: hidden;
    grid-template-rows: 35px 1fr;
    border-right: 1px solid var(--jqx-border);
    border-bottom: 1px solid var(--jqx-border);
}

.jqx-split-layout jqx-tab-layout-group .jqx-layout-tab-strip {
    background: var(--jqx-surface);
    display: flex;
    overflow: hidden;
    border-bottom: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="bottom"] {
    grid-template-rows: 1fr 35px;
}

.jqx-split-layout jqx-tab-layout-group[position="bottom"]>.jqx-layout-tab-strip {
    border: none;
    border-top: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="left"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after,
.jqx-split-layout jqx-tab-layout-group[position="right"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after {
    margin-left: initial;
    margin-top: 5px;
}

.jqx-split-layout jqx-tab-layout-group[position="left"] {
    grid-template-columns: 35px 1fr;
    grid-template-rows: initial;
}

.jqx-split-layout jqx-tab-layout-group[position="left"]>.jqx-layout-tab-strip {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    justify-content: flex-end;
    align-items: center;
    border: none;
    border-left: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[position="right"] {
    grid-template-columns: 1fr 35px;
    grid-template-rows: initial;
}

.jqx-split-layout jqx-tab-layout-group[position="right"]>.jqx-layout-tab-strip {
    writing-mode: vertical-rl;
    align-items: center;
    border: none;
    border-left: 2px solid var(--jqx-primary);
}

.jqx-split-layout jqx-tab-layout-group[orientation="vertical"] {
    height: 100%;
}

.jqx-split-layout jqx-tab-layout-group[orientation="horizontal"] {
    width: 100%;
}

.jqx-split-layout jqx-tab-layout-item {
    overflow: hidden;
}

.jqx-split-layout jqx-tab-layout-item>jqx-layout-group {
    width: 100%;
    height: 100%;
}

.jqx-split-layout .jqx-split-layout-buttons-container {
    position: absolute;
    width: 100px;
    height: 100px;
    left: calc(50% - 50px);
    top: calc(50% - 50px);
    z-index: 9999;
}

.jqx-split-layout .jqx-layout-buttons-container div {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--jqx-primary-color);
    background: var(--jqx-primary);
    font-family: var(--jqx-font-family-icon);
    font-size: var(--jqx-font-size);
    padding: 5px;
    left: calc(50% - var(--jqx-editor-addon-width) / 2);
    width: var(--jqx-editor-addon-width);
    height: var(--jqx-editor-addon-width);
    cursor: pointer;
    border-top-left-radius: var(--jqx-split-layout-buttons-border-radius);
    border-top-right-radius: var(--jqx-split-layout-buttons-border-radius);
    border-bottom-left-radius: var(--jqx-split-layout-buttons-border-radius);
    border-bottom-right-radius: var(--jqx-split-layout-buttons-border-radius);
    z-index: 1;
    touch-action: none;
}

.jqx-split-layout .jqx-layout-buttons-container div:after {
    content: var(--jqx-icon-plus);
}

.jqx-split-layout .jqx-layout-buttons-container div:active {
    color: var(--jqx-ui-state-color-active);
    border-color: var(--jqx-ui-state-active);
    background-color: var(--jqx-ui-state-active);
    opacity: var(--jqx-button-opacity-active);
}

.jqx-split-layout .jqx-layout-buttons-container div:hover {
    color: var(--jqx-ui-state-color-hover);
    border-color: var(--jqx-ui-state-hover);
    background-color: var(--jqx-ui-state-hover);
    opacity: var(--jqx-button-opacity-active);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="rotate"]:after {
    content: var(--jqx-icon-reload);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="center"] {
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
}

.jqx-split-layout .jqx-layout-buttons-container div[position="left"] {
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
    left: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="right"] {
    left: initial;
    top: calc(50% - var(--jqx-editor-addon-width) / 2);
    right: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="top"] {
    top: 0;
}

.jqx-split-layout .jqx-layout-buttons-container div[position="bottom"] {
    bottom: 0;
}

.jqx-split-layout .jqx-layout-drop-area {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    pointer-events: none;
    left: 0px;
    top: 0px;
    opacity: 0;
    background: rgba(var(--jqx-primary-rgb), 0.2);
    transition: opacity 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-item {
    height: auto;
    overflow: hidden;
    background: var(--jqx-background);
    border-right: 1px solid var(--jqx-border);
    border-bottom: 1px solid var(--jqx-border);
}

.jqx-split-layout .jqx-layout-item[hover] {
    overflow: hidden;
}

.jqx-split-layout [data-id] {
    position: relative;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:hover,
.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:active {
    transition: background-color 100ms linear, box-shadow 280ms ease-in-out;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="left"] {
    animation: leftRight 0.2s ease-in;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="right"] {
    animation: rightLeft 0.2s ease-in;
}

.jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="top"] {
    animation: topBottom 0.2s ease-in;
}

.jqx-split-layout *:not([animation="none"]) .jqx-layout-buttons-container div[position="bottom"] {
    animation: bottomTop 0.2s ease-in;
}

.jqx-split-layout.outline .jqx-layout-splitter {
    opacity: 1;
}

.jqx-split-layout .jqx-layout-splitter {
    z-index: 999;
    position: absolute;
    background: var(--jqx-border);
    border: 1px solid var(--jqx-border);
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-splitter:hover {
    border-color: var(--jqx-primary);
    border-style: dashed;
}

.jqx-split-layout .jqx-layout-splitter:not([root-splitter]) {
    transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.jqx-split-layout .jqx-layout-splitter.active {
    background: var(--jqx-primary);
    border-color: var(--jqx-primary);
}

.jqx-split-layout .jqx-layout-splitter.error {
    background: var(--jqx-error);
    border-color: var(--jqx-error);
}

.jqx-split-layout .jqx-layout-splitter.horizontal {
    height: 1px;
    width: 100%;
    bottom: 0px;
    top: initial;
    cursor: s-resize;
}

.jqx-split-layout .jqx-layout-splitter.horizontal.last {
    top: 0px;
    bottom: initial;
    display: none;
}

.jqx-split-layout .jqx-layout-splitter.vertical {
    width: 1px;
    height: 100%;
    right: 0px;
    left: initial;
    cursor: e-resize;
}

.jqx-split-layout .jqx-layout-splitter.vertical.last {
    left: 0px;
    right: initial;
    display: none;
}

.jqx-split-layout .jqx-layout-splitter[drag].horizontal,
.jqx-split-layout .jqx-layout-splitter[drag].vertical,
.jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.horizontal,
.jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.vertical,
.jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.horizontal,
.jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.vertical {
    opacity: 1;
    z-index: 99;
}

.jqx-layout-tab {
    grid-row: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding: 12px 24px;
    font-family: var(--jqx-font-family);
    box-sizing: border-box;
    transition: background-color 0.2s ease-in-out;
}

.jqx-layout-tab:hover {
    color: var(--jqx-primary);
}

.jqx-layout-tab.selected {
    color: var(--jqx-primary-color);
    background: var(--jqx-primary);
}

.jqx-layout-tab.selected .jqx-close-button {
    z-index: 10;
    color: inherit;
}

.jqx-layout-tab.selected .jqx-close-button:after {
    content: 'x';
    width: 16px;
    height: 16px;
    cursor: pointer;
    font-family: var(--jqx-font-family-icon);
    margin-left: 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.jqx-layout-tab label {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 9;
    margin-top: 2px;
    color: inherit;
}

.jqx-split-layout-feedback {
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2);
    background: var(--jqx-background);
    position: absolute;
    width: 300px !important;
    height: 150px !important;
    max-height: 150px !important;
    overflow: hidden;
    left: 0px;
    top: 0px;
    pointer-events: none;
    transform-origin: top left;
    transform: scale(1);
    transition: transform 0.25s ease-in-out;
}

.jqx-split-layout-feedback.dragging {
    transform: scale(0.5);
}

.jqx-split-layout-overlay {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.01;
    background: black;
}

@keyframes topBottom {
    0% {
        top: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        top: 0;
    }
}

@keyframes bottomTop {
    0% {
        bottom: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        bottom: 0;
    }
}

@keyframes leftRight {
    0% {
        left: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        left: 0;
    }
}

@keyframes rightLeft {
    0% {
        right: calc(-1 * var(--jqx-editor-addon-width));
    }

    100% {
        right: 0;
    }
}

.jqx-visibility-hidden {
    visibility: hidden;
}

.jqx-hidden {
    display: none;
}

/* End of Split Layout */
/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./node_modules/jqwidgets-ng/jqwidgets/styles/jqx.energyblue.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.jqx-widget-content-energyblue{border-color: #a4bed4;}
.jqx-fill-state-normal-energyblue, .jqx-widget-header-energyblue{border-color:#a4bed4; background-color:#e0e9f5}
.jqx-fill-state-hover-energyblue{border-color:#a4bed4;  background-color:#cfdde9}
.jqx-fill-state-pressed-energyblue{border-color:#5e8cb3; background-color:#cfdde9}
.jqx-fill-state-focus-energyblue { border-color: #477396; }
.jqx-scrollbar-state-normal-energyblue, .jqx-grid-bottomright-energyblue, .jqx-panel-bottomright-energyblue, .jqx-listbox-bottomright-energyblue{background-color:#e0e9f5}
.jqx-widget-energyblue .jqx-grid-column-header-energyblue, .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-cell-energyblue, .jqx-widget-energyblue .jqx-grid-group-cell-energyblue, .jqx-grid-group-cell-energyblue{border-color:#a4bed4}
.jqx-tabs-title-selected-bottom-energyblue, .jqx-tabs-selection-tracker-bottom-energyblue, .jqx-tabs-title-selected-top-energyblue, .jqx-tabs-selection-tracker-top-energyblue{border-color:#a4bed4; border-bottom:1px solid #fff; background:#fff}
.jqx-grid-cell-sort-alt-energyblue, .jqx-grid-cell-filter-alt-energyblue, .jqx-grid-cell-pinned-energyblue, .jqx-grid-cell-alt-energyblue, .jqx-grid-cell-sort-energyblue{ background-color:#e7eef8}
.jqx-grid-cell-selected-energyblue{ background-color:#cfdde9 !important;  color:#2b465e !important;}
.jqx-grid-cell-hover-energyblue{ background-color:#cfdde9 !important;}
.jqx-menu-vertical-energyblue{background: #e0e9f5;}
.jqx-layout-energyblue
{
    background-color: #a4bed4;
}
/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].rules[0].oneOf[1].use[2]!./node_modules/jqwidgets-ng/jqwidgets/styles/jqx.material-purple.css ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-material-purple {
    border-top-left-radius: 2px;
}
/*top-right rounded Corners*/
.jqx-rc-tr-material-purple {
    border-top-right-radius: 2px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl-material-purple {
    border-bottom-left-radius: 2px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br-material-purple {
    border-bottom-right-radius: 2px;
}
/*top rounded Corners*/
.jqx-rc-t-material-purple {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
/*bottom rounded Corners*/
.jqx-rc-b-material-purple {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*right rounded Corners*/
.jqx-rc-r-material-purple {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
/*left rounded Corners*/
.jqx-rc-l-material-purple {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
/*all rounded Corners*/
.jqx-rc-all-material-purple {
    border-radius: 2px;
}
.jqx-widget-material-purple, .jqx-widget-header-material-purple, .jqx-fill-state-normal-material-purple,
.jqx-widget-content-material-purple, .jqx-fill-state-hover-material-purple, .jqx-fill-state-pressed-material-purple {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.jqx-widget-material-purple {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
}
.jqx-widget-content-material-purple {
      font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #555;
    background-color: #ffffff;
    border-color: #E0E0E0;
}
.jqx-widget-header-material-purple {
    background-color: #fff;
    border-color: #E0E0E0;
    color: #757575;
    font-weight: 500;
    *zoom: 1;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #fff;
    color: #757575;
    font-size: 14px;
}
.jqx-fill-state-normal-material-purple {
    border-color: #6200EE;
    *zoom: 1;
    background: #fafafa;
}
.jqx-widget-material-purple input::selection, input.jqx-input-widget-material-purple::selection, .jqx-widget-content-material-purple input::selection {
    background: #6200EE;
    color: #fff;
}
.jqx-toolbar-material-purple{
     border-color: #e0e0e0;
}
.jqx-button-material-purple, jqx-button-material-purple.jqx-fill-state-normal-material-purple {
    color: #fff;
    background: #6200EE;
    border-color: #6200EE;
    *zoom: 1;
    outline: none;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 2px;
}
.jqx-button-material-purple button, jqx-button-material-purple input {
    background: transparent;
    color: inherit;
    border:none;
    outline: none;
}
.jqx-slider-button-material-purple {
    padding:3px;
    background: transparent;
    border:transparent;
}
.jqx-button-material-purple.float {
        border-radius: 100%;
        min-height: 48px;
        min-width: 48px;
        width: 48px;
        height: 48px;
        max-height: 48px;
        max-width:48px;
    }
.jqx-button-material-purple.outlined {
        background: transparent;
        color: #6200EE;
        border-width: 2px;
    }
.jqx-button-material-purple.flat {
        background: transparent;
        color: #6200EE;
        border: none;
    }
.jqx-fill-state-hover-material-purple {
}
.jqx-fill-state-pressed-material-purple {
}
.jqx-fill-state-hover-material-purple, .jqx-fill-state-focus-material-purple {
    text-decoration: none;
}
.jqx-expander-header.jqx-fill-state-hover-material-purple,
 .jqx-expander-header.jqx-fill-state-normal-material-purple,
 .jqx-expander-header.jqx-fill-state-pressed-material-purple
 {
      background: #fff;
      border-color: #e0e0e0;
}
.jqx-expander-header.jqx-fill-state-hover-material-purple {
    background: #F5F5F5;
}
.jqx-expander-header-material-purple {
    padding:10px;
}
.jqx-button-material-purple.jqx-fill-state-hover {
    opacity: 0.9;
    cursor: pointer;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    *zoom: 1;
}
.jqx-button-material-purple.jqx-fill-state-hover.outlined,
    .jqx-button-material-purple.jqx-fill-state-hover.flat {
        color: #6200EE;
        box-shadow: none;
    }
.jqx-button-material-purple.jqx-fill-state-pressed {
    cursor: pointer;
    background: #883DF2;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-button-material-purple.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-slider-button-material-purple.jqx-fill-state-pressed-material-purple,
    .jqx-button-material-purple.jqx-fill-state-pressed.outlined,
    .jqx-button-material-purple.jqx-fill-state-pressed.flat {
        background: rgba(99,0,238,0.15);
        box-shadow: none;
    }
.jqx-button-material-purple.jqx-fill-state-focus {
    background: #883DF2;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.jqx-slider-button-material-purple.jqx-fill-state-focus-material-purple {
      background: transparent;
      border-color: transparent;
      box-shadow:none;
  }
.jqx-button-material-purple.jqx-fill-state-focus.outlined,
    .jqx-button-material-purple.jqx-fill-state-focus.flat {
        box-shadow: none;
        background: rgba(99,0,238,0.15);
        color: #883DF2;
    }
.jqx-dropdownlist-state-normal-material-purple, .jqx-dropdownlist-state-hover-material-purple, .jqx-dropdownlist-state-selected-material-purple,
.jqx-scrollbar-button-state-hover-material-purple, .jqx-scrollbar-button-state-normal-material-purple, .jqx-scrollbar-button-state-pressed-material-purple,
.jqx-scrollbar-thumb-state-normal-horizontal-material-purple, .jqx-scrollbar-thumb-state-hover-horizontal-material-purple, .jqx-scrollbar-thumb-state-pressed-horizontal-material-purple,
.jqx-scrollbar-thumb-state-normal-material-purple, .jqx-scrollbar-thumb-state-pressed-material-purple, .jqx-tree-item-hover-material-purple, .jqx-tree-item-selected-material-purple,
.jqx-tree-item-material-purple, .jqx-menu-item-material-purple, .jqx-menu-item-hover-material-purple, .jqx-menu-item-selected-material-purple, .jqx-menu-item-top-material-purple, .jqx-menu-item-top-hover-material-purple,
.jqx-menu-item-top-selected-material-purple, .jqx-slider-button-material-purple, .jqx-slider-slider-material-purple {
    transition: background-color 100ms linear;
}
.jqx-primary-material-purple.jqx-input-label-material-purple {
   color: #1ca8dd !important;
}
.jqx-primary-material-purple.jqx-input-bar-material-purple:before {
   background: #1ca8dd !important;
}
.jqx-success-material-purple.jqx-input-label-material-purple {
   color: #5cb85c !important;
}
.jqx-success-material-purple.jqx-input-bar-material-purple:before {
   background: #5cb85c !important;
}
.jqx-inverse-material-purple.jqx-input-label-material-purple {
   color: #666 !important;
}
.jqx-inverse-material-purple.jqx-input-bar-material-purple:before {
   background: #666 !important;
}
.jqx-danger-material-purple.jqx-input-label-material-purple {
   color: #d9534f !important;
}
.jqx-danger-material-purple.jqx-input-bar-material-purple:before {
   background: #d9534f !important;
}
.jqx-warning-material-purple.jqx-input-label-material-purple {
   color: #f0ad4e !important;
}
.jqx-warning-material-purple.jqx-input-bar-material-purple:before {
   background: #f0ad4e !important;
}
.jqx-info-material-purple.jqx-input-label-material-purple {
   color: #5bc0de !important;
}
.jqx-info-material-purple.jqx-input-bar-material-purple:before {
   background: #5bc0de !important;
}
.jqx-slider-tooltip-material-purple.jqx-primary-slider, .jqx-slider-tooltip-material-purple.jqx-primary-slider .jqx-fill-state-normal-material-purple {
    border-color: #1ca8dd;
    background: #1ca8dd;
}
.jqx-slider-tooltip-material-purple.jqx-success-slider, .jqx-slider-tooltip-material-purple.jqx-success-slider .jqx-fill-state-normal-material-purple {
    border-color: #5cb85c;
    background: #5cb85c;
}
.jqx-slider-tooltip-material-purple.jqx-inverse-slider, .jqx-slider-tooltip-material-purple.jqx-inverse-slider .jqx-fill-state-normal-material-purple {
    border-color: #666;
    background: #666;
}
.jqx-slider-tooltip-material-purple.jqx-danger-slider, .jqx-slider-tooltip-material-purple.jqx-danger-slider .jqx-fill-state-normal-material-purple {
    border-color: #d9534f;
    background: #d9534f;
}
.jqx-slider-tooltip-material-purple.jqx-warning-slider, .jqx-slider-tooltip-material-purple.jqx-warning-slider .jqx-fill-state-normal-material-purple {
    border-color: #f0ad4e;
    background: #f0ad4e;
}
.jqx-slider-tooltip-material-purple.jqx-info-slider, .jqx-slider-tooltip-material-purple.jqx-info-slider .jqx-fill-state-normal-material-purple {
    border-color: #5bc0de;
    background: #5bc0de;
}
.jqx-primary-material-purple {
    color: #1ca8dd !important;
    background: #fff !important;
    border-color: #1ca8dd !important;
    text-shadow: none !important;
}
.jqx-primary-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-primary-material-purple.jqx-slider-button-material-purple,
    .jqx-primary-material-purple.jqx-slider-slider-material-purple,
    .jqx-primary-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-primary-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-primary-material-purple.jqx-action-button-material-purple,
    .jqx-primary-material-purple:hover,
    .jqx-primary-material-purple:focus,
    .jqx-primary-material-purple:active,
    .jqx-primary-material-purple.active,
    .jqx-primary-material-purple.disabled,
    .jqx-primary-material-purple[disabled] {
        color: #fff !important;
        background: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-primary-material-purple,
    .jqx-primary-material-purple:active,
    .jqx-primary-material-purple.active {
        color: #fff !important;
        background-color: #1ca8dd !important;
        border-color: #1ca8dd !important;
        text-shadow: none !important;
    }
.jqx-success-material-purple {
    color: #5cb85c !important;
    background: #fff !important;
    border-color: #5cb85c !important;
    text-shadow: none !important;
}
.jqx-success-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-success-material-purple.jqx-slider-button-material-purple,
    .jqx-success-material-purple.jqx-slider-slider-material-purple,
    .jqx-success-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-success-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-success-material-purple.jqx-action-button-material-purple,
    .jqx-success-material-purple:hover,
    .jqx-success-material-purple:focus,
    .jqx-success-material-purple:active,
    .jqx-success-material-purple.active,
    .jqx-success-material-purple.disabled,
    .jqx-success-material-purple[disabled] {
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-success-material-purple,
    .jqx-success-material-purple:active,
    .jqx-success-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5cb85c !important;
        border-color: #5cb85c !important;
    }
.jqx-inverse-material-purple {
    text-shadow: none !important;
    color: #666 !important;
    background: #fff !important;
    border-color: #cccccc !important;
}
.jqx-inverse-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-inverse-material-purple.jqx-slider-button-material-purple,
    .jqx-inverse-material-purple.jqx-slider-slider-material-purple,
    .jqx-inverse-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-inverse-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-inverse-material-purple.jqx-action-button-material-purple,
    .jqx-inverse-material-purple:hover,
    .jqx-inverse-material-purple:focus,
    .jqx-inverse-material-purple:active,
    .jqx-inverse-material-purple.active,
    .jqx-inverse-material-purple.disabled,
    .jqx-inverse-material-purple[disabled] {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-inverse-material-purple,
    .jqx-inverse-material-purple:active,
    .jqx-inverse-material-purple.active {
        text-shadow: none !important;
        color: #666 !important;
        background: #cccccc !important;
        border-color: #cccccc !important;
    }
.jqx-danger-material-purple {
    text-shadow: none !important;
    color: #d9534f !important;
    background: #fff !important;
    border-color: #d9534f !important;
}
.jqx-danger-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-danger-material-purple.jqx-slider-button-material-purple,
    .jqx-danger-material-purple.jqx-slider-slider-material-purple,
    .jqx-danger-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-danger-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-danger-material-purple.jqx-action-button-material-purple,
    .jqx-danger-material-purple:hover,
    .jqx-danger-material-purple:focus,
    .jqx-danger-material-purple:active,
    .jqx-danger-material-purple.active,
    .jqx-danger-material-purple.disabled,
    .jqx-danger-material-purple[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-danger-material-purple,
    .jqx-danger-material-purple:active,
    .jqx-danger-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #d9534f !important;
        border-color: #d9534f !important;
    }
.jqx-validator-error-label-material-purple {
    color: #d9534f !important;
}
.jqx-warning-material-purple {
    text-shadow: none !important;
    color: #f0ad4e !important;
    background: #fff !important;
    border-color: #f0ad4e !important;
}
.jqx-warning-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-warning-material-purple.jqx-slider-button-material-purple,
    .jqx-warning-material-purple.jqx-slider-slider-material-purple,
    .jqx-warning-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-warning-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-warning-material-purple.jqx-action-button-material-purple,
    .jqx-warning-material-purple:hover,
    .jqx-warning-material-purple:focus,
    .jqx-warning-material-purple:active,
    .jqx-warning-material-purple.active,
    .jqx-warning-material-purple.disabled,
    .jqx-warning-material-purple[disabled] {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-warning-material-purple,
    .jqx-warning-material-purple:active,
    .jqx-warning-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #f0ad4e !important;
        border-color: #f0ad4e !important;
    }
.jqx-info-material-purple {
    text-shadow: none !important;
    color: #5bc0de !important;
    background: #fff !important;
    border-color: #5bc0de !important;
}
.jqx-info-material-purple.jqx-dropdownlist-state-normal-material-purple,
    .jqx-info-material-purple.jqx-slider-button-material-purple,
    .jqx-info-material-purple.jqx-slider-slider-material-purple,
    .jqx-info-material-purple.jqx-combobox-arrow-hover-material-purple,
    .jqx-info-material-purple.jqx-combobox-arrow-normal-material-purple,
    .jqx-info-material-purple.jqx-action-button-material-purple,
    .jqx-info-material-purple:hover,
    .jqx-info-material-purple:focus,
    .jqx-info-material-purple:active,
    .jqx-info-material-purple.active,
    .jqx-info-material-purple.disabled,
    .jqx-info-material-purple[disabled] {
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
        text-shadow: none !important;
    }
.jqx-fill-state-pressed-material-purple.jqx-info-material-purple,
    .jqx-info-material-purple:active,
    .jqx-info-material-purple.active {
        text-shadow: none !important;
        color: #fff !important;
        background: #5bc0de !important;
        border-color: #5bc0de !important;
    }
.jqx-fill-state-pressed-material-purple {
    background-image: none;
    outline: 0;
}
.jqx-grid-group-column-material-purple {
    border-color: transparent;
}
.jqx-grid-column-menubutton-material-purple {
    border-width: 0px;
}
.jqx-grid-groups-row-material-purple > span {
    padding-left: 4px;
}
.jqx-grid-cell-material-purple {
    box-shadow: none;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple,
.jqx-grid-pager-material-purple .jqx-button-material-purple {
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    top: -4px;
    position: relative;
    height:30px !important;
    width:30px !important;
    border-radius:50%;

}
.jqx-grid-pager-input-material-purple  {
    padding:0px !important;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple > div,
.jqx-grid-pager-material-purple .jqx-button-material-purple > div {
    top: 3px;
    position: relative;
    left: 3px;
}
.jqx-grid-pager-top-material-purple .jqx-button-material-purple.jqx-fill-state-hover,
.jqx-grid-pager-top-material-purple .jqx-button-material-purple.jqx-fill-state-pressed,
.jqx-grid-pager-material-purple .jqx-button-material-purple.jqx-fill-state-hover,
.jqx-grid-pager-material-purple .jqx-button-material-purple.jqx-fill-state-pressed
{
    color: rgba(0,0,0,.54) !important;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;    
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple {

    background-color: transparent;
    border-color: transparent;
    color: rgba(0,0,0,.54) !important;
    font-size:12px;
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple:hover,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple:hover {
    font-size:12px;
}
.jqx-grid-pager-top-material-purple .jqx-grid-pager-number-material-purple.jqx-fill-state-pressed-material-purple ,
.jqx-grid-pager-material-purple .jqx-grid-pager-number-material-purple.jqx-fill-state-pressed-material-purple {
    color: #6200EE !important;
    font-weight: bold !important;
}
.jqx-grid-column-menubutton-material-purple {
    background-color: transparent;
    border-color: #E0E0E0 !important;
}
.jqx-cell-material-purple {
    font-size: 14px;
}
.jqx-calendar-material-purple > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-row-header-material-purple, .jqx-calendar-top-left-header-material-purple {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}
.jqx-calendar-column-header-material-purple {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}
.jqx-expander-header-material-purple {
    padding-top: 10px;
    padding-bottom: 10px;
}
.jqx-ribbon-header-vertical-material-purple, .jqx-widget-header-vertical-material-purple {
    background: #fff;
}
.jqx-scrollbar-state-normal-material-purple {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-left-color: #ddd;
}
.jqx-scrollbar-thumb-state-normal-material-purple, .jqx-scrollbar-thumb-state-normal-horizontal-material-purple {
    background: #f5f5f5;
    border-color: #b3b3b3;
}
.jqx-scrollbar-thumb-state-hover-material-purple, .jqx-scrollbar-thumb-state-hover-horizontal-material-purple {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-progressbar-material-purple {
    background: #f7f7f7 !important;
    box-shadow: none;
}
.jqx-progressbar-value-material-purple, .jqx-splitter-collapse-button-horizontal-material-purple {
    background: #6200EE;
}
.jqx-splitter-collapse-button-vertical-material-purple, .jqx-progressbar-value-vertical-material-purple {
    background: #6200EE;
}
.jqx-scrollbar-thumb-state-pressed-material-purple, .jqx-splitter-splitbar-vertical-material-purple, .jqx-splitter-splitbar-horizontal-material-purple, .jqx-scrollbar-thumb-state-pressed-horizontal-material-purple,
.jqx-scrollbar-button-state-pressed-material-purple {
    background: #d9d9d9;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-grid-column-sortdescbutton-material-purple, jqx-grid-column-filterbutton-material-purple, .jqx-grid-column-sortascbutton-material-purple {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #E0E0E0;
}
.jqx-menu-vertical-material-purple {
    background: #ffffff;
    filter: none;
}
.jqx-grid-bottomright-material-purple, .jqx-panel-bottomright-material-purple, .jqx-listbox-bottomright-material-purple {
    background-color: #fafafa;
}
.jqx-window-material-purple, .jqx-tooltip-material-purple {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}
.jqx-tooltip-material-purple, .jqx-tooltip-material-purple.jqx-popup-material-purple, .jqx-tooltip-material-purple .jqx-fill-state-normal-material-purple {
    background: #6F6F6F;
    border-color: #6F6F6F;
    box-shadow:none;
    color: #fff;
}
.jqx-docking-material-purple .jqx-window-material-purple {
    box-shadow: none;
}
.jqx-docking-panel-material-purple .jqx-window-material-purple {
    box-shadow: none;
}
.jqx-checkbox-material-purple {
    line-height:20px;
    overflow: visible;
}
.jqx-radiobutton-material-purple {
    overflow: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
    line-height:20px;
}
.jqx-radiobutton-material-purple-material-purple, .jqx-radiobutton-hover-material-purple {
    border-radius: 100%;
    background-repeat: no-repeat;
    transition: background-color ease-in .3s;
}
.jqx-radiobutton-check-checked-material-purple {
    filter: none;
    background: #fff;
    background-repeat: no-repeat;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-material-purple {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-radiobutton-check-indeterminate-disabled-material-purple {
    filter: none;
    background: #999;
    border-radius: 100%;
}
.jqx-checkbox-default-material-purple,
.jqx-radiobutton-default-material-purple
 {
    border-width: 1px;
    border-color: #E0E0E0;
    background-color: #fff;
    overflow: visible;
}
.jqx-tree-material-purple .jqx-checkbox-material-purple .jqx-checkbox-default-material-purple,
.jqx-checkbox-material-purple[checked] .jqx-checkbox-default-material-purple,
.jqx-tree-grid-checkbox[checked].jqx-checkbox-default-material-purple,
.jqx-radiobutton-material-purple[checked] .jqx-radiobutton-default-material-purple
 {
    background-color: #6200EE;
    border-color: #6200EE;
}
.jqx-checkbox-check-checked-material-purple {
    background: transparent url('material_check_white.png') center center no-repeat;
}
.jqx-checkbox-check-indeterminate-material-purple {
    width:14px !important;
    height:14px !important;
    position:relative;
    top: 1px;
    left: 1px;
    background: white;
}
.jqx-tree-material-purple .jqx-checkbox-check-indeterminate-material-purple {
    width:12px !important;
    height:12px !important;
    top: 2px;
    left:2px;
}
.jqx-checkbox-hover-material-purple,
.jqx-radiobutton-hover-material-purple {
    background-color: #6200EE;
    border-color: #6200EE;
}
.jqx-slider-slider-material-purple {
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}
.jqx-slider-slider-material-purple:active {
    transform: scale(1.2);
    box-shadow: rgba(0,0,0,0.3) 0 0 10px;
}
.jqx-slider-material-purple[discrete] .jqx-slider-slider-material-purple:active
 {
    transform: scaleX(0);
    
}
.jqx-slider-slider-horizontal-material-purple {
    background: #6200EE; 
}
.jqx-slider-slider-vertical-material-purple {
    background: #6200EE; 
}
.jqx-slider-tooltip-material-purple {
    width: 25px;
    height: 25px;
    transform-origin: 50% 100%;
    border-radius: 50%;
    transform: scale(0) rotate(45deg);
    padding:0px;
    background: transparent !important;
}
.jqx-slider-tooltip-material-purple.init {
     transform: scale(1) rotate(45deg);
}
.jqx-slider-tooltip-material-purple.hide {
     transition: transform 0.2s ease;
     transform-origin:50% 100%;
     transform: scale(0) rotate(45deg); 
}
.jqx-slider-tooltip-material-purple.show {
     transition: transform 0.2s ease;
     transform: scale(1) rotate(45deg); 
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-arrow-t-b,
.jqx-slider-tooltip-material-purple .jqx-tooltip-arrow-l-r {
    display:none;
    visibility:hidden;
}
.jqx-slider-tooltip-material-purple, .jqx-slider-tooltip-material-purple .jqx-fill-state-normal-material-purple {
    border-radius: 15px 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6200EE; 
    color: #fff;
    font-size:11px;
}
.jqx-slider-tooltip-material-purple.far, .jqx-slider-tooltip-material-purple.far .jqx-fill-state-normal-material-purple {
   border-radius: 0px 15px 15px 15px; 
}
.jqx-slider-tooltip-material-purple.vertical, .jqx-slider-tooltip-material-purple.vertical .jqx-fill-state-normal-material-purple {
   border-radius: 15px 0px 15px 15px; 
}
.jqx-slider-tooltip-material-purple.vertical.far, .jqx-slider-tooltip-material-purple.vertical.far .jqx-fill-state-normal-material-purple {
   border-radius: 15px 15px 15px 0px; 
}
.jqx-slider-tooltip-material-purple {
    background:transparent;
    border:none !important;
    box-shadow:none;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-main-material-purple {
    top: -7px;
    right: 11px;
}
.jqx-slider-tooltip-material-purple.far .jqx-tooltip-main-material-purple {
    top: 3px;
    right: 4px;
}
.jqx-slider-tooltip-material-purple.vertical .jqx-tooltip-main-material-purple {
    top: -3px;
    right: 3px;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-text {
    background: transparent;
    border:none;
    padding: 0px;
    overflow:visible;
}
.jqx-slider-tooltip-material-purple .jqx-tooltip-text>span {
     transform: rotate(-45deg);
}
.jqx-slider-tooltip-material-purple.range {
    width: 35px;
    height:35px;
}
.jqx-slider-rangebar-material-purple {
    border-color: #6200EE;
    background: #6200EE;
}
.jqx-slider-track-horizontal-material-purple, .jqx-slider-track-vertical-material-purple {
    border-color: #E0E0E0;
    background: #f0f0f0;
}
.jqx-slider-button-material-purple {
    border-radius: 100%;
}
.jqx-slider-button-material-purple.jqx-fill-state-normal-material-purple,
.jqx-slider-button-material-purple.jqx-fill-state-hover-material-purple,
.jqx-slider-button-material-purple.jqx-fill-state-pressed-material-purple 
{
    background: transparent !important;
}
.jqx-listitem-state-hover-material-purple,
.jqx-listitem-state-selected-material-purple,
.jqx-listitem-state-normal-material-purple {
    padding: 5px;
}
.jqx-scheduler-edit-dialog-label-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;

}
.jqx-scheduler-edit-dialog-field-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-label-rtl-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.jqx-scheduler-edit-dialog-field-rtl-material-purple {
  line-height: 35px;
  padding-top: 6px;
  padding-bottom: 6px;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-hover-material-purple, .jqx-menu-item-hover-material-purple, .jqx-tree-item-hover-material-purple, .jqx-calendar-cell-hover-material-purple, .jqx-grid-cell-hover-material-purple,
.jqx-menu-vertical-material-purple .jqx-menu-item-top-hover-material-purple, .jqx-input-popup-material-purple .jqx-fill-state-hover-material-purple,
.jqx-input-popup-material-purple .jqx-fill-state-pressed-material-purple {
    color: #333 !important;
    border-color: #F5F5F5;
    text-decoration: none;
    background-color: #F5F5F5;
    background-repeat: repeat-x;
    outline: 0;
    background: #F5F5F5; /* Old browsers */
    box-shadow: none;
    background-position: 0 0;
}
.jqx-scheduler-cell-hover-material-purple {
    border-color: #F5F5F5 !important;
    background: #F5F5F5 !important;
}
.jqx-listitem-state-selected-material-purple, .jqx-menu-item-selected-material-purple, .jqx-tree-item-selected-material-purple, .jqx-calendar-cell-selected-material-purple, .jqx-grid-cell-selected-material-purple,
.jqx-menu-vertical-material-purple .jqx-menu-item-top-selected-material-purple, .jqx-grid-selectionarea-material-purple, .jqx-input-button-header-material-purple, .jqx-input-button-innerHeader-material-purple {
    color: #6200EE !important;
    border-color: #ECE0FD !important;
    background: #ECE0FD; /* Old browsers */
    box-shadow: none;
}
.jqx-scheduler-cell-selected-material-purple {
    border-color: #ECE0FD !important;
    background: #ECE0FD !important;
}
.jqx-grid-cell-material-purple .jqx-button-material-purple, .jqx-grid-cell-material-purple .jqx-button-material-purple.jqx-fill-state-hover-material-purple, .jqx-grid-cell-material-purple .jqx-button-material-purple.jqx-fill-state-pressed-material-purple {
    box-shadow: none;
    transition: none;
}
.jqx-popup-material-purple {
    border: 1px solid #E0E0E0;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-material-purple, .jqx-expander-arrow-bottom-material-purple, .jqx-window-collapse-button-material-purple, .jqx-menu-item-arrow-up-material-purple, .jqx-menu-item-arrow-up-selected-material-purple, .jqx-menu-item-arrow-top-up-material-purple, .jqx-icon-arrow-up-material-purple, .jqx-icon-arrow-up-hover-material-purple, .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material-purple .jqx-grid-group-expand-material-purple, .jqx-grid-group-expand-material-purple, .jqx-grid-column-menubutton-material-purple, .jqx-grid-column-sortdescbutton-material-purple, .jqx-expander-arrow-top-material-purple, .jqx-window-collapse-button-collapsed-material-purple, .jqx-menu-item-arrow-down-material-purple, .jqx-menu-item-arrow-down-selected-material-purple, .jqx-menu-item-arrow-down-material-purple, .jqx-icon-arrow-down-material-purple, .jqx-icon-arrow-down-hover-material-purple, .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-arrow-left-material-purple, .jqx-menu-item-arrow-left-selected-material-purple, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-material-purple, .jqx-icon-arrow-down-left-material-purple, .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-widget-material-purple .jqx-grid-group-collapse-material-purple, .jqx-grid-group-collapse-material-purple, .jqx-tabs-arrow-right-material-purple, .jqx-menu-item-arrow-right-selected-material-purple, .jqx-menu-item-arrow-top-right-material-purple, .jqx-icon-arrow-right-material-purple, .jqx-icon-arrow-right-hover-material-purple, .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-collapse-rtl-material-purple, .jqx-tree-item-arrow-collapse-hover-rtl-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-menu-item-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-menu-item-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-input-button-content-material-purple {
    font-size: 10px;
}
.jqx-widget .jqx-grid-column-header-cell-material-purple {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-row-cell-material-purple {
    padding-top: 8px;
    padding-bottom: 8px;
    height:30px;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #E0E0E0;
}
.jqx-combobox-material-purple .jqx-icon-close-material-purple {
    background-image:url('close_white.png')
}
.jqx-combobox-material-purple, .jqx-input-material-purple {
    border-color: #E0E0E0;
    color: #555555;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.jqx-combobox-content-material-purple,
.jqx-datetimeinput-content-material-purple
 {
    border-color: transparent;
}
.jqx-combobox-arrow-normal-material-purple {
    background: #fff;
    border-color: transparent;
}
.jqx-combobox-content-focus-material-purple, 
.jqx-combobox-state-focus-material-purple,
.jqx-numberinput-focus-material-purple {
    outline: none;
}
.jqx-input-group-material-purple {
    position: relative;
    display: inline-block;
    overflow: visible;
    border: none;
    box-shadow: none;
}
.jqx-input-group-material-purple input {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
.jqx-input-group-material-purple textarea {
        width: 100%;
        height: 100%;
        outline: none;
        resize: none;
        border-left: none;
        border-right: none;
        border-top: none;
        border-bottom-color: #e0e0e0;
    }
.jqx-numberinput-material-purple,
.jqx-maskedinput-material-purple
 {
    position:relative;
}
.jqx-numberinput-material-purple input {
    height:100% !important;
}
.jqx-input-material-purple.jqx-validator-error-element {
    border-color: transparent !important;
    border-bottom: 1px solid #df2227 !important; 
}
.jqx-input-material-purple input,
.jqx-dropdownlist-state-normal-material-purple,
.jqx-combobox-state-normal-material-purple,
.jqx-datetimeinput-material-purple,
.jqx-numberinput-material-purple,
.jqx-maskedinput-material-purple
 {
    background: #fff;
    border-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
    outline: none;
}
.jqx-datetimeinput-material-purple .jqx-action-button-material-purple,
.jqx-datetimeinput-material-purple .jqx-action-button-rtl-material-purple 
 {
    background-color: transparent;
    border-color: transparent;
}
.jqx-datetimeinput-material-purple, .jqx-datetimeinput-material-purple > div,
    .jqx-numberinput-material-purple, .jqx-numberinput-material-purple > div,
    .jqx-maskedinput-material-purple, .jqx-maskedinput-material-purple > div,
    .jqx-dropdownlist-state-normal-material-purple, .jqx-dropdownlist-state-normal-material-purple > div, .jqx-dropdownlist-state-normal-material-purple > div > div,
    .jqx-combobox-state-normal-material-purple, .jqx-combobox-state-normal-material-purple > div, .jqx-combobox-state-normal-material-purple > div > div {
        overflow: visible !important;
    }
.jqx-input-material-purple input:focus {
        border-radius: 0;
        box-shadow: none;
    }
.jqx-input-material-purple input, input[type="text"].jqx-input-material-purple, input[type="password"].jqx-input-material-purple, input[type="text"].jqx-widget-content-material-purple, input[type="textarea"].jqx-widget-content-material-purple, textarea.jqx-input-material-purple {
    font-size: 14px;
    resize: none;
    background: #fff;
    border: none;
    border-radius: 0;
    box-sizing:border-box;
    box-shadow: none;
    border-bottom: 1px solid #E0E0E0;
}
.jqx-input-label {
    visibility:inherit;
}
.jqx-input-bar{
    visibility:inherit;
}
input:focus ~ .jqx-input-label-material-purple,
textarea:focus ~ .jqx-input-label-material-purple,
.jqx-input-widget-material-purple[hint=true] .jqx-input-label,
.jqx-text-area-material-purple[hint=true] .jqx-input-label,
.jqx-dropdownlist-state-selected-material-purple .jqx-input-label,
.jqx-dropdownlist-state-normal-material-purple[hint=true] .jqx-input-label,
.jqx-combobox-state-normal-material-purple[hint=true] .jqx-input-label,
.jqx-combobox-material-purple .jqx-input-label.focused,
.jqx-dropdownlist-material-purple .jqx-input-label.focused,
.jqx-datetimeinput-material-purple[hint=true] .jqx-input-label,
.jqx-maskedinput-material-purple[hint=true] .jqx-input-label,
.jqx-numberinput-material-purple[hint=true] .jqx-input-label,
.jqx-formattedinput-material-purple[hint=true] .jqx-input-label
 {
    top: -15px;
    font-size: 12px;
    color: #6200EE;
}
.jqx-dropdownlist-material-purple[default-placeholder="true"] .jqx-input-label {
    visibility: hidden;
}
input:focus ~ .jqx-input-bar:before,
textarea:focus ~ .jqx-input-bar:before,
.jqx-dropdownlist-state-selected-material-purple .jqx-input-bar:before,
.jqx-dropdownlist-material-purple .jqx-input-bar.focused:before,
.jqx-complex-input-group-material-purple .jqx-input-bar.focused::before,
.jqx-combobox-material-purple .jqx-input-bar.focused:before,
.jqx-dropdownbutton-material-purple .jqx-input-bar.focused:before,
.jqx-combobox-state-selected-material-purple .jqx-input-bar:before {
    width: 100%;
}
.jqx-complex-input-group-material-purple .jqx-fill-state-normal-material-purple {
    border-color: #fafafa;
}
input[type="password"] {
    letter-spacing: 0.3em;
}
.jqx-input-widget-material-purple.jqx-rtl > input {
    direction: rtl
}
.jqx-input-label-material-purple {
    color: #E0E0E0;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 2px;
    top:10px;
    top: calc(50% - 7px);
    transition: 300ms ease all;
}
.jqx-input-label.initial {
    transition: none;
}
.jqx-input-bar {
    position: relative;
    display: block;
    z-index:1;
}
.jqx-input-bar-material-purple:before {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        position: absolute;
        background: #6200EE;
        transition: 300ms ease all;
        left: 0%;
    }
.jqx-formatted-input-spin-button-material-purple, .jqx-input-group-addon-material-purple {
    border-color: #fff;
    background: #fff;
}
.jqx-dropdownlist-state-selected-material-purple,
.jqx-combobox-state-selected-material-purple {
    color: #6200EE;
}
.jqx-dropdownlist-state-normal-material-purple .jqx-icon-arrow-down-material-purple,
.jqx-combobox-state-normal-material-purple .jqx-icon-arrow-down-material-purple,
.sorticon.descending .jqx-grid-column-sorticon-material-purple,
.jqx-tree-item-arrow-expand-material-purple,
 .jqx-expander-header-material-purple .jqx-icon-arrow-down
 {
    transform: rotate(0deg);
    transition: transform 0.2s ease-out;
}
.jqx-expander-header-material-purple .jqx-icon-arrow-up {
   transform: rotate(180deg);
   transition: transform 0.2s ease-out;
    background-image: url('material-icon-down.png');
}
.jqx-tree-item-arrow-collapse-material-purple
{
    transform: rotate(-90deg);
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.2s ease-out;
}
.jqx-dropdownlist-state-selected-material-purple .jqx-icon-arrow-down-material-purple,
.jqx-combobox-state-selected-material-purple .jqx-icon-arrow-down-material-purple,
.sorticon.ascending .jqx-grid-column-sorticon-material-purple
 {
    transform: rotate(180deg);
    transition: transform 0.2s ease-out;
    left: -1px;
}
.jqx-combobox-state-selected-material-purple .jqx-icon-arrow-down-material-purple{
    left:-1px;
}
.jqx-listbox-container {
    margin-top: 1px;
}
input[type="text"].jqx-input-material-purple:-moz-placeholder, input[type="text"].jqx-widget-content-material-purple:-moz-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-moz-placeholder, textarea.jqx-input-material-purple:-moz-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material-purple:-webkit-input-placeholder, input[type="text"].jqx-widget-content-material-purple:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-webkit-input-placeholder, textarea.jqx-input-material-purple:-webkit-input-placeholder {
    color: #999999;
}
input[type="text"].jqx-input-material-purple:-ms-input-placeholder, input[type="text"].jqx-widget-content-material-purple:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-material-purple:-ms-input-placeholder, textarea.jqx-input-material-purple:-ms-input-placeholder {
    color: #999999;
}
.jqx-combobox-content-focus-material-purple, .jqx-combobox-state-focus-material-purple, .jqx-fill-state-focus-material-purple,
.jqx-numberinput-focus-material-purple {
    outline: none;
}
.jqx-popup-material-purple.jqx-fill-state-focus-material-purple {
    outline: none;
    border-color: #E0E0E0 !important;
}
.jqx-datetimeinput-content, .jqx-datetimeinput-container {
    overflow: visible !important;
}
.jqx-text-area-material-purple, .jqx-text-area-material-purple > div {
    overflow:visible !important;
}
.jqx-text-area-element-material-purple {
   box-sizing: border-box;
}
.jqx-pivotgrid-content-wrapper.jqx-fill-state-normal-material-purple {
    border-color: #E0E0E0;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-rtl-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-rtl-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-title-selected-top-material-purple, .jqx-tabs-selection-tracker-top-material-purple {
    border-color: transparent;
    filter: none;
    background: #fff;
    color: #333;
    box-shadow: none;
}
.jqx-tabs-title-material-purple, .jqx-ribbon-item-material-purple {
    color: #333;
}
.jqx-tabs-title-selected-bottom-material-purple,
.jqx-tabs-title-selected-top-material-purple
 {
    color: #6200EE;
    font-weight:500;   
    padding-top:5px;
    padding-bottom:5px;
}
.jqx-tabs-title.jqx-fill-state-hover-material-purple {
    border-color: transparent;
}
.jqx-ribbon-item-material-purple {
    cursor: pointer;
}
.jqx-ribbon-item-selected-material-purple {
    color: #6200EE;
    font-weight:500;
    border-color: transparent;
}
.jqx-ribbon-item-hover-material-purple {
    background: transparent;
}
.jqx-ribbon-header-top-material-purple {
    border-color: transparent;
    border-bottom-color: #E0E0E0;
}
.jqx-ribbon-header-bottom-material-purple {
    border-color: transparent;
    border-top-color: #E0E0E0;
}
.jqx-ribbon-header-right-material-purple {
    border-color: transparent;
    border-left-color:#E0E0E0;
}
.jqx-ribbon-header-left-material-purple {
    border-color: transparent;
    border-right-color:#E0E0E0;
}
.jqx-tabs-title-selected-bottom-material-purple, .jqx-tabs-selection-tracker-bottom-material-purple {
    border-color: transparent;
    border-top: 1px solid #fff;
    filter: none;
    background: #fff;
    box-shadow: none;
}
.jqx-tabs-material-purple, .jqx-ribbon-material-purple {
    border-color: transparent;
}
.jqx-tabs-header-material-purple, .jqx-ribbon-header-material-purple {
    background: transparent;
}
.jqx-tabs-position-bottom .jqx-tabs-header-material-purple {
    border-color: transparent;
}
.jqx-layout-material-purple .jqx-tabs-header-material-purple, .jqx-layout-material-purple .jqx-ribbon-header-material-purple {
    background: #fff;
    border-color: #E0E0E0;
}
.jqx-tabs-title-bottom {
    border-color: transparent;
}
.jqx-tabs-title-hover-top-material-purple, .jqx-tabs-title-hover-bottom-material-purple, .jqx-tabs-header-material-purple {
    box-shadow: none !important;
    background: transparent;
}
.jqx-tabs-content-material-purple {
    box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-top-color: transparent;
    padding:5px;
}
.jqx-tabs-bar-material-purple {
    position: absolute;
    bottom: 0;
    background: #6200EE;
    height: 2px;
    z-index:10;
    transition: .5s cubic-bezier(.35,0,.25,1);
}
.jqx-tabs-bar-material-purple.vertical {
    width: 2px;
}
.jqx-tabs-position-bottom .jqx-tabs-bar-material-purple {
    top: 0;
}
.jqx-layout-material-purple {
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-material-purple { /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}
.jqx-calendar-material-purple > div {
    padding: 10px;
    box-sizing: border-box;
}
.jqx-calendar-cell-material-purple {
    border-radius: 50%;
    font-size:12px;
}
.jqx-calendar-cell-year-material-purple,
.jqx-calendar-cell-decade-material-purple {
    border-radius: 25%;
}
.jqx-calendar-title-content-material-purple {
    font-weight:bold;
}
.jqx-calendar-column-cell-material-purple {
    color: rgba(0,0,0,.38);
    font-size:12px;
}
.jqx-grid-column-menubutton-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-tabs-close-button-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-selected-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-close-button-hover-material-purple {
    background-image: url('close.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-scrollbar-button-state-pressed-material-purple .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-collapse-rtl-material-purple {
    background-image: url('material-icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-material-purple.jqx-grid-cell-selected-material-purple > .jqx-grid-group-expand-rtl-material-purple {
    background-image: url('material-icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-group-collapse-material-purple {
    background-image: url('material-icon-right.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-material-purple {
    padding-right: 0px;
    background-image: url('material-icon-left.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-material-purple, .jqx-grid-group-expand-rtl-material-purple {
    padding-right: 0px;
    background-image: url('material-icon-down.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-cell-filter-row-material-purple {
    background-color: #fafafa;
}
.jqx-icon-arrow-first-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-hover-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-hover-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-first-selected-material-purple {
    background-image: url('material-icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-material-purple {
    background-image: url('material-icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-first-selected-material-purple {
    background-image: url('material-icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-last-selected-material-purple {
    background-image: url('material-icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-fill-state-pressed-material-purple .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-primary .jqx-icon-arrow-down-material-purple, .jqx-warning .jqx-icon-arrow-down-material-purple, .jqx-danger .jqx-icon-arrow-down-material-purple, .jqx-success .jqx-icon-arrow-down-material-purple, .jqx-info .jqx-icon-arrow-down-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-selected-material-purple, .jqx-warning .jqx-icon-arrow-down-selected-material-purple, .jqx-danger .jqx-icon-arrow-down-selected-material-purple, .jqx-success .jqx-icon-arrow-down-selected-material-purple, .jqx-info .jqx-icon-arrow-down-selected-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-down-hover-material-purple, .jqx-warning .jqx-icon-arrow-down-hover-material-purple, .jqx-danger .jqx-icon-arrow-down-hover-material-purple, .jqx-success .jqx-icon-arrow-down-hover-material-purple, .jqx-info .jqx-icon-arrow-down-hover-material-purple {
    background-image: url('material-icon-down.png');
}
.jqx-primary .jqx-icon-arrow-up-material-purple, .jqx-warning .jqx-icon-arrow-up-material-purple, .jqx-danger .jqx-icon-arrow-up-material-purple, .jqx-success .jqx-icon-arrow-up-material-purple, .jqx-info .jqx-icon-arrow-up-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-selected-material-purple, .jqx-warning .jqx-icon-arrow-up-selected-material-purple, .jqx-danger .jqx-icon-arrow-up-selected-material-purple, .jqx-success .jqx-icon-arrow-up-selected-material-purple, .jqx-info .jqx-icon-arrow-up-selected-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-up-hover-material-purple, .jqx-warning .jqx-icon-arrow-up-hover-material-purple, .jqx-danger .jqx-icon-arrow-up-hover-material-purple, .jqx-success .jqx-icon-arrow-up-hover-material-purple, .jqx-info .jqx-icon-arrow-up-hover-material-purple {
    background-image: url('material-icon-up.png');
}
.jqx-primary .jqx-icon-arrow-left-material-purple, .jqx-warning .jqx-icon-arrow-left-material-purple, .jqx-danger .jqx-icon-arrow-left-material-purple, .jqx-success .jqx-icon-arrow-left-material-purple, .jqx-info .jqx-icon-arrow-left-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-selected-material-purple, .jqx-warning .jqx-icon-arrow-left-selected-material-purple, .jqx-danger .jqx-icon-arrow-left-selected-material-purple, .jqx-success .jqx-icon-arrow-left-selected-material-purple, .jqx-info .jqx-icon-arrow-left-selected-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-left-hover-material-purple, .jqx-warning .jqx-icon-arrow-left-hover-material-purple, .jqx-danger .jqx-icon-arrow-left-hover-material-purple, .jqx-success .jqx-icon-arrow-left-hover-material-purple, .jqx-info .jqx-icon-arrow-left-hover-material-purple {
    background-image: url('material-icon-left.png');
}
.jqx-primary .jqx-icon-arrow-right-material-purple, .jqx-warning .jqx-icon-arrow-right-material-purple, .jqx-danger .jqx-icon-arrow-right-material-purple, .jqx-success .jqx-icon-arrow-right-material-purple, .jqx-info .jqx-icon-arrow-right-material-purple {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-selected-material-purple, .jqx-warning .jqx-icon-arrow-right-selected-material-purple, .jqx-danger .jqx-icon-arrow-right-selected-material-purple, .jqx-success .jqx-icon-arrow-right-selected-material-purple, .jqx-info .jqx-icon-arrow-right-selected-material-purple {
    background-image: url('material-icon-right.png');
}
.jqx-primary .jqx-icon-arrow-right-hover-material-purple, .jqx-warning .jqx-icon-arrow-right-hover-material-purple, .jqx-danger .jqx-icon-arrow-right-hover-material-purple, .jqx-success .jqx-icon-arrow-right-hover-material-purple, .jqx-info .jqx-icon-arrow-right-hover-material-purple {
    background-image: url('material-icon-right.png');
}
/* Ripple effect */
.ripple {
    position: relative;
    transform: translate3d(0, 0, 0);
    overflow:hidden;
}
.ink {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 0%;
    transform: scaleX(0);
    background: rgba(98,0,238,0.5); 
    opacity: 0.25;
}
.outlined .ink, .flat .ink {
    background: rgba(98,0,238,0.5);
    overflow:hidden;
}
.ink.animate {
    animation: ripple .7s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material-purple .ripple,
.jqx-radiobutton-material-purple .ripple
 {
    overflow:visible;
}
.jqx-checkbox-material-purple .ink,
.jqx-radiobutton-material-purple .ink 
 {
    transform: scale(0); 
    background: #6200EE;
    border-radius: 50%;
}
.jqx-checkbox-material-purple .ink.animate,
.jqx-radiobutton-material-purple .ink.animate
 {
    animation: checkRipple 0.3s ease;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.jqx-checkbox-material-purple .ink.active,
.jqx-radiobutton-material-purple .ink.active
 {
    opacity: 0.2;
    transform: scale(2);
}
.jqx-checkbox-default-material-purple.active .ink,
.jqx-radiobutton-default-material-purple.active .ink
 {
    opacity: 0.2;
    transform: scale(2);
}
/* Ripple effect */
.buttonRipple {
  background-position: center;
  transition: background 0.8s;
}
.buttonRipple:hover {
  background: #6200EE radial-gradient(circle, transparent 1%, #6200EE 1%) center/15000%;
}
.buttonRipple:active {
  background-color: #ECE0FD;
  background-size: 100%;
  transition: background 0s;
}
.buttonRipple:active:not(:hover) {
      color: #333;
}
@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(5);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
@keyframes checkRipple {
    100% {
        opacity: 0.2;
        transform: scale(2);
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    }
}
.jqx-fill-state-pressed-material-purple-purple .jqx-icon-delete-material-purple
{
    background-image: url('icon-delete-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-edit-material-purple
{
    background-image: url('icon-edit-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-save-material-purple
{
    background-image: url('icon-save-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-cancel-material-purple
{
    background-image: url('icon-cancel-white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-search-material-purple
{
    background-image: url('search_white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-icon-plus-material-purple
{
    background-image: url('plus_white.png');
}
.jqx-fill-state-pressed-material-purple .jqx-menu-minimized-button-material-purple {
   background-image: url('icon-menu-minimized-white.png');
}
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-material-purple, .jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-material-purple {
    background: url('html_editor_white.png') no-repeat;
}
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-fontsize-material-purple,
.jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-fontsize-material-purple,
.jqx-fill-state-hover-material-purple .jqx-editor-toolbar-icon-forecolor-material-purple,
.jqx-fill-state-pressed-material-purple .jqx-editor-toolbar-icon-forecolor-material-purple
{
        background: url('html_editor.png') no-repeat;
}
.jqx-editor-toolbar-button-material-purple{
    border-color: #ddd;
    box-shadow: none !important;
	color: #333;
}
.jqx-input-group-material-purple.jqx-fill-state-disabled {
	pointer-events: none;
}
/*applied to the timepicker*/
.jqx-needle-central-circle-material-purple {
	fill: rgb(98, 0, 238);
}
.jqx-needle-material-purple {
	fill: rgb(98, 0, 238);
}
.jqx-time-picker .jqx-header .jqx-selected-material-purple:focus {
    outline: 2px solid rgba(98, 0, 238, 0.5);
	box-shadow: 0px 0px 4px 2px rgba(98, 0, 238, 0.125);
}
.jqx-svg-picker-material-purple:focus {
	border: 1px solid rgb(98, 0, 238) !important;
}
.jqx-split-layout-component-material-purple .jqx-split-layout {
    --jqx-primary-rgb: 98, 0, 238;
    --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-rgb: 225, 225, 225;
    --jqx-background-hover: rgb(var(--jqx-background-hover-rgb));
    --jqx-background-color-hover: rgba(0,0,0,.54);
    --jqx-surface-rgb: 255, 255, 255;
    --jqx-surface: rgb(var(--jqx-surface-rgb));
    --jqx-surface-color: rgba(0,0,0, .88);
    --jqx-border: rgba(98, 0, 238, 1);
}

/*# sourceMappingURL=styles.css.map*/