/* input(19137,50): run-time error CSS1031: Expected selector, found '{'
input(28107,19): run-time error CSS1035: Expected colon, found '{'
input(28115,19): run-time error CSS1035: Expected colon, found '{'
input(28123,19): run-time error CSS1035: Expected colon, found '{'
input(28131,19): run-time error CSS1035: Expected colon, found '{'
input(28289,19): run-time error CSS1035: Expected colon, found '{' */
@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  cursor: pointer;
  margin-inline-start: 1px;
  margin-right: 3px;
  height: 16px;
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3942 10.2628L10.263 11.394L8.00059 9.13081L5.73819 11.394L4.60699 10.2628L6.86939 7.99961L4.60699 5.73721L5.73819 4.60601L8.00059 6.86841L10.263 4.60601L11.3942 5.73721L9.13179 7.99961L11.3942 10.2628ZM8.00059 1.59961C4.46619 1.59961 1.60059 4.46521 1.60059 7.99961C1.60059 11.5348 4.46619 14.3996 8.00059 14.3996C11.535 14.3996 14.4006 11.5348 14.4006 7.99961C14.4006 4.46521 11.535 1.59961 8.00059 1.59961Z' fill='%238C9196'/%3E%3C/svg%3E%0A");
  background-repeat: none;
}

input[type=search]::-webkit-search-cancel-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3938 10.2629L10.2626 11.3941L8.00016 9.13087L5.73776 11.3941L4.60656 10.2629L6.86896 7.99967L4.60656 5.73727L5.73776 4.60607L8.00016 6.86847L10.2626 4.60607L11.3938 5.73727L9.13136 7.99967L11.3938 10.2629ZM8.00016 1.59967C4.46576 1.59967 1.60016 4.46527 1.60016 7.99967C1.60016 11.5349 4.46576 14.3997 8.00016 14.3997C11.5346 14.3997 14.4002 11.5349 14.4002 7.99967C14.4002 4.46527 11.5346 1.59967 8.00016 1.59967Z' fill='%23028888'/%3E%3C/svg%3E%0A");
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

button {
  background: none;
  padding: 0;
  border: none;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body,
.dx-viewport,
body.dx-viewport.dx-theme-material-typography {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .displayXXL,
.dx-viewport .displayXXL,
body.dx-viewport.dx-theme-material-typography .displayXXL {
  font-weight: 600;
  font-style: normal;
  font-size: 72px;
  line-height: 52px;
  color: #202223;
  text-decoration: none;
}
body h1, body .h1,
body .displayXL,
.dx-viewport h1,
.dx-viewport .h1,
.dx-viewport .displayXL,
body.dx-viewport.dx-theme-material-typography h1,
body.dx-viewport.dx-theme-material-typography .h1,
body.dx-viewport.dx-theme-material-typography .displayXL {
  font-weight: 600;
  font-style: normal;
  font-size: 42px;
  line-height: 44px;
  color: #202223;
  text-decoration: none;
}
body h2, body .h2,
body .displayL,
.dx-viewport h2,
.dx-viewport .h2,
.dx-viewport .displayL,
body.dx-viewport.dx-theme-material-typography h2,
body.dx-viewport.dx-theme-material-typography .h2,
body.dx-viewport.dx-theme-material-typography .displayL {
  font-weight: 600;
  font-style: normal;
  font-size: 28px;
  line-height: 32px;
  color: #202223;
  text-decoration: none;
}
body h3, body .h3,
body .displayM,
.dx-viewport h3,
.dx-viewport .h3,
.dx-viewport .displayM,
body.dx-viewport.dx-theme-material-typography h3,
body.dx-viewport.dx-theme-material-typography .h3,
body.dx-viewport.dx-theme-material-typography .displayM {
  font-weight: 600;
  font-style: normal;
  font-size: 24px;
  line-height: 32px;
  color: #202223;
  text-decoration: none;
}
body h4, body .h4,
body .displayS,
.dx-viewport h4,
.dx-viewport .h4,
.dx-viewport .displayS,
body.dx-viewport.dx-theme-material-typography h4,
body.dx-viewport.dx-theme-material-typography .h4,
body.dx-viewport.dx-theme-material-typography .displayS {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  color: #202223;
  text-decoration: none;
}
body h5, body .h5,
body .heading,
.dx-viewport h5,
.dx-viewport .h5,
.dx-viewport .heading,
body.dx-viewport.dx-theme-material-typography h5,
body.dx-viewport.dx-theme-material-typography .h5,
body.dx-viewport.dx-theme-material-typography .heading {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202223;
  text-decoration: none;
}
body h6, body .h6,
body .subheading,
.dx-viewport h6,
.dx-viewport .h6,
.dx-viewport .subheading,
body.dx-viewport.dx-theme-material-typography h6,
body.dx-viewport.dx-theme-material-typography .h6,
body.dx-viewport.dx-theme-material-typography .subheading {
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
}
body .nav-text,
.dx-viewport .nav-text,
body.dx-viewport.dx-theme-material-typography .nav-text {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .button-text,
.dx-viewport .button-text,
body.dx-viewport.dx-theme-material-typography .button-text {
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body p,
body .body-text,
.dx-viewport p,
.dx-viewport .body-text,
body.dx-viewport.dx-theme-material-typography p,
body.dx-viewport.dx-theme-material-typography .body-text {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .caption,
.dx-viewport .caption,
body.dx-viewport.dx-theme-material-typography .caption {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body .markup,
.dx-viewport .markup,
body.dx-viewport.dx-theme-material-typography .markup {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body .underline,
.dx-viewport .underline,
body.dx-viewport.dx-theme-material-typography .underline {
  text-decoration: underline;
  cursor: pointer;
}
body .uppercase,
.dx-viewport .uppercase,
body.dx-viewport.dx-theme-material-typography .uppercase {
  text-transform: uppercase;
}
body .lowercase,
.dx-viewport .lowercase,
body.dx-viewport.dx-theme-material-typography .lowercase {
  text-transform: lowercase;
}
body .capitalize,
.dx-viewport .capitalize,
body.dx-viewport.dx-theme-material-typography .capitalize {
  text-transform: capitalize;
}
body .textDefault,
.dx-viewport .textDefault,
body.dx-viewport.dx-theme-material-typography .textDefault {
  color: #202223 !important;
}
body .textSubdued, body .highlightWarningSubdued,
body.dx-viewport.dx-theme-material-typography .highlightWarningSubdued,
.dx-viewport .textSubdued,
.dx-viewport .highlightWarningSubdued,
body.dx-viewport.dx-theme-material-typography .textSubdued {
  color: #6D7175;
}
body .textHighlight,
.dx-viewport .textHighlight,
body.dx-viewport.dx-theme-material-typography .textHighlight {
  color: #347C84;
}
body .textDisabled,
.dx-viewport .textDisabled,
body.dx-viewport.dx-theme-material-typography .textDisabled {
  color: #8C9196;
}
body .textSuccess,
.dx-viewport .textSuccess,
body.dx-viewport.dx-theme-material-typography .textSuccess {
  color: #008060;
}
body .textCritical,
.dx-viewport .textCritical,
body.dx-viewport.dx-theme-material-typography .textCritical {
  color: #D82C0D !important;
}
body .textFocusedDefault,
.dx-viewport .textFocusedDefault,
body.dx-viewport.dx-theme-material-typography .textFocusedDefault {
  color: #458FFF;
}
body .textWarning,
.dx-viewport .textWarning,
body.dx-viewport.dx-theme-material-typography .textWarning {
  color: #FFC453;
}
body .textWhite,
.dx-viewport .textWhite,
body.dx-viewport.dx-theme-material-typography .textWhite {
  color: #fff;
}
body .bold,
.dx-viewport .bold,
body.dx-viewport.dx-theme-material-typography .bold {
  font-weight: 700;
}
body .semi-bold,
.dx-viewport .semi-bold,
body.dx-viewport.dx-theme-material-typography .semi-bold {
  font-weight: 600 !important;
}
body .line-32,
.dx-viewport .line-32,
body.dx-viewport.dx-theme-material-typography .line-32 {
  line-height: 32px;
}
body h1, body .h1,
body h2,
body .h2,
body h3,
body .h3,
body h4,
body .h4,
body h5,
body .h5,
body h6,
body .h6,
.dx-viewport h1,
.dx-viewport .h1,
.dx-viewport h2,
.dx-viewport .h2,
.dx-viewport h3,
.dx-viewport .h3,
.dx-viewport h4,
.dx-viewport .h4,
.dx-viewport h5,
.dx-viewport .h5,
.dx-viewport h6,
.dx-viewport .h6,
body.dx-viewport.dx-theme-material-typography h1,
body.dx-viewport.dx-theme-material-typography .h1,
body.dx-viewport.dx-theme-material-typography h2,
body.dx-viewport.dx-theme-material-typography .h2,
body.dx-viewport.dx-theme-material-typography h3,
body.dx-viewport.dx-theme-material-typography .h3,
body.dx-viewport.dx-theme-material-typography h4,
body.dx-viewport.dx-theme-material-typography .h4,
body.dx-viewport.dx-theme-material-typography h5,
body.dx-viewport.dx-theme-material-typography .h5,
body.dx-viewport.dx-theme-material-typography h6,
body.dx-viewport.dx-theme-material-typography .h6 {
  margin-bottom: 0;
}
body .highlightWarningSubdued,
.dx-viewport .highlightWarningSubdued,
body.dx-viewport.dx-theme-material-typography .highlightWarningSubdued {
  background: #FFEBD3;
  border-radius: 2px;
  padding: 0 4px;
}
body .tableCriticalMessage,
.dx-viewport .tableCriticalMessage,
body.dx-viewport.dx-theme-material-typography .tableCriticalMessage {
  display: flex;
  color: #D82C0D;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  gap: 4px;
  align-items: center;
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  min-height: 1px;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-bs-original-title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]::-webkit-calendar-picker-indicator {
  display: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0px);
  padding-left: var(--bs-gutter-x, 0px);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 0px;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }

  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }

  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }

  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }

  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }

  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }

  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }

  .g-md-0,
.gx-md-0 {
    --bs-gutter-x: 0;
  }

  .g-md-0,
.gy-md-0 {
    --bs-gutter-y: 0;
  }

  .g-md-1,
.gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-md-1,
.gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-md-2,
.gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-md-2,
.gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-md-3,
.gx-md-3 {
    --bs-gutter-x: 1rem;
  }

  .g-md-3,
.gy-md-3 {
    --bs-gutter-y: 1rem;
  }

  .g-md-4,
.gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-md-4,
.gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-md-5,
.gx-md-5 {
    --bs-gutter-x: 3rem;
  }

  .g-md-5,
.gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }

  .g-lg-0,
.gx-lg-0 {
    --bs-gutter-x: 0;
  }

  .g-lg-0,
.gy-lg-0 {
    --bs-gutter-y: 0;
  }

  .g-lg-1,
.gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-lg-1,
.gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-lg-2,
.gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-lg-2,
.gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-lg-3,
.gx-lg-3 {
    --bs-gutter-x: 1rem;
  }

  .g-lg-3,
.gy-lg-3 {
    --bs-gutter-y: 1rem;
  }

  .g-lg-4,
.gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-lg-4,
.gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-lg-5,
.gx-lg-5 {
    --bs-gutter-x: 3rem;
  }

  .g-lg-5,
.gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }

  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }

  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }

  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-3 {
    margin-left: 25%;
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-6 {
    margin-left: 50%;
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-9 {
    margin-left: 75%;
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }

  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }

  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }

  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }

  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }

  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }

  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:first-child) {
  border-top: 2px solid currentColor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: auto;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}
.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: 0.25rem;
}

.form-select, .mimic-form-input-search, #carrierCompliance table input.pValue, #carrierCompliance table input.modValue, table input.sfValue, table input.modValue, input.form-search, input.form-url, input.form-date, input.form-clear, input.form-num-value, input.form-percent, input.form-days, input.form-num-hours, input.form-num-minutes {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select, .mimic-form-input-search, #carrierCompliance table input.pValue, #carrierCompliance table input.modValue, table input.sfValue, table input.modValue, input.form-search, input.form-url, input.form-date, input.form-clear, input.form-num-value, input.form-percent, input.form-days, input.form-num-hours, input.form-num-minutes {
    transition: none;
  }
}
.form-select:focus, .mimic-form-input-search:focus, #carrierCompliance table input.pValue:focus, #carrierCompliance table input.modValue:focus, table input.sfValue:focus, table input.modValue:focus, input.form-search:focus, input.form-url:focus, input.form-date:focus, input.form-clear:focus, input.form-num-value:focus, input.form-percent:focus, input.form-days:focus, input.form-num-hours:focus, input.form-num-minutes:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], [multiple].mimic-form-input-search, #carrierCompliance table input[multiple].pValue, #carrierCompliance table input[multiple].modValue, table input[multiple].sfValue, table input[multiple].modValue, input[multiple].form-search, input[multiple].form-url, input[multiple].form-date, input[multiple].form-clear, input[multiple].form-num-value, input[multiple].form-percent, input[multiple].form-days, input[multiple].form-num-hours, input[multiple].form-num-minutes, .form-select[size]:not([size="1"]), [size].mimic-form-input-search:not([size="1"]), #carrierCompliance table input[size].pValue:not([size="1"]), #carrierCompliance table input[size].modValue:not([size="1"]), table input[size].sfValue:not([size="1"]), table input[size].modValue:not([size="1"]), input[size].form-search:not([size="1"]), input[size].form-url:not([size="1"]), input[size].form-date:not([size="1"]), input[size].form-clear:not([size="1"]), input[size].form-num-value:not([size="1"]), input[size].form-percent:not([size="1"]), input[size].form-days:not([size="1"]), input[size].form-num-hours:not([size="1"]), input[size].form-num-minutes:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled, .mimic-form-input-search:disabled, #carrierCompliance table input.pValue:disabled, #carrierCompliance table input.modValue:disabled, table input.sfValue:disabled, table input.modValue:disabled, input.form-search:disabled, input.form-url:disabled, input.form-date:disabled, input.form-clear:disabled, input.form-num-value:disabled, input.form-percent:disabled, input.form-days:disabled, input.form-num-hours:disabled, input.form-num-minutes:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring, .mimic-form-input-search:-moz-focusring, #carrierCompliance table input.pValue:-moz-focusring, #carrierCompliance table input.modValue:-moz-focusring, table input.sfValue:-moz-focusring, table input.modValue:-moz-focusring, input.form-search:-moz-focusring, input.form-url:-moz-focusring, input.form-date:-moz-focusring, input.form-clear:-moz-focusring, input.form-num-value:-moz-focusring, input.form-percent:-moz-focusring, input.form-days:-moz-focusring, input.form-num-hours:-moz-focusring, input.form-num-minutes:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.form-check {
  display: block;
  min-height: 18px;
  padding-left: 27px;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -27px;
}

.form-check-input {
  width: 18px;
  height: 18px;
  margin-top: -8.25px;
  vertical-align: top;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #8C9196;
  appearance: none;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 2px;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: none;
  outline: 0;
  box-shadow: none;
}
.form-check-input:checked {
  background-color: #EE7E00;
  border-color: #EE7E00;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.31476 7.858L0.132954 4.441C-0.044318 4.253 -0.044318 3.947 0.132954 3.757L0.775678 3.074C0.95295 2.886 1.24113 2.886 1.4184 3.074L3.63657 5.466L8.5811 0.141C8.75837 -0.047 9.04655 -0.047 9.22382 0.141L9.86655 0.825C10.0438 1.013 10.0438 1.32 9.86655 1.507L3.95748 7.858C3.78021 8.046 3.49203 8.046 3.31476 7.858Z' fill='white'/%3E%3C/svg%3E%0A");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23028888'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-select,
.form-floating > .mimic-form-input-search,
#carrierCompliance table .form-floating > input.pValue,
#carrierCompliance table .form-floating > input.modValue,
table .form-floating > input.sfValue,
table .form-floating > input.modValue,
.form-floating > input.form-search,
.form-floating > input.form-url,
.form-floating > input.form-date,
.form-floating > input.form-clear,
.form-floating > input.form-num-value,
.form-floating > input.form-percent,
.form-floating > input.form-days,
.form-floating > input.form-num-hours,
.form-floating > input.form-num-minutes {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem 0.75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select, .form-floating > .mimic-form-input-search, #carrierCompliance table .form-floating > input.pValue, #carrierCompliance table .form-floating > input.modValue, table .form-floating > input.sfValue, table .form-floating > input.modValue, .form-floating > input.form-search, .form-floating > input.form-url, .form-floating > input.form-date, .form-floating > input.form-clear, .form-floating > input.form-num-value, .form-floating > input.form-percent, .form-floating > input.form-days, .form-floating > input.form-num-hours, .form-floating > input.form-num-minutes {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label,
.form-floating > .mimic-form-input-search ~ label,
#carrierCompliance table .form-floating > input.pValue ~ label,
#carrierCompliance table .form-floating > input.modValue ~ label,
table .form-floating > input.sfValue ~ label,
table .form-floating > input.modValue ~ label,
.form-floating > input.form-search ~ label,
.form-floating > input.form-url ~ label,
.form-floating > input.form-date ~ label,
.form-floating > input.form-clear ~ label,
.form-floating > input.form-num-value ~ label,
.form-floating > input.form-percent ~ label,
.form-floating > input.form-days ~ label,
.form-floating > input.form-num-hours ~ label,
.form-floating > input.form-num-minutes ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .mimic-form-input-search,
#carrierCompliance table .input-group > input.pValue,
#carrierCompliance table .input-group > input.modValue,
table .input-group > input.sfValue,
table .input-group > input.modValue,
.input-group > input.form-search,
.input-group > input.form-url,
.input-group > input.form-date,
.input-group > input.form-clear,
.input-group > input.form-num-value,
.input-group > input.form-percent,
.input-group > input.form-days,
.input-group > input.form-num-hours,
.input-group > input.form-num-minutes {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .mimic-form-input-search:focus,
#carrierCompliance table .input-group > input.pValue:focus,
#carrierCompliance table .input-group > input.modValue:focus,
table .input-group > input.sfValue:focus,
table .input-group > input.modValue:focus,
.input-group > input.form-search:focus,
.input-group > input.form-url:focus,
.input-group > input.form-date:focus,
.input-group > input.form-clear:focus,
.input-group > input.form-num-value:focus,
.input-group > input.form-percent:focus,
.input-group > input.form-days:focus,
.input-group > input.form-num-hours:focus,
.input-group > input.form-num-minutes:focus {
  z-index: 3;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 3;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .mimic-form-input-search,
#carrierCompliance table .input-group-lg > input.pValue,
#carrierCompliance table .input-group-lg > input.modValue,
table .input-group-lg > input.sfValue,
table .input-group-lg > input.modValue,
.input-group-lg > input.form-search,
.input-group-lg > input.form-url,
.input-group-lg > input.form-date,
.input-group-lg > input.form-clear,
.input-group-lg > input.form-num-value,
.input-group-lg > input.form-percent,
.input-group-lg > input.form-days,
.input-group-lg > input.form-num-hours,
.input-group-lg > input.form-num-minutes,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .mimic-form-input-search,
#carrierCompliance table .input-group-sm > input.pValue,
#carrierCompliance table .input-group-sm > input.modValue,
table .input-group-sm > input.sfValue,
table .input-group-sm > input.modValue,
.input-group-sm > input.form-search,
.input-group-sm > input.form-url,
.input-group-sm > input.form-date,
.input-group-sm > input.form-clear,
.input-group-sm > input.form-num-value,
.input-group-sm > input.form-percent,
.input-group-sm > input.form-days,
.input-group-sm > input.form-num-hours,
.input-group-sm > input.form-num-minutes,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.input-group-lg > .form-select, .input-group-lg > .mimic-form-input-search, #carrierCompliance table .input-group-lg > input.pValue, #carrierCompliance table .input-group-lg > input.modValue, table .input-group-lg > input.sfValue, table .input-group-lg > input.modValue, .input-group-lg > input.form-search, .input-group-lg > input.form-url, .input-group-lg > input.form-date, .input-group-lg > input.form-clear, .input-group-lg > input.form-num-value, .input-group-lg > input.form-percent, .input-group-lg > input.form-days, .input-group-lg > input.form-num-hours, .input-group-lg > input.form-num-minutes,
.input-group-sm > .form-select,
.input-group-sm > .mimic-form-input-search,
#carrierCompliance table .input-group-sm > input.pValue,
#carrierCompliance table .input-group-sm > input.modValue,
table .input-group-sm > input.sfValue,
table .input-group-sm > input.modValue,
.input-group-sm > input.form-search,
.input-group-sm > input.form-url,
.input-group-sm > input.form-date,
.input-group-sm > input.form-clear,
.input-group-sm > input.form-num-value,
.input-group-sm > input.form-percent,
.input-group-sm > input.form-days,
.input-group-sm > input.form-num-hours,
.input-group-sm > input.form-num-minutes {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .was-validated .mimic-form-input-search:valid, .was-validated #carrierCompliance table input.pValue:valid, #carrierCompliance table .was-validated input.pValue:valid, .was-validated #carrierCompliance table input.modValue:valid, #carrierCompliance table .was-validated input.modValue:valid, .was-validated table input.sfValue:valid, table .was-validated input.sfValue:valid, .was-validated table input.modValue:valid, table .was-validated input.modValue:valid, .was-validated input.form-search:valid, .was-validated input.form-url:valid, .was-validated input.form-date:valid, .was-validated input.form-clear:valid, .was-validated input.form-num-value:valid, .was-validated input.form-percent:valid, .was-validated input.form-days:valid, .was-validated input.form-num-hours:valid, .was-validated input.form-num-minutes:valid, .form-select.is-valid, .is-valid.mimic-form-input-search, #carrierCompliance table input.is-valid.pValue, #carrierCompliance table input.is-valid.modValue, table input.is-valid.sfValue, table input.is-valid.modValue, input.is-valid.form-search, input.is-valid.form-url, input.is-valid.form-date, input.is-valid.form-clear, input.is-valid.form-num-value, input.is-valid.form-percent, input.is-valid.form-days, input.is-valid.form-num-hours, input.is-valid.form-num-minutes {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .mimic-form-input-search:valid:not([multiple]):not([size]), .was-validated #carrierCompliance table input.pValue:valid:not([multiple]):not([size]), #carrierCompliance table .was-validated input.pValue:valid:not([multiple]):not([size]), .was-validated #carrierCompliance table input.modValue:valid:not([multiple]):not([size]), #carrierCompliance table .was-validated input.modValue:valid:not([multiple]):not([size]), .was-validated table input.sfValue:valid:not([multiple]):not([size]), table .was-validated input.sfValue:valid:not([multiple]):not([size]), .was-validated table input.modValue:valid:not([multiple]):not([size]), table .was-validated input.modValue:valid:not([multiple]):not([size]), .was-validated input.form-search:valid:not([multiple]):not([size]), .was-validated input.form-url:valid:not([multiple]):not([size]), .was-validated input.form-date:valid:not([multiple]):not([size]), .was-validated input.form-clear:valid:not([multiple]):not([size]), .was-validated input.form-num-value:valid:not([multiple]):not([size]), .was-validated input.form-percent:valid:not([multiple]):not([size]), .was-validated input.form-days:valid:not([multiple]):not([size]), .was-validated input.form-num-hours:valid:not([multiple]):not([size]), .was-validated input.form-num-minutes:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .was-validated .mimic-form-input-search:valid:not([multiple])[size="1"], .was-validated #carrierCompliance table input.pValue:valid:not([multiple])[size="1"], #carrierCompliance table .was-validated input.pValue:valid:not([multiple])[size="1"], .was-validated #carrierCompliance table input.modValue:valid:not([multiple])[size="1"], #carrierCompliance table .was-validated input.modValue:valid:not([multiple])[size="1"], .was-validated table input.sfValue:valid:not([multiple])[size="1"], table .was-validated input.sfValue:valid:not([multiple])[size="1"], .was-validated table input.modValue:valid:not([multiple])[size="1"], table .was-validated input.modValue:valid:not([multiple])[size="1"], .was-validated input.form-search:valid:not([multiple])[size="1"], .was-validated input.form-url:valid:not([multiple])[size="1"], .was-validated input.form-date:valid:not([multiple])[size="1"], .was-validated input.form-clear:valid:not([multiple])[size="1"], .was-validated input.form-num-value:valid:not([multiple])[size="1"], .was-validated input.form-percent:valid:not([multiple])[size="1"], .was-validated input.form-days:valid:not([multiple])[size="1"], .was-validated input.form-num-hours:valid:not([multiple])[size="1"], .was-validated input.form-num-minutes:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .is-valid.mimic-form-input-search:not([multiple]):not([size]), #carrierCompliance table input.is-valid.pValue:not([multiple]):not([size]), #carrierCompliance table input.is-valid.modValue:not([multiple]):not([size]), table input.is-valid.sfValue:not([multiple]):not([size]), table input.is-valid.modValue:not([multiple]):not([size]), input.is-valid.form-search:not([multiple]):not([size]), input.is-valid.form-url:not([multiple]):not([size]), input.is-valid.form-date:not([multiple]):not([size]), input.is-valid.form-clear:not([multiple]):not([size]), input.is-valid.form-num-value:not([multiple]):not([size]), input.is-valid.form-percent:not([multiple]):not([size]), input.is-valid.form-days:not([multiple]):not([size]), input.is-valid.form-num-hours:not([multiple]):not([size]), input.is-valid.form-num-minutes:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .is-valid.mimic-form-input-search:not([multiple])[size="1"], #carrierCompliance table input.is-valid.pValue:not([multiple])[size="1"], #carrierCompliance table input.is-valid.modValue:not([multiple])[size="1"], table input.is-valid.sfValue:not([multiple])[size="1"], table input.is-valid.modValue:not([multiple])[size="1"], input.is-valid.form-search:not([multiple])[size="1"], input.is-valid.form-url:not([multiple])[size="1"], input.is-valid.form-date:not([multiple])[size="1"], input.is-valid.form-clear:not([multiple])[size="1"], input.is-valid.form-num-value:not([multiple])[size="1"], input.is-valid.form-percent:not([multiple])[size="1"], input.is-valid.form-days:not([multiple])[size="1"], input.is-valid.form-num-hours:not([multiple])[size="1"], input.is-valid.form-num-minutes:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .was-validated .mimic-form-input-search:valid:focus, .was-validated #carrierCompliance table input.pValue:valid:focus, #carrierCompliance table .was-validated input.pValue:valid:focus, .was-validated #carrierCompliance table input.modValue:valid:focus, #carrierCompliance table .was-validated input.modValue:valid:focus, .was-validated table input.sfValue:valid:focus, table .was-validated input.sfValue:valid:focus, .was-validated table input.modValue:valid:focus, table .was-validated input.modValue:valid:focus, .was-validated input.form-search:valid:focus, .was-validated input.form-url:valid:focus, .was-validated input.form-date:valid:focus, .was-validated input.form-clear:valid:focus, .was-validated input.form-num-value:valid:focus, .was-validated input.form-percent:valid:focus, .was-validated input.form-days:valid:focus, .was-validated input.form-num-hours:valid:focus, .was-validated input.form-num-minutes:valid:focus, .form-select.is-valid:focus, .is-valid.mimic-form-input-search:focus, #carrierCompliance table input.is-valid.pValue:focus, #carrierCompliance table input.is-valid.modValue:focus, table input.is-valid.sfValue:focus, table input.is-valid.modValue:focus, input.is-valid.form-search:focus, input.is-valid.form-url:focus, input.is-valid.form-date:focus, input.is-valid.form-clear:focus, input.is-valid.form-num-value:focus, input.is-valid.form-percent:focus, input.is-valid.form-days:focus, input.is-valid.form-num-hours:focus, input.is-valid.form-num-minutes:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.was-validated .input-group .mimic-form-input-search:valid,
.was-validated .input-group #carrierCompliance table input.pValue:valid,
#carrierCompliance table .was-validated .input-group input.pValue:valid,
.was-validated .input-group #carrierCompliance table input.modValue:valid,
#carrierCompliance table .was-validated .input-group input.modValue:valid,
.was-validated .input-group table input.sfValue:valid,
table .was-validated .input-group input.sfValue:valid,
.was-validated .input-group table input.modValue:valid,
table .was-validated .input-group input.modValue:valid,
.was-validated .input-group input.form-search:valid,
.was-validated .input-group input.form-url:valid,
.was-validated .input-group input.form-date:valid,
.was-validated .input-group input.form-clear:valid,
.was-validated .input-group input.form-num-value:valid,
.was-validated .input-group input.form-percent:valid,
.was-validated .input-group input.form-days:valid,
.was-validated .input-group input.form-num-hours:valid,
.was-validated .input-group input.form-num-minutes:valid,
.input-group .form-select.is-valid,
.input-group .is-valid.mimic-form-input-search,
.input-group #carrierCompliance table input.is-valid.pValue,
#carrierCompliance table .input-group input.is-valid.pValue,
.input-group #carrierCompliance table input.is-valid.modValue,
#carrierCompliance table .input-group input.is-valid.modValue,
.input-group table input.is-valid.sfValue,
table .input-group input.is-valid.sfValue,
.input-group table input.is-valid.modValue,
table .input-group input.is-valid.modValue,
.input-group input.is-valid.form-search,
.input-group input.is-valid.form-url,
.input-group input.is-valid.form-date,
.input-group input.is-valid.form-clear,
.input-group input.is-valid.form-num-value,
.input-group input.is-valid.form-percent,
.input-group input.is-valid.form-days,
.input-group input.is-valid.form-num-hours,
.input-group input.is-valid.form-num-minutes {
  z-index: 1;
}
.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.was-validated .input-group .mimic-form-input-search:valid:focus,
.was-validated .input-group #carrierCompliance table input.pValue:valid:focus,
#carrierCompliance table .was-validated .input-group input.pValue:valid:focus,
.was-validated .input-group #carrierCompliance table input.modValue:valid:focus,
#carrierCompliance table .was-validated .input-group input.modValue:valid:focus,
.was-validated .input-group table input.sfValue:valid:focus,
table .was-validated .input-group input.sfValue:valid:focus,
.was-validated .input-group table input.modValue:valid:focus,
table .was-validated .input-group input.modValue:valid:focus,
.was-validated .input-group input.form-search:valid:focus,
.was-validated .input-group input.form-url:valid:focus,
.was-validated .input-group input.form-date:valid:focus,
.was-validated .input-group input.form-clear:valid:focus,
.was-validated .input-group input.form-num-value:valid:focus,
.was-validated .input-group input.form-percent:valid:focus,
.was-validated .input-group input.form-days:valid:focus,
.was-validated .input-group input.form-num-hours:valid:focus,
.was-validated .input-group input.form-num-minutes:valid:focus,
.input-group .form-select.is-valid:focus,
.input-group .is-valid.mimic-form-input-search:focus,
.input-group #carrierCompliance table input.is-valid.pValue:focus,
#carrierCompliance table .input-group input.is-valid.pValue:focus,
.input-group #carrierCompliance table input.is-valid.modValue:focus,
#carrierCompliance table .input-group input.is-valid.modValue:focus,
.input-group table input.is-valid.sfValue:focus,
table .input-group input.is-valid.sfValue:focus,
.input-group table input.is-valid.modValue:focus,
table .input-group input.is-valid.modValue:focus,
.input-group input.is-valid.form-search:focus,
.input-group input.is-valid.form-url:focus,
.input-group input.is-valid.form-date:focus,
.input-group input.is-valid.form-clear:focus,
.input-group input.is-valid.form-num-value:focus,
.input-group input.is-valid.form-percent:focus,
.input-group input.is-valid.form-days:focus,
.input-group input.is-valid.form-num-hours:focus,
.input-group input.is-valid.form-num-minutes:focus {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .was-validated .mimic-form-input-search:invalid, .was-validated #carrierCompliance table input.pValue:invalid, #carrierCompliance table .was-validated input.pValue:invalid, .was-validated #carrierCompliance table input.modValue:invalid, #carrierCompliance table .was-validated input.modValue:invalid, .was-validated table input.sfValue:invalid, table .was-validated input.sfValue:invalid, .was-validated table input.modValue:invalid, table .was-validated input.modValue:invalid, .was-validated input.form-search:invalid, .was-validated input.form-url:invalid, .was-validated input.form-date:invalid, .was-validated input.form-clear:invalid, .was-validated input.form-num-value:invalid, .was-validated input.form-percent:invalid, .was-validated input.form-days:invalid, .was-validated input.form-num-hours:invalid, .was-validated input.form-num-minutes:invalid, .form-select.is-invalid, .is-invalid.mimic-form-input-search, #carrierCompliance table input.is-invalid.pValue, #carrierCompliance table input.is-invalid.modValue, table input.is-invalid.sfValue, table input.is-invalid.modValue, input.is-invalid.form-search, input.is-invalid.form-url, input.is-invalid.form-date, input.is-invalid.form-clear, input.is-invalid.form-num-value, input.is-invalid.form-percent, input.is-invalid.form-days, input.is-invalid.form-num-hours, input.is-invalid.form-num-minutes {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .mimic-form-input-search:invalid:not([multiple]):not([size]), .was-validated #carrierCompliance table input.pValue:invalid:not([multiple]):not([size]), #carrierCompliance table .was-validated input.pValue:invalid:not([multiple]):not([size]), .was-validated #carrierCompliance table input.modValue:invalid:not([multiple]):not([size]), #carrierCompliance table .was-validated input.modValue:invalid:not([multiple]):not([size]), .was-validated table input.sfValue:invalid:not([multiple]):not([size]), table .was-validated input.sfValue:invalid:not([multiple]):not([size]), .was-validated table input.modValue:invalid:not([multiple]):not([size]), table .was-validated input.modValue:invalid:not([multiple]):not([size]), .was-validated input.form-search:invalid:not([multiple]):not([size]), .was-validated input.form-url:invalid:not([multiple]):not([size]), .was-validated input.form-date:invalid:not([multiple]):not([size]), .was-validated input.form-clear:invalid:not([multiple]):not([size]), .was-validated input.form-num-value:invalid:not([multiple]):not([size]), .was-validated input.form-percent:invalid:not([multiple]):not([size]), .was-validated input.form-days:invalid:not([multiple]):not([size]), .was-validated input.form-num-hours:invalid:not([multiple]):not([size]), .was-validated input.form-num-minutes:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .was-validated .mimic-form-input-search:invalid:not([multiple])[size="1"], .was-validated #carrierCompliance table input.pValue:invalid:not([multiple])[size="1"], #carrierCompliance table .was-validated input.pValue:invalid:not([multiple])[size="1"], .was-validated #carrierCompliance table input.modValue:invalid:not([multiple])[size="1"], #carrierCompliance table .was-validated input.modValue:invalid:not([multiple])[size="1"], .was-validated table input.sfValue:invalid:not([multiple])[size="1"], table .was-validated input.sfValue:invalid:not([multiple])[size="1"], .was-validated table input.modValue:invalid:not([multiple])[size="1"], table .was-validated input.modValue:invalid:not([multiple])[size="1"], .was-validated input.form-search:invalid:not([multiple])[size="1"], .was-validated input.form-url:invalid:not([multiple])[size="1"], .was-validated input.form-date:invalid:not([multiple])[size="1"], .was-validated input.form-clear:invalid:not([multiple])[size="1"], .was-validated input.form-num-value:invalid:not([multiple])[size="1"], .was-validated input.form-percent:invalid:not([multiple])[size="1"], .was-validated input.form-days:invalid:not([multiple])[size="1"], .was-validated input.form-num-hours:invalid:not([multiple])[size="1"], .was-validated input.form-num-minutes:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .is-invalid.mimic-form-input-search:not([multiple]):not([size]), #carrierCompliance table input.is-invalid.pValue:not([multiple]):not([size]), #carrierCompliance table input.is-invalid.modValue:not([multiple]):not([size]), table input.is-invalid.sfValue:not([multiple]):not([size]), table input.is-invalid.modValue:not([multiple]):not([size]), input.is-invalid.form-search:not([multiple]):not([size]), input.is-invalid.form-url:not([multiple]):not([size]), input.is-invalid.form-date:not([multiple]):not([size]), input.is-invalid.form-clear:not([multiple]):not([size]), input.is-invalid.form-num-value:not([multiple]):not([size]), input.is-invalid.form-percent:not([multiple]):not([size]), input.is-invalid.form-days:not([multiple]):not([size]), input.is-invalid.form-num-hours:not([multiple]):not([size]), input.is-invalid.form-num-minutes:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .is-invalid.mimic-form-input-search:not([multiple])[size="1"], #carrierCompliance table input.is-invalid.pValue:not([multiple])[size="1"], #carrierCompliance table input.is-invalid.modValue:not([multiple])[size="1"], table input.is-invalid.sfValue:not([multiple])[size="1"], table input.is-invalid.modValue:not([multiple])[size="1"], input.is-invalid.form-search:not([multiple])[size="1"], input.is-invalid.form-url:not([multiple])[size="1"], input.is-invalid.form-date:not([multiple])[size="1"], input.is-invalid.form-clear:not([multiple])[size="1"], input.is-invalid.form-num-value:not([multiple])[size="1"], input.is-invalid.form-percent:not([multiple])[size="1"], input.is-invalid.form-days:not([multiple])[size="1"], input.is-invalid.form-num-hours:not([multiple])[size="1"], input.is-invalid.form-num-minutes:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .was-validated .mimic-form-input-search:invalid:focus, .was-validated #carrierCompliance table input.pValue:invalid:focus, #carrierCompliance table .was-validated input.pValue:invalid:focus, .was-validated #carrierCompliance table input.modValue:invalid:focus, #carrierCompliance table .was-validated input.modValue:invalid:focus, .was-validated table input.sfValue:invalid:focus, table .was-validated input.sfValue:invalid:focus, .was-validated table input.modValue:invalid:focus, table .was-validated input.modValue:invalid:focus, .was-validated input.form-search:invalid:focus, .was-validated input.form-url:invalid:focus, .was-validated input.form-date:invalid:focus, .was-validated input.form-clear:invalid:focus, .was-validated input.form-num-value:invalid:focus, .was-validated input.form-percent:invalid:focus, .was-validated input.form-days:invalid:focus, .was-validated input.form-num-hours:invalid:focus, .was-validated input.form-num-minutes:invalid:focus, .form-select.is-invalid:focus, .is-invalid.mimic-form-input-search:focus, #carrierCompliance table input.is-invalid.pValue:focus, #carrierCompliance table input.is-invalid.modValue:focus, table input.is-invalid.sfValue:focus, table input.is-invalid.modValue:focus, input.is-invalid.form-search:focus, input.is-invalid.form-url:focus, input.is-invalid.form-date:focus, input.is-invalid.form-clear:focus, input.is-invalid.form-num-value:focus, input.is-invalid.form-percent:focus, input.is-invalid.form-days:focus, input.is-invalid.form-num-hours:focus, input.is-invalid.form-num-minutes:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.was-validated .input-group .mimic-form-input-search:invalid,
.was-validated .input-group #carrierCompliance table input.pValue:invalid,
#carrierCompliance table .was-validated .input-group input.pValue:invalid,
.was-validated .input-group #carrierCompliance table input.modValue:invalid,
#carrierCompliance table .was-validated .input-group input.modValue:invalid,
.was-validated .input-group table input.sfValue:invalid,
table .was-validated .input-group input.sfValue:invalid,
.was-validated .input-group table input.modValue:invalid,
table .was-validated .input-group input.modValue:invalid,
.was-validated .input-group input.form-search:invalid,
.was-validated .input-group input.form-url:invalid,
.was-validated .input-group input.form-date:invalid,
.was-validated .input-group input.form-clear:invalid,
.was-validated .input-group input.form-num-value:invalid,
.was-validated .input-group input.form-percent:invalid,
.was-validated .input-group input.form-days:invalid,
.was-validated .input-group input.form-num-hours:invalid,
.was-validated .input-group input.form-num-minutes:invalid,
.input-group .form-select.is-invalid,
.input-group .is-invalid.mimic-form-input-search,
.input-group #carrierCompliance table input.is-invalid.pValue,
#carrierCompliance table .input-group input.is-invalid.pValue,
.input-group #carrierCompliance table input.is-invalid.modValue,
#carrierCompliance table .input-group input.is-invalid.modValue,
.input-group table input.is-invalid.sfValue,
table .input-group input.is-invalid.sfValue,
.input-group table input.is-invalid.modValue,
table .input-group input.is-invalid.modValue,
.input-group input.is-invalid.form-search,
.input-group input.is-invalid.form-url,
.input-group input.is-invalid.form-date,
.input-group input.is-invalid.form-clear,
.input-group input.is-invalid.form-num-value,
.input-group input.is-invalid.form-percent,
.input-group input.is-invalid.form-days,
.input-group input.is-invalid.form-num-hours,
.input-group input.is-invalid.form-num-minutes {
  z-index: 2;
}
.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.was-validated .input-group .mimic-form-input-search:invalid:focus,
.was-validated .input-group #carrierCompliance table input.pValue:invalid:focus,
#carrierCompliance table .was-validated .input-group input.pValue:invalid:focus,
.was-validated .input-group #carrierCompliance table input.modValue:invalid:focus,
#carrierCompliance table .was-validated .input-group input.modValue:invalid:focus,
.was-validated .input-group table input.sfValue:invalid:focus,
table .was-validated .input-group input.sfValue:invalid:focus,
.was-validated .input-group table input.modValue:invalid:focus,
table .was-validated .input-group input.modValue:invalid:focus,
.was-validated .input-group input.form-search:invalid:focus,
.was-validated .input-group input.form-url:invalid:focus,
.was-validated .input-group input.form-date:invalid:focus,
.was-validated .input-group input.form-clear:invalid:focus,
.was-validated .input-group input.form-num-value:invalid:focus,
.was-validated .input-group input.form-percent:invalid:focus,
.was-validated .input-group input.form-days:invalid:focus,
.was-validated .input-group input.form-num-hours:invalid:focus,
.was-validated .input-group input.form-num-minutes:invalid:focus,
.input-group .form-select.is-invalid:focus,
.input-group .is-invalid.mimic-form-input-search:focus,
.input-group #carrierCompliance table input.is-invalid.pValue:focus,
#carrierCompliance table .input-group input.is-invalid.pValue:focus,
.input-group #carrierCompliance table input.is-invalid.modValue:focus,
#carrierCompliance table .input-group input.is-invalid.modValue:focus,
.input-group table input.is-invalid.sfValue:focus,
table .input-group input.is-invalid.sfValue:focus,
.input-group table input.is-invalid.modValue:focus,
table .input-group input.is-invalid.modValue:focus,
.input-group input.is-invalid.form-search:focus,
.input-group input.is-invalid.form-url:focus,
.input-group input.is-invalid.form-date:focus,
.input-group input.is-invalid.form-clear:focus,
.input-group input.is-invalid.form-num-value:focus,
.input-group input.is-invalid.form-percent:focus,
.input-group input.is-invalid.form-days:focus,
.input-group input.is-invalid.form-num-hours:focus,
.input-group input.is-invalid.form-num-minutes:focus {
  z-index: 3;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e;
}
.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
}
.btn-secondary:disabled, .btn-secondary.disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
}
.btn-check:focus + .btn-info, .btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
}
.btn-check:focus + .btn-dark, .btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f;
}
.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
}
.btn-dark:disabled, .btn-dark.disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  color: #0d6efd;
  background-color: transparent;
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-success {
  color: #198754;
  border-color: #198754;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #198754;
  border-color: #198754;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  color: #198754;
  background-color: transparent;
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0;
}
.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  color: #0dcaf0;
  background-color: transparent;
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
  color: #fff;
  background-color: #212529;
  border-color: #212529;
}
.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  color: #212529;
  background-color: transparent;
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline;
}
.btn-link:hover {
  color: #0a58ca;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.popoutNav ul li.dropdown-divider:has(+li.dropdown-divider),
.popoutNav ul .dropdown-divider + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + [hidden="hidden"] + [hidden="hidden"] + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + [hidden="hidden"] + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + [hidden="hidden"] + .dropdown-divider,
.popoutNav ul .dropdown-divider + .dropdown-divider {
  display: none;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
  color: #0d6efd;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: #0a58ca;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: none;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
  isolation: isolate;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #0d6efd;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 0.25rem;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-sm .offcanvas-top,
.navbar-expand-sm .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-md .offcanvas-top,
.navbar-expand-md .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-lg .offcanvas-top,
.navbar-expand-lg .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xl .offcanvas-top,
.navbar-expand-xl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
  }
  .navbar-expand-xxl .offcanvas-top,
.navbar-expand-xxl .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0;
  }
  .navbar-expand-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas {
  position: inherit;
  bottom: 0;
  z-index: 1000;
  flex-grow: 1;
  visibility: visible !important;
  background-color: transparent;
  border-right: 0;
  border-left: 0;
  transition: none;
  transform: none;
}
.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
  height: auto;
  border-top: 0;
  border-bottom: 0;
}
.navbar-expand .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.55);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.55);
}
.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.55);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.55);
}
.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card, #carrierCompliance .underCard, .underCard {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr, #carrierCompliance .underCard > hr, .underCard > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group, #carrierCompliance .underCard > .list-group, .underCard > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child, #carrierCompliance .underCard > .list-group:first-child, .underCard > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child, #carrierCompliance .underCard > .list-group:last-child, .underCard > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group, #carrierCompliance .underCard > .card-header + .list-group, .underCard > .card-header + .list-group,
.card > .list-group + .card-footer,
#carrierCompliance .underCard > .list-group + .card-footer,
.underCard > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
}

.card-title {
  margin-bottom: 0.5rem;
}

.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
  margin-left: -0.5rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card, #carrierCompliance .card-group > .underCard, .card-group > .underCard {
  margin-bottom: 0px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card, #carrierCompliance .card-group > .underCard, .card-group > .underCard {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card, #carrierCompliance .card-group > .underCard + .card, .card-group > .underCard + .card, #carrierCompliance .card-group > .card + .underCard, #carrierCompliance .card-group > .underCard + .underCard, .card-group > .card + .underCard, .card-group > .underCard + .underCard {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child), #carrierCompliance .card-group > .underCard:not(:last-child), .card-group > .underCard:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, #carrierCompliance .card-group > .underCard:not(:last-child) .card-img-top, .card-group > .underCard:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header,
#carrierCompliance .card-group > .underCard:not(:last-child) .card-header,
.card-group > .underCard:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, #carrierCompliance .card-group > .underCard:not(:last-child) .card-img-bottom, .card-group > .underCard:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer,
#carrierCompliance .card-group > .underCard:not(:last-child) .card-footer,
.card-group > .underCard:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child), #carrierCompliance .card-group > .underCard:not(:first-child), .card-group > .underCard:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, #carrierCompliance .card-group > .underCard:not(:first-child) .card-img-top, .card-group > .underCard:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header,
#carrierCompliance .card-group > .underCard:not(:first-child) .card-header,
.card-group > .underCard:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, #carrierCompliance .card-group > .underCard:not(:first-child) .card-img-bottom, .card-group > .underCard:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer,
#carrierCompliance .card-group > .underCard:not(:first-child) .card-footer,
.card-group > .underCard:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0px 0px;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.accordion-item:first-of-type {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.accordion-body {
  padding: 0px 0px;
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}
.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 1rem;
  list-style: none;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 0.75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}
.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}
.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}
.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}
.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}
.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > li::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #084298;
  background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #41464b;
  background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #0f5132;
  background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #055160;
  background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #664d03;
  background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #842029;
  background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #636464;
  background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #141619;
  background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  width: 350px;
  max-width: 100%;
  font-size: 0.875rem;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: 0px;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.toast-header .btn-close {
  margin-right: -0.375rem;
  margin-left: 0.75rem;
}

.toast-body {
  padding: 0.75rem;
  word-wrap: break-word;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}
.tooltip {
  position: absolute;
  z-index: 1080;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[data-popper-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-end, .bs-tooltip-auto[data-popper-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[data-popper-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start, .bs-tooltip-auto[data-popper-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0 /* rtl:ignore */;
  z-index: 1070;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0;
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

/* rtl:begin:ignore */
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/* rtl:end:ignore */
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}
.carousel-dark .carousel-caption {
  color: #000;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
}
.offcanvas-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin-top: -0.5rem;
  margin-right: -0.5rem;
  margin-bottom: -0.5rem;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: 1rem 1rem;
  overflow-y: auto;
}

.offcanvas-start {
  top: 0;
  left: 0;
  width: 400px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(-100%);
}

.offcanvas-end {
  top: 0;
  right: 0;
  width: 400px;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateX(100%);
}

.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(-100%);
}

.offcanvas-bottom {
  right: 0;
  left: 0;
  height: 30vh;
  max-height: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  transform: translateY(100%);
}

.offcanvas.show {
  transform: none;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentColor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.link-primary {
  color: #0d6efd;
}
.link-primary:hover, .link-primary:focus {
  color: #0a58ca;
}

.link-secondary {
  color: #6c757d;
}
.link-secondary:hover, .link-secondary:focus {
  color: #565e64;
}

.link-success {
  color: #198754;
}
.link-success:hover, .link-success:focus {
  color: #146c43;
}

.link-info {
  color: #0dcaf0;
}
.link-info:hover, .link-info:focus {
  color: #3dd5f3;
}

.link-warning {
  color: #ffc107;
}
.link-warning:hover, .link-warning:focus {
  color: #ffcd39;
}

.link-danger {
  color: #dc3545;
}
.link-danger:hover, .link-danger:focus {
  color: #b02a37;
}

.link-light {
  color: #f8f9fa;
}
.link-light:hover, .link-light:focus {
  color: #f9fafb;
}

.link-dark {
  color: #212529;
}
.link-dark:hover, .link-dark:focus {
  color: #1a1e21;
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentColor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

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

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

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

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

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

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #0d6efd !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #198754 !important;
}

.border-info {
  border-color: #0dcaf0 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #212529 !important;
}

.border-white {
  border-color: #fff !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

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

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.2rem !important;
}

.rounded-2 {
  border-radius: 0.25rem !important;
}

.rounded-3 {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-end {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }

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

  .float-sm-none {
    float: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-grid {
    display: grid !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }

  .d-sm-none {
    display: none !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-sm-0 {
    gap: 0 !important;
  }

  .gap-sm-1 {
    gap: 0.25rem !important;
  }

  .gap-sm-2 {
    gap: 0.5rem !important;
  }

  .gap-sm-3 {
    gap: 1rem !important;
  }

  .gap-sm-4 {
    gap: 1.5rem !important;
  }

  .gap-sm-5 {
    gap: 3rem !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }

  .order-sm-first {
    order: -1 !important;
  }

  .order-sm-0 {
    order: 0 !important;
  }

  .order-sm-1 {
    order: 1 !important;
  }

  .order-sm-2 {
    order: 2 !important;
  }

  .order-sm-3 {
    order: 3 !important;
  }

  .order-sm-4 {
    order: 4 !important;
  }

  .order-sm-5 {
    order: 5 !important;
  }

  .order-sm-last {
    order: 6 !important;
  }

  .m-sm-0 {
    margin: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-sm-0 {
    margin-top: 0 !important;
  }

  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mt-sm-3 {
    margin-top: 1rem !important;
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mt-sm-5 {
    margin-top: 3rem !important;
  }

  .mt-sm-auto {
    margin-top: auto !important;
  }

  .me-sm-0 {
    margin-right: 0 !important;
  }

  .me-sm-1 {
    margin-right: 0.25rem !important;
  }

  .me-sm-2 {
    margin-right: 0.5rem !important;
  }

  .me-sm-3 {
    margin-right: 1rem !important;
  }

  .me-sm-4 {
    margin-right: 1.5rem !important;
  }

  .me-sm-5 {
    margin-right: 3rem !important;
  }

  .me-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-0 {
    margin-bottom: 0 !important;
  }

  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ms-sm-0 {
    margin-left: 0 !important;
  }

  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }

  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }

  .ms-sm-3 {
    margin-left: 1rem !important;
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }

  .ms-sm-5 {
    margin-left: 3rem !important;
  }

  .ms-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-sm-0 {
    padding-top: 0 !important;
  }

  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pt-sm-3 {
    padding-top: 1rem !important;
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pt-sm-5 {
    padding-top: 3rem !important;
  }

  .pe-sm-0 {
    padding-right: 0 !important;
  }

  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pe-sm-3 {
    padding-right: 1rem !important;
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pe-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-0 {
    padding-bottom: 0 !important;
  }

  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .ps-sm-0 {
    padding-left: 0 !important;
  }

  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .ps-sm-3 {
    padding-left: 1rem !important;
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .ps-sm-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }

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

  .float-md-none {
    float: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-grid {
    display: grid !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }

  .d-md-none {
    display: none !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-md-0 {
    gap: 0 !important;
  }

  .gap-md-1 {
    gap: 0.25rem !important;
  }

  .gap-md-2 {
    gap: 0.5rem !important;
  }

  .gap-md-3 {
    gap: 1rem !important;
  }

  .gap-md-4 {
    gap: 1.5rem !important;
  }

  .gap-md-5 {
    gap: 3rem !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }

  .order-md-first {
    order: -1 !important;
  }

  .order-md-0 {
    order: 0 !important;
  }

  .order-md-1 {
    order: 1 !important;
  }

  .order-md-2 {
    order: 2 !important;
  }

  .order-md-3 {
    order: 3 !important;
  }

  .order-md-4 {
    order: 4 !important;
  }

  .order-md-5 {
    order: 5 !important;
  }

  .order-md-last {
    order: 6 !important;
  }

  .m-md-0 {
    margin: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-md-0 {
    margin-top: 0 !important;
  }

  .mt-md-1 {
    margin-top: 0.25rem !important;
  }

  .mt-md-2 {
    margin-top: 0.5rem !important;
  }

  .mt-md-3 {
    margin-top: 1rem !important;
  }

  .mt-md-4 {
    margin-top: 1.5rem !important;
  }

  .mt-md-5 {
    margin-top: 3rem !important;
  }

  .mt-md-auto {
    margin-top: auto !important;
  }

  .me-md-0 {
    margin-right: 0 !important;
  }

  .me-md-1 {
    margin-right: 0.25rem !important;
  }

  .me-md-2 {
    margin-right: 0.5rem !important;
  }

  .me-md-3 {
    margin-right: 1rem !important;
  }

  .me-md-4 {
    margin-right: 1.5rem !important;
  }

  .me-md-5 {
    margin-right: 3rem !important;
  }

  .me-md-auto {
    margin-right: auto !important;
  }

  .mb-md-0 {
    margin-bottom: 0 !important;
  }

  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-md-3 {
    margin-bottom: 1rem !important;
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-md-5 {
    margin-bottom: 3rem !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ms-md-0 {
    margin-left: 0 !important;
  }

  .ms-md-1 {
    margin-left: 0.25rem !important;
  }

  .ms-md-2 {
    margin-left: 0.5rem !important;
  }

  .ms-md-3 {
    margin-left: 1rem !important;
  }

  .ms-md-4 {
    margin-left: 1.5rem !important;
  }

  .ms-md-5 {
    margin-left: 3rem !important;
  }

  .ms-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-md-0 {
    padding-top: 0 !important;
  }

  .pt-md-1 {
    padding-top: 0.25rem !important;
  }

  .pt-md-2 {
    padding-top: 0.5rem !important;
  }

  .pt-md-3 {
    padding-top: 1rem !important;
  }

  .pt-md-4 {
    padding-top: 1.5rem !important;
  }

  .pt-md-5 {
    padding-top: 3rem !important;
  }

  .pe-md-0 {
    padding-right: 0 !important;
  }

  .pe-md-1 {
    padding-right: 0.25rem !important;
  }

  .pe-md-2 {
    padding-right: 0.5rem !important;
  }

  .pe-md-3 {
    padding-right: 1rem !important;
  }

  .pe-md-4 {
    padding-right: 1.5rem !important;
  }

  .pe-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-0 {
    padding-bottom: 0 !important;
  }

  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-md-3 {
    padding-bottom: 1rem !important;
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-md-5 {
    padding-bottom: 3rem !important;
  }

  .ps-md-0 {
    padding-left: 0 !important;
  }

  .ps-md-1 {
    padding-left: 0.25rem !important;
  }

  .ps-md-2 {
    padding-left: 0.5rem !important;
  }

  .ps-md-3 {
    padding-left: 1rem !important;
  }

  .ps-md-4 {
    padding-left: 1.5rem !important;
  }

  .ps-md-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }

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

  .float-lg-none {
    float: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-grid {
    display: grid !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }

  .d-lg-none {
    display: none !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-lg-0 {
    gap: 0 !important;
  }

  .gap-lg-1 {
    gap: 0.25rem !important;
  }

  .gap-lg-2 {
    gap: 0.5rem !important;
  }

  .gap-lg-3 {
    gap: 1rem !important;
  }

  .gap-lg-4 {
    gap: 1.5rem !important;
  }

  .gap-lg-5 {
    gap: 3rem !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }

  .order-lg-first {
    order: -1 !important;
  }

  .order-lg-0 {
    order: 0 !important;
  }

  .order-lg-1 {
    order: 1 !important;
  }

  .order-lg-2 {
    order: 2 !important;
  }

  .order-lg-3 {
    order: 3 !important;
  }

  .order-lg-4 {
    order: 4 !important;
  }

  .order-lg-5 {
    order: 5 !important;
  }

  .order-lg-last {
    order: 6 !important;
  }

  .m-lg-0 {
    margin: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-lg-0 {
    margin-top: 0 !important;
  }

  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mt-lg-3 {
    margin-top: 1rem !important;
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mt-lg-5 {
    margin-top: 3rem !important;
  }

  .mt-lg-auto {
    margin-top: auto !important;
  }

  .me-lg-0 {
    margin-right: 0 !important;
  }

  .me-lg-1 {
    margin-right: 0.25rem !important;
  }

  .me-lg-2 {
    margin-right: 0.5rem !important;
  }

  .me-lg-3 {
    margin-right: 1rem !important;
  }

  .me-lg-4 {
    margin-right: 1.5rem !important;
  }

  .me-lg-5 {
    margin-right: 3rem !important;
  }

  .me-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-0 {
    margin-bottom: 0 !important;
  }

  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ms-lg-0 {
    margin-left: 0 !important;
  }

  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }

  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }

  .ms-lg-3 {
    margin-left: 1rem !important;
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }

  .ms-lg-5 {
    margin-left: 3rem !important;
  }

  .ms-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-lg-0 {
    padding-top: 0 !important;
  }

  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pt-lg-3 {
    padding-top: 1rem !important;
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pt-lg-5 {
    padding-top: 3rem !important;
  }

  .pe-lg-0 {
    padding-right: 0 !important;
  }

  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pe-lg-3 {
    padding-right: 1rem !important;
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pe-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-0 {
    padding-bottom: 0 !important;
  }

  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .ps-lg-0 {
    padding-left: 0 !important;
  }

  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .ps-lg-3 {
    padding-left: 1rem !important;
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .ps-lg-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }

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

  .float-xl-none {
    float: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-grid {
    display: grid !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }

  .d-xl-none {
    display: none !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xl-0 {
    gap: 0 !important;
  }

  .gap-xl-1 {
    gap: 0.25rem !important;
  }

  .gap-xl-2 {
    gap: 0.5rem !important;
  }

  .gap-xl-3 {
    gap: 1rem !important;
  }

  .gap-xl-4 {
    gap: 1.5rem !important;
  }

  .gap-xl-5 {
    gap: 3rem !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }

  .order-xl-first {
    order: -1 !important;
  }

  .order-xl-0 {
    order: 0 !important;
  }

  .order-xl-1 {
    order: 1 !important;
  }

  .order-xl-2 {
    order: 2 !important;
  }

  .order-xl-3 {
    order: 3 !important;
  }

  .order-xl-4 {
    order: 4 !important;
  }

  .order-xl-5 {
    order: 5 !important;
  }

  .order-xl-last {
    order: 6 !important;
  }

  .m-xl-0 {
    margin: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xl-0 {
    margin-top: 0 !important;
  }

  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xl-3 {
    margin-top: 1rem !important;
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xl-5 {
    margin-top: 3rem !important;
  }

  .mt-xl-auto {
    margin-top: auto !important;
  }

  .me-xl-0 {
    margin-right: 0 !important;
  }

  .me-xl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xl-3 {
    margin-right: 1rem !important;
  }

  .me-xl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xl-5 {
    margin-right: 3rem !important;
  }

  .me-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ms-xl-0 {
    margin-left: 0 !important;
  }

  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xl-3 {
    margin-left: 1rem !important;
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xl-5 {
    margin-left: 3rem !important;
  }

  .ms-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xl-0 {
    padding-top: 0 !important;
  }

  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xl-3 {
    padding-top: 1rem !important;
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xl-5 {
    padding-top: 3rem !important;
  }

  .pe-xl-0 {
    padding-right: 0 !important;
  }

  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xl-3 {
    padding-right: 1rem !important;
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xl-0 {
    padding-left: 0 !important;
  }

  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xl-3 {
    padding-left: 1rem !important;
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xl-5 {
    padding-left: 3rem !important;
  }

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

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

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }

  .float-xxl-end {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-grid {
    display: grid !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }

  .d-xxl-none {
    display: none !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .gap-xxl-0 {
    gap: 0 !important;
  }

  .gap-xxl-1 {
    gap: 0.25rem !important;
  }

  .gap-xxl-2 {
    gap: 0.5rem !important;
  }

  .gap-xxl-3 {
    gap: 1rem !important;
  }

  .gap-xxl-4 {
    gap: 1.5rem !important;
  }

  .gap-xxl-5 {
    gap: 3rem !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }

  .order-xxl-first {
    order: -1 !important;
  }

  .order-xxl-0 {
    order: 0 !important;
  }

  .order-xxl-1 {
    order: 1 !important;
  }

  .order-xxl-2 {
    order: 2 !important;
  }

  .order-xxl-3 {
    order: 3 !important;
  }

  .order-xxl-4 {
    order: 4 !important;
  }

  .order-xxl-5 {
    order: 5 !important;
  }

  .order-xxl-last {
    order: 6 !important;
  }

  .m-xxl-0 {
    margin: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }

  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }

  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }

  .mt-xxl-0 {
    margin-top: 0 !important;
  }

  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mt-xxl-3 {
    margin-top: 1rem !important;
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mt-xxl-5 {
    margin-top: 3rem !important;
  }

  .mt-xxl-auto {
    margin-top: auto !important;
  }

  .me-xxl-0 {
    margin-right: 0 !important;
  }

  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .me-xxl-3 {
    margin-right: 1rem !important;
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .me-xxl-5 {
    margin-right: 3rem !important;
  }

  .me-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }

  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .mb-xxl-auto {
    margin-bottom: auto !important;
  }

  .ms-xxl-0 {
    margin-left: 0 !important;
  }

  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .ms-xxl-3 {
    margin-left: 1rem !important;
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .ms-xxl-5 {
    margin-left: 3rem !important;
  }

  .ms-xxl-auto {
    margin-left: auto !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .pt-xxl-0 {
    padding-top: 0 !important;
  }

  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pt-xxl-3 {
    padding-top: 1rem !important;
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pt-xxl-5 {
    padding-top: 3rem !important;
  }

  .pe-xxl-0 {
    padding-right: 0 !important;
  }

  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pe-xxl-3 {
    padding-right: 1rem !important;
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pe-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .ps-xxl-0 {
    padding-left: 0 !important;
  }

  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .ps-xxl-3 {
    padding-left: 1rem !important;
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .ps-xxl-5 {
    padding-left: 3rem !important;
  }

  .text-xxl-start {
    text-align: left !important;
  }

  .text-xxl-end {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }

  .fs-2 {
    font-size: 2rem !important;
  }

  .fs-3 {
    font-size: 1.75rem !important;
  }

  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-grid {
    display: grid !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }

  .d-print-none {
    display: none !important;
  }
}
.custom-accordion-container .accordion-header,
.custom-accordion-container .accordion-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 8px;
}

.custom-accordion-container .accordion-header {
  padding-right: 18px;
  background: #f7f7f7;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}

.custom-accordion-container .accordion-row {
  padding-right: 28px;
  background: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.accordion-row:hover {
  background-color: #edf4fe;
}

.custom-accordion-container .accordion-row.active {
  background-color: #edf4fe;
}

.custom-accordion-container .accordion-header > div,
.custom-accordion-container .accordion-row > div {
  flex-basis: 25%;
  text-align: start;
}

.custom-accordion-container .accordion-content {
  display: none;
  padding: 20px 8px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

/* Clearfix */
.custom-accordion-container::after {
  content: "";
  display: table;
  clear: both;
}

body .w-50,
.dx-viewport .w-50,
body.dx-viewport.dx-theme-material-typography .w-50 {
  width: 50% !important;
}
body .w-100,
.dx-viewport .w-100,
body.dx-viewport.dx-theme-material-typography .w-100 {
  width: 100% !important;
}
body .width0,
.dx-viewport .width0,
body.dx-viewport.dx-theme-material-typography .width0 {
  width: 0px !important;
}
body .mb-4px,
.dx-viewport .mb-4px,
body.dx-viewport.dx-theme-material-typography .mb-4px {
  margin-bottom: 4px !important;
}
body .mb-1rem,
.dx-viewport .mb-1rem,
body.dx-viewport.dx-theme-material-typography .mb-1rem {
  margin-bottom: 1rem;
}
body .mb-0,
.dx-viewport .mb-0,
body.dx-viewport.dx-theme-material-typography .mb-0 {
  margin-bottom: 0 !important;
}
body .mb-6,
.dx-viewport .mb-6,
body.dx-viewport.dx-theme-material-typography .mb-6 {
  margin-bottom: 8px !important;
}
body .mr-4px,
.dx-viewport .mr-4px,
body.dx-viewport.dx-theme-material-typography .mr-4px {
  margin-right: 4px !important;
}
body .mt-8,
.dx-viewport .mt-8,
body.dx-viewport.dx-theme-material-typography .mt-8 {
  margin-top: 8 !important;
}
body .mt-4px,
.dx-viewport .mt-4px,
body.dx-viewport.dx-theme-material-typography .mt-4px {
  margin-top: 4px !important;
}
body .mb-4px,
.dx-viewport .mb-4px,
body.dx-viewport.dx-theme-material-typography .mb-4px {
  margin-bottom: 4px !important;
}
body .mr-5,
.dx-viewport .mr-5,
body.dx-viewport.dx-theme-material-typography .mr-5 {
  margin-right: 5px !important;
}
body .mb-8,
.dx-viewport .mb-8,
body.dx-viewport.dx-theme-material-typography .mb-8 {
  margin-bottom: 8px !important;
}
body .mt-8,
.dx-viewport .mt-8,
body.dx-viewport.dx-theme-material-typography .mt-8 {
  margin-top: 8px !important;
}
body .mr-6,
.dx-viewport .mr-6,
body.dx-viewport.dx-theme-material-typography .mr-6 {
  margin-right: 6px;
}
body .mr-8,
.dx-viewport .mr-8,
body.dx-viewport.dx-theme-material-typography .mr-8 {
  margin-right: 8px;
}
body .mr-10,
.dx-viewport .mr-10,
body.dx-viewport.dx-theme-material-typography .mr-10 {
  margin-right: 10px;
}
body .mr-16,
.dx-viewport .mr-16,
body.dx-viewport.dx-theme-material-typography .mr-16 {
  margin-right: 16px;
}
body .mr-20,
.dx-viewport .mr-20,
body.dx-viewport.dx-theme-material-typography .mr-20 {
  margin-right: 20px;
}
body .mr-50,
.dx-viewport .mr-50,
body.dx-viewport.dx-theme-material-typography .mr-50 {
  margin-right: 50px;
}
body .mr-100,
.dx-viewport .mr-100,
body.dx-viewport.dx-theme-material-typography .mr-100 {
  margin-right: 100px;
}
body .mb-16,
.dx-viewport .mb-16,
body.dx-viewport.dx-theme-material-typography .mb-16 {
  margin-bottom: 16px;
}
body .mx-4px,
.dx-viewport .mx-4px,
body.dx-viewport.dx-theme-material-typography .mx-4px {
  margin-left: 4px;
  margin-right: 4px;
}
body .mx-6,
.dx-viewport .mx-6,
body.dx-viewport.dx-theme-material-typography .mx-6 {
  margin-left: 6px;
  margin-right: 6px;
}
body .mx-8,
.dx-viewport .mx-8,
body.dx-viewport.dx-theme-material-typography .mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}
body .mx-10,
.dx-viewport .mx-10,
body.dx-viewport.dx-theme-material-typography .mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}
body .mx-16,
.dx-viewport .mx-16,
body.dx-viewport.dx-theme-material-typography .mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}
body .mx-25,
.dx-viewport .mx-25,
body.dx-viewport.dx-theme-material-typography .mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}
body .me-12,
.dx-viewport .me-12,
body.dx-viewport.dx-theme-material-typography .me-12 {
  margin-right: 12px;
}
body .me-16,
.dx-viewport .me-16,
body.dx-viewport.dx-theme-material-typography .me-16 {
  margin-right: 16px;
}
body .ms-16,
body .ml-16,
.dx-viewport .ms-16,
.dx-viewport .ml-16,
body.dx-viewport.dx-theme-material-typography .ms-16,
body.dx-viewport.dx-theme-material-typography .ml-16 {
  margin-left: 16px;
}
body .ml-26,
.dx-viewport .ml-26,
body.dx-viewport.dx-theme-material-typography .ml-26 {
  margin-left: 26px !important;
}
body .ml-0,
.dx-viewport .ml-0,
body.dx-viewport.dx-theme-material-typography .ml-0 {
  margin-left: 0px !important;
}
body .ml-32,
.dx-viewport .ml-32,
body.dx-viewport.dx-theme-material-typography .ml-32 {
  margin-left: 32px !important;
}
body .mr-32,
.dx-viewport .mr-32,
body.dx-viewport.dx-theme-material-typography .mr-32 {
  margin-right: 32px !important;
}
body .ml-4px,
.dx-viewport .ml-4px,
body.dx-viewport.dx-theme-material-typography .ml-4px {
  margin-left: 4px;
}
body .ml-8,
.dx-viewport .ml-8,
body.dx-viewport.dx-theme-material-typography .ml-8 {
  margin-left: 8px;
}
body .mt-2px,
.dx-viewport .mt-2px,
body.dx-viewport.dx-theme-material-typography .mt-2px {
  margin-top: 2px;
}
body .mt-6,
.dx-viewport .mt-6,
body.dx-viewport.dx-theme-material-typography .mt-6 {
  margin-top: 6px;
}
body .mt-10,
.dx-viewport .mt-10,
body.dx-viewport.dx-theme-material-typography .mt-10 {
  margin-top: 10px;
}
body .mt-12,
.dx-viewport .mt-12,
body.dx-viewport.dx-theme-material-typography .mt-12 {
  margin-top: 12px;
}
body .mt-16,
.dx-viewport .mt-16,
body.dx-viewport.dx-theme-material-typography .mt-16 {
  margin-top: 16px;
}
body .mt-20,
.dx-viewport .mt-20,
body.dx-viewport.dx-theme-material-typography .mt-20 {
  margin-top: 20px;
}
body .mt-24,
.dx-viewport .mt-24,
body.dx-viewport.dx-theme-material-typography .mt-24 {
  margin-top: 24px;
}
body .mt-76,
.dx-viewport .mt-76,
body.dx-viewport.dx-theme-material-typography .mt-76 {
  margin-top: 76px;
}
body .mt-64,
.dx-viewport .mt-64,
body.dx-viewport.dx-theme-material-typography .mt-64 {
  margin-top: 64px;
}
body .ml-64,
.dx-viewport .ml-64,
body.dx-viewport.dx-theme-material-typography .ml-64 {
  margin-left: 64px;
}
body .mr-64,
.dx-viewport .mr-64,
body.dx-viewport.dx-theme-material-typography .mr-64 {
  margin-right: 64px;
}
body .mb-24,
.dx-viewport .mb-24,
body.dx-viewport.dx-theme-material-typography .mb-24 {
  margin-bottom: 24px;
}
body .mb-32,
.dx-viewport .mb-32,
body.dx-viewport.dx-theme-material-typography .mb-32 {
  margin-bottom: 32px;
}
body .mb-10,
.dx-viewport .mb-10,
body.dx-viewport.dx-theme-material-typography .mb-10 {
  margin-bottom: 10px !important;
}
body .mb-12,
.dx-viewport .mb-12,
body.dx-viewport.dx-theme-material-typography .mb-12 {
  margin-bottom: 12px;
}
body .mr-12,
.dx-viewport .mr-12,
body.dx-viewport.dx-theme-material-typography .mr-12 {
  margin-right: 12px;
}
body .my-24,
.dx-viewport .my-24,
body.dx-viewport.dx-theme-material-typography .my-24 {
  margin: 24px 0;
}
body .mb-20,
.dx-viewport .mb-20,
body.dx-viewport.dx-theme-material-typography .mb-20 {
  margin-bottom: 20px !important;
}
body .mt-32,
.dx-viewport .mt-32,
body.dx-viewport.dx-theme-material-typography .mt-32 {
  margin-top: 32px;
}
body .mt-42,
.dx-viewport .mt-42,
body.dx-viewport.dx-theme-material-typography .mt-42 {
  margin-top: 42px;
}
body .mb-32,
.dx-viewport .mb-32,
body.dx-viewport.dx-theme-material-typography .mb-32 {
  margin-bottom: 32px;
}
body .mb-42,
.dx-viewport .mb-42,
body.dx-viewport.dx-theme-material-typography .mb-42 {
  margin-bottom: 42px;
}
body .mb-64,
.dx-viewport .mb-64,
body.dx-viewport.dx-theme-material-typography .mb-64 {
  margin-bottom: 64px;
}
body .mb-72,
.dx-viewport .mb-72,
body.dx-viewport.dx-theme-material-typography .mb-72 {
  margin-bottom: 72px;
}
body .p-16,
.dx-viewport .p-16,
body.dx-viewport.dx-theme-material-typography .p-16 {
  padding-bottom: 16px;
}
body .p-64,
.dx-viewport .p-64,
body.dx-viewport.dx-theme-material-typography .p-64 {
  padding-bottom: 64px;
}
body .pb-8,
.dx-viewport .pb-8,
body.dx-viewport.dx-theme-material-typography .pb-8 {
  padding-bottom: 8px;
}
body .pb-16,
.dx-viewport .pb-16,
body.dx-viewport.dx-theme-material-typography .pb-16 {
  padding-bottom: 16px;
}
body .pb-24,
.dx-viewport .pb-24,
body.dx-viewport.dx-theme-material-typography .pb-24 {
  padding-bottom: 24px;
}
body .pb-32,
.dx-viewport .pb-32,
body.dx-viewport.dx-theme-material-typography .pb-32 {
  padding-bottom: 32px;
}
body .pl-32,
.dx-viewport .pl-32,
body.dx-viewport.dx-theme-material-typography .pl-32 {
  padding-left: 32px;
}
body .pr-0,
.dx-viewport .pr-0,
body.dx-viewport.dx-theme-material-typography .pr-0 {
  padding-right: 0 !important;
}
body .pl-0,
.dx-viewport .pl-0,
body.dx-viewport.dx-theme-material-typography .pl-0 {
  padding-left: 0 !important;
}
body .pr-10,
.dx-viewport .pr-10,
body.dx-viewport.dx-theme-material-typography .pr-10 {
  padding-right: 10px;
}
body .pl-10,
.dx-viewport .pl-10,
body.dx-viewport.dx-theme-material-typography .pl-10 {
  padding-left: 10px !important;
}
body .pl-12,
.dx-viewport .pl-12,
body.dx-viewport.dx-theme-material-typography .pl-12 {
  padding-left: 12px !important;
}
body .pr-12,
.dx-viewport .pr-12,
body.dx-viewport.dx-theme-material-typography .pr-12 {
  padding-right: 12px !important;
}
body .pl-8,
.dx-viewport .pl-8,
body.dx-viewport.dx-theme-material-typography .pl-8 {
  padding-left: 8px;
}
body .pl-24,
.dx-viewport .pl-24,
body.dx-viewport.dx-theme-material-typography .pl-24 {
  padding-left: 24px;
}
body .pl-32,
.dx-viewport .pl-32,
body.dx-viewport.dx-theme-material-typography .pl-32 {
  padding-left: 32px;
}
body .px-10,
.dx-viewport .px-10,
body.dx-viewport.dx-theme-material-typography .px-10 {
  padding-right: 10px;
  padding-left: 10px;
}
body .p-0,
.dx-viewport .p-0,
body.dx-viewport.dx-theme-material-typography .p-0 {
  padding: 0;
}
body .pt-0,
.dx-viewport .pt-0,
body.dx-viewport.dx-theme-material-typography .pt-0 {
  padding-top: 0;
}
body .py-0,
.dx-viewport .py-0,
body.dx-viewport.dx-theme-material-typography .py-0 {
  padding-top: 0;
  padding-bottom: 0;
}
body .py-32,
.dx-viewport .py-32,
body.dx-viewport.dx-theme-material-typography .py-32 {
  padding-top: 32px;
  padding-bottom: 32px;
}
body .py-24,
.dx-viewport .py-24,
body.dx-viewport.dx-theme-material-typography .py-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}
body .py-16,
.dx-viewport .py-16,
body.dx-viewport.dx-theme-material-typography .py-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
body .py-12,
.dx-viewport .py-12,
body.dx-viewport.dx-theme-material-typography .py-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
body .px-0,
.dx-viewport .px-0,
body.dx-viewport.dx-theme-material-typography .px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
body .px-8,
.dx-viewport .px-8,
body.dx-viewport.dx-theme-material-typography .px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
body .px-16,
.dx-viewport .px-16,
body.dx-viewport.dx-theme-material-typography .px-16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body .px-12,
.dx-viewport .px-12,
body.dx-viewport.dx-theme-material-typography .px-12 {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
body .px-24,
.dx-viewport .px-24,
body.dx-viewport.dx-theme-material-typography .px-24 {
  padding-left: 24px;
  padding-right: 24px;
}
body .p-24,
.dx-viewport .p-24,
body.dx-viewport.dx-theme-material-typography .p-24 {
  padding: 24px;
}
body .pr-20,
.dx-viewport .pr-20,
body.dx-viewport.dx-theme-material-typography .pr-20 {
  padding-right: 20px;
}
body .pr-24,
.dx-viewport .pr-24,
body.dx-viewport.dx-theme-material-typography .pr-24 {
  padding-right: 24px;
}
body .pr-16,
.dx-viewport .pr-16,
body.dx-viewport.dx-theme-material-typography .pr-16 {
  padding-right: 16px;
}
body .p-16,
.dx-viewport .p-16,
body.dx-viewport.dx-theme-material-typography .p-16 {
  padding: 16px !important;
}
body .pr-345,
.dx-viewport .pr-345,
body.dx-viewport.dx-theme-material-typography .pr-345 {
  padding-right: 345px !important;
}
body .pl-16,
.dx-viewport .pl-16,
body.dx-viewport.dx-theme-material-typography .pl-16 {
  padding-left: 16px;
}
body .m-n16,
.dx-viewport .m-n16,
body.dx-viewport.dx-theme-material-typography .m-n16 {
  margin-left: -16px;
}
body .m-n10,
.dx-viewport .m-n10,
body.dx-viewport.dx-theme-material-typography .m-n10 {
  margin-left: -10px;
}
body .m-n8,
.dx-viewport .m-n8,
body.dx-viewport.dx-theme-material-typography .m-n8 {
  margin-left: -8px;
}
body .mt--24,
.dx-viewport .mt--24,
body.dx-viewport.dx-theme-material-typography .mt--24 {
  margin-top: -24px !important;
}
body .mt-100,
.dx-viewport .mt-100,
body.dx-viewport.dx-theme-material-typography .mt-100 {
  margin-top: 100px;
}
body .h-104,
.dx-viewport .h-104,
body.dx-viewport.dx-theme-material-typography .h-104 {
  height: 104px;
}
body .h-v100,
.dx-viewport .h-v100,
body.dx-viewport.dx-theme-material-typography .h-v100 {
  min-height: 100vh;
}
body .gap-4px,
.dx-viewport .gap-4px,
body.dx-viewport.dx-theme-material-typography .gap-4px {
  gap: 4px;
}
body .gap-6,
.dx-viewport .gap-6,
body.dx-viewport.dx-theme-material-typography .gap-6 {
  gap: 6px;
}
body .gap-8,
.dx-viewport .gap-8,
body.dx-viewport.dx-theme-material-typography .gap-8 {
  gap: 8px;
}
body .gap-10,
.dx-viewport .gap-10,
body.dx-viewport.dx-theme-material-typography .gap-10 {
  gap: 10px !important;
}
body .gap-12,
.dx-viewport .gap-12,
body.dx-viewport.dx-theme-material-typography .gap-12 {
  gap: 12px !important;
}
body .gap-14,
.dx-viewport .gap-14,
body.dx-viewport.dx-theme-material-typography .gap-14 {
  gap: 14px !important;
}
body .gap-16,
.dx-viewport .gap-16,
body.dx-viewport.dx-theme-material-typography .gap-16 {
  gap: 16px;
}
body .gap-20,
.dx-viewport .gap-20,
body.dx-viewport.dx-theme-material-typography .gap-20 {
  gap: 20px;
}
body .gap-24,
.dx-viewport .gap-24,
body.dx-viewport.dx-theme-material-typography .gap-24 {
  gap: 24px !important;
}
body .gap-40,
.dx-viewport .gap-40,
body.dx-viewport.dx-theme-material-typography .gap-40 {
  gap: 40px;
}
body .gap-72,
.dx-viewport .gap-72,
body.dx-viewport.dx-theme-material-typography .gap-72 {
  gap: 72px !important;
}
body .gap-60,
.dx-viewport .gap-60,
body.dx-viewport.dx-theme-material-typography .gap-60 {
  gap: 60px !important;
}
body .gap-80,
.dx-viewport .gap-80,
body.dx-viewport.dx-theme-material-typography .gap-80 {
  gap: 80px;
}
body .col-gap-20,
.dx-viewport .col-gap-20,
body.dx-viewport.dx-theme-material-typography .col-gap-20 {
  column-gap: 20px !important;
}
body .col-gap-20,
.dx-viewport .col-gap-20,
body.dx-viewport.dx-theme-material-typography .col-gap-20 {
  column-gap: 20px !important;
}
body .col-gap-10,
.dx-viewport .col-gap-10,
body.dx-viewport.dx-theme-material-typography .col-gap-10 {
  column-gap: 10px !important;
}
body .row-gap-20,
.dx-viewport .row-gap-20,
body.dx-viewport.dx-theme-material-typography .row-gap-20 {
  row-gap: 20px !important;
}
body .row-gap-10,
.dx-viewport .row-gap-10,
body.dx-viewport.dx-theme-material-typography .row-gap-10 {
  row-gap: 10px !important;
}
body .mb-neg-56,
.dx-viewport .mb-neg-56,
body.dx-viewport.dx-theme-material-typography .mb-neg-56 {
  margin-bottom: -56px !important;
}
body .avatarContainer, body .avatarContainerSm,
body.dx-viewport.dx-theme-material-typography .avatarContainerSm, body .avatarContainerLg,
body.dx-viewport.dx-theme-material-typography .avatarContainerLg,
.dx-viewport .avatarContainer,
.dx-viewport .avatarContainerSm,
.dx-viewport .avatarContainerLg,
body.dx-viewport.dx-theme-material-typography .avatarContainer {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  border: 1px solid white;
  display: flex;
}
body .avatarContainerLg,
.dx-viewport .avatarContainerLg,
body.dx-viewport.dx-theme-material-typography .avatarContainerLg {
  height: 40px;
  width: 40px;
}
body .avatarContainerSm,
.dx-viewport .avatarContainerSm,
body.dx-viewport.dx-theme-material-typography .avatarContainerSm {
  height: 25px;
  width: 25px;
}
body .avatar,
.dx-viewport .avatar,
body.dx-viewport.dx-theme-material-typography .avatar {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}
body nav li,
.dx-viewport nav li,
body.dx-viewport.dx-theme-material-typography nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  cursor: pointer;
}
body .no-flex,
.dx-viewport .no-flex,
body.dx-viewport.dx-theme-material-typography .no-flex {
  flex: none;
}
body .flex-2,
.dx-viewport .flex-2,
body.dx-viewport.dx-theme-material-typography .flex-2 {
  flex: 2;
}
body .flex-3,
.dx-viewport .flex-3,
body.dx-viewport.dx-theme-material-typography .flex-3 {
  flex: 3;
}
body a,
body a:visited,
.dx-viewport a,
.dx-viewport a:visited,
body.dx-viewport.dx-theme-material-typography a,
body.dx-viewport.dx-theme-material-typography a:visited {
  color: #202223;
  text-decoration: underline;
  cursor: pointer;
}
body a.primary,
body a:visited.primary,
.dx-viewport a.primary,
.dx-viewport a:visited.primary,
body.dx-viewport.dx-theme-material-typography a.primary,
body.dx-viewport.dx-theme-material-typography a:visited.primary {
  color: #007A7A;
  text-decoration: none;
}
body a.primary.underline,
body a:visited.primary.underline,
.dx-viewport a.primary.underline,
.dx-viewport a:visited.primary.underline,
body.dx-viewport.dx-theme-material-typography a.primary.underline,
body.dx-viewport.dx-theme-material-typography a:visited.primary.underline {
  text-decoration: underline;
}
body a:hover,
body a:focus,
.dx-viewport a:hover,
.dx-viewport a:focus,
body.dx-viewport.dx-theme-material-typography a:hover,
body.dx-viewport.dx-theme-material-typography a:focus {
  color: #007A7A;
}
body .flexRow,
.dx-viewport .flexRow,
body.dx-viewport.dx-theme-material-typography .flexRow {
  display: flex;
  flex-direction: row !important;
}
body .flexColumn,
.dx-viewport .flexColumn,
body.dx-viewport.dx-theme-material-typography .flexColumn {
  display: flex;
  flex-direction: column !important;
}
body .fill-height,
.dx-viewport .fill-height,
body.dx-viewport.dx-theme-material-typography .fill-height {
  display: flex;
  flex-direction: column;
}
body .center-y,
.dx-viewport .center-y,
body.dx-viewport.dx-theme-material-typography .center-y {
  align-items: center;
  display: flex;
}
body .absolute-center,
.dx-viewport .absolute-center,
body.dx-viewport.dx-theme-material-typography .absolute-center {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
}
body .align-base,
.dx-viewport .align-base,
body.dx-viewport.dx-theme-material-typography .align-base {
  align-items: baseline;
}
body .spaceBtwn,
.dx-viewport .spaceBtwn,
body.dx-viewport.dx-theme-material-typography .spaceBtwn {
  display: flex;
  justify-content: space-between !important;
}
body .hide,
.dx-viewport .hide,
body.dx-viewport.dx-theme-material-typography .hide {
  display: none;
}
body div.surface-default,
.dx-viewport div.surface-default,
body.dx-viewport.dx-theme-material-typography div.surface-default {
  background-color: #FFFFFF;
  min-height: 100vh;
}
body .v-divider,
.dx-viewport .v-divider,
body.dx-viewport.dx-theme-material-typography .v-divider {
  border-left: 1px solid #E1E3E5;
}
body .h-32,
.dx-viewport .h-32,
body.dx-viewport.dx-theme-material-typography .h-32 {
  height: 32px;
}
body .h-24,
.dx-viewport .h-24,
body.dx-viewport.dx-theme-material-typography .h-24 {
  height: 24px;
}
body .copy,
.dx-viewport .copy,
body.dx-viewport.dx-theme-material-typography .copy {
  cursor: pointer;
}
body .hidden,
.dx-viewport .hidden,
body.dx-viewport.dx-theme-material-typography .hidden {
  display: none;
}
body .link,
.dx-viewport .link,
body.dx-viewport.dx-theme-material-typography .link {
  cursor: pointer;
}
body .border-b,
.dx-viewport .border-b,
body.dx-viewport.dx-theme-material-typography .border-b {
  border-bottom: 1px solid #E1E3E5 !important;
}
body .borderBottom,
.dx-viewport .borderBottom,
body.dx-viewport.dx-theme-material-typography .borderBottom {
  border-bottom: 1px solid #E1E3E5;
}
body .borderTop, body .secondaryHeaderInfo,
body .dx-viewport .secondaryHeaderInfo,
.dx-viewport body .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .secondaryHeaderInfo,
.dx-viewport .borderTop,
.dx-viewport body .secondaryHeaderInfo,
body .dx-viewport .secondaryHeaderInfo,
.dx-viewport .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .borderTop,
body.dx-viewport.dx-theme-material-typography .secondaryHeaderInfo {
  border-top: 1px solid #E1E3E5;
}
body .borderLeft,
.dx-viewport .borderLeft,
body.dx-viewport.dx-theme-material-typography .borderLeft {
  border-left: 1px solid #E1E3E5;
}
body .borderRight,
.dx-viewport .borderRight,
body.dx-viewport.dx-theme-material-typography .borderRight {
  border-right: 1px solid #E1E3E5;
}
body .full-height,
.dx-viewport .full-height,
body.dx-viewport.dx-theme-material-typography .full-height {
  height: 100vh;
}
body .asc:after,
.dx-viewport .asc:after,
body.dx-viewport.dx-theme-material-typography .asc:after {
  content: "▲";
}
body .desc:after,
.dx-viewport .desc:after,
body.dx-viewport.dx-theme-material-typography .desc:after {
  content: "▼";
}
body table.sortTable th,
.dx-viewport table.sortTable th,
body.dx-viewport.dx-theme-material-typography table.sortTable th {
  cursor: pointer;
}
body .z-100,
.dx-viewport .z-100,
body.dx-viewport.dx-theme-material-typography .z-100 {
  z-index: 9999;
}
body .w-350,
.dx-viewport .w-350,
body.dx-viewport.dx-theme-material-typography .w-350 {
  max-width: 350px;
}
body .text-align-left,
.dx-viewport .text-align-left,
body.dx-viewport.dx-theme-material-typography .text-align-left {
  text-align: left;
}
body .w-100px,
.dx-viewport .w-100px,
body.dx-viewport.dx-theme-material-typography .w-100px {
  width: 100px !important;
}
body .w-200,
.dx-viewport .w-200,
body.dx-viewport.dx-theme-material-typography .w-200 {
  max-width: 200px !important;
}
body .w-200min,
.dx-viewport .w-200min,
body.dx-viewport.dx-theme-material-typography .w-200min {
  min-width: 200px !important;
}
body .space-between,
.dx-viewport .space-between,
body.dx-viewport.dx-theme-material-typography .space-between {
  justify-content: space-between !important;
}
body .fit-content-height,
.dx-viewport .fit-content-height,
body.dx-viewport.dx-theme-material-typography .fit-content-height {
  height: fit-content !important;
}
body .fit-content-width,
.dx-viewport .fit-content-width,
body.dx-viewport.dx-theme-material-typography .fit-content-width {
  width: fit-content !important;
}
body .fixed-top,
.dx-viewport .fixed-top,
body.dx-viewport.dx-theme-material-typography .fixed-top {
  position: absolute;
  top: 0;
  left: 24px;
  margin-top: 20px;
  margin-left: 24px;
  padding-top: 20px;
  background-color: #fff;
}
body .fixed-bottom,
.dx-viewport .fixed-bottom,
body.dx-viewport.dx-theme-material-typography .fixed-bottom {
  position: absolute;
  bottom: 0;
  left: 24px;
  margin-bottom: 20px;
  margin-left: 24px;
  padding-bottom: 20px;
  background-color: #fff;
}
body .rotate-180,
.dx-viewport .rotate-180,
body.dx-viewport.dx-theme-material-typography .rotate-180 {
  rotate: 180deg;
}
body .rotate-90,
.dx-viewport .rotate-90,
body.dx-viewport.dx-theme-material-typography .rotate-90 {
  rotate: 90deg;
}

.highlight {
  background-color: #ffd79d !important;
}

.no-wrap {
  white-space: nowrap !important;
}

.flex-wrap {
  flex-wrap: wrap;
}

body,
.dx-viewport,
body.dx-viewport.dx-theme-material-typography {
  background-color: #F6F6F7;
}
body .cardContainer,
.dx-viewport .cardContainer,
body.dx-viewport.dx-theme-material-typography .cardContainer {
  max-width: 1856px;
  margin: 0 0px;
  padding-right: 20px;
  flex-direction: column;
  flex: 1;
  max-width: calc(100vw - 200px);
}
body .cardContainerMission,
.dx-viewport .cardContainerMission,
body.dx-viewport.dx-theme-material-typography .cardContainerMission {
  max-width: 1200px;
}
body .cardRow,
.dx-viewport .cardRow,
body.dx-viewport.dx-theme-material-typography .cardRow {
  min-width: 1119px;
}
body .noCard,
.dx-viewport .noCard,
body.dx-viewport.dx-theme-material-typography .noCard {
  margin: 20px 0 20px 32px;
  min-width: 1163px;
}
body .card, body #carrierCompliance .underCard, #carrierCompliance body .underCard, body .underCard, body .clientCard, body #carrierCompliance .carrierComplianceCard, #carrierCompliance body .carrierComplianceCard, body .newClientCard,
body .dx-viewport .clientCard,
body .dx-viewport .newClientCard,
.dx-viewport body .clientCard,
.dx-viewport body .newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard,
.dx-viewport .card,
.dx-viewport #carrierCompliance .underCard,
#carrierCompliance .dx-viewport .underCard,
.dx-viewport .underCard,
.dx-viewport body .clientCard,
.dx-viewport body .newClientCard,
body .dx-viewport .clientCard,
body .dx-viewport .newClientCard,
.dx-viewport .clientCard,
.dx-viewport #carrierCompliance .carrierComplianceCard,
#carrierCompliance .dx-viewport .carrierComplianceCard,
.dx-viewport .newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard,
body.dx-viewport.dx-theme-material-typography .card,
body.dx-viewport.dx-theme-material-typography .underCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 20px 24px 24px 24px;
}
body .card h4, body #carrierCompliance .underCard h4, #carrierCompliance body .underCard h4, body .underCard h4, body .clientCard h4, body #carrierCompliance .carrierComplianceCard h4, #carrierCompliance body .carrierComplianceCard h4, body .newClientCard h4,
body .dx-viewport .clientCard h4,
body .dx-viewport #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body .dx-viewport .carrierComplianceCard h4,
body .dx-viewport .newClientCard h4,
.dx-viewport body .clientCard h4,
.dx-viewport body #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance .dx-viewport body .carrierComplianceCard h4,
.dx-viewport body .newClientCard h4,
body.dx-viewport.dx-theme-material-typography .clientCard h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h4,
body.dx-viewport.dx-theme-material-typography .newClientCard h4,
body .card h5,
body #carrierCompliance .underCard h5,
#carrierCompliance body .underCard h5,
body .underCard h5,
body .clientCard h5,
body #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body .carrierComplianceCard h5,
body .newClientCard h5,
body .dx-viewport .clientCard h5,
body .dx-viewport #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body .dx-viewport .carrierComplianceCard h5,
body .dx-viewport .newClientCard h5,
.dx-viewport body .clientCard h5,
.dx-viewport body #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance .dx-viewport body .carrierComplianceCard h5,
.dx-viewport body .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5,
.dx-viewport .card h4,
.dx-viewport #carrierCompliance .underCard h4,
#carrierCompliance .dx-viewport .underCard h4,
.dx-viewport .underCard h4,
.dx-viewport body .clientCard h4,
.dx-viewport body #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance .dx-viewport body .carrierComplianceCard h4,
.dx-viewport body .newClientCard h4,
body .dx-viewport .clientCard h4,
body .dx-viewport #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body .dx-viewport .carrierComplianceCard h4,
body .dx-viewport .newClientCard h4,
.dx-viewport .clientCard h4,
.dx-viewport #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance .dx-viewport .carrierComplianceCard h4,
.dx-viewport .newClientCard h4,
body.dx-viewport.dx-theme-material-typography .clientCard h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h4,
body.dx-viewport.dx-theme-material-typography .newClientCard h4,
.dx-viewport .card h5,
.dx-viewport #carrierCompliance .underCard h5,
#carrierCompliance .dx-viewport .underCard h5,
.dx-viewport .underCard h5,
.dx-viewport body .clientCard h5,
.dx-viewport body #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance .dx-viewport body .carrierComplianceCard h5,
.dx-viewport body .newClientCard h5,
body .dx-viewport .clientCard h5,
body .dx-viewport #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body .dx-viewport .carrierComplianceCard h5,
body .dx-viewport .newClientCard h5,
.dx-viewport .clientCard h5,
.dx-viewport #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance .dx-viewport .carrierComplianceCard h5,
.dx-viewport .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .card h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard h4,
body.dx-viewport.dx-theme-material-typography .underCard h4,
body.dx-viewport.dx-theme-material-typography .clientCard h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h4,
body.dx-viewport.dx-theme-material-typography .newClientCard h4,
body.dx-viewport.dx-theme-material-typography .clientCard h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h4,
body.dx-viewport.dx-theme-material-typography .newClientCard h4,
body.dx-viewport.dx-theme-material-typography .clientCard h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h4,
body.dx-viewport.dx-theme-material-typography .newClientCard h4,
body.dx-viewport.dx-theme-material-typography .card h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard h5,
body.dx-viewport.dx-theme-material-typography .underCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5 {
  margin-top: 4px;
}
body .card .c-head, body #carrierCompliance .underCard .c-head, #carrierCompliance body .underCard .c-head, body .underCard .c-head, body .clientCard .c-head, body #carrierCompliance .carrierComplianceCard .c-head, #carrierCompliance body .carrierComplianceCard .c-head, body .newClientCard .c-head,
body .dx-viewport .clientCard .c-head,
body .dx-viewport .newClientCard .c-head,
.dx-viewport body .clientCard .c-head,
.dx-viewport body .newClientCard .c-head,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head,
.dx-viewport .card .c-head,
.dx-viewport #carrierCompliance .underCard .c-head,
#carrierCompliance .dx-viewport .underCard .c-head,
.dx-viewport .underCard .c-head,
.dx-viewport body .clientCard .c-head,
.dx-viewport body .newClientCard .c-head,
body .dx-viewport .clientCard .c-head,
body .dx-viewport .newClientCard .c-head,
.dx-viewport .clientCard .c-head,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head,
.dx-viewport .newClientCard .c-head,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head,
body.dx-viewport.dx-theme-material-typography .card .c-head,
body.dx-viewport.dx-theme-material-typography .underCard .c-head,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body .card .c-head h4, body #carrierCompliance .underCard .c-head h4, #carrierCompliance body .underCard .c-head h4, body .underCard .c-head h4, body .clientCard .c-head h4, body #carrierCompliance .carrierComplianceCard .c-head h4, #carrierCompliance body .carrierComplianceCard .c-head h4, body .newClientCard .c-head h4,
body .dx-viewport .clientCard .c-head h4,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-head h4,
body .dx-viewport .newClientCard .c-head h4,
.dx-viewport body .clientCard .c-head h4,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-head h4,
.dx-viewport body .newClientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h4,
body .card .c-head h5,
body #carrierCompliance .underCard .c-head h5,
#carrierCompliance body .underCard .c-head h5,
body .underCard .c-head h5,
body .clientCard .c-head h5,
body #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body .carrierComplianceCard .c-head h5,
body .newClientCard .c-head h5,
body .dx-viewport .clientCard .c-head h5,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-head h5,
body .dx-viewport .newClientCard .c-head h5,
.dx-viewport body .clientCard .c-head h5,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-head h5,
.dx-viewport body .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5,
.dx-viewport .card .c-head h4,
.dx-viewport #carrierCompliance .underCard .c-head h4,
#carrierCompliance .dx-viewport .underCard .c-head h4,
.dx-viewport .underCard .c-head h4,
.dx-viewport body .clientCard .c-head h4,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-head h4,
.dx-viewport body .newClientCard .c-head h4,
body .dx-viewport .clientCard .c-head h4,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-head h4,
body .dx-viewport .newClientCard .c-head h4,
.dx-viewport .clientCard .c-head h4,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head h4,
.dx-viewport .newClientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h4,
.dx-viewport .card .c-head h5,
.dx-viewport #carrierCompliance .underCard .c-head h5,
#carrierCompliance .dx-viewport .underCard .c-head h5,
.dx-viewport .underCard .c-head h5,
.dx-viewport body .clientCard .c-head h5,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-head h5,
.dx-viewport body .newClientCard .c-head h5,
body .dx-viewport .clientCard .c-head h5,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-head h5,
body .dx-viewport .newClientCard .c-head h5,
.dx-viewport .clientCard .c-head h5,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head h5,
.dx-viewport .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .card .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .underCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h4,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h4,
body.dx-viewport.dx-theme-material-typography .card .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .underCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5 {
  margin-bottom: 20px;
}
body .card .c-head button, body #carrierCompliance .underCard .c-head button, #carrierCompliance body .underCard .c-head button, body .underCard .c-head button, body .clientCard .c-head button, body #carrierCompliance .carrierComplianceCard .c-head button, #carrierCompliance body .carrierComplianceCard .c-head button, body .newClientCard .c-head button,
body .dx-viewport .clientCard .c-head button,
body .dx-viewport .newClientCard .c-head button,
.dx-viewport body .clientCard .c-head button,
.dx-viewport body .newClientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head button,
.dx-viewport .card .c-head button,
.dx-viewport #carrierCompliance .underCard .c-head button,
#carrierCompliance .dx-viewport .underCard .c-head button,
.dx-viewport .underCard .c-head button,
.dx-viewport body .clientCard .c-head button,
.dx-viewport body .newClientCard .c-head button,
body .dx-viewport .clientCard .c-head button,
body .dx-viewport .newClientCard .c-head button,
.dx-viewport .clientCard .c-head button,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head button,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head button,
.dx-viewport .newClientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .card .c-head button,
body.dx-viewport.dx-theme-material-typography .underCard .c-head button,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head button,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head button {
  margin-bottom: 20px;
}
body .card .c-foot, body #carrierCompliance .underCard .c-foot, #carrierCompliance body .underCard .c-foot, body .underCard .c-foot, body .clientCard .c-foot, body #carrierCompliance .carrierComplianceCard .c-foot, #carrierCompliance body .carrierComplianceCard .c-foot, body .newClientCard .c-foot,
body .dx-viewport .clientCard .c-foot,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-foot,
body .dx-viewport .newClientCard .c-foot,
.dx-viewport body .clientCard .c-foot,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-foot,
.dx-viewport body .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot, body .card .minimizeCard.minimizedWithSubNav .c-foot, body #carrierCompliance .underCard .minimizeCard.minimizedWithSubNav .c-foot, #carrierCompliance body .underCard .minimizeCard.minimizedWithSubNav .c-foot, body .underCard .minimizeCard.minimizedWithSubNav .c-foot, body .clientCard .minimizeCard.minimizedWithSubNav .c-foot, body #carrierCompliance .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot, #carrierCompliance body .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot, body .newClientCard .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .minimizeCard.minimizedWithSubNav .c-foot, body .minimizeCard.minimizedWithSubNav .card .c-foot, body .minimizeCard.minimizedWithSubNav #carrierCompliance .underCard .c-foot, #carrierCompliance body .minimizeCard.minimizedWithSubNav .underCard .c-foot, body .minimizeCard.minimizedWithSubNav .underCard .c-foot, body .minimizeCard.minimizedWithSubNav .clientCard .c-foot, body .minimizeCard.minimizedWithSubNav #carrierCompliance .carrierComplianceCard .c-foot, #carrierCompliance body .minimizeCard.minimizedWithSubNav .carrierComplianceCard .c-foot, body .minimizeCard.minimizedWithSubNav .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .card .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard .minimizeCard.minimizedWithSubNav .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .underCard .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .card .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav #carrierCompliance .underCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .underCard .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .underCard .c-foot,
.dx-viewport .card .c-foot,
.dx-viewport #carrierCompliance .underCard .c-foot,
#carrierCompliance .dx-viewport .underCard .c-foot,
.dx-viewport .underCard .c-foot,
.dx-viewport body .clientCard .c-foot,
.dx-viewport body #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance .dx-viewport body .carrierComplianceCard .c-foot,
.dx-viewport body .newClientCard .c-foot,
body .dx-viewport .clientCard .c-foot,
body .dx-viewport #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body .dx-viewport .carrierComplianceCard .c-foot,
body .dx-viewport .newClientCard .c-foot,
.dx-viewport .clientCard .c-foot,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot,
.dx-viewport .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot,
.dx-viewport .card .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport #carrierCompliance .underCard .minimizeCard.minimizedWithSubNav .c-foot,
#carrierCompliance .dx-viewport .underCard .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .underCard .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .clientCard .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport #carrierCompliance .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot,
#carrierCompliance .dx-viewport .carrierComplianceCard .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .newClientCard .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .card .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav #carrierCompliance .underCard .c-foot,
#carrierCompliance .dx-viewport .minimizeCard.minimizedWithSubNav .underCard .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .underCard .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .clientCard .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance .dx-viewport .minimizeCard.minimizedWithSubNav .carrierComplianceCard .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .card .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .underCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .underCard .c-foot,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot,
body.dx-viewport.dx-theme-material-typography #carrierCompliance .carrierComplianceCard .c-foot,
#carrierCompliance body.dx-viewport.dx-theme-material-typography .carrierComplianceCard .c-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
body .card .c-foot.flex-start, body #carrierCompliance .underCard .c-foot.flex-start, #carrierCompliance body .underCard .c-foot.flex-start, body .underCard .c-foot.flex-start, body .clientCard .c-foot.flex-start, body #carrierCompliance .carrierComplianceCard .c-foot.flex-start, #carrierCompliance body .carrierComplianceCard .c-foot.flex-start, body .newClientCard .c-foot.flex-start,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot.flex-start,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot.flex-start,
.dx-viewport .card .c-foot.flex-start,
.dx-viewport #carrierCompliance .underCard .c-foot.flex-start,
#carrierCompliance .dx-viewport .underCard .c-foot.flex-start,
.dx-viewport .underCard .c-foot.flex-start,
.dx-viewport .clientCard .c-foot.flex-start,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot.flex-start,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot.flex-start,
.dx-viewport .newClientCard .c-foot.flex-start,
body.dx-viewport.dx-theme-material-typography .card .c-foot.flex-start,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot.flex-start {
  justify-content: flex-start;
}
body .card .c-foot.pagination-foot, body #carrierCompliance .underCard .c-foot.pagination-foot, #carrierCompliance body .underCard .c-foot.pagination-foot, body .underCard .c-foot.pagination-foot, body .clientCard .c-foot.pagination-foot, body #carrierCompliance .carrierComplianceCard .c-foot.pagination-foot, #carrierCompliance body .carrierComplianceCard .c-foot.pagination-foot, body .newClientCard .c-foot.pagination-foot,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot.pagination-foot,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot.pagination-foot,
.dx-viewport .card .c-foot.pagination-foot,
.dx-viewport #carrierCompliance .underCard .c-foot.pagination-foot,
#carrierCompliance .dx-viewport .underCard .c-foot.pagination-foot,
.dx-viewport .underCard .c-foot.pagination-foot,
.dx-viewport .clientCard .c-foot.pagination-foot,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot.pagination-foot,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot.pagination-foot,
.dx-viewport .newClientCard .c-foot.pagination-foot,
body.dx-viewport.dx-theme-material-typography .card .c-foot.pagination-foot,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot.pagination-foot {
  display: flex;
  justify-content: space-between;
}
body .card .filterBtnContainer button, body #carrierCompliance .underCard .filterBtnContainer button, #carrierCompliance body .underCard .filterBtnContainer button, body .underCard .filterBtnContainer button, body .clientCard .filterBtnContainer button, body #carrierCompliance .carrierComplianceCard .filterBtnContainer button, #carrierCompliance body .carrierComplianceCard .filterBtnContainer button, body .newClientCard .filterBtnContainer button,
body .dx-viewport .clientCard .filterBtnContainer button,
body .dx-viewport .newClientCard .filterBtnContainer button,
.dx-viewport body .clientCard .filterBtnContainer button,
.dx-viewport body .newClientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .clientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .newClientCard .filterBtnContainer button,
.dx-viewport .card .filterBtnContainer button,
.dx-viewport #carrierCompliance .underCard .filterBtnContainer button,
#carrierCompliance .dx-viewport .underCard .filterBtnContainer button,
.dx-viewport .underCard .filterBtnContainer button,
.dx-viewport body .clientCard .filterBtnContainer button,
.dx-viewport body .newClientCard .filterBtnContainer button,
body .dx-viewport .clientCard .filterBtnContainer button,
body .dx-viewport .newClientCard .filterBtnContainer button,
.dx-viewport .clientCard .filterBtnContainer button,
.dx-viewport #carrierCompliance .carrierComplianceCard .filterBtnContainer button,
#carrierCompliance .dx-viewport .carrierComplianceCard .filterBtnContainer button,
.dx-viewport .newClientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .clientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .newClientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .card .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .underCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .clientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .newClientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .clientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .newClientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .clientCard .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .newClientCard .filterBtnContainer button {
  margin-bottom: 0px;
}
body .card .c-head-tab, body #carrierCompliance .underCard .c-head-tab, #carrierCompliance body .underCard .c-head-tab, body .underCard .c-head-tab, body .clientCard .c-head-tab, body #carrierCompliance .carrierComplianceCard .c-head-tab, #carrierCompliance body .carrierComplianceCard .c-head-tab, body .newClientCard .c-head-tab,
body .dx-viewport .clientCard .c-head-tab,
body .dx-viewport .newClientCard .c-head-tab,
.dx-viewport body .clientCard .c-head-tab,
.dx-viewport body .newClientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab,
.dx-viewport .card .c-head-tab,
.dx-viewport #carrierCompliance .underCard .c-head-tab,
#carrierCompliance .dx-viewport .underCard .c-head-tab,
.dx-viewport .underCard .c-head-tab,
.dx-viewport body .clientCard .c-head-tab,
.dx-viewport body .newClientCard .c-head-tab,
body .dx-viewport .clientCard .c-head-tab,
body .dx-viewport .newClientCard .c-head-tab,
.dx-viewport .clientCard .c-head-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab,
.dx-viewport .newClientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab {
  margin-bottom: 32px;
}
body .card .c-head-tab nav, body #carrierCompliance .underCard .c-head-tab nav, #carrierCompliance body .underCard .c-head-tab nav, body .underCard .c-head-tab nav, body .clientCard .c-head-tab nav, body #carrierCompliance .carrierComplianceCard .c-head-tab nav, #carrierCompliance body .carrierComplianceCard .c-head-tab nav, body .newClientCard .c-head-tab nav,
body .dx-viewport .clientCard .c-head-tab nav,
body .dx-viewport .newClientCard .c-head-tab nav,
.dx-viewport body .clientCard .c-head-tab nav,
.dx-viewport body .newClientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav,
.dx-viewport .card .c-head-tab nav,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav,
.dx-viewport .underCard .c-head-tab nav,
.dx-viewport body .clientCard .c-head-tab nav,
.dx-viewport body .newClientCard .c-head-tab nav,
body .dx-viewport .clientCard .c-head-tab nav,
body .dx-viewport .newClientCard .c-head-tab nav,
.dx-viewport .clientCard .c-head-tab nav,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav,
.dx-viewport .newClientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-bottom: 1px solid #E1E3E5;
}
body .card .c-head-tab nav a, body #carrierCompliance .underCard .c-head-tab nav a, #carrierCompliance body .underCard .c-head-tab nav a, body .underCard .c-head-tab nav a, body .clientCard .c-head-tab nav a, body #carrierCompliance .carrierComplianceCard .c-head-tab nav a, #carrierCompliance body .carrierComplianceCard .c-head-tab nav a, body .newClientCard .c-head-tab nav a,
body .dx-viewport .clientCard .c-head-tab nav a,
body .dx-viewport .newClientCard .c-head-tab nav a,
.dx-viewport body .clientCard .c-head-tab nav a,
.dx-viewport body .newClientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav a,
.dx-viewport .card .c-head-tab nav a,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav a,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav a,
.dx-viewport .underCard .c-head-tab nav a,
.dx-viewport body .clientCard .c-head-tab nav a,
.dx-viewport body .newClientCard .c-head-tab nav a,
body .dx-viewport .clientCard .c-head-tab nav a,
body .dx-viewport .newClientCard .c-head-tab nav a,
.dx-viewport .clientCard .c-head-tab nav a,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav a,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav a,
.dx-viewport .newClientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav a {
  text-decoration: none;
  color: #6d7175;
}
body .card .c-head-tab nav ul, body #carrierCompliance .underCard .c-head-tab nav ul, #carrierCompliance body .underCard .c-head-tab nav ul, body .underCard .c-head-tab nav ul, body .clientCard .c-head-tab nav ul, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul, body .newClientCard .c-head-tab nav ul,
body .dx-viewport .clientCard .c-head-tab nav ul,
body .dx-viewport .newClientCard .c-head-tab nav ul,
.dx-viewport body .clientCard .c-head-tab nav ul,
.dx-viewport body .newClientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul,
.dx-viewport .card .c-head-tab nav ul,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul,
.dx-viewport .underCard .c-head-tab nav ul,
.dx-viewport body .clientCard .c-head-tab nav ul,
.dx-viewport body .newClientCard .c-head-tab nav ul,
body .dx-viewport .clientCard .c-head-tab nav ul,
body .dx-viewport .newClientCard .c-head-tab nav ul,
.dx-viewport .clientCard .c-head-tab nav ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul,
.dx-viewport .newClientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul {
  display: flex;
  gap: 32px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .card .c-head-tab nav ul li, body #carrierCompliance .underCard .c-head-tab nav ul li, #carrierCompliance body .underCard .c-head-tab nav ul li, body .underCard .c-head-tab nav ul li, body .clientCard .c-head-tab nav ul li, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li, body .newClientCard .c-head-tab nav ul li,
body .dx-viewport .clientCard .c-head-tab nav ul li,
body .dx-viewport .newClientCard .c-head-tab nav ul li,
.dx-viewport body .clientCard .c-head-tab nav ul li,
.dx-viewport body .newClientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li,
.dx-viewport .card .c-head-tab nav ul li,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li,
.dx-viewport .underCard .c-head-tab nav ul li,
.dx-viewport body .clientCard .c-head-tab nav ul li,
.dx-viewport body .newClientCard .c-head-tab nav ul li,
body .dx-viewport .clientCard .c-head-tab nav ul li,
body .dx-viewport .newClientCard .c-head-tab nav ul li,
.dx-viewport .clientCard .c-head-tab nav ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li,
.dx-viewport .newClientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .card .c-head-tab nav ul li.active-tab, body #carrierCompliance .underCard .c-head-tab nav ul li.active-tab, #carrierCompliance body .underCard .c-head-tab nav ul li.active-tab, body .underCard .c-head-tab nav ul li.active-tab, body .clientCard .c-head-tab nav ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li.active-tab, body .newClientCard .c-head-tab nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li.active-tab,
.dx-viewport .card .c-head-tab nav ul li.active-tab,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li.active-tab,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li.active-tab,
.dx-viewport .underCard .c-head-tab nav ul li.active-tab,
.dx-viewport .clientCard .c-head-tab nav ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li.active-tab,
.dx-viewport .newClientCard .c-head-tab nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .card .c-head-tab nav ul li.active-tab svg path, body #carrierCompliance .underCard .c-head-tab nav ul li.active-tab svg path, #carrierCompliance body .underCard .c-head-tab nav ul li.active-tab svg path, body .underCard .c-head-tab nav ul li.active-tab svg path, body .clientCard .c-head-tab nav ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li.active-tab svg path, body .newClientCard .c-head-tab nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li.active-tab svg path,
.dx-viewport .card .c-head-tab nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li.active-tab svg path,
.dx-viewport .underCard .c-head-tab nav ul li.active-tab svg path,
.dx-viewport .clientCard .c-head-tab nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li.active-tab svg path,
.dx-viewport .newClientCard .c-head-tab nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li.active-tab svg path {
  fill: #202223;
}
body .card .c-head-tab nav ul li:hover, body #carrierCompliance .underCard .c-head-tab nav ul li:hover, #carrierCompliance body .underCard .c-head-tab nav ul li:hover, body .underCard .c-head-tab nav ul li:hover, body .clientCard .c-head-tab nav ul li:hover, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:hover, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li:hover, body .newClientCard .c-head-tab nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li:hover,
body .card .c-head-tab nav ul li:focus,
body #carrierCompliance .underCard .c-head-tab nav ul li:focus,
#carrierCompliance body .underCard .c-head-tab nav ul li:focus,
body .underCard .c-head-tab nav ul li:focus,
body .clientCard .c-head-tab nav ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li:focus,
body .newClientCard .c-head-tab nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li:focus,
.dx-viewport .card .c-head-tab nav ul li:hover,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li:hover,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li:hover,
.dx-viewport .underCard .c-head-tab nav ul li:hover,
.dx-viewport .clientCard .c-head-tab nav ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li:hover,
.dx-viewport .newClientCard .c-head-tab nav ul li:hover,
.dx-viewport .card .c-head-tab nav ul li:focus,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li:focus,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li:focus,
.dx-viewport .underCard .c-head-tab nav ul li:focus,
.dx-viewport .clientCard .c-head-tab nav ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li:focus,
.dx-viewport .newClientCard .c-head-tab nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .card .c-head-tab nav ul li:hover svg path, body #carrierCompliance .underCard .c-head-tab nav ul li:hover svg path, #carrierCompliance body .underCard .c-head-tab nav ul li:hover svg path, body .underCard .c-head-tab nav ul li:hover svg path, body .clientCard .c-head-tab nav ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li:hover svg path, body .newClientCard .c-head-tab nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li:hover svg path,
body .card .c-head-tab nav ul li:focus svg path,
body #carrierCompliance .underCard .c-head-tab nav ul li:focus svg path,
#carrierCompliance body .underCard .c-head-tab nav ul li:focus svg path,
body .underCard .c-head-tab nav ul li:focus svg path,
body .clientCard .c-head-tab nav ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-head-tab nav ul li:focus svg path,
body .newClientCard .c-head-tab nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab nav ul li:focus svg path,
.dx-viewport .card .c-head-tab nav ul li:hover svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li:hover svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li:hover svg path,
.dx-viewport .underCard .c-head-tab nav ul li:hover svg path,
.dx-viewport .clientCard .c-head-tab nav ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li:hover svg path,
.dx-viewport .newClientCard .c-head-tab nav ul li:hover svg path,
.dx-viewport .card .c-head-tab nav ul li:focus svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab nav ul li:focus svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab nav ul li:focus svg path,
.dx-viewport .underCard .c-head-tab nav ul li:focus svg path,
.dx-viewport .clientCard .c-head-tab nav ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab nav ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab nav ul li:focus svg path,
.dx-viewport .newClientCard .c-head-tab nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab nav ul li:focus svg path {
  fill: #028888;
}
body .card .c-head-tab-sub, body #carrierCompliance .underCard .c-head-tab-sub, #carrierCompliance body .underCard .c-head-tab-sub, body .underCard .c-head-tab-sub, body .clientCard .c-head-tab-sub, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub, body .newClientCard .c-head-tab-sub,
body .dx-viewport .clientCard .c-head-tab-sub,
body .dx-viewport .newClientCard .c-head-tab-sub,
.dx-viewport body .clientCard .c-head-tab-sub,
.dx-viewport body .newClientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub,
.dx-viewport .card .c-head-tab-sub,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub,
.dx-viewport .underCard .c-head-tab-sub,
.dx-viewport body .clientCard .c-head-tab-sub,
.dx-viewport body .newClientCard .c-head-tab-sub,
body .dx-viewport .clientCard .c-head-tab-sub,
body .dx-viewport .newClientCard .c-head-tab-sub,
.dx-viewport .clientCard .c-head-tab-sub,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub,
.dx-viewport .newClientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub {
  margin-bottom: 32px;
}
body .card .c-head-tab-sub nav, body #carrierCompliance .underCard .c-head-tab-sub nav, #carrierCompliance body .underCard .c-head-tab-sub nav, body .underCard .c-head-tab-sub nav, body .clientCard .c-head-tab-sub nav, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav, body .newClientCard .c-head-tab-sub nav,
body .dx-viewport .clientCard .c-head-tab-sub nav,
body .dx-viewport .newClientCard .c-head-tab-sub nav,
.dx-viewport body .clientCard .c-head-tab-sub nav,
.dx-viewport body .newClientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav,
.dx-viewport .card .c-head-tab-sub nav,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav,
.dx-viewport .underCard .c-head-tab-sub nav,
.dx-viewport body .clientCard .c-head-tab-sub nav,
.dx-viewport body .newClientCard .c-head-tab-sub nav,
body .dx-viewport .clientCard .c-head-tab-sub nav,
body .dx-viewport .newClientCard .c-head-tab-sub nav,
.dx-viewport .clientCard .c-head-tab-sub nav,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav,
.dx-viewport .newClientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-bottom: 1px solid #E1E3E5;
}
body .card .c-head-tab-sub nav a, body #carrierCompliance .underCard .c-head-tab-sub nav a, #carrierCompliance body .underCard .c-head-tab-sub nav a, body .underCard .c-head-tab-sub nav a, body .clientCard .c-head-tab-sub nav a, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav a, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav a, body .newClientCard .c-head-tab-sub nav a,
body .dx-viewport .clientCard .c-head-tab-sub nav a,
body .dx-viewport .newClientCard .c-head-tab-sub nav a,
.dx-viewport body .clientCard .c-head-tab-sub nav a,
.dx-viewport body .newClientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav a,
.dx-viewport .card .c-head-tab-sub nav a,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav a,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav a,
.dx-viewport .underCard .c-head-tab-sub nav a,
.dx-viewport body .clientCard .c-head-tab-sub nav a,
.dx-viewport body .newClientCard .c-head-tab-sub nav a,
body .dx-viewport .clientCard .c-head-tab-sub nav a,
body .dx-viewport .newClientCard .c-head-tab-sub nav a,
.dx-viewport .clientCard .c-head-tab-sub nav a,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav a,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav a,
.dx-viewport .newClientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav a {
  text-decoration: none;
  color: #6d7175;
}
body .card .c-head-tab-sub nav ul, body #carrierCompliance .underCard .c-head-tab-sub nav ul, #carrierCompliance body .underCard .c-head-tab-sub nav ul, body .underCard .c-head-tab-sub nav ul, body .clientCard .c-head-tab-sub nav ul, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul, body .newClientCard .c-head-tab-sub nav ul,
body .dx-viewport .clientCard .c-head-tab-sub nav ul,
body .dx-viewport .newClientCard .c-head-tab-sub nav ul,
.dx-viewport body .clientCard .c-head-tab-sub nav ul,
.dx-viewport body .newClientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul,
.dx-viewport .card .c-head-tab-sub nav ul,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul,
.dx-viewport .underCard .c-head-tab-sub nav ul,
.dx-viewport body .clientCard .c-head-tab-sub nav ul,
.dx-viewport body .newClientCard .c-head-tab-sub nav ul,
body .dx-viewport .clientCard .c-head-tab-sub nav ul,
body .dx-viewport .newClientCard .c-head-tab-sub nav ul,
.dx-viewport .clientCard .c-head-tab-sub nav ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul,
.dx-viewport .newClientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul {
  display: flex;
  gap: 32px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .card .c-head-tab-sub nav ul li, body #carrierCompliance .underCard .c-head-tab-sub nav ul li, #carrierCompliance body .underCard .c-head-tab-sub nav ul li, body .underCard .c-head-tab-sub nav ul li, body .clientCard .c-head-tab-sub nav ul li, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li, body .newClientCard .c-head-tab-sub nav ul li,
body .dx-viewport .clientCard .c-head-tab-sub nav ul li,
body .dx-viewport .newClientCard .c-head-tab-sub nav ul li,
.dx-viewport body .clientCard .c-head-tab-sub nav ul li,
.dx-viewport body .newClientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li,
.dx-viewport .card .c-head-tab-sub nav ul li,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li,
.dx-viewport .underCard .c-head-tab-sub nav ul li,
.dx-viewport body .clientCard .c-head-tab-sub nav ul li,
.dx-viewport body .newClientCard .c-head-tab-sub nav ul li,
body .dx-viewport .clientCard .c-head-tab-sub nav ul li,
body .dx-viewport .newClientCard .c-head-tab-sub nav ul li,
.dx-viewport .clientCard .c-head-tab-sub nav ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .card .c-head-tab-sub nav ul li.active-tab, body #carrierCompliance .underCard .c-head-tab-sub nav ul li.active-tab, #carrierCompliance body .underCard .c-head-tab-sub nav ul li.active-tab, body .underCard .c-head-tab-sub nav ul li.active-tab, body .clientCard .c-head-tab-sub nav ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab, body .newClientCard .c-head-tab-sub nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li.active-tab,
.dx-viewport .card .c-head-tab-sub nav ul li.active-tab,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li.active-tab,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li.active-tab,
.dx-viewport .underCard .c-head-tab-sub nav ul li.active-tab,
.dx-viewport .clientCard .c-head-tab-sub nav ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .card .c-head-tab-sub nav ul li.active-tab svg path, body #carrierCompliance .underCard .c-head-tab-sub nav ul li.active-tab svg path, #carrierCompliance body .underCard .c-head-tab-sub nav ul li.active-tab svg path, body .underCard .c-head-tab-sub nav ul li.active-tab svg path, body .clientCard .c-head-tab-sub nav ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab svg path, body .newClientCard .c-head-tab-sub nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport .card .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport .underCard .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport .clientCard .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li.active-tab svg path,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li.active-tab svg path {
  fill: #202223;
}
body .card .c-head-tab-sub nav ul li:hover, body #carrierCompliance .underCard .c-head-tab-sub nav ul li:hover, #carrierCompliance body .underCard .c-head-tab-sub nav ul li:hover, body .underCard .c-head-tab-sub nav ul li:hover, body .clientCard .c-head-tab-sub nav ul li:hover, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:hover, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li:hover, body .newClientCard .c-head-tab-sub nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li:hover,
body .card .c-head-tab-sub nav ul li:focus,
body #carrierCompliance .underCard .c-head-tab-sub nav ul li:focus,
#carrierCompliance body .underCard .c-head-tab-sub nav ul li:focus,
body .underCard .c-head-tab-sub nav ul li:focus,
body .clientCard .c-head-tab-sub nav ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li:focus,
body .newClientCard .c-head-tab-sub nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li:focus,
.dx-viewport .card .c-head-tab-sub nav ul li:hover,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li:hover,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li:hover,
.dx-viewport .underCard .c-head-tab-sub nav ul li:hover,
.dx-viewport .clientCard .c-head-tab-sub nav ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li:hover,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li:hover,
.dx-viewport .card .c-head-tab-sub nav ul li:focus,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li:focus,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li:focus,
.dx-viewport .underCard .c-head-tab-sub nav ul li:focus,
.dx-viewport .clientCard .c-head-tab-sub nav ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li:focus,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .card .c-head-tab-sub nav ul li:hover svg path, body #carrierCompliance .underCard .c-head-tab-sub nav ul li:hover svg path, #carrierCompliance body .underCard .c-head-tab-sub nav ul li:hover svg path, body .underCard .c-head-tab-sub nav ul li:hover svg path, body .clientCard .c-head-tab-sub nav ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li:hover svg path, body .newClientCard .c-head-tab-sub nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li:hover svg path,
body .card .c-head-tab-sub nav ul li:focus svg path,
body #carrierCompliance .underCard .c-head-tab-sub nav ul li:focus svg path,
#carrierCompliance body .underCard .c-head-tab-sub nav ul li:focus svg path,
body .underCard .c-head-tab-sub nav ul li:focus svg path,
body .clientCard .c-head-tab-sub nav ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-head-tab-sub nav ul li:focus svg path,
body .newClientCard .c-head-tab-sub nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport .card .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li:hover svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport .underCard .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport .clientCard .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li:hover svg path,
.dx-viewport .card .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub nav ul li:focus svg path,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport .underCard .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport .clientCard .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub nav ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub nav ul li:focus svg path,
.dx-viewport .newClientCard .c-head-tab-sub nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub nav ul li:focus svg path {
  fill: #028888;
}
body .card .c-head-tab-sub .search-nav li, body #carrierCompliance .underCard .c-head-tab-sub .search-nav li, #carrierCompliance body .underCard .c-head-tab-sub .search-nav li, body .underCard .c-head-tab-sub .search-nav li, body .clientCard .c-head-tab-sub .search-nav li, body #carrierCompliance .carrierComplianceCard .c-head-tab-sub .search-nav li, #carrierCompliance body .carrierComplianceCard .c-head-tab-sub .search-nav li, body .newClientCard .c-head-tab-sub .search-nav li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head-tab-sub .search-nav li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head-tab-sub .search-nav li,
.dx-viewport .card .c-head-tab-sub .search-nav li,
.dx-viewport #carrierCompliance .underCard .c-head-tab-sub .search-nav li,
#carrierCompliance .dx-viewport .underCard .c-head-tab-sub .search-nav li,
.dx-viewport .underCard .c-head-tab-sub .search-nav li,
.dx-viewport .clientCard .c-head-tab-sub .search-nav li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head-tab-sub .search-nav li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head-tab-sub .search-nav li,
.dx-viewport .newClientCard .c-head-tab-sub .search-nav li,
body.dx-viewport.dx-theme-material-typography .card .c-head-tab-sub .search-nav li,
body.dx-viewport.dx-theme-material-typography .underCard .c-head-tab-sub .search-nav li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .card .c-foot-alt, body #carrierCompliance .underCard .c-foot-alt, #carrierCompliance body .underCard .c-foot-alt, body .underCard .c-foot-alt, body .clientCard .c-foot-alt, body #carrierCompliance .carrierComplianceCard .c-foot-alt, #carrierCompliance body .carrierComplianceCard .c-foot-alt, body .newClientCard .c-foot-alt,
body .dx-viewport .clientCard .c-foot-alt,
body .dx-viewport .newClientCard .c-foot-alt,
.dx-viewport body .clientCard .c-foot-alt,
.dx-viewport body .newClientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt,
.dx-viewport .card .c-foot-alt,
.dx-viewport #carrierCompliance .underCard .c-foot-alt,
#carrierCompliance .dx-viewport .underCard .c-foot-alt,
.dx-viewport .underCard .c-foot-alt,
.dx-viewport body .clientCard .c-foot-alt,
.dx-viewport body .newClientCard .c-foot-alt,
body .dx-viewport .clientCard .c-foot-alt,
body .dx-viewport .newClientCard .c-foot-alt,
.dx-viewport .clientCard .c-foot-alt,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt,
.dx-viewport .newClientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt {
  margin-top: 32px;
}
body .card .c-foot-alt nav, body #carrierCompliance .underCard .c-foot-alt nav, #carrierCompliance body .underCard .c-foot-alt nav, body .underCard .c-foot-alt nav, body .clientCard .c-foot-alt nav, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav, body .newClientCard .c-foot-alt nav,
body .dx-viewport .clientCard .c-foot-alt nav,
body .dx-viewport .newClientCard .c-foot-alt nav,
.dx-viewport body .clientCard .c-foot-alt nav,
.dx-viewport body .newClientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav,
.dx-viewport .card .c-foot-alt nav,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav,
.dx-viewport .underCard .c-foot-alt nav,
.dx-viewport body .clientCard .c-foot-alt nav,
.dx-viewport body .newClientCard .c-foot-alt nav,
body .dx-viewport .clientCard .c-foot-alt nav,
body .dx-viewport .newClientCard .c-foot-alt nav,
.dx-viewport .clientCard .c-foot-alt nav,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav,
.dx-viewport .newClientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-top: 1px solid #E1E3E5;
}
body .card .c-foot-alt nav a, body #carrierCompliance .underCard .c-foot-alt nav a, #carrierCompliance body .underCard .c-foot-alt nav a, body .underCard .c-foot-alt nav a, body .clientCard .c-foot-alt nav a, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav a, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav a, body .newClientCard .c-foot-alt nav a,
body .dx-viewport .clientCard .c-foot-alt nav a,
body .dx-viewport .newClientCard .c-foot-alt nav a,
.dx-viewport body .clientCard .c-foot-alt nav a,
.dx-viewport body .newClientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav a,
.dx-viewport .card .c-foot-alt nav a,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav a,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav a,
.dx-viewport .underCard .c-foot-alt nav a,
.dx-viewport body .clientCard .c-foot-alt nav a,
.dx-viewport body .newClientCard .c-foot-alt nav a,
body .dx-viewport .clientCard .c-foot-alt nav a,
body .dx-viewport .newClientCard .c-foot-alt nav a,
.dx-viewport .clientCard .c-foot-alt nav a,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav a,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav a,
.dx-viewport .newClientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav a {
  text-decoration: none;
  color: #6d7175;
}
body .card .c-foot-alt nav ul, body #carrierCompliance .underCard .c-foot-alt nav ul, #carrierCompliance body .underCard .c-foot-alt nav ul, body .underCard .c-foot-alt nav ul, body .clientCard .c-foot-alt nav ul, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul, body .newClientCard .c-foot-alt nav ul,
body .dx-viewport .clientCard .c-foot-alt nav ul,
body .dx-viewport .newClientCard .c-foot-alt nav ul,
.dx-viewport body .clientCard .c-foot-alt nav ul,
.dx-viewport body .newClientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul,
.dx-viewport .card .c-foot-alt nav ul,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul,
.dx-viewport .underCard .c-foot-alt nav ul,
.dx-viewport body .clientCard .c-foot-alt nav ul,
.dx-viewport body .newClientCard .c-foot-alt nav ul,
body .dx-viewport .clientCard .c-foot-alt nav ul,
body .dx-viewport .newClientCard .c-foot-alt nav ul,
.dx-viewport .clientCard .c-foot-alt nav ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul,
.dx-viewport .newClientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul {
  display: flex;
  gap: 32px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .card .c-foot-alt nav ul li, body #carrierCompliance .underCard .c-foot-alt nav ul li, #carrierCompliance body .underCard .c-foot-alt nav ul li, body .underCard .c-foot-alt nav ul li, body .clientCard .c-foot-alt nav ul li, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li, body .newClientCard .c-foot-alt nav ul li,
body .dx-viewport .clientCard .c-foot-alt nav ul li,
body .dx-viewport .newClientCard .c-foot-alt nav ul li,
.dx-viewport body .clientCard .c-foot-alt nav ul li,
.dx-viewport body .newClientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li,
.dx-viewport .card .c-foot-alt nav ul li,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li,
.dx-viewport .underCard .c-foot-alt nav ul li,
.dx-viewport body .clientCard .c-foot-alt nav ul li,
.dx-viewport body .newClientCard .c-foot-alt nav ul li,
body .dx-viewport .clientCard .c-foot-alt nav ul li,
body .dx-viewport .newClientCard .c-foot-alt nav ul li,
.dx-viewport .clientCard .c-foot-alt nav ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li,
.dx-viewport .newClientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .card .c-foot-alt nav ul li.active-tab, body #carrierCompliance .underCard .c-foot-alt nav ul li.active-tab, #carrierCompliance body .underCard .c-foot-alt nav ul li.active-tab, body .underCard .c-foot-alt nav ul li.active-tab, body .clientCard .c-foot-alt nav ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li.active-tab, body .newClientCard .c-foot-alt nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li.active-tab,
.dx-viewport .card .c-foot-alt nav ul li.active-tab,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li.active-tab,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li.active-tab,
.dx-viewport .underCard .c-foot-alt nav ul li.active-tab,
.dx-viewport .clientCard .c-foot-alt nav ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li.active-tab,
.dx-viewport .newClientCard .c-foot-alt nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .card .c-foot-alt nav ul li.active-tab svg path, body #carrierCompliance .underCard .c-foot-alt nav ul li.active-tab svg path, #carrierCompliance body .underCard .c-foot-alt nav ul li.active-tab svg path, body .underCard .c-foot-alt nav ul li.active-tab svg path, body .clientCard .c-foot-alt nav ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li.active-tab svg path, body .newClientCard .c-foot-alt nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport .card .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport .underCard .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport .clientCard .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li.active-tab svg path,
.dx-viewport .newClientCard .c-foot-alt nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li.active-tab svg path {
  fill: #202223;
}
body .card .c-foot-alt nav ul li:hover, body #carrierCompliance .underCard .c-foot-alt nav ul li:hover, #carrierCompliance body .underCard .c-foot-alt nav ul li:hover, body .underCard .c-foot-alt nav ul li:hover, body .clientCard .c-foot-alt nav ul li:hover, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:hover, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li:hover, body .newClientCard .c-foot-alt nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li:hover,
body .card .c-foot-alt nav ul li:focus,
body #carrierCompliance .underCard .c-foot-alt nav ul li:focus,
#carrierCompliance body .underCard .c-foot-alt nav ul li:focus,
body .underCard .c-foot-alt nav ul li:focus,
body .clientCard .c-foot-alt nav ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li:focus,
body .newClientCard .c-foot-alt nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li:focus,
.dx-viewport .card .c-foot-alt nav ul li:hover,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li:hover,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li:hover,
.dx-viewport .underCard .c-foot-alt nav ul li:hover,
.dx-viewport .clientCard .c-foot-alt nav ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li:hover,
.dx-viewport .newClientCard .c-foot-alt nav ul li:hover,
.dx-viewport .card .c-foot-alt nav ul li:focus,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li:focus,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li:focus,
.dx-viewport .underCard .c-foot-alt nav ul li:focus,
.dx-viewport .clientCard .c-foot-alt nav ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li:focus,
.dx-viewport .newClientCard .c-foot-alt nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .card .c-foot-alt nav ul li:hover svg path, body #carrierCompliance .underCard .c-foot-alt nav ul li:hover svg path, #carrierCompliance body .underCard .c-foot-alt nav ul li:hover svg path, body .underCard .c-foot-alt nav ul li:hover svg path, body .clientCard .c-foot-alt nav ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li:hover svg path, body .newClientCard .c-foot-alt nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li:hover svg path,
body .card .c-foot-alt nav ul li:focus svg path,
body #carrierCompliance .underCard .c-foot-alt nav ul li:focus svg path,
#carrierCompliance body .underCard .c-foot-alt nav ul li:focus svg path,
body .underCard .c-foot-alt nav ul li:focus svg path,
body .clientCard .c-foot-alt nav ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-foot-alt nav ul li:focus svg path,
body .newClientCard .c-foot-alt nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav ul li:focus svg path,
.dx-viewport .card .c-foot-alt nav ul li:hover svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li:hover svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li:hover svg path,
.dx-viewport .underCard .c-foot-alt nav ul li:hover svg path,
.dx-viewport .clientCard .c-foot-alt nav ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li:hover svg path,
.dx-viewport .newClientCard .c-foot-alt nav ul li:hover svg path,
.dx-viewport .card .c-foot-alt nav ul li:focus svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav ul li:focus svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav ul li:focus svg path,
.dx-viewport .underCard .c-foot-alt nav ul li:focus svg path,
.dx-viewport .clientCard .c-foot-alt nav ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav ul li:focus svg path,
.dx-viewport .newClientCard .c-foot-alt nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav ul li:focus svg path {
  fill: #028888;
}
body .card .c-foot-alt nav.selectClient .emailIcon, body #carrierCompliance .underCard .c-foot-alt nav.selectClient .emailIcon, #carrierCompliance body .underCard .c-foot-alt nav.selectClient .emailIcon, body .underCard .c-foot-alt nav.selectClient .emailIcon, body .clientCard .c-foot-alt nav.selectClient .emailIcon, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient .emailIcon, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.selectClient .emailIcon, body .newClientCard .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport .card .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.selectClient .emailIcon,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport .underCard .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport .clientCard .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient .emailIcon,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.selectClient .emailIcon,
.dx-viewport .newClientCard .c-foot-alt nav.selectClient .emailIcon,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.selectClient .emailIcon {
  padding-left: 24px;
  padding-right: 24px;
}
body .card .c-foot-alt nav.selectClient ul, body #carrierCompliance .underCard .c-foot-alt nav.selectClient ul, #carrierCompliance body .underCard .c-foot-alt nav.selectClient ul, body .underCard .c-foot-alt nav.selectClient ul, body .clientCard .c-foot-alt nav.selectClient ul, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient ul, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.selectClient ul, body .newClientCard .c-foot-alt nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav.selectClient ul,
.dx-viewport .card .c-foot-alt nav.selectClient ul,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.selectClient ul,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.selectClient ul,
.dx-viewport .underCard .c-foot-alt nav.selectClient ul,
.dx-viewport .clientCard .c-foot-alt nav.selectClient ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.selectClient ul,
.dx-viewport .newClientCard .c-foot-alt nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav.selectClient ul {
  display: flex;
  gap: 72px;
  list-style-type: none;
  margin: 0;
  padding: 0px 24px 0px 20px;
  text-indent: 0;
}
body .card .c-foot-alt nav.selectClient ul li, body #carrierCompliance .underCard .c-foot-alt nav.selectClient ul li, #carrierCompliance body .underCard .c-foot-alt nav.selectClient ul li, body .underCard .c-foot-alt nav.selectClient ul li, body .clientCard .c-foot-alt nav.selectClient ul li, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient ul li, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.selectClient ul li, body .newClientCard .c-foot-alt nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav.selectClient ul li,
.dx-viewport .card .c-foot-alt nav.selectClient ul li,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.selectClient ul li,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.selectClient ul li,
.dx-viewport .underCard .c-foot-alt nav.selectClient ul li,
.dx-viewport .clientCard .c-foot-alt nav.selectClient ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.selectClient ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.selectClient ul li,
.dx-viewport .newClientCard .c-foot-alt nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav.selectClient ul li {
  padding-top: 17px;
}
body .card .c-foot-alt nav.terms, body #carrierCompliance .underCard .c-foot-alt nav.terms, #carrierCompliance body .underCard .c-foot-alt nav.terms, body .underCard .c-foot-alt nav.terms, body .clientCard .c-foot-alt nav.terms, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms, body .newClientCard .c-foot-alt nav.terms,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav.terms,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav.terms,
.dx-viewport .card .c-foot-alt nav.terms,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms,
.dx-viewport .underCard .c-foot-alt nav.terms,
.dx-viewport .clientCard .c-foot-alt nav.terms,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms,
.dx-viewport .newClientCard .c-foot-alt nav.terms,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav.terms {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-top: 1px solid #E1E3E5;
}
body .card .c-foot-alt nav.terms ul, body #carrierCompliance .underCard .c-foot-alt nav.terms ul, #carrierCompliance body .underCard .c-foot-alt nav.terms ul, body .underCard .c-foot-alt nav.terms ul, body .clientCard .c-foot-alt nav.terms ul, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul, body .newClientCard .c-foot-alt nav.terms ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav.terms ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav.terms ul,
.dx-viewport .card .c-foot-alt nav.terms ul,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul,
.dx-viewport .underCard .c-foot-alt nav.terms ul,
.dx-viewport .clientCard .c-foot-alt nav.terms ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav.terms ul {
  display: flex;
  gap: 72px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .card .c-foot-alt nav.terms ul li, body #carrierCompliance .underCard .c-foot-alt nav.terms ul li, #carrierCompliance body .underCard .c-foot-alt nav.terms ul li, body .underCard .c-foot-alt nav.terms ul li, body .clientCard .c-foot-alt nav.terms ul li, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li, body .newClientCard .c-foot-alt nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot-alt nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot-alt nav.terms ul li,
.dx-viewport .card .c-foot-alt nav.terms ul li,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li,
.dx-viewport .underCard .c-foot-alt nav.terms ul li,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .underCard .c-foot-alt nav.terms ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .card .c-foot-alt nav.terms ul li.active-tab, body #carrierCompliance .underCard .c-foot-alt nav.terms ul li.active-tab, #carrierCompliance body .underCard .c-foot-alt nav.terms ul li.active-tab, body .underCard .c-foot-alt nav.terms ul li.active-tab, body .clientCard .c-foot-alt nav.terms ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab, body .newClientCard .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport .card .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li.active-tab,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport .underCard .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .card .c-foot-alt nav.terms ul li.active-tab svg path, body #carrierCompliance .underCard .c-foot-alt nav.terms ul li.active-tab svg path, #carrierCompliance body .underCard .c-foot-alt nav.terms ul li.active-tab svg path, body .underCard .c-foot-alt nav.terms ul li.active-tab svg path, body .clientCard .c-foot-alt nav.terms ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab svg path, body .newClientCard .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport .card .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li.active-tab svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport .underCard .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li.active-tab svg path,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li.active-tab svg path {
  fill: #202223;
}
body .card .c-foot-alt nav.terms ul li:hover, body #carrierCompliance .underCard .c-foot-alt nav.terms ul li:hover, #carrierCompliance body .underCard .c-foot-alt nav.terms ul li:hover, body .underCard .c-foot-alt nav.terms ul li:hover, body .clientCard .c-foot-alt nav.terms ul li:hover, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:hover, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li:hover, body .newClientCard .c-foot-alt nav.terms ul li:hover,
body .card .c-foot-alt nav.terms ul li:focus,
body #carrierCompliance .underCard .c-foot-alt nav.terms ul li:focus,
#carrierCompliance body .underCard .c-foot-alt nav.terms ul li:focus,
body .underCard .c-foot-alt nav.terms ul li:focus,
body .clientCard .c-foot-alt nav.terms ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li:focus,
body .newClientCard .c-foot-alt nav.terms ul li:focus,
.dx-viewport .card .c-foot-alt nav.terms ul li:hover,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li:hover,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li:hover,
.dx-viewport .underCard .c-foot-alt nav.terms ul li:hover,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li:hover,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li:hover,
.dx-viewport .card .c-foot-alt nav.terms ul li:focus,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li:focus,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li:focus,
.dx-viewport .underCard .c-foot-alt nav.terms ul li:focus,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li:focus,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li:focus,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li:hover,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .card .c-foot-alt nav.terms ul li:hover svg path, body #carrierCompliance .underCard .c-foot-alt nav.terms ul li:hover svg path, #carrierCompliance body .underCard .c-foot-alt nav.terms ul li:hover svg path, body .underCard .c-foot-alt nav.terms ul li:hover svg path, body .clientCard .c-foot-alt nav.terms ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li:hover svg path, body .newClientCard .c-foot-alt nav.terms ul li:hover svg path,
body .card .c-foot-alt nav.terms ul li:focus svg path,
body #carrierCompliance .underCard .c-foot-alt nav.terms ul li:focus svg path,
#carrierCompliance body .underCard .c-foot-alt nav.terms ul li:focus svg path,
body .underCard .c-foot-alt nav.terms ul li:focus svg path,
body .clientCard .c-foot-alt nav.terms ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-foot-alt nav.terms ul li:focus svg path,
body .newClientCard .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport .card .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li:hover svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport .underCard .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li:hover svg path,
.dx-viewport .card .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport #carrierCompliance .underCard .c-foot-alt nav.terms ul li:focus svg path,
#carrierCompliance .dx-viewport .underCard .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport .underCard .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport .clientCard .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot-alt nav.terms ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot-alt nav.terms ul li:focus svg path,
.dx-viewport .newClientCard .c-foot-alt nav.terms ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .card .c-foot-alt nav.terms ul li:focus svg path {
  fill: #028888;
}
body .card a, body #carrierCompliance .underCard a, #carrierCompliance body .underCard a, body .underCard a, body .clientCard a, body #carrierCompliance .carrierComplianceCard a, #carrierCompliance body .carrierComplianceCard a, body .newClientCard a,
body .dx-viewport .clientCard a,
body .dx-viewport .newClientCard a,
.dx-viewport body .clientCard a,
.dx-viewport body .newClientCard a,
body.dx-viewport.dx-theme-material-typography .clientCard a,
body.dx-viewport.dx-theme-material-typography .newClientCard a,
.dx-viewport .card a,
.dx-viewport #carrierCompliance .underCard a,
#carrierCompliance .dx-viewport .underCard a,
.dx-viewport .underCard a,
.dx-viewport body .clientCard a,
.dx-viewport body .newClientCard a,
body .dx-viewport .clientCard a,
body .dx-viewport .newClientCard a,
.dx-viewport .clientCard a,
.dx-viewport #carrierCompliance .carrierComplianceCard a,
#carrierCompliance .dx-viewport .carrierComplianceCard a,
.dx-viewport .newClientCard a,
body.dx-viewport.dx-theme-material-typography .clientCard a,
body.dx-viewport.dx-theme-material-typography .newClientCard a,
body.dx-viewport.dx-theme-material-typography .card a,
body.dx-viewport.dx-theme-material-typography .underCard a,
body.dx-viewport.dx-theme-material-typography .clientCard a,
body.dx-viewport.dx-theme-material-typography .newClientCard a,
body.dx-viewport.dx-theme-material-typography .clientCard a,
body.dx-viewport.dx-theme-material-typography .newClientCard a,
body.dx-viewport.dx-theme-material-typography .clientCard a,
body.dx-viewport.dx-theme-material-typography .newClientCard a {
  text-decoration: none;
}
body .card-sm,
.dx-viewport .card-sm,
body.dx-viewport.dx-theme-material-typography .card-sm {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 20px 24px 24px 24px;
}
body .card-sm h4,
body .card-sm h5,
.dx-viewport .card-sm h4,
.dx-viewport .card-sm h5,
body.dx-viewport.dx-theme-material-typography .card-sm h4,
body.dx-viewport.dx-theme-material-typography .card-sm h5 {
  margin-top: 4px;
}
body .card-sm .c-head,
.dx-viewport .card-sm .c-head,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body .card-sm .c-head h4,
body .card-sm .c-head h5,
.dx-viewport .card-sm .c-head h4,
.dx-viewport .card-sm .c-head h5,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head h4,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head h5 {
  margin-bottom: 20px;
}
body .card-sm .c-head h4.mb-0,
body .card-sm .c-head h5.mb-0,
.dx-viewport .card-sm .c-head h4.mb-0,
.dx-viewport .card-sm .c-head h5.mb-0,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head h4.mb-0,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head h5.mb-0 {
  margin-bottom: 0px;
}
body .card-sm .c-head button,
.dx-viewport .card-sm .c-head button,
body.dx-viewport.dx-theme-material-typography .card-sm .c-head button {
  margin-bottom: 16px;
}
body .card-sm .c-foot, body .card-sm .minimizeCard.minimizedWithSubNav .c-foot, body .minimizeCard.minimizedWithSubNav .card-sm .c-foot,
body.dx-viewport.dx-theme-material-typography .card-sm .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .card-sm .c-foot,
.dx-viewport .card-sm .c-foot,
.dx-viewport .card-sm .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .card-sm .c-foot,
body.dx-viewport.dx-theme-material-typography .card-sm .c-foot {
  display: flex;
  justify-content: flex-end;
}
body .card-sm .c-foot button, body .card-sm .minimizeCard.minimizedWithSubNav .c-foot button, body .minimizeCard.minimizedWithSubNav .card-sm .c-foot button,
.dx-viewport .card-sm .c-foot button,
.dx-viewport .card-sm .minimizeCard.minimizedWithSubNav .c-foot button,
.dx-viewport .minimizeCard.minimizedWithSubNav .card-sm .c-foot button,
body.dx-viewport.dx-theme-material-typography .card-sm .c-foot button {
  margin-top: 24px;
}
body .card-sm .c-foot.flex-start,
.dx-viewport .card-sm .c-foot.flex-start,
body.dx-viewport.dx-theme-material-typography .card-sm .c-foot.flex-start {
  justify-content: flex-start;
}
body .card-sm .filterBtnContainer button,
.dx-viewport .card-sm .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .card-sm .filterBtnContainer button {
  margin-bottom: 0px;
}
body .card-sm .gap-10,
.dx-viewport .card-sm .gap-10,
body.dx-viewport.dx-theme-material-typography .card-sm .gap-10 {
  gap: 10px;
}
body .help-card-sm,
.dx-viewport .help-card-sm,
body.dx-viewport.dx-theme-material-typography .help-card-sm {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  height: 100%;
  width: 325px;
  margin: 0;
  padding: 20px 24px 24px 24px;
}
body .help-card-sm h4,
body .help-card-sm h5,
.dx-viewport .help-card-sm h4,
.dx-viewport .help-card-sm h5,
body.dx-viewport.dx-theme-material-typography .help-card-sm h4,
body.dx-viewport.dx-theme-material-typography .help-card-sm h5 {
  margin-top: 4px;
}
body .help-card-sm .c-head,
.dx-viewport .help-card-sm .c-head,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body .help-card-sm .c-head h4,
body .help-card-sm .c-head h5,
.dx-viewport .help-card-sm .c-head h4,
.dx-viewport .help-card-sm .c-head h5,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head h4,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head h5 {
  margin-bottom: 20px;
}
body .help-card-sm .c-head h4.mb-0,
body .help-card-sm .c-head h5.mb-0,
.dx-viewport .help-card-sm .c-head h4.mb-0,
.dx-viewport .help-card-sm .c-head h5.mb-0,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head h4.mb-0,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head h5.mb-0 {
  margin-bottom: 0px;
}
body .help-card-sm .c-head p,
.dx-viewport .help-card-sm .c-head p,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head p {
  margin-bottom: 16px;
}
body .help-card-sm .c-head button,
.dx-viewport .help-card-sm .c-head button,
body.dx-viewport.dx-theme-material-typography .help-card-sm .c-head button {
  margin-bottom: 16px;
}
body .card-buttons,
.dx-viewport .card-buttons,
body.dx-viewport.dx-theme-material-typography .card-buttons {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 16px;
}
body .card-half,
.dx-viewport .card-half,
body.dx-viewport.dx-theme-material-typography .card-half {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 20px 24px 24px 24px;
  width: 50%;
  flex: none;
}
body .card-half h4,
body .card-half h5,
.dx-viewport .card-half h4,
.dx-viewport .card-half h5,
body.dx-viewport.dx-theme-material-typography .card-half h4,
body.dx-viewport.dx-theme-material-typography .card-half h5 {
  margin-top: 4px;
}
body .card-half .c-head,
.dx-viewport .card-half .c-head,
body.dx-viewport.dx-theme-material-typography .card-half .c-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
body .card-half .c-head h4,
body .card-half .c-head h5,
.dx-viewport .card-half .c-head h4,
.dx-viewport .card-half .c-head h5,
body.dx-viewport.dx-theme-material-typography .card-half .c-head h4,
body.dx-viewport.dx-theme-material-typography .card-half .c-head h5 {
  margin-bottom: 20px;
}
body .card-half .c-head button,
.dx-viewport .card-half .c-head button,
body.dx-viewport.dx-theme-material-typography .card-half .c-head button {
  margin-bottom: 16px;
}
body .card-half .c-foot, body .card-half .minimizeCard.minimizedWithSubNav .c-foot, body .minimizeCard.minimizedWithSubNav .card-half .c-foot,
body.dx-viewport.dx-theme-material-typography .card-half .minimizeCard.minimizedWithSubNav .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .card-half .c-foot,
.dx-viewport .card-half .c-foot,
.dx-viewport .card-half .minimizeCard.minimizedWithSubNav .c-foot,
.dx-viewport .minimizeCard.minimizedWithSubNav .card-half .c-foot,
body.dx-viewport.dx-theme-material-typography .card-half .c-foot {
  display: flex;
  justify-content: flex-end;
}
body .card-half .c-foot button, body .card-half .minimizeCard.minimizedWithSubNav .c-foot button, body .minimizeCard.minimizedWithSubNav .card-half .c-foot button,
.dx-viewport .card-half .c-foot button,
.dx-viewport .card-half .minimizeCard.minimizedWithSubNav .c-foot button,
.dx-viewport .minimizeCard.minimizedWithSubNav .card-half .c-foot button,
body.dx-viewport.dx-theme-material-typography .card-half .c-foot button {
  margin-top: 24px;
}
body .card-half .filterBtnContainer button,
.dx-viewport .card-half .filterBtnContainer button,
body.dx-viewport.dx-theme-material-typography .card-half .filterBtnContainer button {
  margin-bottom: 0px;
}
body .headerCard,
.dx-viewport .headerCard,
body.dx-viewport.dx-theme-material-typography .headerCard {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 16px 20px 6px 20px;
  min-height: 112px;
  margin-top: 0px;
  margin-bottom: 1px;
  position: relative;
  background-color: #FAFBFB;
}
body .show-on-minimize,
.dx-viewport .show-on-minimize,
body.dx-viewport.dx-theme-material-typography .show-on-minimize {
  display: none;
}
body .hide-on-minimize,
.dx-viewport .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .hide-on-minimize {
  display: block;
}
body .hide-on-minimize-table,
.dx-viewport .hide-on-minimize-table,
body.dx-viewport.dx-theme-material-typography .hide-on-minimize-table {
  display: inline-table;
}
body .headerCard.minimized,
.dx-viewport .headerCard.minimized,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized {
  height: 56px;
  padding-bottom: 0px;
  min-height: 64px;
}
body .headerCard.minimized .c-body,
.dx-viewport .headerCard.minimized .c-body,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .c-body {
  display: none;
}
body .headerCard.minimized .secondaryHeaderInfo,
.dx-viewport .headerCard.minimized .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .secondaryHeaderInfo {
  border: none;
}
body .headerCard.minimized .show-on-minimize,
.dx-viewport .headerCard.minimized .show-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .show-on-minimize {
  display: block;
}
body .headerCard.minimized .hide-on-minimize,
.dx-viewport .headerCard.minimized .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .hide-on-minimize {
  display: none;
}
body .card-collapse.minimized,
.dx-viewport .card-collapse.minimized,
body.dx-viewport.dx-theme-material-typography .card-collapse.minimized {
  height: 56px;
  padding-bottom: 0px;
  min-height: 64px;
}
body .card-collapse.minimized .hide-on-minimize-table,
.dx-viewport .card-collapse.minimized .hide-on-minimize-table,
body.dx-viewport.dx-theme-material-typography .card-collapse.minimized .hide-on-minimize-table {
  display: none;
}
body .headerCard.minimized,
.dx-viewport .headerCard.minimized,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized {
  height: 56px;
  padding-bottom: 0px;
  min-height: 64px;
}
body .headerCard.minimized .c-body,
.dx-viewport .headerCard.minimized .c-body,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .c-body {
  display: none;
}
body .headerCard.minimized .secondaryHeaderInfo,
.dx-viewport .headerCard.minimized .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .secondaryHeaderInfo {
  border: none;
}
body .headerCard.minimized .show-on-minimize,
.dx-viewport .headerCard.minimized .show-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .show-on-minimize {
  display: block;
}
body .headerCard.minimized .hide-on-minimize,
.dx-viewport .headerCard.minimized .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .hide-on-minimize {
  display: none;
}
body .headerCard.minimized .hide-on-minimize-table,
.dx-viewport .headerCard.minimized .hide-on-minimize-table,
body.dx-viewport.dx-theme-material-typography .headerCard.minimized .hide-on-minimize-table {
  display: none;
}
body .minimizeCard.minimized,
.dx-viewport .minimizeCard.minimized,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimized {
  height: 72px;
  min-height: 56px;
}
body .minimizeCard.minimized .c-body,
body .minimizeCard.minimized .breadcrumbs,
body .minimizeCard.minimized .c-foot,
.dx-viewport .minimizeCard.minimized .c-body,
.dx-viewport .minimizeCard.minimized .breadcrumbs,
.dx-viewport .minimizeCard.minimized .c-foot,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimized .c-body,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimized .breadcrumbs,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimized .c-foot {
  display: none;
}
body .headerCard.minimizedWithNav,
.dx-viewport .headerCard.minimizedWithNav,
body.dx-viewport.dx-theme-material-typography .headerCard.minimizedWithNav {
  height: 145px;
  padding-bottom: 0px;
  min-height: 145px;
}
body .headerCard.minimizedWithNav .c-body,
.dx-viewport .headerCard.minimizedWithNav .c-body,
body.dx-viewport.dx-theme-material-typography .headerCard.minimizedWithNav .c-body {
  display: none;
}
body .headerCard.minimizedWithNav .show-on-minimize,
.dx-viewport .headerCard.minimizedWithNav .show-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimizedWithNav .show-on-minimize {
  display: block;
}
body .headerCard.minimizedWithNav .hide-on-minimize,
.dx-viewport .headerCard.minimizedWithNav .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .headerCard.minimizedWithNav .hide-on-minimize {
  display: none;
}
body .minimizeCard.minimizedWithNav,
.dx-viewport .minimizeCard.minimizedWithNav,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithNav {
  height: 145px;
  min-height: 145px;
}
body .minimizeCard.minimizedWithNav .c-body,
.dx-viewport .minimizeCard.minimizedWithNav .c-body,
.minimizeCard.minimizedWithNav .update-date-block,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithNav .c-body {
  display: none;
}
body .minimizeCard.minimizedWithNav .hide-on-minimize,
.dx-viewport .minimizeCard.minimizedWithNav .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithNav .hide-on-minimize {
  display: none;
}
body .minimizeCard.minimizedWithSubNav,
.dx-viewport .minimizeCard.minimizedWithSubNav,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav {
  height: 320px;
}
body .minimizeCard.minimizedWithSubNav .c-foot nav,
.dx-viewport .minimizeCard.minimizedWithSubNav .c-foot nav,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .c-foot nav {
  bottom: 50px;
}
body .minimizeCard.minimizedWithSubNav .c-foot nav.second-nav,
.dx-viewport .minimizeCard.minimizedWithSubNav .c-foot nav.second-nav,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedWithSubNav .c-foot nav.second-nav {
  bottom: 0;
}
body .minimizeCard.minimizedNoNav,
.dx-viewport .minimizeCard.minimizedNoNav,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedNoNav {
  height: 90px;
  min-height: 90px;
}
body .minimizeCard.minimizedNoNav .c-body,
.dx-viewport .minimizeCard.minimizedNoNav .c-body,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedNoNav .c-body {
  display: none;
}
body .minimizeCard.minimizedNoNav .hide-on-minimize,
.dx-viewport .minimizeCard.minimizedNoNav .hide-on-minimize,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedNoNav .hide-on-minimize {
  display: none;
}
body .minimizeCard.minimizedNoNav .hide-on-minimize-table,
.dx-viewport .minimizeCard.minimizedNoNav .hide-on-minimize-table,
body.dx-viewport.dx-theme-material-typography .minimizeCard.minimizedNoNav .hide-on-minimize-table {
  display: none;
}
body .clientCard, body #carrierCompliance .carrierComplianceCard, #carrierCompliance body .carrierComplianceCard, body .newClientCard,
.dx-viewport .clientCard,
.dx-viewport #carrierCompliance .carrierComplianceCard,
#carrierCompliance .dx-viewport .carrierComplianceCard,
.dx-viewport .newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard,
body.dx-viewport.dx-theme-material-typography .newClientCard {
  min-height: 264px;
  margin-top: 0px;
  padding: 24px;
  position: relative;
}
body .clientCard .c-head h5, body #carrierCompliance .carrierComplianceCard .c-head h5, #carrierCompliance body .carrierComplianceCard .c-head h5, body .newClientCard .c-head h5,
.dx-viewport .clientCard .c-head h5,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head h5,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head h5,
.dx-viewport .newClientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head h5,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head h5 {
  margin-bottom: 0px;
}
body .clientCard .c-head .alignLeft, body #carrierCompliance .carrierComplianceCard .c-head .alignLeft, #carrierCompliance body .carrierComplianceCard .c-head .alignLeft, body .newClientCard .c-head .alignLeft,
.dx-viewport .clientCard .c-head .alignLeft,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head .alignLeft,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head .alignLeft,
.dx-viewport .newClientCard .c-head .alignLeft,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head .alignLeft,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head .alignLeft {
  display: flex;
  flex-direction: column;
}
body .clientCard .c-head .dbaName, body #carrierCompliance .carrierComplianceCard .c-head .dbaName, #carrierCompliance body .carrierComplianceCard .c-head .dbaName, body .newClientCard .c-head .dbaName,
.dx-viewport .clientCard .c-head .dbaName,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head .dbaName,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head .dbaName,
.dx-viewport .newClientCard .c-head .dbaName,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head .dbaName,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head .dbaName {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
body .clientCard .c-head .dbaName.noInfoBelow, body #carrierCompliance .carrierComplianceCard .c-head .dbaName.noInfoBelow, #carrierCompliance body .carrierComplianceCard .c-head .dbaName.noInfoBelow, body .newClientCard .c-head .dbaName.noInfoBelow,
.dx-viewport .clientCard .c-head .dbaName.noInfoBelow,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-head .dbaName.noInfoBelow,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-head .dbaName.noInfoBelow,
.dx-viewport .newClientCard .c-head .dbaName.noInfoBelow,
body.dx-viewport.dx-theme-material-typography .clientCard .c-head .dbaName.noInfoBelow,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-head .dbaName.noInfoBelow {
  margin-bottom: 26px;
}
body .clientCard .c-body, body #carrierCompliance .carrierComplianceCard .c-body, #carrierCompliance body .carrierComplianceCard .c-body, body .newClientCard .c-body,
.dx-viewport .clientCard .c-body,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-body,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-body,
.dx-viewport .newClientCard .c-body,
body.dx-viewport.dx-theme-material-typography .clientCard .c-body,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-body {
  padding-bottom: 16px;
}
body .clientCard .c-body p.text-highlight, body #carrierCompliance .carrierComplianceCard .c-body p.text-highlight, #carrierCompliance body .carrierComplianceCard .c-body p.text-highlight, body .newClientCard .c-body p.text-highlight,
.dx-viewport .clientCard .c-body p.text-highlight,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-body p.text-highlight,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-body p.text-highlight,
.dx-viewport .newClientCard .c-body p.text-highlight,
body.dx-viewport.dx-theme-material-typography .clientCard .c-body p.text-highlight,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-body p.text-highlight {
  color: #347C84;
}
body .clientCard .c-foot nav, body #carrierCompliance .carrierComplianceCard .c-foot nav, #carrierCompliance body .carrierComplianceCard .c-foot nav, body .newClientCard .c-foot nav, body .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav, body .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav, body .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav, body .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav,
.dx-viewport .clientCard .c-foot nav,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav,
.dx-viewport .newClientCard .c-foot nav,
.dx-viewport .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav,
.dx-viewport .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav,
.dx-viewport .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav,
.dx-viewport .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-top: 1px solid #E1E3E5;
}
body .clientCard .c-foot nav a, body #carrierCompliance .carrierComplianceCard .c-foot nav a, #carrierCompliance body .carrierComplianceCard .c-foot nav a, body .newClientCard .c-foot nav a, body .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav a, body .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav a, body .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav a, body .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav a,
.dx-viewport .clientCard .c-foot nav a,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav a,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav a,
.dx-viewport .newClientCard .c-foot nav a,
.dx-viewport .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav a,
.dx-viewport .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav a,
.dx-viewport .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav a,
.dx-viewport .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav a,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav a,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav a {
  text-decoration: none;
  color: #6d7175;
}
body .clientCard .c-foot nav ul, body #carrierCompliance .carrierComplianceCard .c-foot nav ul, #carrierCompliance body .carrierComplianceCard .c-foot nav ul, body .newClientCard .c-foot nav ul, body .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul, body .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul, body .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav ul, body .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav ul,
.dx-viewport .clientCard .c-foot nav ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul,
.dx-viewport .newClientCard .c-foot nav ul,
.dx-viewport .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul,
.dx-viewport .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul,
.dx-viewport .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav ul,
.dx-viewport .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul {
  display: flex;
  gap: 72px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .clientCard .c-foot nav ul li, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li, body .newClientCard .c-foot nav ul li, body .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul li, body .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul li, body .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav ul li, body .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav ul li,
.dx-viewport .clientCard .c-foot nav ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li,
.dx-viewport .newClientCard .c-foot nav ul li,
.dx-viewport .clientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul li,
.dx-viewport .newClientCard .minimizeCard.minimizedWithSubNav .c-foot nav ul li,
.dx-viewport .minimizeCard.minimizedWithSubNav .clientCard .c-foot nav ul li,
.dx-viewport .minimizeCard.minimizedWithSubNav .newClientCard .c-foot nav ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .clientCard .c-foot nav ul li:last-child, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li:last-child, body .newClientCard .c-foot nav ul li:last-child,
.dx-viewport .clientCard .c-foot nav ul li:last-child,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:last-child,
.dx-viewport .newClientCard .c-foot nav ul li:last-child,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:last-child,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li:last-child {
  position: absolute;
  right: 24px;
}
body .clientCard .c-foot nav ul li:last-child.correctPadding, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding, body .newClientCard .c-foot nav ul li:last-child.correctPadding,
.dx-viewport .clientCard .c-foot nav ul li:last-child.correctPadding,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding,
.dx-viewport .newClientCard .c-foot nav ul li:last-child.correctPadding,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:last-child.correctPadding {
  display: flex;
  align-items: center;
  margin-top: -17px;
  padding-top: 17px;
  margin-right: -24px;
  padding-right: 24px;
  padding-left: 24px;
  box-shadow: none;
}
body .clientCard .c-foot nav ul li:last-child.correctPadding:hover, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding:hover, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding:hover, body .newClientCard .c-foot nav ul li:last-child.correctPadding:hover,
.dx-viewport .clientCard .c-foot nav ul li:last-child.correctPadding:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:last-child.correctPadding:hover,
.dx-viewport .newClientCard .c-foot nav ul li:last-child.correctPadding:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:last-child.correctPadding:hover {
  box-shadow: 0px -3px 0px 0px #007a7a inset;
  color: #007A7A;
}
body .clientCard .c-foot nav ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li.active-tab, body .newClientCard .c-foot nav ul li.active-tab,
.dx-viewport .clientCard .c-foot nav ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li.active-tab,
.dx-viewport .newClientCard .c-foot nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .clientCard .c-foot nav ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li.active-tab svg path, body .newClientCard .c-foot nav ul li.active-tab svg path,
.dx-viewport .clientCard .c-foot nav ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li.active-tab svg path,
.dx-viewport .newClientCard .c-foot nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li.active-tab svg path {
  fill: #202223;
}
body .clientCard .c-foot nav ul li:hover, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:hover, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li:hover, body .newClientCard .c-foot nav ul li:hover,
body .clientCard .c-foot nav ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul li:focus,
body .newClientCard .c-foot nav ul li:focus,
.dx-viewport .clientCard .c-foot nav ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:hover,
.dx-viewport .newClientCard .c-foot nav ul li:hover,
.dx-viewport .clientCard .c-foot nav ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:focus,
.dx-viewport .newClientCard .c-foot nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:focus,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .clientCard .c-foot nav ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav ul li:hover svg path, body .newClientCard .c-foot nav ul li:hover svg path,
body .clientCard .c-foot nav ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul li:focus svg path,
body .newClientCard .c-foot nav ul li:focus svg path,
.dx-viewport .clientCard .c-foot nav ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:hover svg path,
.dx-viewport .newClientCard .c-foot nav ul li:hover svg path,
.dx-viewport .clientCard .c-foot nav ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul li:focus svg path,
.dx-viewport .newClientCard .c-foot nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul li:focus svg path {
  fill: #028888;
}
body .clientCard .c-foot nav ul.terms.links a:nth-last-child(2), body #carrierCompliance .carrierComplianceCard .c-foot nav ul.terms.links a:nth-last-child(2), #carrierCompliance body .carrierComplianceCard .c-foot nav ul.terms.links a:nth-last-child(2), body .newClientCard .c-foot nav ul.terms.links a:nth-last-child(2),
.dx-viewport .clientCard .c-foot nav ul.terms.links a:nth-last-child(2),
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.terms.links a:nth-last-child(2),
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.terms.links a:nth-last-child(2),
.dx-viewport .newClientCard .c-foot nav ul.terms.links a:nth-last-child(2),
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.terms.links a:nth-last-child(2) {
  position: absolute;
  right: 68px;
}
body .clientCard .c-foot nav ul.terms.links a:last-child, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.terms.links a:last-child, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.terms.links a:last-child, body .newClientCard .c-foot nav ul.terms.links a:last-child,
.dx-viewport .clientCard .c-foot nav ul.terms.links a:last-child,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.terms.links a:last-child,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.terms.links a:last-child,
.dx-viewport .newClientCard .c-foot nav ul.terms.links a:last-child,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.terms.links a:last-child {
  position: absolute;
  right: 24px;
}
body .clientCard .c-foot nav ul.links, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links, body .newClientCard .c-foot nav ul.links,
.dx-viewport .clientCard .c-foot nav ul.links,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links,
.dx-viewport .newClientCard .c-foot nav ul.links,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav ul.links {
  gap: 64px;
  position: relative;
}
body .clientCard .c-foot nav ul.links .settings, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links .settings, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links .settings, body .newClientCard .c-foot nav ul.links .settings,
.dx-viewport .clientCard .c-foot nav ul.links .settings,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links .settings,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links .settings,
.dx-viewport .newClientCard .c-foot nav ul.links .settings,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links .settings {
  position: absolute;
  right: 24px;
}
body .clientCard .c-foot nav ul.links li.pos-last, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.pos-last, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li.pos-last, body .newClientCard .c-foot nav ul.links li.pos-last,
.dx-viewport .clientCard .c-foot nav ul.links li.pos-last,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.pos-last,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li.pos-last,
.dx-viewport .newClientCard .c-foot nav ul.links li.pos-last,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li.pos-last {
  position: absolute !important;
  right: 24px !important;
}
body .clientCard .c-foot nav ul.links li:last-child, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:last-child, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li:last-child, body .newClientCard .c-foot nav ul.links li:last-child,
.dx-viewport .clientCard .c-foot nav ul.links li:last-child,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:last-child,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li:last-child,
.dx-viewport .newClientCard .c-foot nav ul.links li:last-child,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li:last-child {
  position: relative;
  right: 0;
}
body .clientCard .c-foot nav ul.links li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li.active-tab, body .newClientCard .c-foot nav ul.links li.active-tab,
body .clientCard .c-foot nav ul.links li:hover,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:hover,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li:hover,
body .newClientCard .c-foot nav ul.links li:hover,
body .clientCard .c-foot nav ul.links li:focus,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:focus,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li:focus,
body .newClientCard .c-foot nav ul.links li:focus,
.dx-viewport .clientCard .c-foot nav ul.links li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li.active-tab,
.dx-viewport .newClientCard .c-foot nav ul.links li.active-tab,
.dx-viewport .clientCard .c-foot nav ul.links li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li:hover,
.dx-viewport .newClientCard .c-foot nav ul.links li:hover,
.dx-viewport .clientCard .c-foot nav ul.links li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li:focus,
.dx-viewport .newClientCard .c-foot nav ul.links li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li:focus {
  box-shadow: none;
}
body .clientCard .c-foot nav ul.links li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li.active-tab, body .newClientCard .c-foot nav ul.links li.active-tab,
.dx-viewport .clientCard .c-foot nav ul.links li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li.active-tab,
.dx-viewport .newClientCard .c-foot nav ul.links li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .clientCard .c-foot nav ul.links li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links li.active-tab svg path, body .newClientCard .c-foot nav ul.links li.active-tab svg path,
.dx-viewport .clientCard .c-foot nav ul.links li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links li.active-tab svg path,
.dx-viewport .newClientCard .c-foot nav ul.links li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links li.active-tab svg path {
  fill: #202223;
}
body .clientCard .c-foot nav ul.links a:hover, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:hover, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links a:hover, body .newClientCard .c-foot nav ul.links a:hover,
body .clientCard .c-foot nav ul.links a:focus,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:focus,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul.links a:focus,
body .newClientCard .c-foot nav ul.links a:focus,
.dx-viewport .clientCard .c-foot nav ul.links a:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links a:hover,
.dx-viewport .newClientCard .c-foot nav ul.links a:hover,
.dx-viewport .clientCard .c-foot nav ul.links a:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links a:focus,
.dx-viewport .newClientCard .c-foot nav ul.links a:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links a:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links a:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .clientCard .c-foot nav ul.links a:hover svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:hover svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav ul.links a:hover svg path, body .newClientCard .c-foot nav ul.links a:hover svg path,
body .clientCard .c-foot nav ul.links a:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-foot nav ul.links a:focus svg path,
body .newClientCard .c-foot nav ul.links a:focus svg path,
.dx-viewport .clientCard .c-foot nav ul.links a:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links a:hover svg path,
.dx-viewport .newClientCard .c-foot nav ul.links a:hover svg path,
.dx-viewport .clientCard .c-foot nav ul.links a:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav ul.links a:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav ul.links a:focus svg path,
.dx-viewport .newClientCard .c-foot nav ul.links a:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links a:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav ul.links a:focus svg path {
  fill: #028888;
}
body .clientCard .c-foot nav.selectClient .emailIcon, body #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient .emailIcon, #carrierCompliance body .carrierComplianceCard .c-foot nav.selectClient .emailIcon, body .newClientCard .c-foot nav.selectClient .emailIcon,
.dx-viewport .clientCard .c-foot nav.selectClient .emailIcon,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient .emailIcon,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.selectClient .emailIcon,
.dx-viewport .newClientCard .c-foot nav.selectClient .emailIcon,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.selectClient .emailIcon {
  padding-left: 24px;
  padding-right: 24px;
}
body .clientCard .c-foot nav.selectClient ul, body #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul, #carrierCompliance body .carrierComplianceCard .c-foot nav.selectClient ul, body .newClientCard .c-foot nav.selectClient ul,
.dx-viewport .clientCard .c-foot nav.selectClient ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.selectClient ul,
.dx-viewport .newClientCard .c-foot nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.selectClient ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav.selectClient ul {
  display: flex;
  gap: 72px;
  list-style-type: none;
  margin: 0;
  padding: 0px 24px 0px 20px;
  text-indent: 0;
}
body .clientCard .c-foot nav.selectClient ul li, body #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul li, #carrierCompliance body .carrierComplianceCard .c-foot nav.selectClient ul li, body .newClientCard .c-foot nav.selectClient ul li,
.dx-viewport .clientCard .c-foot nav.selectClient ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.selectClient ul li,
.dx-viewport .newClientCard .c-foot nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.selectClient ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav.selectClient ul li {
  padding-top: 17px;
}
body .clientCard .c-foot nav.selectClient ul li:last-child, body #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul li:last-child, #carrierCompliance body .carrierComplianceCard .c-foot nav.selectClient ul li:last-child, body .newClientCard .c-foot nav.selectClient ul li:last-child,
.dx-viewport .clientCard .c-foot nav.selectClient ul li:last-child,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.selectClient ul li:last-child,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.selectClient ul li:last-child,
.dx-viewport .newClientCard .c-foot nav.selectClient ul li:last-child,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.selectClient ul li:last-child {
  position: absolute;
  right: 0px;
}
body .clientCard .c-foot nav.terms, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms, body .newClientCard .c-foot nav.terms,
.dx-viewport .clientCard .c-foot nav.terms,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms,
.dx-viewport .newClientCard .c-foot nav.terms,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav.terms {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: inherit;
  border-top: 1px solid #E1E3E5;
}
body .clientCard .c-foot nav.terms ul, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul, body .newClientCard .c-foot nav.terms ul,
.dx-viewport .clientCard .c-foot nav.terms ul,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul,
.dx-viewport .newClientCard .c-foot nav.terms ul,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav.terms ul {
  display: flex;
  gap: 72px;
  list-style-type: none;
  margin: 0;
  padding: 17px 24px 0px 20px;
  text-indent: 0;
}
body .clientCard .c-foot nav.terms ul li, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li, body .newClientCard .c-foot nav.terms ul li,
.dx-viewport .clientCard .c-foot nav.terms ul li,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li,
.dx-viewport .newClientCard .c-foot nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li,
body.dx-viewport.dx-theme-material-typography .newClientCard .c-foot nav.terms ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  padding-bottom: 16px;
}
body .clientCard .c-foot nav.terms ul li.active-tab, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li.active-tab, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li.active-tab, body .newClientCard .c-foot nav.terms ul li.active-tab,
.dx-viewport .clientCard .c-foot nav.terms ul li.active-tab,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li.active-tab,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li.active-tab,
.dx-viewport .newClientCard .c-foot nav.terms ul li.active-tab,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
body .clientCard .c-foot nav.terms ul li.active-tab svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li.active-tab svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li.active-tab svg path, body .newClientCard .c-foot nav.terms ul li.active-tab svg path,
.dx-viewport .clientCard .c-foot nav.terms ul li.active-tab svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li.active-tab svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li.active-tab svg path,
.dx-viewport .newClientCard .c-foot nav.terms ul li.active-tab svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li.active-tab svg path {
  fill: #202223;
}
body .clientCard .c-foot nav.terms ul li:hover, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:hover, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:hover, body .newClientCard .c-foot nav.terms ul li:hover,
body .clientCard .c-foot nav.terms ul li:focus,
body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:focus,
#carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:focus,
body .newClientCard .c-foot nav.terms ul li:focus,
.dx-viewport .clientCard .c-foot nav.terms ul li:hover,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:hover,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:hover,
.dx-viewport .newClientCard .c-foot nav.terms ul li:hover,
.dx-viewport .clientCard .c-foot nav.terms ul li:focus,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:focus,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:focus,
.dx-viewport .newClientCard .c-foot nav.terms ul li:focus,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:hover,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
body .clientCard .c-foot nav.terms ul li:hover svg path, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:hover svg path, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:hover svg path, body .newClientCard .c-foot nav.terms ul li:hover svg path,
body .clientCard .c-foot nav.terms ul li:focus svg path,
body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:focus svg path,
#carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:focus svg path,
body .newClientCard .c-foot nav.terms ul li:focus svg path,
.dx-viewport .clientCard .c-foot nav.terms ul li:hover svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:hover svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:hover svg path,
.dx-viewport .newClientCard .c-foot nav.terms ul li:hover svg path,
.dx-viewport .clientCard .c-foot nav.terms ul li:focus svg path,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:focus svg path,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:focus svg path,
.dx-viewport .newClientCard .c-foot nav.terms ul li:focus svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:hover svg path,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:focus svg path {
  fill: #028888;
}
body .clientCard .c-foot nav.terms ul li:nth-last-child(2), body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:nth-last-child(2), #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:nth-last-child(2), body .newClientCard .c-foot nav.terms ul li:nth-last-child(2),
.dx-viewport .clientCard .c-foot nav.terms ul li:nth-last-child(2),
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:nth-last-child(2),
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:nth-last-child(2),
.dx-viewport .newClientCard .c-foot nav.terms ul li:nth-last-child(2),
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:nth-last-child(2) {
  position: absolute;
  right: 68px;
}
body .clientCard .c-foot nav.terms ul li:last-child, body #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:last-child, #carrierCompliance body .carrierComplianceCard .c-foot nav.terms ul li:last-child, body .newClientCard .c-foot nav.terms ul li:last-child,
.dx-viewport .clientCard .c-foot nav.terms ul li:last-child,
.dx-viewport #carrierCompliance .carrierComplianceCard .c-foot nav.terms ul li:last-child,
#carrierCompliance .dx-viewport .carrierComplianceCard .c-foot nav.terms ul li:last-child,
.dx-viewport .newClientCard .c-foot nav.terms ul li:last-child,
body.dx-viewport.dx-theme-material-typography .clientCard .c-foot nav.terms ul li:last-child {
  position: absolute;
  right: 24px;
}
body .clientCard h5, body #carrierCompliance .carrierComplianceCard h5, #carrierCompliance body .carrierComplianceCard h5, body .newClientCard h5,
body .clientCard h6,
body #carrierCompliance .carrierComplianceCard h6,
#carrierCompliance body .carrierComplianceCard h6,
body .newClientCard h6,
.dx-viewport .clientCard h5,
.dx-viewport #carrierCompliance .carrierComplianceCard h5,
#carrierCompliance .dx-viewport .carrierComplianceCard h5,
.dx-viewport .newClientCard h5,
.dx-viewport .clientCard h6,
.dx-viewport #carrierCompliance .carrierComplianceCard h6,
#carrierCompliance .dx-viewport .carrierComplianceCard h6,
.dx-viewport .newClientCard h6,
body.dx-viewport.dx-theme-material-typography .clientCard h5,
body.dx-viewport.dx-theme-material-typography .newClientCard h5,
body.dx-viewport.dx-theme-material-typography .clientCard h6,
body.dx-viewport.dx-theme-material-typography .newClientCard h6 {
  color: #6D7175;
}
body .clientCard.debtor, body #carrierCompliance .debtor.carrierComplianceCard, #carrierCompliance body .debtor.carrierComplianceCard, body .debtor.newClientCard,
body .clientCard.af,
body #carrierCompliance .af.carrierComplianceCard,
#carrierCompliance body .af.carrierComplianceCard,
body .af.newClientCard,
body .clientCard.carrier,
body #carrierCompliance .carrier.carrierComplianceCard,
#carrierCompliance body .carrier.carrierComplianceCard,
body .carrier.newClientCard,
body .clientCard.payee,
body #carrierCompliance .payee.carrierComplianceCard,
#carrierCompliance body .payee.carrierComplianceCard,
body .payee.newClientCard,
body .clientCard.advances,
body #carrierCompliance .advances.carrierComplianceCard,
#carrierCompliance body .advances.carrierComplianceCard,
body .advances.newClientCard,
.dx-viewport .clientCard.debtor,
.dx-viewport #carrierCompliance .debtor.carrierComplianceCard,
#carrierCompliance .dx-viewport .debtor.carrierComplianceCard,
.dx-viewport .debtor.newClientCard,
.dx-viewport .clientCard.af,
.dx-viewport #carrierCompliance .af.carrierComplianceCard,
#carrierCompliance .dx-viewport .af.carrierComplianceCard,
.dx-viewport .af.newClientCard,
.dx-viewport .clientCard.carrier,
.dx-viewport #carrierCompliance .carrier.carrierComplianceCard,
#carrierCompliance .dx-viewport .carrier.carrierComplianceCard,
.dx-viewport .carrier.newClientCard,
.dx-viewport .clientCard.payee,
.dx-viewport #carrierCompliance .payee.carrierComplianceCard,
#carrierCompliance .dx-viewport .payee.carrierComplianceCard,
.dx-viewport .payee.newClientCard,
.dx-viewport .clientCard.advances,
.dx-viewport #carrierCompliance .advances.carrierComplianceCard,
#carrierCompliance .dx-viewport .advances.carrierComplianceCard,
.dx-viewport .advances.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.debtor,
body.dx-viewport.dx-theme-material-typography .debtor.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.af,
body.dx-viewport.dx-theme-material-typography .af.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.carrier,
body.dx-viewport.dx-theme-material-typography .carrier.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.payee,
body.dx-viewport.dx-theme-material-typography .payee.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.advances,
body.dx-viewport.dx-theme-material-typography .advances.newClientCard {
  min-height: 100px;
}
body div.breadcrumbs,
.dx-viewport div.breadcrumbs,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs {
  align-items: center;
  font-size: 12px;
  margin-bottom: 4px;
  color: #6D7175;
}
body div.breadcrumbs img,
.dx-viewport div.breadcrumbs img,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs img {
  margin: auto 5px;
  margin-bottom: 2px;
}
body div.breadcrumbs span,
.dx-viewport div.breadcrumbs span,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs span {
  cursor: pointer;
}
body div.breadcrumbs span:last-child,
.dx-viewport div.breadcrumbs span:last-child,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs span:last-child {
  color: #202223;
}
body div.breadcrumbs a,
.dx-viewport div.breadcrumbs a,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs a {
  text-decoration: none;
  color: #6D7175;
}
body div.breadcrumbs a:hover,
.dx-viewport div.breadcrumbs a:hover,
body.dx-viewport.dx-theme-material-typography div.breadcrumbs a:hover {
  color: #007A7A;
}
body .clientCard.verifications, body #carrierCompliance .verifications.carrierComplianceCard, #carrierCompliance body .verifications.carrierComplianceCard, body .verifications.newClientCard,
.dx-viewport .clientCard.verifications,
.dx-viewport #carrierCompliance .verifications.carrierComplianceCard,
#carrierCompliance .dx-viewport .verifications.carrierComplianceCard,
.dx-viewport .verifications.newClientCard,
body.dx-viewport.dx-theme-material-typography .clientCard.verifications,
body.dx-viewport.dx-theme-material-typography .verifications.newClientCard {
  min-height: 100px;
  padding-bottom: 0;
}
body .clientCard.verifications .c-body, body #carrierCompliance .verifications.carrierComplianceCard .c-body, #carrierCompliance body .verifications.carrierComplianceCard .c-body, body .verifications.newClientCard .c-body,
.dx-viewport .clientCard.verifications .c-body,
.dx-viewport #carrierCompliance .verifications.carrierComplianceCard .c-body,
#carrierCompliance .dx-viewport .verifications.carrierComplianceCard .c-body,
.dx-viewport .verifications.newClientCard .c-body,
body.dx-viewport.dx-theme-material-typography .clientCard.verifications .c-body,
body.dx-viewport.dx-theme-material-typography .verifications.newClientCard .c-body {
  padding-bottom: 0;
}
body .clientInfo, body #carrierCompliance .carrierComplianceInfo, #carrierCompliance body .carrierComplianceInfo, body .newClientInfo,
.dx-viewport .clientInfo,
.dx-viewport #carrierCompliance .carrierComplianceInfo,
#carrierCompliance .dx-viewport .carrierComplianceInfo,
.dx-viewport .newClientInfo,
body.dx-viewport.dx-theme-material-typography .clientInfo,
body.dx-viewport.dx-theme-material-typography .newClientInfo {
  display: grid;
  grid-template-columns: repeat(5, 1fr) 120px;
  grid-template-rows: repeat(2, 1fr);
  justify-content: stretch;
  margin: 16px 0;
}
body .clientInfo h6, body #carrierCompliance .carrierComplianceInfo h6, #carrierCompliance body .carrierComplianceInfo h6, body .newClientInfo h6,
.dx-viewport .clientInfo h6,
.dx-viewport #carrierCompliance .carrierComplianceInfo h6,
#carrierCompliance .dx-viewport .carrierComplianceInfo h6,
.dx-viewport .newClientInfo h6,
body.dx-viewport.dx-theme-material-typography .clientInfo h6,
body.dx-viewport.dx-theme-material-typography .newClientInfo h6 {
  margin-bottom: 4px;
}
body .clientInfo p, body #carrierCompliance .carrierComplianceInfo p, #carrierCompliance body .carrierComplianceInfo p, body .newClientInfo p,
.dx-viewport .clientInfo p,
.dx-viewport #carrierCompliance .carrierComplianceInfo p,
#carrierCompliance .dx-viewport .carrierComplianceInfo p,
.dx-viewport .newClientInfo p,
body.dx-viewport.dx-theme-material-typography .clientInfo p,
body.dx-viewport.dx-theme-material-typography .newClientInfo p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .clientInfo.row-1, body #carrierCompliance .row-1.carrierComplianceInfo, #carrierCompliance body .row-1.carrierComplianceInfo, body .row-1.newClientInfo,
.dx-viewport .clientInfo.row-1,
.dx-viewport #carrierCompliance .row-1.carrierComplianceInfo,
#carrierCompliance .dx-viewport .row-1.carrierComplianceInfo,
.dx-viewport .row-1.newClientInfo,
body.dx-viewport.dx-theme-material-typography .clientInfo.row-1,
body.dx-viewport.dx-theme-material-typography .row-1.newClientInfo {
  grid-template-rows: repeat(1, 1fr);
}
body .debtorInfo,
.dx-viewport .debtorInfo,
body.dx-viewport.dx-theme-material-typography .debtorInfo {
  display: grid;
  grid-template-columns: repeat(5, 1fr) 120px;
  grid-template-rows: 1fr;
  justify-content: stretch;
  margin-top: 16px;
}
body .debtorInfo h6,
.dx-viewport .debtorInfo h6,
body.dx-viewport.dx-theme-material-typography .debtorInfo h6 {
  margin-bottom: 4px;
}
body .debtorInfo p,
.dx-viewport .debtorInfo p,
body.dx-viewport.dx-theme-material-typography .debtorInfo p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .newAccountSetupInfo,
.dx-viewport .newAccountSetupInfo,
body.dx-viewport.dx-theme-material-typography .newAccountSetupInfo {
  display: grid;
  grid-template-columns: repeat(5, 180px);
  grid-template-rows: repeat(2, 1fr);
  justify-content: space-between;
  margin-top: 16px;
}
body .newAccountSetupInfo h6,
.dx-viewport .newAccountSetupInfo h6,
body.dx-viewport.dx-theme-material-typography .newAccountSetupInfo h6 {
  margin-bottom: 4px;
}
body .newAccountSetupInfo p,
.dx-viewport .newAccountSetupInfo p,
body.dx-viewport.dx-theme-material-typography .newAccountSetupInfo p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .newAccountSetupInfoFooter,
.dx-viewport .newAccountSetupInfoFooter,
body.dx-viewport.dx-theme-material-typography .newAccountSetupInfoFooter {
  padding: 17px 24px 17px 20px;
}
body .flexAccountInfo,
.dx-viewport .flexAccountInfo,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
body .flexAccountInfo h6,
.dx-viewport .flexAccountInfo h6,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo h6 {
  margin-bottom: 4px;
  color: #6D7175;
}
body .flexAccountInfo p,
.dx-viewport .flexAccountInfo p,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .flexAccountInfo div,
.dx-viewport .flexAccountInfo div,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo div {
  flex: 1;
}
body .flexAccountInfo div.flex2,
.dx-viewport .flexAccountInfo div.flex2,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo div.flex2 {
  flex: 2;
}
body .flexAccountInfo div.flex0,
.dx-viewport .flexAccountInfo div.flex0,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo div.flex0 {
  flex: 0;
  padding-right: 16px;
}
body .flexAccountInfo div.flexUnset,
.dx-viewport .flexAccountInfo div.flexUnset,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo div.flexUnset {
  flex: unset;
}
body .flexAccountInfo.gap100,
.dx-viewport .flexAccountInfo.gap100,
body.dx-viewport.dx-theme-material-typography .flexAccountInfo.gap100 {
  gap: 100px;
  justify-content: unset;
}
body .gridAccountInfo-5,
.dx-viewport .gridAccountInfo-5,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-top: 16px;
}
body .gridAccountInfo-5 div:last-child,
.dx-viewport .gridAccountInfo-5 div:last-child,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-5 div:last-child {
  padding-right: 50px;
}
body .gridAccountInfo-5 h6,
.dx-viewport .gridAccountInfo-5 h6,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-5 h6 {
  margin-bottom: 4px;
  color: #6D7175;
}
body .gridAccountInfo-5 p,
.dx-viewport .gridAccountInfo-5 p,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-5 p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
  body .c-body .gridInvoiceSubmission h6 {
    color: #202223;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    text-transform: uppercase;
  }
  body .c-body .gridInvoiceSubmission h6 span {
    color: #6D7175;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
  }
body .gridAccountInfo-8,
.dx-viewport .gridAccountInfo-8,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-top: 16px;
}
body .gridAccountInfo-8 div:last-child,
.dx-viewport .gridAccountInfo-8 div:last-child,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-8 div:last-child {
  padding-right: 50px;
}
body .gridAccountInfo-8 h6,
.dx-viewport .gridAccountInfo-8 h6,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-8 h6 {
  margin-bottom: 4px;
  color: #6D7175;
}
body .gridAccountInfo-8 p,
.dx-viewport .gridAccountInfo-8 p,
body.dx-viewport.dx-theme-material-typography .gridAccountInfo-8 p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .pr-200,
.dx-viewport .pr-200,
body.dx-viewport.dx-theme-material-typography .pr-200 {
  padding-right: 200px;
}
body .currencyGrid,
.dx-viewport .currencyGrid,
body.dx-viewport.dx-theme-material-typography .currencyGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
body .contactInfoGrid,
.dx-viewport .contactInfoGrid,
body.dx-viewport.dx-theme-material-typography .contactInfoGrid {
  display: grid;
  grid-template-columns: 40% 40% 20%;
}
body .contactInfoGrid label,
.dx-viewport .contactInfoGrid label,
body.dx-viewport.dx-theme-material-typography .contactInfoGrid label {
  margin-bottom: 4px;
}
body .c-head h5,
.dx-viewport .c-head h5,
body.dx-viewport.dx-theme-material-typography .c-head h5 {
  margin-bottom: 0px;
}
body .c-head .alignLeft,
.dx-viewport .c-head .alignLeft,
body.dx-viewport.dx-theme-material-typography .c-head .alignLeft {
  display: flex;
  flex-direction: column;
}
body .c-head .inlineTitles,
.dx-viewport .c-head .inlineTitles,
body.dx-viewport.dx-theme-material-typography .c-head .inlineTitles {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
body .expiryCaption,
.dx-viewport .expiryCaption,
body.dx-viewport.dx-theme-material-typography .expiryCaption {
  position: absolute;
  right: 0;
}
body .secondaryHeaderInfo,
.dx-viewport .secondaryHeaderInfo,
body.dx-viewport.dx-theme-material-typography .secondaryHeaderInfo {
  padding-top: 16px;
  margin-top: 2px;
}
body .imgThumbCard,
.dx-viewport .imgThumbCard,
body.dx-viewport.dx-theme-material-typography .imgThumbCard {
  min-height: 325px;
}
body table tr .sideBorder,
body th .sideBorder,
body td .sideBorder,
.dx-viewport table tr .sideBorder,
.dx-viewport th .sideBorder,
.dx-viewport td .sideBorder,
body.dx-viewport.dx-theme-material-typography table tr .sideBorder,
body.dx-viewport.dx-theme-material-typography th .sideBorder,
body.dx-viewport.dx-theme-material-typography td .sideBorder {
  border-left: 1px solid #C9CCCF;
}
body table tr .hoveredTableHeader,
body th .hoveredTableHeader,
body td .hoveredTableHeader,
.dx-viewport table tr .hoveredTableHeader,
.dx-viewport th .hoveredTableHeader,
.dx-viewport td .hoveredTableHeader,
body.dx-viewport.dx-theme-material-typography table tr .hoveredTableHeader,
body.dx-viewport.dx-theme-material-typography th .hoveredTableHeader,
body.dx-viewport.dx-theme-material-typography td .hoveredTableHeader {
  background-color: #F1F2F3;
}
body .setSecondColWidth tbody td:nth-child(1),
.dx-viewport .setSecondColWidth tbody td:nth-child(1),
body.dx-viewport.dx-theme-material-typography .setSecondColWidth tbody td:nth-child(1) {
  width: 200px;
}
body .cardHeaderInfoHover,
.dx-viewport .cardHeaderInfoHover,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 14px;
}
body .cardHeaderInfoHover ul,
.dx-viewport .cardHeaderInfoHover ul,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul {
  display: flex;
  flex-direction: row;
  column-gap: 40px;
  row-gap: 4px;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}
body .cardHeaderInfoHover ul li,
.dx-viewport .cardHeaderInfoHover ul li,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
body .cardHeaderInfoHover ul h6,
.dx-viewport .cardHeaderInfoHover ul h6,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul h6 {
  color: #6D7175;
}
body .cardHeaderInfoHover ul h5,
.dx-viewport .cardHeaderInfoHover ul h5,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul h5 {
  color: #6D7175;
}
body .cardHeaderInfoHover ul h4,
.dx-viewport .cardHeaderInfoHover ul h4,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul h4 {
  padding-bottom: 10px;
}
body .cardHeaderInfoHover ul.leftContent li:hover,
.dx-viewport .cardHeaderInfoHover ul.leftContent li:hover,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul.leftContent li:hover {
  box-shadow: 0px -3px 0px 0px #007a7a inset;
  color: #007a7a;
  cursor: pointer;
}
body .cardHeaderInfoHover ul.leftContent li:hover h6,
body .cardHeaderInfoHover ul.leftContent li:hover h4,
body .cardHeaderInfoHover ul.leftContent li:hover h5,
.dx-viewport .cardHeaderInfoHover ul.leftContent li:hover h6,
.dx-viewport .cardHeaderInfoHover ul.leftContent li:hover h4,
.dx-viewport .cardHeaderInfoHover ul.leftContent li:hover h5,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul.leftContent li:hover h6,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul.leftContent li:hover h4,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul.leftContent li:hover h5 {
  color: #007a7a;
}
body .cardHeaderInfoHover ul.rightContent h4,
.dx-viewport .cardHeaderInfoHover ul.rightContent h4,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul.rightContent h4 {
  color: #6D7175;
}
body .cardHeaderInfoHover ul .border,
.dx-viewport .cardHeaderInfoHover ul .border,
body.dx-viewport.dx-theme-material-typography .cardHeaderInfoHover ul .border {
  border-right: 0.5px solid #E1E3E5 !important;
  height: 40px;
  align-self: center;
}
body .accordion,
.dx-viewport .accordion,
body.dx-viewport.dx-theme-material-typography .accordion {
  background-color: #f6f6f7;
  max-width: 1856px;
  margin-left: 20px;
  flex-direction: column;
}
body .accordion-item,
.dx-viewport .accordion-item,
body.dx-viewport.dx-theme-material-typography .accordion-item {
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
}
body .accordion-body,
.dx-viewport .accordion-body,
body.dx-viewport.dx-theme-material-typography .accordion-body {
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 24px;
}
body .accordion-button,
.dx-viewport .accordion-button,
body.dx-viewport.dx-theme-material-typography .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px 24px 24px 24px;
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202223;
  text-decoration: none;
  text-align: left;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
}
body .accordion-button::after,
.dx-viewport .accordion-button::after,
body.dx-viewport.dx-theme-material-typography .accordion-button::after {
  z-index: 10;
  cursor: pointer;
  transform-origin: center;
  margin-left: auto;
  content: "";
  background-image: url("/img/Assets/chevronRight.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-size: 15px 15px;
  transform: rotate(-270deg);
}
body .accordion-button:not(.collapsed)::after,
.dx-viewport .accordion-button:not(.collapsed)::after,
body.dx-viewport.dx-theme-material-typography .accordion-button:not(.collapsed)::after {
  background-image: url("/img/Assets/chevronRight.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  transform: rotate(-90deg);
  transform-origin: center;
}
body .accordion-button:not(.collapsed),
.dx-viewport .accordion-button:not(.collapsed),
body.dx-viewport.dx-theme-material-typography .accordion-button:not(.collapsed) {
  color: #202223;
  background-color: #ffffff;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0);
}
body .accordion-button:focus,
.dx-viewport .accordion-button:focus,
body.dx-viewport.dx-theme-material-typography .accordion-button:focus {
  z-index: 3;
  border-color: #ffffff;
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.rfReleaseList {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  width: 100%;
  margin-bottom: 0px;
}

.grid-inner-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  border: 0.5px solid #c9ccd0;
}
.grid-inner-cell h4 {
  margin-top: 0px;
  margin-bottom: 4px;
}

.grid-inner-cell:hover {
  box-shadow: 0px -3px 0px 0px #347c84 inset;
  cursor: pointer;
}
.grid-inner-cell:hover h4 {
  color: #347c84 !important;
}
.grid-inner-cell:hover h6 {
  color: #347c84 !important;
}

.grid-inner-cell:focus-visible {
  box-shadow: 0px -3px 0px 0px #347c84 inset;
  cursor: pointer;
}
.grid-inner-cell:focus-visible h4 {
  color: #347c84 !important;
}
.grid-inner-cell:focus-visible h6 {
  color: #347c84 !important;
}

.inner-cell-text-wrap {
  display: flex;
  flex-direction: row;
}
.inner-cell-text-wrap .inner-cell-text-left h6 {
  text-align: right !important;
  margin-right: 5px;
}
.inner-cell-text-wrap .inner-cell-text-right h6 {
  text-align: left !important;
  margin-left: 5px;
}

.c-head-alt {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 20px 24px 24px 24px;
  margin-bottom: 0;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.c-head-alt h4,
.c-head-alt h5 {
  margin-top: 4px;
}

.col-4-row-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}

.col-2-wide {
  grid-column: 1/3;
}

.col-3-wide {
  grid-column: 1/4;
}

.col-4-wide {
  grid-column: 1fr;
}

.col-2-row-1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}

#tempLinks a {
  text-decoration: none;
}

.card.no-shadow, #carrierCompliance .no-shadow.underCard, .no-shadow.underCard, body .no-shadow.clientCard, body #carrierCompliance .no-shadow.carrierComplianceCard, #carrierCompliance body .no-shadow.carrierComplianceCard, body .no-shadow.newClientCard,
.dx-viewport .no-shadow.clientCard,
.dx-viewport #carrierCompliance .no-shadow.carrierComplianceCard,
#carrierCompliance .dx-viewport .no-shadow.carrierComplianceCard,
.dx-viewport .no-shadow.newClientCard,
body.dx-viewport.dx-theme-material-typography .no-shadow.clientCard,
body.dx-viewport.dx-theme-material-typography .no-shadow.newClientCard {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.search-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search-group .underline {
  cursor: pointer;
}
.search-group #view-more:hover {
  cursor: pointer;
  color: #007a7a;
}
.search-group #view-less:hover {
  cursor: pointer;
  color: #007a7a;
}
.search-group .search-result {
  display: flex;
  flex-direction: row;
  align-items: end;
  width: fit-content;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
.search-group .search-result:hover {
  background-color: #dfeef8;
}
.search-group .search-result:hover .underline {
  color: #007a7a;
}

.admin-card-header {
  height: 55px;
  background-color: #fff4e0;
  margin-top: -20px;
  margin-left: -24px;
  margin-right: -24px;
  border-radius: 2px;
}

.admin-card-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  width: 53px;
  height: 53px;
  background-color: #ffe9be;
  border-radius: 8px;
  margin-top: -35px;
}

.admin-card {
  cursor: pointer;
  border-radius: 2px;
  background: #ffffff;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  padding: 20px 24px 24px 24px;
}

table {
  border-collapse: collapse;
  width: 100%;
}
table input:not([type=checkbox]),
table select {
  border: 1px solid #8C9196;
  border-radius: 2px;
  padding-left: 12px;
  height: 32px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}

th {
  background-color: #F6F6F7;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
}

td {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
td.warning {
  color: #b98900;
}

th,
td {
  text-align: left;
  padding: 8px 12px;
  height: 40px;
}

tr:hover {
  background-color: #EDF4FE;
}

tr:nth-child(odd) {
  background-color: #FFFFFF;
}
tr:nth-child(odd):hover {
  background-color: #EDF4FE;
}

tr:nth-child(even) {
  background-color: #FAFBFB;
}
tr:nth-child(even):hover {
  background-color: #EDF4FE;
}

table.noHead tr:nth-child(even) {
  background-color: #FFFFFF;
}
table.noHead tr:nth-child(even):hover {
  background-color: #EDF4FE;
}
table.noHead tr:nth-child(odd) {
  background-color: #FAFBFB;
}
table.noHead tr:nth-child(odd):hover {
  background-color: #EDF4FE;
}

.align-left, table table.align-left.col8L th:nth-child(8),
table table.align-left.col8L td:nth-child(8), table table.align-left.col7L th:nth-child(7),
table table.align-left.col7L td:nth-child(7), table table.align-left.col6L th:nth-child(6),
table table.align-left.col6L td:nth-child(6), table table.align-left.col5L th:nth-child(5),
table table.align-left.col5L td:nth-child(5), table table.align-left.col4L th:nth-child(4),
table table.align-left.col4L td:nth-child(4), table table.align-left.col3L th:nth-child(3),
table table.align-left.col3L td:nth-child(3), table table.align-left.col2L th:nth-child(2),
table table.align-left.col2L td:nth-child(2), table table.col1L th:nth-child(1),
table table.col1L td:nth-child(1) {
  text-align: left;
  justify-items: start;
}

.align-right, table.align-right.col13 th:nth-child(13),
table.align-right.col13 td:nth-child(13), table.align-right.col12 th:nth-child(12),
table.align-right.col12 td:nth-child(12), table.align-right.col11 th:nth-child(11),
table.align-right.col11 td:nth-child(11), table.align-right.col10 th:nth-child(10),
table.align-right.col10 td:nth-child(10), table.align-right.col9 th:nth-child(9),
table.align-right.col9 td:nth-child(9), table.align-right.col8 th:nth-child(8),
table.align-right.col8 td:nth-child(8), table.align-right.col7 th:nth-child(7),
table.align-right.col7 td:nth-child(7), table.align-right.col6 th:nth-child(6),
table.align-right.col6 td:nth-child(6), table.align-right.col5 th:nth-child(5),
table.align-right.col5 td:nth-child(5), table.align-right.col4 th:nth-child(4),
table.align-right.col4 td:nth-child(4), table.align-right.col3 th:nth-child(3),
table.align-right.col3 td:nth-child(3), table.align-right.col2 th:nth-child(2),
table.align-right.col2 td:nth-child(2), table.collateralSummary th:nth-child(2),
table.collateralSummary td:nth-child(2), table.accountActivity th:nth-child(n+5),
table.accountActivity td:nth-child(n+5) {
  text-align: right;
  justify-items: end;
}

.align-center, #carrierCompliance .verified, #carrierCompliance .verifiedCol th:last-child,
#carrierCompliance .verifiedCol td:last-child, .verified, .verifiedCol th:last-child, .verifiedCol td:last-child, table.col10flag th:nth-child(10),
table.col10flag td:nth-child(10), table.col8flag th:nth-child(8),
table.col8flag td:nth-child(8), table.col4flag th:nth-child(4),
table.col4flag td:nth-child(4), table.col3flag th:nth-child(3),
table.col3flag td:nth-child(3), table.col1flag th:nth-child(1),
table.col1flag td:nth-child(1), table.col14C th:nth-child(14),
table.col14C td:nth-child(14), table.col13C th:nth-child(13),
table.col13C td:nth-child(13), table.col12C th:nth-child(12),
table.col12C td:nth-child(12), table.col11C th:nth-child(11),
table.col11C td:nth-child(11), table.col10C th:nth-child(10),
table.col10C td:nth-child(10), table.col9C th:nth-child(9),
table.col9C td:nth-child(9), table.col8C th:nth-child(8),
table.col8C td:nth-child(8), table.col7C th:nth-child(7),
table.col7C td:nth-child(7), table.col6C th:nth-child(6),
table.col6C td:nth-child(6), table.col5C th:nth-child(5),
table.col5C td:nth-child(5), table.col4C th:nth-child(4),
table.col4C td:nth-child(4), table.col3C th:nth-child(3),
table.col3C td:nth-child(3), table.col2C th:nth-child(2),
table.col2C td:nth-child(2), table.col1C th:nth-child(1),
table.col1C td:nth-child(1), table.trends th:not(:first-child),
table.trends td:not(:first-child), table.centerLast th:last-child,
table.centerLast td:last-child, table.view th:last-child,
table.view td:last-child {
  text-align: center;
  justify-items: center;
}

.active {
  color: #008060;
}

.text-highlight {
  color: #347C84;
}

.pin {
  display: flex;
  justify-content: space-between;
  width: 86px;
}
.pin img {
  align-self: center;
}

.tr-total {
  border-top: 1px solid #8C9196;
}
.tr-total.bold {
  font-weight: 600;
}
.tr-total .bold {
  font-weight: 600;
}

.tr-total.inline-bold th {
  background-color: #FFFFFF !important;
}
.tr-total.inline-bold th:hover {
  background-color: #EDF4FE;
}
.tr-total.inline-bold.bold {
  font-weight: 600;
}
.tr-total.inline-bold .bold {
  font-weight: 600;
}

.tr-balance {
  border-bottom: 1px solid #8C9196;
}

.tr-total-bottom {
  border-top: 1px solid #8C9196;
}

table.pendingPurchases_secondNested th:nth-child(n+5),
table.pendingPurchases_secondNested td:nth-child(n+5) {
  text-align: right !important;
  justify-items: right !important;
}
table.pendingPurchases_secondNested th:nth-child(n+6),
table.pendingPurchases_secondNested td:nth-child(n+6),
table.pendingPurchases_secondNested th:last-child,
table.pendingPurchases_secondNested td:last-child {
  text-align: center !important;
  justify-items: center !important;
}

table.view th:last-child,
table.view td:last-child {
  width: 56px;
}

table.trends {
  border: 1px solid #E1E3E5;
}
table.trends th:nth-child(3n+4),
table.trends td:nth-child(3n+4) {
  border-right: 1px solid #E1E3E5;
}
table.trends thead tr {
  background-color: #F6F6F7;
}
table.trends tbody tr th {
  background-color: #FAFBFB;
}
table.trends tr {
  background-color: #FFFFFF;
}
table.trends tr:hover {
  background-color: #EDF4FE;
}

.checkmark-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  left: 8px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkmark-container.btnCheckbox,
.btnCheckbox {
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 0px;
  left: 0px;
  border: 1px solid #D2D5D8;
  border-radius: 2px;
  background-color: white;
  font-weight: 400;
  font-size: 12px !important;
  cursor: pointer;
  user-select: none;
  height: 32px;
}

.checkmark-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #8C9196;
  background-color: #fff;
  border-radius: 2px;
}

.checkboxC {
  text-align: center;
  vertical-align: middle;
}

.checkmark-container:hover input ~ .checkmark {
  background-color: #eee;
}

.checkmark-container input:checked ~ .checkmark {
  background-color: #EE7E00;
  border-color: #EE7E00;
}
.checkmark-container input:checked ~ .checkmark.cross {
  background-color: #D82C0D;
  border-color: #D82C0D;
}
.checkmark-container input:checked ~ .checkmark.greenCheck {
  background-color: #007A7A;
  border-color: #007A7A;
}
.checkmark-container input:checked ~ .checkmark.dash {
  background-color: #EE7E00;
  border-color: #EE7E00;
}

.checkmark-container.doubleCheck ~ .checkmark {
  background-color: #EE7E00;
  border-color: #EE7E00;
}
.checkmark-container.doubleCheck ~ .checkmark.cross {
  background-color: #D82C0D;
  border-color: #D82C0D;
}
.checkmark-container.doubleCheck ~ .checkmark.greenCheck {
  background-color: #007A7A;
  border-color: #007A7A;
}
.checkmark-container.doubleCheck ~ .checkmark.dash {
  background-color: #EE7E00;
  border-color: #EE7E00;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkmark-container input:checked ~ .checkmark:after {
  display: block;
}

.checkmark-container.doubleCheck ~ .checkmark:after {
  display: block;
}

.checkmark-container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.checkmark-container .checkmark.cross:after {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  color: #fff;
  font-weight: bold;
  content: "×";
  border: none;
  font-size: 1rem;
  transform: translate(-50%, -50%);
  right: 50%;
  top: 25%;
}

.checkmark-container input:checked ~ .checkmark.dash {
  background-color: #EE7E00;
  border-color: #EE7E00;
}

.checkmark-container .checkmark.dash:after {
  content: "–";
  font-size: 1rem;
  position: absolute;
  left: 38%;
  top: 28%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: #fff;
  border: none;
}

.nestedTableContainer.yellowBorder {
  border-left: 1px solid #FFE9BE;
  border-bottom: 1px solid #FFE9BE;
  border-right: 1px solid #FFE9BE;
}
.nestedTableContainer.yellowBorder .nestedTableNoBorder {
  margin: 0;
  padding: 0 0 0 0;
  background: #FFFFFF;
}
.nestedTableContainer .nestedTableContainerDocs .nestedTable table {
  border: none;
}
.nestedTableContainer .nestedTableContainerDocs .padding-left-L {
  padding-left: 42px;
}
.nestedTableContainer .nestedTableContainerDocs td {
  color: #202223 !important;
}
.nestedTableContainer .nestedTableContainer .padding-left-L {
  padding-left: 100px;
}
.nestedTableContainer .padding-left-L {
  padding-left: 56px;
}
.nestedTableContainer .padding-left-L svg.mr-6 {
  margin-right: 12px;
}
.nestedTableContainer .nestedTable {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #FFFFFF;
  box-shadow: inset 6px 0px 0px 0px #FFFFFF;
}
.nestedTableContainer .nestedTable table tr {
  width: 100%;
}

.selectedRowTop {
  border-top: 1px solid #FFE9BE;
  border-left: 1px solid #FFE9BE;
  border-right: 1px solid #FFE9BE;
}

.tableCriticalMessage {
  display: flex;
  color: #D82C0D;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  gap: 4px;
  align-items: center;
}
.tableCriticalMessage img {
  height: 16px;
}

.toggleTable {
  cursor: pointer;
}

.tableWithNestedTable tr:nth-child(4n+3) {
  background-color: #FAFBFB;
}
.tableWithNestedTable tr:nth-child(4n+3):hover {
  background-color: #EDF4FE;
}
.tableWithNestedTable tr:nth-child(4n+4) tr th {
  background-color: #FFFFFF;
}
.tableWithNestedTable tr:nth-child(4n+4) tr:nth-child(even) {
  background-color: #FFFFFF;
}
.tableWithNestedTable tr:nth-child(4n+4) tr:nth-child(even):hover {
  background-color: #EDF4FE;
}
.tableWithNestedTable tr:nth-child(4n+4) tr:nth-child(odd) {
  background-color: #FAFBFB;
}
.tableWithNestedTable tr:nth-child(4n+4) tr:nth-child(odd):hover {
  background-color: #EDF4FE;
}
.tableWithNestedTable tr:nth-child(4n+2) tr th {
  background-color: #FAFBFB;
}
.tableWithNestedTable tr:nth-child(4n+2) tr:nth-child(odd) {
  background-color: #FFFFFF;
}
.tableWithNestedTable tr:nth-child(4n+2) tr:nth-child(odd):hover {
  background-color: #EDF4FE;
}
.tableWithNestedTable tr:nth-child(4n+2) tr:nth-child(even) {
  background-color: #FAFBFB;
}
.tableWithNestedTable tr:nth-child(4n+2) tr:nth-child(even):hover {
  background-color: #EDF4FE;
}

.toggleRow.active,
.expandRow.active {
  border-left: 1px solid #FFE9BE;
  border-top: 1px solid #FFE9BE;
  border-right: 1px solid #FFE9BE;
}

.toggleRowBtn,
.expandRowBtn {
  cursor: pointer;
}

.toggleRow + .hiddenRow,
.expandRow + .hiddenRow {
  background-color: #FFFFFF;
}

.hiddenRow {
  display: none;
  background-color: inherit;
  border-left: 1px solid #FFE9BE;
  border-right: 1px solid #FFE9BE;
}

.hiddenRowLast {
  border-bottom: 1px solid #FFE9BE;
}

td.copied {
  background-color: #E5EFFD;
  border-radius: 2px;
  margin: 4px;
}

.sortTable th.sortBy {
  color: #347C84;
}
.sortTable .sortArrow {
  margin-left: 6px;
  display: none;
  transform: scaleY(-1);
}
.sortTable .sortArrow.flip {
  transform: scaleY(1);
}

td.flag-red {
  background: url(/img/Assets/flagRed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-position: center center;
  background-repeat: no-repeat;
}

table.col1flag th:nth-child(1),
table.col1flag td:nth-child(1) {
  width: 56px;
}

table.col3flag th:nth-child(3),
table.col3flag td:nth-child(3) {
  width: 56px;
}

table.col4flag th:nth-child(4),
table.col4flag td:nth-child(4) {
  width: 56px;
}

table.col8flag th:nth-child(8),
table.col8flag td:nth-child(8) {
  width: 56px;
}

table.col10flag th:nth-child(10),
table.col10flag td:nth-child(10) {
  width: 56px;
}

tbody.textSubdued tr td {
  color: #6D7175;
}

.pl-12 {
  padding-left: 12px;
}

.white-bg {
  background-color: #fff !important;
}

.balance-background {
  background: #f6f6f7 !important;
}
.balance-background:hover {
  background-color: #edf4fe !important;
}

.balance-total-background {
  background: #fafafa !important;
  border-bottom: 1px solid #8C9196;
}
.balance-total-background:hover {
  background-color: #edf4fe !important;
}

.table-success-bg {
  background-color: #F1F8F5 !important;
}

.amortization-table .align-center, .amortization-table #carrierCompliance .verified, #carrierCompliance .amortization-table .verified, .amortization-table #carrierCompliance .verifiedCol th:last-child, #carrierCompliance .verifiedCol .amortization-table th:last-child,
.amortization-table #carrierCompliance .verifiedCol td:last-child,
#carrierCompliance .verifiedCol .amortization-table td:last-child, .amortization-table .verified, .amortization-table .verifiedCol th:last-child, .verifiedCol .amortization-table th:last-child, .amortization-table .verifiedCol td:last-child, .verifiedCol .amortization-table td:last-child, .amortization-table table.view th:last-child, table.view .amortization-table th:last-child,
.amortization-table table.view td:last-child,
table.view .amortization-table td:last-child, .amortization-table table.centerLast th:last-child, table.centerLast .amortization-table th:last-child,
.amortization-table table.centerLast td:last-child,
table.centerLast .amortization-table td:last-child, .amortization-table table.trends th:not(:first-child), table.trends .amortization-table th:not(:first-child),
.amortization-table table.trends td:not(:first-child),
table.trends .amortization-table td:not(:first-child), .amortization-table table.col1C th:nth-child(1), table.col1C .amortization-table th:nth-child(1),
.amortization-table table.col1C td:nth-child(1),
table.col1C .amortization-table td:nth-child(1), .amortization-table table.col2C th:nth-child(2), table.col2C .amortization-table th:nth-child(2),
.amortization-table table.col2C td:nth-child(2),
table.col2C .amortization-table td:nth-child(2), .amortization-table table.col3C th:nth-child(3), table.col3C .amortization-table th:nth-child(3),
.amortization-table table.col3C td:nth-child(3),
table.col3C .amortization-table td:nth-child(3), .amortization-table table.col4C th:nth-child(4), table.col4C .amortization-table th:nth-child(4),
.amortization-table table.col4C td:nth-child(4),
table.col4C .amortization-table td:nth-child(4), .amortization-table table.col5C th:nth-child(5), table.col5C .amortization-table th:nth-child(5),
.amortization-table table.col5C td:nth-child(5),
table.col5C .amortization-table td:nth-child(5), .amortization-table table.col6C th:nth-child(6), table.col6C .amortization-table th:nth-child(6),
.amortization-table table.col6C td:nth-child(6),
table.col6C .amortization-table td:nth-child(6), .amortization-table table.col7C th:nth-child(7), table.col7C .amortization-table th:nth-child(7),
.amortization-table table.col7C td:nth-child(7),
table.col7C .amortization-table td:nth-child(7), .amortization-table table.col8C th:nth-child(8), table.col8C .amortization-table th:nth-child(8),
.amortization-table table.col8C td:nth-child(8),
table.col8C .amortization-table td:nth-child(8), .amortization-table table.col9C th:nth-child(9), table.col9C .amortization-table th:nth-child(9),
.amortization-table table.col9C td:nth-child(9),
table.col9C .amortization-table td:nth-child(9), .amortization-table table.col10C th:nth-child(10), table.col10C .amortization-table th:nth-child(10),
.amortization-table table.col10C td:nth-child(10),
table.col10C .amortization-table td:nth-child(10), .amortization-table table.col11C th:nth-child(11), table.col11C .amortization-table th:nth-child(11),
.amortization-table table.col11C td:nth-child(11),
table.col11C .amortization-table td:nth-child(11), .amortization-table table.col12C th:nth-child(12), table.col12C .amortization-table th:nth-child(12),
.amortization-table table.col12C td:nth-child(12),
table.col12C .amortization-table td:nth-child(12), .amortization-table table.col13C th:nth-child(13), table.col13C .amortization-table th:nth-child(13),
.amortization-table table.col13C td:nth-child(13),
table.col13C .amortization-table td:nth-child(13), .amortization-table table.col14C th:nth-child(14), table.col14C .amortization-table th:nth-child(14),
.amortization-table table.col14C td:nth-child(14),
table.col14C .amortization-table td:nth-child(14), .amortization-table table.col1flag th:nth-child(1), table.col1flag .amortization-table th:nth-child(1),
.amortization-table table.col1flag td:nth-child(1),
table.col1flag .amortization-table td:nth-child(1), .amortization-table table.col3flag th:nth-child(3), table.col3flag .amortization-table th:nth-child(3),
.amortization-table table.col3flag td:nth-child(3),
table.col3flag .amortization-table td:nth-child(3), .amortization-table table.col4flag th:nth-child(4), table.col4flag .amortization-table th:nth-child(4),
.amortization-table table.col4flag td:nth-child(4),
table.col4flag .amortization-table td:nth-child(4), .amortization-table table.col8flag th:nth-child(8), table.col8flag .amortization-table th:nth-child(8),
.amortization-table table.col8flag td:nth-child(8),
table.col8flag .amortization-table td:nth-child(8), .amortization-table table.col10flag th:nth-child(10), table.col10flag .amortization-table th:nth-child(10),
.amortization-table table.col10flag td:nth-child(10),
table.col10flag .amortization-table td:nth-child(10) {
  text-align: center !important;
}
.amortization-table th,
.amortization-table td {
  text-align: right;
}
.amortization-table .td-left-border {
  border-left: 1px solid #E1E3E5;
}

label.checkmark-container.checkbox-header {
  top: -7px;
  left: 8px;
}

.btnPrimary.login__submit {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.btn-content::after {
    content: "";
    background-image: url("/img/Assets/arrow-right-white.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
    background-size: 12px 13px;
    background-repeat: no-repeat;
    width: 12px;
    height: 13px;
    flex-shrink: 0;
}

.top-bar {
    display: flex;
    height: 80px;
    padding: 10px 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    background-color: #4B5B67;
}

.top-bar-logo {
    width: 226.25px;
    height: 40px;
    flex-shrink: 0;
}

body .btnPrimary,
.dx-viewport .btnPrimary {
  justify-content: center;
  align-items: center;
  background: #007A7A;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}

#login, #continue{
  justify-content: center;
  align-items: center;
  background: #F7901E;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px; 
}

#login:hover, #continue:hover {
  background-color: #E9891F;
}

#login:active, #continue:active {
  background-color: #F7901E;
}

.login-hr{
  margin: 1rem 0;
  color: inherit;
  background-color: #E1E3E5;
  border: 0;
  opacity: 0.25;  
}

#login, #continue{
  justify-content: center;
  align-items: center;
  background: #F7901E;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px; 
}

#login:hover, #continue:hover {
  background-color: #E9891F;
}

#login:active, #continue:active {
  background-color: #F7901E;
}

.login-hr{
  margin: 1rem 0;
  color: inherit;
  background-color: #E1E3E5;
  border: 0;
  opacity: 0.25;  
}

.dx-viewport .btnPrimary[hidden].d-flex {
  display: none !important;
}

body .btnPrimary:hover,
.dx-viewport .btnPrimary:hover {
  background-color: #0A6D6D;
}
body .btnPrimary:active,
.dx-viewport .btnPrimary:active {
  background-color: #005C5C;
}
body .btnSecondary, body.dx-viewport .datagrid .dx-popup-wrapper .dx-button.dx-button-default,
body.dx-viewport .demo-container .dx-popup-wrapper .dx-button.dx-button-default,
.dx-viewport .btnSecondary {
  justify-content: center;
  align-items: center;
  background: #EEF4F8;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body .btnSecondary:hover, body.dx-viewport .datagrid .dx-popup-wrapper .dx-button.dx-button-default:hover,
body.dx-viewport .demo-container .dx-popup-wrapper .dx-button.dx-button-default:hover,
.dx-viewport .btnSecondary:hover {
  background-color: #DFEEF8;
}
body .btnSecondary:active, body.dx-viewport .datagrid .dx-popup-wrapper .dx-button.dx-button-default:active,
body.dx-viewport .demo-container .dx-popup-wrapper .dx-button.dx-button-default:active,
.dx-viewport .btnSecondary:active {
  background-color: #C3DBEB;
}
body .btnPrimary:focus,
.dx-viewport .btnPrimary:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
body .btnCritical,
.dx-viewport .btnCritical {
  justify-content: center;
  align-items: center;
  background: #EE7E00;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body .btnCritical:hover,
.dx-viewport .btnCritical:hover {
  background-color: #D67507;
}
body .btnCritical:active,
.dx-viewport .btnCritical:active {
  background-color: #BA6505;
}
body .btnCriticalRed,
body .btnDelete,
.dx-viewport .btnCriticalRed,
.dx-viewport .btnDelete {
  justify-content: center;
  align-items: center;
  background: #D72C0D;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body .btnCriticalRed:hover,
body .btnDelete:hover,
.dx-viewport .btnCriticalRed:hover,
.dx-viewport .btnDelete:hover {
  background-color: #C12806;
}
body .btnCriticalRed:active,
body .btnDelete:active,
.dx-viewport .btnCriticalRed:active,
.dx-viewport .btnDelete:active {
  background-color: #A81F03;
}
body .btnSuccess,
.dx-viewport .btnSuccess {
  justify-content: center;
  align-items: center;
  background: #007F5F;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body .btnLink:hover, body .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:hover,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:hover,
.dx-viewport .btnLink:hover {
  color: #0A6D6D;
}
body .btnLink:active, body .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:active,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:active,
.dx-viewport .btnLink:active {
  color: #005C5C;
}
body .btnCaseOpen,
.dx-viewport .btnCaseOpen {
  justify-content: center;
  align-items: center;
  background: #CCE3DA;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
  z-index: 2;
}
body .btnCasePending,
.dx-viewport .btnCasePending {
  justify-content: center;
  align-items: center;
  background: #FFEA8A;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
  z-index: 2;
}
body .btnCaseOverdue,
.dx-viewport .btnCaseOverdue {
  justify-content: center;
  align-items: center;
  background: #F3CCCC;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
  z-index: 2;
}
body .btnTertiary,
body .btnLink,
body .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i],
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i],
.dx-viewport .btnTertiary,
.dx-viewport .btnLink {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  max-height: 32px;
  white-space: nowrap;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body .btnLink.hide, body .demo-container:not(.file-manager) .dx-popup-wrapper .hide.dx-button.dx-button-default[aria-label=cancel i],
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .hide.dx-button.dx-button-default[aria-label=cancel i],
.dx-viewport .btnLink.hide {
  display: none;
}
body .btnLink.underline, body .demo-container:not(.file-manager) .dx-popup-wrapper .underline.dx-button.dx-button-default[aria-label=cancel i],
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .underline.dx-button.dx-button-default[aria-label=cancel i],
.dx-viewport .btnLink.underline {
  text-decoration: underline;
}
body button:disabled,
body button:disabled:hover,
body button:disabled:active,
body input[type=submit]:disabled,
body input[type=submit]:disabled:hover,
body input[type=submit]:disabled:active,
.dx-viewport button:disabled,
.dx-viewport button:disabled:hover,
.dx-viewport button:disabled:active,
.dx-viewport input[type=submit]:disabled,
.dx-viewport input[type=submit]:disabled:hover,
.dx-viewport input[type=submit]:disabled:active {
  background: #F1F1F1;
  color: #6D7175;
  cursor: default;
}
body button img,
body button svg,
body input[type=submit] img,
body input[type=submit] svg,
.dx-viewport button img,
.dx-viewport button svg,
.dx-viewport input[type=submit] img,
.dx-viewport input[type=submit] svg {
  margin-right: 4px;
}
body button img.icon-right, body button svg.icon-right,
body input[type=submit] img.icon-right,
body input[type=submit] svg.icon-right,
.dx-viewport button img.icon-right,
.dx-viewport button svg.icon-right,
.dx-viewport input[type=submit] img.icon-right,
.dx-viewport input[type=submit] svg.icon-right {
  margin-left: 4px;
  margin-right: 0px;
}
body .btnContainer,
.dx-viewport .btnContainer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
body .btnContainer.flex-start,
.dx-viewport .btnContainer.flex-start {
  justify-content: flex-start;
}
body .btnContainer a,
.dx-viewport .btnContainer a {
  text-decoration: none;
}
body .filterBtnContainer,
.dx-viewport .filterBtnContainer {
  display: flex;
  justify-content: flex-end;
}
body .inputContainer,
.dx-viewport .inputContainer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
body .inputContainer .form-check,
.dx-viewport .inputContainer .form-check {
  white-space: nowrap;
}
body .inputContainer .form-select, body .inputContainer #carrierCompliance table input.pValue, #carrierCompliance table body .inputContainer input.pValue, body .inputContainer #carrierCompliance table input.modValue, #carrierCompliance table body .inputContainer input.modValue, body .inputContainer table input.sfValue, table body .inputContainer input.sfValue, body .inputContainer table input.modValue, table body .inputContainer input.modValue,
.dx-viewport .inputContainer .form-select,
.dx-viewport .inputContainer #carrierCompliance table input.pValue,
#carrierCompliance table .dx-viewport .inputContainer input.pValue,
.dx-viewport .inputContainer #carrierCompliance table input.modValue,
#carrierCompliance table .dx-viewport .inputContainer input.modValue,
.dx-viewport .inputContainer table input.sfValue,
table .dx-viewport .inputContainer input.sfValue,
.dx-viewport .inputContainer table input.modValue,
table .dx-viewport .inputContainer input.modValue {
  min-width: 100px;
}
body button.wide,
.dx-viewport button.wide {
  padding: 8px 31px;
}
body .searchBtn,
.dx-viewport .searchBtn {
  position: absolute;
  right: 0px;
}
body .minimizeBtn,
body .minimizeWithNavBtn,
body .minimizeNoNavBtn,
body .minimizeCardBtn,
.dx-viewport .minimizeBtn,
.dx-viewport .minimizeWithNavBtn,
.dx-viewport .minimizeNoNavBtn,
.dx-viewport .minimizeCardBtn {
  position: absolute;
  right: 8px;
  top: -1px;
  cursor: pointer;
}
body .minimize,
.dx-viewport .minimize {
  cursor: pointer;
}
body .minimizeBtn.minimized,
body .minimizeWithNavBtn.minimized,
body .minimizeNoNavBtn.minimize,
body .minimizeCardBtn.minimize, body .collapse.minimized,
.dx-viewport .minimizeBtn.minimized,
.dx-viewport .minimizeWithNavBtn.minimized,
.dx-viewport .minimizeNoNavBtn.minimize,
.dx-viewport .minimizeCardBtn.minimize,
.dx-viewport .collapse.minimized {
  transform: rotate(180deg);
  right: 8px;
  top: 3px;
}
body .card-collapse .minimizeBtn,
.dx-viewport .card-collapse .minimizeBtn {
  position: absolute;
  top: 8px !important;
  right: 8px !important;
  cursor: pointer;
}
body #iv-activity--action,
.dx-viewport #iv-activity--action {
  position: relative;
}
body .pagers,
.dx-viewport .pagers {
  display: flex;
  gap: 6px;
}
body button.pagerBtnL,
.dx-viewport button.pagerBtnL {
  padding: 9px 10px 9px 12px;
}
body button.pagerBtnR,
.dx-viewport button.pagerBtnR {
  padding: 9px 10px 9px 12px;
}

.section-collapse .minimizeBtn {
  position: relative;
  cursor: pointer;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select::placeholder,
input::placeholder {
  color: #6D7175;
}

label {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  text-decoration: none;
  color: #202223;
}

.login__form-block>label{
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  text-decoration: none;
  color: #FFFFFF;
}

.login__form-block>label{
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  text-decoration: none;
  color: #FFFFFF;
}

input,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input:focus,
select:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}

button.w100 {
  width: 100px;
}

button.w150 {
  width: 150px;
}

button.w175 {
  width: 175px;
}

input.repeat-times {
  min-width: 28px !important;
  width: 28px;
  padding: 0px !important;
  text-align: center;
  height: 18px !important;
  margin: 0 4px;
}

textarea {
  padding: 8px 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  line-height: 18px;
}
textarea:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
  border-radius: 2px;
}

.form-text {
  margin-top: 0 !important;
  font-size: 0.875em;
  color: #6c757d;
}

.panelNotes,
.form-textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #8c9196;
  border-radius: 2px;
  padding-left: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  color: #202223;
}

textarea.height64 {
  height: 64px;
}

textarea.height75 {
  height: 75px;
}

textarea.height96 {
  height: 96px;
}

textarea.height125 {
  height: 125px;
}

textarea.height150 {
  height: 150px;
}

textarea.height250 {
  height: 250px;
}

textarea.height325 {
  height: 325px;
}

input:not(.form-mfa,
.multi-form-search,
[type=checkbox],
[type=radio],
[type=submit]),
select {
  border: 1px solid #8C9196;
  border-radius: 2px;
  padding-left: 12px;
  height: 32px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
}

input,
select,
select.form-select,
input.form-date,
input.form-search,
input.form-url,
input.form-num-value,
input.form-days,
input.form-percent,
.form-mfa,
textarea {
  color: #6D7175;
}
input:disabled,
select:disabled,
select.form-select:disabled,
input.form-date:disabled,
input.form-search:disabled,
input.form-url:disabled,
input.form-num-value:disabled,
input.form-days:disabled,
input.form-percent:disabled,
.form-mfa:disabled,
textarea:disabled {
  background-color: #FAFBFB;
  border-color: #D2D5D8;
  color: #8C9196;
  -webkit-text-fill-color: #8C9196;
  opacity: 1;
}

input.form-check-input:disabled {
  background-color: #fafbfb;
  border-color: #bdc1cc;
}
input.form-check-input:disabled:checked {
  background-color: #bdc1cc;
  border-color: #bdc1cc;
}

input:read-only {
  background-color: #FAFBFB;
  border-color: #D2D5D8;
  color: #8C9196;
}

input.form-date:disabled,
input.form-search:disabled,
select.form-select:disabled {
  padding-left: 12px;
  background-image: none !important;
  cursor: default !important;
}

input:disabled::placeholder,
select:disabled::placeholder,
textarea:disabled::placeholder {
  color: #8C9196;
}

body input.error,
body select.error {
  border-color: #FD5749;
  background-color: #FFF4F4;
  margin-bottom: 8px;
}

body input.success,
body select.success {
  border-color: #00A47C;
  background-color: #F1F8F5;
  margin-bottom: 8px;
}

.errorMsg {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #D82C0D;
  margin-top: 6px;
  padding-left: 24px;
  background-image: url(/img/Assets/alertMinor.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: 0px;
  position: absolute;
  bottom: -12px;
}

input[type=checkbox] {
  margin-top: 0px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 10px 8px;
  background-position: center;
}
input[type=checkbox]:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}

input[type=checkbox]:hover:not(:checked) {
  border-color: #999EA4;
}

input[type=checkbox] {
  background-color: #FAFBFB;
  border-color: #D2D5D8;
}

body input[type=radio].form-check-input,
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input {
  min-width: 0px;
  margin-right: 8px;
  margin-top: 0px;
  height: 18px;
  width: 18px;
  cursor: pointer;
  border: 1.5px solid #D2D5D8;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  background-color: #FFFFFF;
}
body input[type=radio].form-check-input:checked,
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23028888'/%3e%3c/svg%3e");
  border: 2px solid #028888;
}
body input[type=radio].form-check-input:checked.warning,
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input:checked.warning {
  border: 2px solid #B98900;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23B98900'/%3e%3c/svg%3e");
}
body input[type=radio].form-check-input:checked.critical,
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input:checked.critical {
  border: 2px solid #D72C0D;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-3 -3 6 6'%3e%3ccircle r='2' fill='%23D72C0D'/%3e%3c/svg%3e");
}
body input[type=radio].form-check-input:focus,
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
body input[type=radio].form-check-input:hover:not(:checked),
body.dx-viewport.dx-theme-material-typography input[type=radio].form-check-input:hover:not(:checked) {
  border-color: #999EA4;
}
body div.form-check,
body.dx-viewport.dx-theme-material-typography div.form-check {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
}
body div.form-check label.form-check-label,
body.dx-viewport.dx-theme-material-typography div.form-check label.form-check-label {
  margin-bottom: 0;
}
body form.just-checks,
body.dx-viewport.dx-theme-material-typography form.just-checks {
  gap: 72px;
}
body .input-inlineChecks,
body.dx-viewport.dx-theme-material-typography .input-inlineChecks {
  margin-top: -20px;
}
body form div,
body.dx-viewport.dx-theme-material-typography form div {
  position: relative;
}

form:not(.form-compliance, .form-nowrap) {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
form:not(.form-compliance, .form-nowrap) div:not(.form-check, .flex-2, .flex-3, .no-flex) {
  flex: 1;
}
form:not(.form-compliance, .form-nowrap) div:not(.form-check, .hide, .xdsoft_autocomplete_dropdown) {
  display: flex;
  flex-direction: column;
}
form:not(.form-compliance, .form-nowrap) label:not(.td-center) {
  margin-bottom: 4px;
}

.form.form-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form.form-flex div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form.form-flex label {
  margin-bottom: 4px;
}

form label.fit-content {
  min-width: fit-content;
}

.gap-20 {
  gap: 20px;
}

.gap-32 {
  gap: 32px;
}

.gap-64 {
  gap: 64px;
}

.form-select, #carrierCompliance table input.pValue, #carrierCompliance table input.modValue, table input.sfValue, table input.modValue, input.form-num-minutes, input.form-num-hours, input.form-days, input.form-percent, input.form-num-value, input.form-clear, input.form-date, input.form-url, input.form-search {
  display: block;
  width: 100%;
  padding: 8 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 16px;
}
.form-select:focus, #carrierCompliance table input.pValue:focus, #carrierCompliance table input.modValue:focus, table input.sfValue:focus, table input.modValue:focus, input.form-num-minutes:focus, input.form-num-hours:focus, input.form-days:focus, input.form-percent:focus, input.form-num-value:focus, input.form-clear:focus, input.form-date:focus, input.form-url:focus, input.form-search:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
.form-select.heading, #carrierCompliance table input.heading.pValue, #carrierCompliance table input.heading.modValue, table input.heading.sfValue, table input.heading.modValue, input.heading.form-num-minutes, input.heading.form-num-hours, input.heading.form-days, input.heading.form-percent, input.heading.form-num-value, input.heading.form-clear, input.heading.form-date, input.heading.form-url, input.heading.form-search {
  width: 150px;
}

.form-select.secondary, #carrierCompliance table input.secondary.pValue, #carrierCompliance table input.secondary.modValue, table input.secondary.sfValue, table input.secondary.modValue, input.secondary.form-num-minutes, input.secondary.form-num-hours, input.secondary.form-days, input.secondary.form-percent, input.secondary.form-num-value, input.secondary.form-clear, input.secondary.form-date, input.secondary.form-url, input.secondary.form-search {
  color: #202223;
  border: 1px solid #EEF4F8;
  background-color: #EEF4F8;
}

input.form-search {
  padding-left: 36px;
  padding-right: 8px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1998 9.8C4.2117 9.8 2.5998 8.1881 2.5998 6.2C2.5998 4.2119 4.2117 2.6 6.1998 2.6C8.1879 2.6 9.7998 4.2119 9.7998 6.2C9.7998 8.1881 8.1879 9.8 6.1998 9.8ZM14.9361 13.6637L10.5981 9.3257C11.2263 8.4428 11.5998 7.3664 11.5998 6.2C11.5998 3.2183 9.18151 0.799999 6.1998 0.799999C3.2181 0.799999 0.799805 3.2183 0.799805 6.2C0.799805 9.1817 3.2181 11.6 6.1998 11.6C7.3662 11.6 8.4426 11.2265 9.3255 10.5983L13.6635 14.9363C13.839 15.1118 14.0694 15.2 14.2998 15.2C14.5302 15.2 14.7606 15.1118 14.9361 14.9363C15.288 14.5844 15.288 14.0156 14.9361 13.6637Z' fill='%23787878'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 14px;
}
input.form-search.width-89 {
  width: 89.8%;
}

input.form-url {
  padding-right: 8px;
  background-color: #FFFFFF;
  background-image: url("/img/Assets/urlIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
}

input.form-date {
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.00001V12.3333C0 12.687 0.140476 13.0261 0.390524 13.2762C0.640573 13.5262 0.979711 13.6667 1.33333 13.6667H10.6667C11.0203 13.6667 11.3594 13.5262 11.6095 13.2762C11.8595 13.0261 12 12.687 12 12.3333V3.00001C12 2.64639 11.8595 2.30725 11.6095 2.0572C11.3594 1.80715 11.0203 1.66668 10.6667 1.66668H9.33333V0.333344H8V1.66668H4V0.333344H2.66667V1.66668H1.33333C0.979711 1.66668 0.640573 1.80715 0.390524 2.0572C0.140476 2.30725 0 2.64639 0 3.00001ZM10.6667 12.3333H1.33333V4.33334H10.6667V12.3333Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-size: 14px auto;
}
input.form-date:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.00001V12.3333C0 12.687 0.140476 13.0261 0.390524 13.2762C0.640573 13.5262 0.979711 13.6667 1.33333 13.6667H10.6667C11.0203 13.6667 11.3594 13.5262 11.6095 13.2762C11.8595 13.0261 12 12.687 12 12.3333V3.00001C12 2.64639 11.8595 2.30725 11.6095 2.0572C11.3594 1.80715 11.0203 1.66668 10.6667 1.66668H9.33333V0.333344H8V1.66668H4V0.333344H2.66667V1.66668H1.33333C0.979711 1.66668 0.640573 1.80715 0.390524 2.0572C0.140476 2.30725 0 2.64639 0 3.00001ZM10.6667 12.3333H1.33333V4.33334H10.6667V12.3333Z' fill='%23028888'/%3E%3C/svg%3E%0A");
}
input.form-date:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 3.00001V12.3333C0 12.687 0.140476 13.0261 0.390524 13.2762C0.640573 13.5262 0.979711 13.6667 1.33333 13.6667H10.6667C11.0203 13.6667 11.3594 13.5262 11.6095 13.2762C11.8595 13.0261 12 12.687 12 12.3333V3.00001C12 2.64639 11.8595 2.30725 11.6095 2.0572C11.3594 1.80715 11.0203 1.66668 10.6667 1.66668H9.33333V0.333344H8V1.66668H4V0.333344H2.66667V1.66668H1.33333C0.979711 1.66668 0.640573 1.80715 0.390524 2.0572C0.140476 2.30725 0 2.64639 0 3.00001ZM10.6667 12.3333H1.33333V4.33334H10.6667V12.3333Z' fill='%23028888'/%3E%3C/svg%3E%0A");
}

input.form-clear {
  background-color: #FFFFFF;
  background-image: url("%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8942 10.2629L10.763 11.3941L8.50059 9.13087L6.23819 11.3941L5.10699 10.2629L7.36939 7.99967L5.10699 5.73727L6.23819 4.60607L8.50059 6.86847L10.763 4.60607L11.8942 5.73727L9.63179 7.99967L11.8942 10.2629ZM8.50059 1.59967C4.96619 1.59967 2.10059 4.46527 2.10059 7.99967C2.10059 11.5349 4.96619 14.3997 8.50059 14.3997C12.035 14.3997 14.9006 11.5349 14.9006 7.99967C14.9006 4.46527 12.035 1.59967 8.50059 1.59967Z' fill='#787878' /%3E%3C/svg%3E");
  background-size: 14px;
  background-position: right 12px center;
}
input.form-clear:focus {
  background-image: url("%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8942 10.2629L10.763 11.3941L8.50059 9.13087L6.23819 11.3941L5.10699 10.2629L7.36939 7.99967L5.10699 5.73727L6.23819 4.60607L8.50059 6.86847L10.763 4.60607L11.8942 5.73727L9.63179 7.99967L11.8942 10.2629ZM8.50059 1.59967C4.96619 1.59967 2.10059 4.46527 2.10059 7.99967C2.10059 11.5349 4.96619 14.3997 8.50059 14.3997C12.035 14.3997 14.9006 11.5349 14.9006 7.99967C14.9006 4.46527 12.035 1.59967 8.50059 1.59967Z' fill='#D72C0D' /%3E%3C/svg%3E");
}
input.form-clear:hover {
  cursor: pointer;
  background-image: url("%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.8942 10.2629L10.763 11.3941L8.50059 9.13087L6.23819 11.3941L5.10699 10.2629L7.36939 7.99967L5.10699 5.73727L6.23819 4.60607L8.50059 6.86847L10.763 4.60607L11.8942 5.73727L9.63179 7.99967L11.8942 10.2629ZM8.50059 1.59967C4.96619 1.59967 2.10059 4.46527 2.10059 7.99967C2.10059 11.5349 4.96619 14.3997 8.50059 14.3997C12.035 14.3997 14.9006 11.5349 14.9006 7.99967C14.9006 4.46527 12.035 1.59967 8.50059 1.59967Z' fill='#D72C0D' /%3E%3C/svg%3E");
}

input.form-num-value {
  padding-left: 36px !important;
  padding-right: 8px;
  background-image: url("/img/Assets/dollarSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g") !important;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 8px;
}
input.form-num-value.right {
  padding-left: 12px;
  background-position: right 12px center;
}

input.form-percent {
  background-color: #FFFFFF;
  background-image: url("/img/Assets/percentSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g") !important;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 11px;
}

input.form-days {
  background-color: #FFFFFF;
  background-image: url("/img/Assets/daysSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g") !important;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 25px;
}

/* @todo replace svg with text */
input.form-num-hours {
  padding-left: 58px;
  padding-right: 8px;
  background-image: url("/img/Assets/hours.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g") !important;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 36px;
}
input.form-num-hours.right {
  padding-left: 12px;
  background-position: right 12px center;
}

/* @todo replace svg with text */
input.form-num-minutes {
  padding-left: 68px;
  padding-right: 8px;
  background-image: url("/img/Assets/minutes.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g") !important;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 48px;
}
input.form-num-minutes.right {
  padding-left: 12px;
  background-position: right 12px center;
}

.span1-3 {
  grid-column: 1/3;
}

.span2-3 {
  grid-column-start: 1;
  grid-column-end: 3;
}

.span3-3 {
  grid-column: 3/3;
}

.form-grid.col1 {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.form-grid.col1 input,
.form-grid.col1 select {
  min-width: 0px;
}

.form-grid.col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.form-grid.col2 input,
.form-grid.col2 select {
  min-width: 547px;
}

.form-grid.col3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.form-grid.col3 input,
.form-grid.col3 select {
  min-width: 0px;
}

.form-grid.col4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.form-grid.col4 input,
.form-grid.col4 select {
  min-width: 0px;
}

.form-grid.col5 {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.form-grid.col5 input,
.form-grid.col5 select {
  min-width: 0px;
}

.form-grid.col6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
.form-grid.col6 input,
.form-grid.col6 select {
  min-width: 0px;
}

.form-grid.col8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
}
.form-grid.col8 input,
.form-grid.col8 select {
  min-width: 0px;
}

textarea {
  resize: none;
}

form div.spanThreeCol {
  grid-column: 1/4;
}

form div.span1 {
  grid-column: span 1;
}

form div.span2 {
  grid-column: span 2;
}

form div.span3 {
  grid-column: span 3;
}

form div.span4 {
  grid-column: span 4;
}

form div.span5 {
  grid-column: span 5;
}

form div.span6 {
  grid-column: span 6;
}

form div.span7 {
  grid-column: span 7;
}

form div.span8 {
  grid-column: span 8;
}

form div.span10 {
  grid-column: span 10;
}

form div.span15 {
  grid-column: span 15;
}

form div.span20 {
  grid-column: span 20;
}

form div.shareColumn {
  display: flex;
  flex-direction: row !important;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
form div.shareColumn .width100 {
  width: 100%;
}
form div.shareColumn .width100px {
  width: 100px;
}

form input.w-100px {
  width: 100px;
}
form input.w-104px {
  width: 104px;
}
form input.w-110px {
  width: 110px;
}
form input.w-200px {
  width: 200px;
}
form input.w-212px {
  width: 212px;
}
form input.w-220px {
  width: 220px;
}
form input.w-250px {
  width: 250px;
}
form input.w-270px {
  width: 270px;
}
form input.w-350 {
  width: 350px;
}
form input.min-w-250px {
  min-width: 250px;
}

form select.min-w-175 {
  min-width: 175px;
}

form input.min-w-186 {
  min-width: 186px;
}
form input.min-w-186.margin-right148px {
  margin-right: 148px;
}

div.min-width150 {
  min-width: 150px;
}

.w-100px {
  width: 100px;
}

form.form-grid .double-input select,
form.form-grid .double-input input {
  min-width: 0;
}
form.form-grid .double-input select.form-select.double-input-select {
  width: 100px;
  min-width: 100px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
form.form-grid .double-input select.form-select.double-input-select:focus {
  z-index: 100;
}
form.form-grid .double-input input.form-search.double-input-search {
  min-width: 447px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-left: none;
}
form.form-grid .double-input input.form-search.double-input-search:focus {
  border-left: 1px solid #86b7fe;
}

form .uploadFile .uploadFile__Link {
  display: none;
}
form .uploadFile a,
form .uploadFile a:visited {
  cursor: pointer;
  color: #347c84 !important;
  text-decoration: underline !important;
}

.form-compliance tr.success {
  background: #f1f8f5;
}
.form-compliance tr.uploading {
  background: #edf4fe;
}

td.form-currency-container {
  position: relative;
  width: 100px;
}

.form-currency-container {
  position: relative;
}

.form-currency-sym {
  position: absolute;
  padding: 8px 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
}
.form-currency-sym.currency {
  right: 0;
  font-weight: 500;
}

.form-currency-code {
  position: absolute;
  right: 12px;
  top: 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
}

.form-currency-input {
  padding-left: 28px !important;
}
.form-currency-input.and-right {
  padding-right: 60px !important;
}

#newClientSetup .form-currency-input {
  padding-left: 52px !important;
}

form.flexColumn div.input-grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
form.flexColumn div.input-grid_7-3 {
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 20px;
}

.no-flex {
  flex: none !important;
}

.user-form-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.user-form-wrap label {
  margin-bottom: 4px;
}

.multi-tag-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.multi-tag-container p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
  text-decoration: none;
  color: #202223;
  margin-bottom: 4px;
}

.multi-tag-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  padding-left: 36px;
  padding-right: 8px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1998 9.8C4.2117 9.8 2.5998 8.1881 2.5998 6.2C2.5998 4.2119 4.2117 2.6 6.1998 2.6C8.1879 2.6 9.7998 4.2119 9.7998 6.2C9.7998 8.1881 8.1879 9.8 6.1998 9.8ZM14.9361 13.6637L10.5981 9.3257C11.2263 8.4428 11.5998 7.3664 11.5998 6.2C11.5998 3.2183 9.18151 0.799999 6.1998 0.799999C3.2181 0.799999 0.799805 3.2183 0.799805 6.2C0.799805 9.1817 3.2181 11.6 6.1998 11.6C7.3662 11.6 8.4426 11.2265 9.3255 10.5983L13.6635 14.9363C13.839 15.1118 14.0694 15.2 14.2998 15.2C14.5302 15.2 14.7606 15.1118 14.9361 14.9363C15.288 14.5844 15.288 14.0156 14.9361 13.6637Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 14px;
  height: 32px;
  width: 100%;
  overflow: scroll;
}
.multi-tag-search .multi-tag-search:hover {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1998 9.8C4.2117 9.8 2.5998 8.1881 2.5998 6.2C2.5998 4.2119 4.2117 2.6 6.1998 2.6C8.1879 2.6 9.7998 4.2119 9.7998 6.2C9.7998 8.1881 8.1879 9.8 6.1998 9.8ZM14.9361 13.6637L10.5981 9.3257C11.2263 8.4428 11.5998 7.3664 11.5998 6.2C11.5998 3.2183 9.18151 0.799999 6.1998 0.799999C3.2181 0.799999 0.799805 3.2183 0.799805 6.2C0.799805 9.1817 3.2181 11.6 6.1998 11.6C7.3662 11.6 8.4426 11.2265 9.3255 10.5983L13.6635 14.9363C13.839 15.1118 14.0694 15.2 14.2998 15.2C14.5302 15.2 14.7606 15.1118 14.9361 14.9363C15.288 14.5844 15.288 14.0156 14.9361 13.6637Z' fill='%23028888'/%3E%3C/svg%3E%0A") !important;
}
.multi-tag-search .tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.multi-tag-search .tab {
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  color: #6D7175;
  border: 1px solid #e1e3e5;
  border-radius: 2px;
  padding-left: 8px;
  padding-right: 8px;
  height: 100% !important;
  width: 105px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.90636L8.09357 -6.86646e-05L4.5 3.5935L0.906428 -6.86646e-05L0 0.90636L3.59357 4.49993L0 8.0935L0.906428 8.99993L4.5 5.40636L8.09357 8.99993L9 8.0935L5.40643 4.49993L9 0.90636Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 8px center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.multi-tag-search .tab span {
  margin-left: 17px;
}
.multi-tag-search .tab:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.90636L8.09357 -6.86646e-05L4.5 3.5935L0.906428 -6.86646e-05L0 0.90636L3.59357 4.49993L0 8.0935L0.906428 8.99993L4.5 5.40636L8.09357 8.99993L9 8.0935L5.40643 4.49993L9 0.90636Z' fill='%23028888'/%3E%3C/svg%3E%0A");
}
.multi-tag-search .removeX:hover path {
  fill: #028888;
}
.multi-tag-search .removeX:hover path .cutout {
  fill: #EEF4F8;
}
.multi-tag-search .multi-form-search {
  width: 100%;
  border: none;
  padding: 0;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
.multi-tag-search .multi-form-search:focus {
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  outline: 0;
  border-color: none;
}
.multi-tag-search .multi-form-search:focus .multi-tag-search {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}

.mts-active {
  -webkit-box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 0px 3px #458FFF !important;
  box-shadow: 0px 0px 0px 1px #ffffff, 0px 0px 0px 3px #458FFF !important;
  border-color: #8C9196 !important;
}

.actionIcon {
  cursor: pointer;
}
.actionIcon path {
  fill: #787878;
}
.actionIcon path .cutout {
  fill: #EEF4F8;
}
.actionIcon.critical path {
  fill: #787878;
}
.actionIcon.critical path .cutout {
  fill: #EEF4F8;
}
.actionIcon.critical:hover path {
  fill: #D72C0D;
}
.actionIcon.critical:hover path .cutout {
  fill: #D72C0D;
}
.actionIcon.warning path {
  fill: #b98900;
  stroke: #b98900;
}
.actionIcon.warning path .cutout {
  fill: #EEF4F8;
}

.actionIcon:hover path {
  fill: #028888;
}
.actionIcon:hover path .cutout {
  fill: #DFEEF8;
}

.actionIcon:active path {
  fill: #015C5C;
}
.actionIcon:active path .cutout {
  fill: #C3DBEB;
}

.actionIcon:disabled:hover path,
.actionIcon:disabled :active path {
  fill: #787878;
}
.actionIcon:disabled:hover path .cutout,
.actionIcon:disabled :active path .cutout {
  fill: #EEF4F8;
}

.pressedIcon svg path {
  stroke: #787878;
}

.pressedIcon:hover svg path {
  stroke: #015C5C;
}

.pressedIcon.pressed svg path {
  fill: #015C5C;
  stroke: none;
}

.actionIconLight {
  cursor: pointer;
}
.actionIconLight path {
  fill: #FAFBFB;
  stroke: #FAFBFB;
}

.actionIconLight:hover path {
  fill: #028888;
  stroke: #028888;
}
.actionIconLight:hover:active path {
  fill: #015C5C;
  stroke: #015C5C;
}

.headerIcon {
  cursor: pointer;
}
.headerIcon path {
  fill: #FAFBFB;
  stroke: none;
}

.headerIcon:hover path {
  fill: #028888;
  stroke: none;
}
.headerIcon:hover:active path {
  fill: #015C5C;
  stroke: none;
}

button.star {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26223 8.30384L3.26264 12.6323L7.00006 10.1406L10.6876 12.599L9.46009 8.30365L12.5808 5.49533L8.69651 5.18601L7.00006 1.43071L5.30356 5.18612L1.38293 5.49765L4.26223 8.30384ZM0.21142 5.75226C0.1151 5.65838 0.0478651 5.53874 0.0177599 5.40765C-0.0123452 5.27656 -0.00404629 5.13957 0.0416638 5.01308C0.087374 4.88658 0.16856 4.77593 0.275508 4.69437C0.382457 4.6128 0.51064 4.56378 0.644722 4.55315L4.63544 4.23605L6.36235 0.413329C6.41742 0.290238 6.50693 0.185713 6.62009 0.11237C6.73325 0.0390266 6.86521 0 7.00006 0C7.13491 0 7.26687 0.0390266 7.38003 0.11237C7.49319 0.185713 7.5827 0.290238 7.63776 0.413329L9.36467 4.23605L13.3554 4.55385C13.4918 4.56468 13.6221 4.61526 13.73 4.69933C13.838 4.7834 13.919 4.89728 13.9629 5.02688C14.0069 5.15647 14.0119 5.29611 13.9773 5.42852C13.9427 5.56092 13.8701 5.68029 13.7684 5.77186L10.5932 8.62928L11.8735 13.1093C11.9124 13.247 11.9082 13.3934 11.8614 13.5287C11.8147 13.6639 11.7276 13.7816 11.612 13.866C11.4963 13.9503 11.3576 13.9972 11.2145 14.0003C11.0714 14.0034 10.9308 13.9627 10.8116 13.8835L7.00006 11.3425L3.18854 13.8835C3.072 13.962 2.9345 14.0036 2.79398 14.0028C2.65346 14.0019 2.51646 13.9587 2.40087 13.8788C2.28528 13.7989 2.19647 13.686 2.14605 13.5548C2.09563 13.4237 2.08593 13.2804 2.11823 13.1436L3.16124 8.62718L0.21142 5.75226Z' fill='%23787878' /%3E%3C/svg%3E%0A");
  display: block;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 12px;
}

.star:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26223 8.30384L3.26264 12.6323L7.00006 10.1406L10.6876 12.599L9.46009 8.30365L12.5808 5.49533L8.69651 5.18601L7.00006 1.43071L5.30356 5.18612L1.38293 5.49765L4.26223 8.30384ZM0.21142 5.75226C0.1151 5.65838 0.0478651 5.53874 0.0177599 5.40765C-0.0123452 5.27656 -0.00404629 5.13957 0.0416638 5.01308C0.087374 4.88658 0.16856 4.77593 0.275508 4.69437C0.382457 4.6128 0.51064 4.56378 0.644722 4.55315L4.63544 4.23605L6.36235 0.413329C6.41742 0.290238 6.50693 0.185713 6.62009 0.11237C6.73325 0.0390266 6.86521 0 7.00006 0C7.13491 0 7.26687 0.0390266 7.38003 0.11237C7.49319 0.185713 7.5827 0.290238 7.63776 0.413329L9.36467 4.23605L13.3554 4.55385C13.4918 4.56468 13.6221 4.61526 13.73 4.69933C13.838 4.7834 13.919 4.89728 13.9629 5.02688C14.0069 5.15647 14.0119 5.29611 13.9773 5.42852C13.9427 5.56092 13.8701 5.68029 13.7684 5.77186L10.5932 8.62928L11.8735 13.1093C11.9124 13.247 11.9082 13.3934 11.8614 13.5287C11.8147 13.6639 11.7276 13.7816 11.612 13.866C11.4963 13.9503 11.3576 13.9972 11.2145 14.0003C11.0714 14.0034 10.9308 13.9627 10.8116 13.8835L7.00006 11.3425L3.18854 13.8835C3.072 13.962 2.9345 14.0036 2.79398 14.0028C2.65346 14.0019 2.51646 13.9587 2.40087 13.8788C2.28528 13.7989 2.19647 13.686 2.14605 13.5548C2.09563 13.4237 2.08593 13.2804 2.11823 13.1436L3.16124 8.62718L0.21142 5.75226Z' fill='%23028888' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}

.star.pressed {
  background-image: url(/img/Assets/starIconHovered.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: left;
}

td.star {
  width: 100%;
  background-position: left;
  background-repeat: no-repeat;
  background-size: auto;
  margin-left: 12px;
}
td.star:hover {
  background-position: left;
}
td.star:active {
  background-position: left;
}

button.star {
  background-position: center;
}
button.star:hover {
  background-position: center;
}
button.star:active {
  background-position: center;
}

.websiteIcon {
  position: relative;
  top: 2px;
  left: 301px;
  cursor: pointer;
}

.websiteIcon.active {
  cursor: pointer;
}
.websiteIcon.active path {
  fill: #028888;
}
.websiteIcon.active:active path {
  fill: #015C5C;
}

.websiteLink {
  bottom: 0;
  width: 0;
  height: 32px;
}

.td-bar-grey {
  height: 11px;
  background-image: url(/img/Assets/barGrey.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-bar-red {
  height: 11px;
  background-image: url(/img/Assets/barRed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-bar-success {
  height: 11px;
  background-image: url(/img/Assets/barGreen.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-check-grey {
  height: 11px;
  background-image: url(/img/Assets/checkGrey.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-check-success {
  height: 11px;
  background-image: url(/img/Assets/greenCheck.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-check-warning {
  height: 11px;
  background-image: url(/img/Assets/checkWarning.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-check-critical {
  height: 11px;
  background-image: url(/img/Assets/checkCritical.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-flag-grey {
  height: 11px;
  background-image: url(/img/Assets/td-flag-grey.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-flag-red {
  height: 11px;
  background-image: url(/img/Assets/flagRed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-flag-blue {
  height: 11px;
  background-image: url(/img/Assets/flagBlue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-flag-yellow {
  height: 11px;
  background-image: url(/img/Assets/flagYellow.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-exclamation-circle {
  height: 11px;
  background-image: url(/img/Assets/exclamationCircle.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  color: orange;
  z-index: 100;
}

.td-flag-success {
  height: 11px;
  background-image: url(/img/Assets/flag.svg);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-suspected-fraud {
  height: 11px;
  background-image: url(/img/Assets/Suspected_Fraud.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-verification-override {
  height: 11px;
  background-image: url(/img/Assets/Verification_Override.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-paperwork-review {
  height: 11px;
  background-image: url(/img/Assets/Paperwork_Review.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-over-user-limit {
  height: 11px;
  background-image: url(/img/Assets/Over_User_Limit.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-reverse-transation {
  height: 11px;
  background-image: url(/img/Assets/reverseTransation.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-max-client-limit {
  height: 11px;
  background-image: url(/img/Assets/MaxClientLimit.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-max-carrier-balance-outstanding {
  height: 11px;
  background-image: url(/img/Assets/CarrierExceedsInvoiceIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-critical {
  height: 11px;
  background-image: url(/img/Assets/warningSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-critical-issue {
  height: 11px;
  background-image: url(/img/Assets/warningSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  cursor: pointer;
}

.td-warning {
  height: 11px;
  background-image: url(/img/Assets/warningSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-warning {
  height: 11px;
  background-image: url(/img/Assets/warningSign.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-warning-grey {
  height: 11px;
  background-image: url(/img/Assets/warningSign-grey.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-email {
  height: 11px;
  background-image: url(/img/Assets/emailIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-info-orange {
  height: 16px;
  background-image: url(/img/Assets/info_orange.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-rush-red {
  height: 16px;
  background-image: url(/img/Assets/rush_red.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-rush-blue {
  height: 16px;
  background-image: url(/img/Assets/rush_blue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-pause-grey {
  height: 11px;
  background-image: url(/img/Assets/pause-grey.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-pause-red {
  height: 11px;
  background-image: url(/img/Assets/pause-red.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-flag-red {
  height: 11px;
  background-image: url(/img/Assets/flagRed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.td-edit {
  height: 11px;
  background-image: url(/img/Assets/editIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}
.td-edit:hover {
  background-image: url(/img/Assets/editIcon-pressed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.td-edit:active {
  background-image: url(/img/Assets/editIcon-pressed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}

.td-view {
  height: 11px;
  background-image: url(/img/Assets/viewIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}
.td-view:hover {
  background-image: url(/img/Assets/datagrid/view-hover.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.td-view:active {
  background-image: url(/img/Assets/datagrid/view-pressed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}

.td-table-pop {
  height: 11px;
  background-image: url(/img/Assets/table-menu-elip.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}
.td-table-pop:hover {
  background-image: url(/img/Assets/datagrid/table-menu-elip-action.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.td-table-pop:active {
  background-image: url(/img/Assets/datagrid/table-menu-elip-action.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}

.td-pay {
  height: 11px;
  background-image: url(/img/Assets/payIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.in-use-container {
  width: 100%;
  display: flex;
  justify-content: center;
}

.in-use {
  height: 20px !important;
  width: 20px !important;
  text-align: center;
  border-radius: 50%;
  background-color: #787878;
  font-size: 10px !important;
  color: #ffffff;
  text-transform: uppercase;
  line-height: 20px;
}

.user-icon-default {
  cursor: pointer;
  height: 32px !important;
  width: 32px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #575959;
  background-color: #ffffff;
  font-size: 14px !important;
  color: #575959;
  text-transform: uppercase;
}
.user-icon-default .avatar {
  object-fit: fill;
  clip-path: circle(16px at center);
}

.doc-error {
  height: 200px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #ffffff;
  margin-top: 136px;
}

.td-check-warning.h20px,
.td-check-success.h20px,
.td-check-critical.h20px {
  height: 20px !important;
}

.td-flag-red.h20px {
  height: 20px !important;
}

.header-icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.demo-container .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  height: 11px;
  background-image: url(/img/reorder.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon::before {
  content: "\f038";
  color: transparent;
}

.demo-container .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  height: 11px;
  background-size: 15px 10px;
  padding: 0;
  text-align: center;
  line-height: 11px;
}

.demo-container .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 11px/1 DXIcons;
}

.dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon {
  background-color: #bdc1cc !important;
  border-color: #bdc1cc !important;
}

.loader {
  width: 16px;
  height: 16px;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.paginationBar {
  background: #F6F6F7;
  border: 0.5px solid #E1E3E5;
  max-width: 1816px;
  min-width: 1163px;
  position: fixed;
  bottom: 0;
  left: 220px;
  right: 20px;
  z-index: 100;
  flex: 1;
  padding: 12px 24px;
  height: 43px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.paginationBar.collapsed {
  left: 84px;
}

.paginationBar.closed {
  left: 20px;
}

.paginationDocs {
  border: 1px solid #8C9196 !important;
  border-radius: 2px;
}

.mirror {
  transform: rotate(180deg);
}

ul.pagination {
  margin-top: 0;
  margin-bottom: 0;
}

.paginationjs {
  line-height: 1.6;
  font-size: 14px;
  box-sizing: initial;
}

.paginationjs:after {
  display: table;
  content: " ";
  clear: both;
}

.paginationjs .paginationjs-pages {
  float: left;
}

.paginationjs .paginationjs-pages ul {
  float: left;
  margin: 0;
  padding: 0;
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input,
.paginationjs .paginationjs-nav {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}

.paginationjs .paginationjs-pages li {
  float: left;
  border: none;
  border-right: none;
  list-style: none;
  border-radius: 2px;
}

.paginationjs .paginationjs-pages li > a,
.paginationjs .paginationjs-pages li > button {
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  display: block;
  background: none;
  font-size: 12px;
  color: #6D7175;
  text-decoration: none;
  text-align: center;
}

.paginationjs .paginationjs-pages li:hover > a {
  background: #007A7A;
  color: #fff;
  border-radius: 2px;
}

.paginiationjs .paginationjs-ellipsis li:hover > {
  color: #6D7175;
}

.paginationjs .paginationjs-pages li:hover > button {
  background: none;
  color: #028888;
  border-radius: 2px;
}

.paginationjs .paginationjs-pages li.active {
  border: none;
}

.paginationjs .paginationjs-pages li.active > a {
  height: 22px;
  line-height: 22px;
  background: #DDEEF9;
  color: #202223;
  border-radius: 2px;
}

.paginationjs .paginationjs-pages li.active > button {
  height: 22px;
  line-height: 22px;
  background: #DDEEF9;
  color: #015C5C;
}

.paginationjs .paginationjs-pages li.disabled > a {
  color: #6D7175;
}

.paginationjs .paginationjs-pages li.disabled > button {
  color: #6D7175;
}

.paginationjs .paginationjs-pages li.disabled > a:hover,
.paginationjs .paginationjs-pages li.disabled > button:hover {
  background: 0 0;
}

.paginationjs .paginationjs-pages li:first-child,
.paginationjs .paginationjs-pages li:first-child > a,
.paginationjs .paginationjs-pages li:first-child > button {
  border-radius: 2px;
}

.paginationjs .paginationjs-pages li:last-child {
  border-radius: 0 3px 3px 0;
}

.paginationjs .paginationjs-pages li:last-child > a,
.paginationjs .paginationjs-pages li:last-child > button {
  border-radius: 0 3px 3px 0;
}

.paginationjs .paginationjs-go-input > input[type=text] {
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 3px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  box-sizing: initial;
}

.paginationjs .paginationjs-go-button > input[type=button] {
  min-width: 22px;
  height: 22px;
  line-height: 22px;
  background: #fff;
  border-radius: 3px;
  text-align: center;
  padding: 0 8px;
  font-size: 12px;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  color: #6D7175;
  cursor: pointer;
  vertical-align: middle\9 ;
}

.paginationjs .paginationjs-go-button > input[type=button]:hover {
  background-color: #f8f8f8;
}

.paginationjs .paginationjs-nav {
  height: 22px;
  line-height: 22px;
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input {
  margin-left: 5px\9 ;
}

.paginationjs.paginationjs-small {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-pages li > a,
.paginationjs.paginationjs-small .paginationjs-pages li > button {
  min-width: 26px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-pages li.active > a,
.paginationjs.paginationjs-small .paginationjs-pages li.active > button {
  height: 26px;
  line-height: 26px;
}

.paginationjs.paginationjs-small .paginationjs-go-input {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-input > input[type=text] {
  width: 26px;
  height: 24px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-button {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-button > input[type=button] {
  min-width: 30px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-nav {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.paginationjs.paginationjs-big {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-pages li > a,
.paginationjs.paginationjs-big .paginationjs-pages li > button {
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
  height: 36px;
  line-height: 36px;
}

.paginationjs.paginationjs-big .paginationjs-pages li.active > button {
  height: 36px;
  line-height: 36px;
}

.paginationjs.paginationjs-big .paginationjs-go-input {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
  width: 36px;
  height: 34px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-button {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-button > input[type=button] {
  min-width: 50px;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}

.paginationjs .paginationjs-pages .paginationjs .paginationjs-go-input > input[type=text] {
  line-height: 28px\9 ;
  vertical-align: middle\9 ;
}

.paginationjs.paginationjs-big .paginationjs-pages li > a {
  line-height: 36px\9 ;
}

.paginationjs.paginationjs-big .paginationjs-go-input > input[type=text] {
  height: 36px\9 ;
  line-height: 36px\9 ;
}

.paginationjs-prev svg {
  transform: rotate(180deg);
}

.paginationjs-next,
.paginationjs-prev {
  margin-left: 6px;
  margin-right: 6px;
}
.paginationjs-next svg,
.paginationjs-prev svg {
  margin-right: 0px;
  margin-top: -3px;
}
.paginationjs-next:hover svg, .paginationjs-next:focus svg,
.paginationjs-prev:hover svg,
.paginationjs-prev:focus svg {
  fill: #028888;
}
.paginationjs-next:hover svg path, .paginationjs-next:focus svg path,
.paginationjs-prev:hover svg path,
.paginationjs-prev:focus svg path {
  fill: #028888;
}
.paginationjs-next:active svg,
.paginationjs-prev:active svg {
  fill: #015C5C;
}
.paginationjs-next:active svg path,
.paginationjs-prev:active svg path {
  fill: #015C5C;
}

.paginationjs-prev.disabled svg,
.paginationjs-next.disabled svg {
  fill: #ADADAD;
}
.paginationjs-prev.disabled svg path,
.paginationjs-next.disabled svg path {
  fill: #ADADAD;
}

body.the-datepicker-page {
  overflow: hidden;
}

@media (min-width: 37.5em) {
  body.the-datepicker-page {
    overflow: auto;
  }
}
.the-datepicker__container {
  position: absolute;
  left: auto;
  top: auto;
  z-index: 99;
}

.the-datepicker__container.the-datepicker__container--responsive {
  position: fixed;
  left: 0;
  top: 0;
}

@media (min-width: 37.5em) {
  .the-datepicker__container.the-datepicker__container--responsive {
    position: absolute;
    left: auto;
    top: auto;
  }
}
.the-datepicker__container .the-datepicker__main {
  border-top-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-bottom-left-radius: 0;
}

.the-datepicker__container.the-datepicker__container--left .the-datepicker__main {
  border-top-left-radius: 0.3em;
  border-top-right-radius: 0;
}

.the-datepicker__container.the-datepicker__container--over.the-datepicker__container--left .the-datepicker__main {
  border-bottom-left-radius: 0.3em;
  border-top-right-radius: 0.3em;
  border-bottom-right-radius: 0;
}

.the-datepicker__main {
  width: auto;
  height: auto;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.3em;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1em;
  box-sizing: border-box;
  overflow-y: auto;
}

.the-datepicker__container--responsive .the-datepicker__main {
  width: 100vw;
  height: 100vh;
}

@media (min-width: 37.5em) {
  .the-datepicker__container--responsive .the-datepicker__main {
    width: auto;
    height: auto;
  }
}
.the-datepicker__main .the-datepicker__header {
  padding: 0.4em 0.4em 0 0.4em;
}

.the-datepicker__main .the-datepicker__body {
  margin-top: 1em;
  padding: 0 0.4em 0.4em 0.4em;
  overflow-x: hidden;
  overflow-y: hidden;
}

.the-datepicker__main .the-datepicker__body.the-datepicker__body--swipeable {
  touch-action: none;
}

.the-datepicker__main th.the-datepicker__week-day {
  padding: 0.5em 0;
  text-align: center;
  font-weight: normal;
  text-transform: uppercase;
  color: #666;
  font-size: 0.85em;
}

.the-datepicker__main a.the-datepicker__button {
  display: block;
  width: 2.1em;
  padding: 0.6em 0;
  text-decoration: none;
  text-align: center;
  color: #007eff;
  border-radius: 0.3em;
}

.the-datepicker__main a.the-datepicker__button:hover {
  background-color: #d1e8ff;
  text-decoration: none;
}

.the-datepicker__main a.the-datepicker__day-button {
  width: auto;
}

.the-datepicker__container .the-datepicker__main a.the-datepicker__day-button {
  width: 2.1em;
}

.the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main a.the-datepicker__day-button {
  width: auto;
}

@media (min-width: 37.5em) {
  .the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main a.the-datepicker__day-button {
    width: 2.1em;
  }
}
.the-datepicker__main a.the-datepicker__year-button {
  width: auto;
}

.the-datepicker__main a.the-datepicker__year-cell-button {
  width: auto;
}

.the-datepicker__container .the-datepicker__main a.the-datepicker__year-cell-button {
  width: 3.825em;
}

.the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main a.the-datepicker__year-cell-button {
  width: auto;
}

@media (min-width: 37.5em) {
  .the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main a.the-datepicker__year-cell-button {
    width: 3.825em;
  }
}
.the-datepicker__main .the-datepicker__title {
  display: inline-block;
  width: 70%;
}

.the-datepicker__main .the-datepicker__title-content {
  display: inline-block;
  padding: 0.5em;
}

.the-datepicker__main .the-datepicker__control {
  display: inline-block;
  width: 30%;
  text-align: right;
}

.the-datepicker__main .the-datepicker__reset,
.the-datepicker__main .the-datepicker__close {
  display: inline-block;
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__navigation {
  margin-top: 0.3em;
}

.the-datepicker__main .the-datepicker__go {
  display: inline-block;
  width: 15%;
}

.the-datepicker__main .the-datepicker__go a.the-datepicker__button {
  display: inline-block;
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__go-next {
  text-align: right;
}

.the-datepicker__main .the-datepicker__state {
  display: inline-block;
  width: 70%;
}

.the-datepicker__main .the-datepicker__month {
  display: inline-block;
  width: 62%;
  text-align: center;
}

.the-datepicker__main .the-datepicker__year {
  display: inline-block;
  width: 38%;
  text-align: center;
}

.the-datepicker__main .the-datepicker__month-year {
  text-align: center;
}

.the-datepicker__main select.the-datepicker__select {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}

.the-datepicker__main table.the-datepicker__table {
  width: 100%;
  border-collapse: collapse;
}

.the-datepicker__container .the-datepicker__main table.the-datepicker__table {
  width: auto;
}

.the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main table.the-datepicker__table {
  width: 100%;
}

@media (min-width: 37.5em) {
  .the-datepicker__container.the-datepicker__container--responsive .the-datepicker__main table.the-datepicker__table {
    width: auto;
  }
}
.the-datepicker__main td.the-datepicker__cell {
  padding: 0;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button {
  padding: 0.1em;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__button-content {
  display: block;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__button-content.the-datepicker__day-content {
  padding: 0.6em 0;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__button-content.the-datepicker__year-cell-content {
  padding: 0.755em 0;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button .the-datepicker__button-content {
  text-align: center;
  border-radius: 0.3em;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button:hover {
  background-color: transparent;
}

.the-datepicker__main td.the-datepicker__cell a.the-datepicker__button:hover .the-datepicker__button-content {
  background-color: #d1e8ff;
}

.the-datepicker__main td.the-datepicker__cell--highlighted a.the-datepicker__button .the-datepicker__button-content {
  background-color: #d1e8ff;
}

.the-datepicker__main td.the-datepicker__day--outside a.the-datepicker__button {
  color: #8ac4ff;
}

.the-datepicker__main td.the-datepicker__cell--unavailable a.the-datepicker__button {
  color: #aaa;
}

.the-datepicker__main td.the-datepicker__cell--unavailable a.the-datepicker__button:hover .the-datepicker__button-content {
  background-color: transparent;
}

.the-datepicker__main td.the-datepicker__cell--selected a.the-datepicker__button,
.the-datepicker__main td.the-datepicker__cell--selected.the-datepicker__cell--highlighted a.the-datepicker__button {
  color: #fff;
}

.the-datepicker__main td.the-datepicker__cell--selected a.the-datepicker__button .the-datepicker__button-content,
.the-datepicker__main td.the-datepicker__cell--selected.the-datepicker__cell--highlighted a.the-datepicker__button .the-datepicker__button-content {
  background-color: #007eff;
}

.the-datepicker__main td.the-datepicker__cell--selected a.the-datepicker__button:hover .the-datepicker__button-content,
.the-datepicker__main td.the-datepicker__cell--selected.the-datepicker__cell--highlighted a.the-datepicker__button:hover .the-datepicker__button-content {
  background-color: #007eff;
}

.the-datepicker__main .the-datepicker__day--weekend,
.the-datepicker__main .the-datepicker__week-day--weekend,
.the-datepicker__main td.the-datepicker__day--today {
  font-weight: bold;
}

.the-datepicker__main .the-datepicker__animated {
  animation-duration: 0.1s;
  animation-fill-mode: both;
}

.the-datepicker__deselect {
  position: absolute;
}

.the-datepicker__deselect .the-datepicker__deselect-button {
  position: relative;
  left: -0.8em;
  text-decoration: none;
  color: #007eff;
  font-weight: bold;
}

.the-datepicker__deselect .the-datepicker__deselect-button:hover {
  text-decoration: none;
}

.the-datepicker__fade-out-left {
  animation-name: the-datepicker-fade-out-left;
}

.the-datepicker__fade-out-right {
  animation-name: the-datepicker-fade-out-right;
}

.the-datepicker__fade-in-left {
  animation-name: the-datepicker-fade-in-left;
}

.the-datepicker__fade-in-right {
  animation-name: the-datepicker-fade-in-right;
}

.the-datepicker__fade-out-up {
  animation-name: the-datepicker-fade-out-up;
}

.the-datepicker__fade-out-down {
  animation-name: the-datepicker-fade-out-down;
}

.the-datepicker__fade-in-up {
  animation-name: the-datepicker-fade-in-up;
}

.the-datepicker__fade-in-down {
  animation-name: the-datepicker-fade-in-down;
}

@-moz-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-left {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes the-datepicker-fade-out-right {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(100%, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-left {
  from {
    transform: translate3d(-100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-right {
  from {
    transform: translate3d(100%, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-up {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-up {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-up {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes the-datepicker-fade-out-up {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@-moz-keyframes the-datepicker-fade-out-down {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-out-down {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@-o-keyframes the-datepicker-fade-out-down {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes the-datepicker-fade-out-down {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, 100%, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-up {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-up {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-up {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-up {
  from {
    transform: translate3d(0, -100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes the-datepicker-fade-in-down {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes the-datepicker-fade-in-down {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@-o-keyframes the-datepicker-fade-in-down {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes the-datepicker-fade-in-down {
  from {
    transform: translate3d(0, 100%, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.the-datepicker__main {
  top: 52px !important;
  width: 275px !important;
  border-radius: 4px !important;
}
.the-datepicker__main .the-datepicker__go-next,
.the-datepicker__main .the-datepicker__go-previous {
  display: none !important;
}
.the-datepicker__main .the-datepicker__button {
  color: #202223 !important;
  width: 36px !important;
  height: 30px !important;
}
.the-datepicker__main .the-datepicker__button:hover span,
.the-datepicker__main .the-datepicker__button:focus span {
  background-color: #007A7A !important;
  color: #FFFFFF;
}
.the-datepicker__main .the-datepicker__state {
  display: block !important;
  width: 100% !important;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__month,
.the-datepicker__main .the-datepicker__state .the-datepicker__year {
  display: inline-block !important;
  width: 50% !important;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__month .the-datepicker__select {
  border: none;
  width: 100%;
  max-width: 103px;
  text-align: center;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px 16px;
  border-radius: 0;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__month .the-datepicker__select option, .the-datepicker__main .the-datepicker__state .the-datepicker__month .the-datepicker__select li {
  width: 86px;
  margin-bottom: 8px;
  text-align: left;
  padding: 5px;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__month .the-datepicker__select p, .the-datepicker__main .the-datepicker__state .the-datepicker__month .the-datepicker__select li {
  display: none;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__year {
  height: 32px !important;
  position: relative;
  width: 50% !important;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__year .the-datepicker__year-button {
  position: relative;
  top: 9%;
  width: auto !important;
  height: auto !important;
  padding: 0;
  color: #202223;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 16px !important;
}
.the-datepicker__main .the-datepicker__state .the-datepicker__year .the-datepicker__year-button:hover, .the-datepicker__main .the-datepicker__state .the-datepicker__year .the-datepicker__year-button:focus {
  background-color: #FFFFFF !important;
}
.the-datepicker__main .the-datepicker__top {
  position: absolute;
  top: 0;
  right: 0;
  display: none !important;
}
.the-datepicker__main .the-datepicker__day--outside a span {
  opacity: 0.6;
}
.the-datepicker__main .the-datepicker__row {
  background-color: #FFFFFF !important;
}
.the-datepicker__main .the-datepicker__calendar-header .the-datepicker__week-day {
  background-color: #FFFFFF;
  color: #202223;
  text-transform: none;
  font-weight: 600;
}
.the-datepicker__main .the-datepicker__year-cell-content {
  background-color: #FFFFFF !important;
}
.the-datepicker__main .the-datepicker__year-cell-button {
  margin: auto;
}
.the-datepicker__main .the-datepicker__day--selected a span {
  color: #fff !important;
  background-color: #007A7A !important;
}

.the-datepicker__deselect {
  display: none !important;
}

.pika-table th {
  color: #202223;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  text-transform: capitalize;
  background-color: #FFFFFF;
}
.pika-table abbr {
  text-decoration: none;
}
.pika-table tr {
  background-color: #FFFFFF !important;
  color: #202223;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
}
.pika-table .pika-button {
  background: none;
  margin: 0;
  width: 100%;
  text-align: center;
}
.pika-table .pika-button:hover, .pika-table .pika-button:focus {
  color: #007A7A !important;
}
.pika-table td {
  height: 27px;
}
.pika-table .is-today button {
  color: #007A7A !important;
}
.pika-table .is-selected {
  background-color: #007A7A;
  border-radius: 2px;
}
.pika-table .is-selected button {
  color: #FFFFFF !important;
  box-shadow: none;
}
.pika-table .is-selected button:hover, .pika-table .is-selected button:focus {
  color: #FFFFFF !important;
}

.pika-label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  width: 41%;
  background-image: url("/img/Assets/chevronDownIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-size: 9.5px 5.5px;
  background-position: 100% 50%;
  line-height: 30px;
}

.pika-label:first-of-type {
  position: relative;
  top: -1px;
}

.pika-title select {
  width: 100%;
}

.pika-prev, .pika-next {
  display: none;
}

.pika-lender {
  width: 250px;
}

.pika-single {
  box-shadow: 0px 2px 1px 0px #0000000D;
  border: none;
  border-radius: 2px;
  margin-left: 0px;
  padding: 10px;
}

.copyTooltip {
  background-color: #202223;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 4px 8px;
  z-index: 100;
  width: 120px;
  position: absolute;
  top: -18px;
  display: block;
  transform: translate(-50%, -50%);
  left: 50%;
}

.copyTooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #202223 transparent transparent transparent;
}

td {
  position: relative;
}

.qTooltip {
  position: absolute;
  right: 0;
  cursor: default;
  width: 10px;
  text-align: end;
}
.qTooltip:hover {
  color: #0A6D6D;
}
.qTooltip:active {
  color: #005C5C;
}

.tooltipTextbox {
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border-radius: 2px;
  background-color: #FFFFFF;
  color: #6D7175;
  padding: 12px;
  position: absolute;
  left: 103%;
  width: 242px;
}

.c-head-filters {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 6px;
}

.radioTag {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border: 1px solid #007A7A;
  border-radius: 2px;
  padding: 2px 8px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007A7A;
  cursor: pointer;
}
.radioTag.active-tag {
  background-color: #007A7A;
  color: #FFFFFF;
}

.filterBox, .btnContainer .popoutFilterBox, .saveFilterBox, .popoutFilterBox {
  position: absolute;
  display: none;
  left: 8px;
  top: 36px;
  width: 280px;
  padding: 16px;
  background: #FFFFFF;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  z-index: 100;
}
.filterBox .filterList, .saveFilterBox .filterList, .popoutFilterBox .filterList {
  padding-left: 0;
  margin-top: 16px;
}
.filterBox .filterList li, .saveFilterBox .filterList li, .popoutFilterBox .filterList li {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  text-decoration: none;
  list-style: none;
  margin-bottom: 16px;
  cursor: pointer;
}
.filterBox .filterList li:hover, .saveFilterBox .filterList li:hover, .popoutFilterBox .filterList li:hover {
  color: #0A6D6D;
}
.filterBox .filterList li:active, .saveFilterBox .filterList li:active, .popoutFilterBox .filterList li:active {
  color: #005C5C;
}
.filterBox .filterList li:last-of-type, .saveFilterBox .filterList li:last-of-type, .popoutFilterBox .filterList li:last-of-type {
  margin-bottom: 0;
}

.popoutFilterBox {
  left: 288px;
  top: 36px;
  width: 380px;
}
.popoutFilterBox input {
  width: 120px;
}

.saveFilterBox {
  right: 0px;
  left: auto;
  top: 36px;
  width: 280px;
}

.filterContainer {
  position: relative;
}

.filterGroup {
  padding: 2px 8px;
  background: #EEF4F8;
  white-space: nowrap;
  border-radius: 2px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
}
.filterGroup:hover {
  background: #DFEEF8;
}

.filterTag {
  background: #EEF4F8;
  white-space: nowrap;
  border-radius: 2px;
  height: 20px;
  align-items: center;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: default;
  display: inline-flex;
}
.filterTag span {
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
}
.filterTag img {
  background: #DFEEF8;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}
.filterTag:last-of-type {
  margin-right: 24px;
}
.filterTag:last-of-type:hover {
  margin-right: 0;
}

.cardFilterContainer .filterTag:last-of-type {
  margin-right: 0px;
}
.cardFilterContainer .filterTag:last-of-type:hover {
  margin-right: 0;
}

.saveButtonsContainer {
  min-width: 240px;
  justify-content: end;
}

.searchFilterContainer {
  min-width: 340px;
}

.filterTagsContainer {
  flex-wrap: wrap;
  overflow: hidden;
}

.filterTagsContainer.tooManyFilters {
  position: absolute;
  top: 48px;
}

.filterSpillover {
  border-top: 1px solid #E1E3E5;
  padding-top: 16px;
  margin-top: 8px;
  display: none;
}

.cardFilterContainer {
  height: 32px;
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.btnContainer .filterSpillover {
  margin-top: 0px;
}
.btnContainer .filterBox, .btnContainer .popoutFilterBox, .btnContainer .saveFilterBox {
  position: absolute;
  right: 24px;
  left: auto;
  top: 56px;
  width: 240px;
}
.btnContainer .popoutFilterBox {
  left: auto;
  right: 268px;
  top: 56px;
  width: 360px;
}
.btnContainer .popoutFilterBox input {
  width: 120px;
}

.savedFilterGroup {
  background: #EEF4F8;
  white-space: nowrap;
  border-radius: 2px;
  height: 20px;
  align-items: center;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: default;
  display: inline-flex;
}
.savedFilterGroup:hover {
  background: #DFEEF8;
}
.savedFilterGroup:active {
  background: #C3DBEB;
}
.savedFilterGroup span {
  display: inline-flex;
  padding: 2px 8px;
  align-items: center;
}
.savedFilterGroup.delete.selected {
  background: #FD5749;
  color: white;
}
.savedFilterGroup.delete.selected .deleteContainer {
  background: #D72C0D;
  cursor: pointer;
}
.savedFilterGroup.delete.selected .deleteContainer svg path {
  fill: white;
}
.savedFilterGroup:hover {
  cursor: pointer;
}
.savedFilterGroup .deleteBtn {
  display: none;
}
.savedFilterGroup .deleteContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
  background: #DFEEF8;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  cursor: pointer;
}

.c-foot .deleteConfirmBtn {
  display: none;
  position: absolute;
  bottom: 24px;
}
.c-foot .deleteConfirmBtn button {
  margin-top: 0;
}
.c-foot .deleteConfirmBtn .btnContainer {
  margin-top: 16px;
}

.savedFiltersContainer.delete {
  padding-bottom: 72px;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

.pika-single:after {
  clear: both;
}

.pika-single.is-hidden {
  display: none;
}

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

.pika-title {
  position: relative;
  text-align: center;
}

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  opacity: 0;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
}

.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-select {
  display: inline-block;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0;
}

.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
  height: initial;
}

.pika-week {
  font-size: 11px;
  color: #999;
}

.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

.has-event .pika-button {
  background: #005da9;
  box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
  background: #D5E9F7;
}

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}

.is-outside-current-month .pika-button {
  color: #999;
  opacity: 0.3;
}

.is-selection-disabled {
  pointer-events: none;
  cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-table th {
  color: #202223;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
  text-transform: capitalize;
  background-color: #FFFFFF;
}
.pika-table abbr {
  text-decoration: none;
}
.pika-table tr {
  background-color: #FFFFFF !important;
  color: #202223;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 24px;
}
.pika-table .pika-button {
  background: none;
  margin: 0;
  width: 100%;
  text-align: center;
}
.pika-table .pika-button:hover, .pika-table .pika-button:focus {
  color: #007A7A !important;
}
.pika-table td {
  height: 27px;
}
.pika-table .is-today button {
  color: #007A7A !important;
}
.pika-table .is-selected {
  background-color: #007A7A;
  border-radius: 2px;
}
.pika-table .is-selected button {
  color: #FFFFFF !important;
  box-shadow: none;
}
.pika-table .is-selected button:hover, .pika-table .is-selected button:focus {
  color: #FFFFFF !important;
}

.pika-label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  width: 41%;
  background-image: url("/img/Assets/chevronDownIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-size: 9.5px 5.5px;
  background-position: 100% 50%;
  line-height: 30px;
}

.pika-label:first-of-type {
  position: relative;
  top: -1px;
}

.pika-title select {
  width: 100%;
}

.pika-prev, .pika-next {
  display: none;
}

.pika-lender {
  width: 250px;
}

.pika-single {
  box-shadow: 0px 2px 1px 0px #0000000D;
  border: none;
  border-radius: 2px;
  margin-left: 0px;
  padding: 10px;
}

.xdsoft_autocomplete {
  display: inline;
  position: relative;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  text-align: start;
}

.xdsoft_autocomplete .xdsoft_input {
  position: relative;
  z-index: 2;
  font-size: 12px !important;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
  position: absolute;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  cursor: default;
  display: none;
  z-index: 1001;
  margin-top: -1px;
  background-color: #fff;
  min-width: 100%;
  overflow: auto;
  border-radius: 2px;
  padding: 4px 0px 12px 0px;
  box-shadow: 0px 2px 1px 0px #0000000d;
  top: 33px !important;
  z-index: 9999;
}
.xdsoft_autocomplete .xdsoft_autocomplete_dropdown div {
  display: block !important;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  font-size: 12px !important;
}

.xdsoft_autocomplete .xdsoft_autocomplete_hint {
  position: absolute;
  z-index: 1;
  color: #ccc !important;
  -webkit-text-fill-color: #ccc !important;
  overflow: hidden !important;
  white-space: pre !important;
}

.xdsoft_autocomplete .xdsoft_autocomplete_hint span {
  color: transparent;
  opacity: 0;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright {
  color: #ddd;
  font-size: 10px;
  text-decoration: none;
  right: 5px;
  position: absolute;
  margin-top: -15px;
  z-index: 1002;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
  background: #fff;
  white-space: nowrap;
  cursor: pointer;
  line-height: 1.5em;
  padding: 2px 0px 2px 0px;
}

.xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
  background-color: #EDF4FE;
}

.width-89 {
  width: 89.8%;
}
.width-89.inline-block {
  display: block !important;
  flex: none !important;
  flex-direction: none;
}

.xdsoft_input::after {
  content: "";
  background-color: red;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: #FFFFFF;
  border: 0px solid #E1E3E5;
  border-radius: 2px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #FFFFFF;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  border-radius: 2px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #202223;
  line-height: 32px;
  text-wrap: nowrap;
  text-overflow:ellipsis;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #6D7175;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  left: 50%;
  margin-left: -16px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  height: 10px;
  width: 16px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 16px;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  /*  background-color: #eee;*/
  background-color: #FAFBFB;
  border-color: #E1E3E5;
  color: #8C9196;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  color: #8C9196;
  line-height: 32px;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  left: 50%;
  margin-left: -16px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  height: 10px;
  width: 16px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 16px;
}

.select2-container--default .select2-selection--multiple {
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #6D7175;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #007A7A;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  /*  background-color: #eee;*/
  background-color: #FAFBFB;
  border-color: #E1E3E5;
  color: #8C9196;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #8C9196;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #8C9196;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F6F6F7;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #EDF4FE;
  color: #202223;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #F0F0F0;
  border: 1px solid #8C9196;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #FFFFFF 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$surface-defaultFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #007A7A;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #575959;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #8C9196;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #FAFBFB;
  border: none;
  border-left: 1px solid #8C9196;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  left: 50%;
  margin-left: -16px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  height: 10px;
  width: 16px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 16px;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #8C9196;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #007A7A;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  left: 50%;
  margin-left: -16px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  height: 10px;
  width: 16px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  transform: rotate(180deg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 16px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$surface-defaultFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #FFFFFF 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #FFFFFF 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #FFFFFF 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="$surface-defaultFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: #FFFFFF;
  border: 1px solid #8C9196;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #DFEEF8;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #FAFBFB;
  border: 1px solid #8C9196;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #202223;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #202223;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #007A7A;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #E1E3E5;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
}

.select2-container--classic .select2-dropdown {
  background-color: #FFFFFF;
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: #6D7175;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #007A7A;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #007A7A;
}

.double-input .select2-container--default .select2-selection--single {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-left: 0px;
}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}

.gu-hide {
  display: none !important;
}

.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.submission-slide-outer {
  height: 300px;
  width: 100%;
  position: relative;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../ajax-loader.gif?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/slick.eot");
  src: url("../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick.woff?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") format("woff"), url("../../fonts/slick.ttf?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") format("truetype"), url("../../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

.context-menu {
  position: absolute;
  z-index: 10000;
  width: 150px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border: 2px;
  display: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
.context-menu ul {
  padding: 10px;
  padding-left: 12px;
  margin-bottom: 6px;
}
.context-menu li {
  list-style-type: none;
  text-indent: 0;
  cursor: pointer;
  cursor: pointer;
  padding-bottom: 20px;
}
.context-menu li:hover {
  color: #0A6D6D;
}
.context-menu li:active {
  color: #005C5C;
}
.context-menu li:last-child {
  padding-bottom: 0;
}
.context-menu.visible {
  display: block;
}

body .iv-activity--action--dropdown, body.dx-viewport .iv-activity--action--dropdown, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown {
  position: absolute;
  width: 202px;
  right: 20px;
  top: 57px;
  display: none;
  min-width: 100px;
  z-index: 99999;
}
body .iv-activity--action--dropdown.accountDropDown, body.dx-viewport .iv-activity--action--dropdown.accountDropDown, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown.accountDropDown {
  position: absolute;
  width: 111px;
  left: 11px;
  top: 132px;
  padding: 12px;
}
body .iv-activity--action--dropdown p, body .iv-carrier--action--dropdown p, body.dx-viewport .iv-activity--action--dropdown p, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
}
body .iv-activity--action--dropdown p:hover, body .iv-activity--action--dropdown p:focus, body.dx-viewport .iv-activity--action--dropdown p:hover, body.dx-viewport .iv-activity--action--dropdown p:focus, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown p:hover, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown p:focus {
  color: #007A7A;
}
body .iv-activity--action--dropdown p:last-of-type, body.dx-viewport .iv-activity--action--dropdown p:last-of-type, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown p:last-of-type {
  margin-bottom: 0;
}
body .iv-activity--action--dropdown.show , body .iv-carrier--action--dropdown.show, body.dx-viewport .iv-activity--action--dropdown.show, body.dx-viewport.dx-theme-material-typography .iv-activity--action--dropdown.show {
  display: block;
}
body .action-item, body.dx-viewport .action-item, body.dx-viewport.dx-theme-material-typography .action-item {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
}
body .action-item:hover,
body .action-item:focus, body.dx-viewport .action-item:hover,
body.dx-viewport .action-item:focus, body.dx-viewport.dx-theme-material-typography .action-item:hover,
body.dx-viewport.dx-theme-material-typography .action-item:focus {
  color: #007A7A;
}
body .dropdownContainer, body.dx-viewport .dropdownContainer, body.dx-viewport.dx-theme-material-typography .dropdownContainer {
  width: 140px;
}
body .action-menu-pop, body.dx-viewport .action-menu-pop, body.dx-viewport.dx-theme-material-typography .action-menu-pop {
  position: absolute;
  right: 0;
  min-width: 160px;
  padding: 12px;
  background: #fff;
  z-index: 1000;
  display: none;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
}
body .action-dropdown, body.dx-viewport .action-dropdown, body.dx-viewport.dx-theme-material-typography .action-dropdown {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 12px;
  position: absolute;
  width: auto;
  right: 20px;
  top: 57px;
  display: none;
  min-width: 100px;
  z-index: 99999;
}
body .action-dropdown.invSub, body.dx-viewport .action-dropdown.invSub, body.dx-viewport.dx-theme-material-typography .action-dropdown.invSub {
  right: 16px;
  top: 35px;
}
body .action-dropdown a, body.dx-viewport .action-dropdown a, body.dx-viewport.dx-theme-material-typography .action-dropdown a {
  display: block;
  text-decoration: none;
}
body .action-dropdown p, body .action-dropdown a, body.dx-viewport .action-dropdown p, body.dx-viewport .action-dropdown a, body.dx-viewport.dx-theme-material-typography .action-dropdown p, body.dx-viewport.dx-theme-material-typography .action-dropdown a {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
}
body .action-dropdown p:hover, body .action-dropdown p:focus, body .action-dropdown a:hover, body .action-dropdown a:focus, body.dx-viewport .action-dropdown p:hover, body.dx-viewport .action-dropdown p:focus, body.dx-viewport .action-dropdown a:hover, body.dx-viewport .action-dropdown a:focus, body.dx-viewport.dx-theme-material-typography .action-dropdown p:hover, body.dx-viewport.dx-theme-material-typography .action-dropdown p:focus, body.dx-viewport.dx-theme-material-typography .action-dropdown a:hover, body.dx-viewport.dx-theme-material-typography .action-dropdown a:focus {
  color: #007A7A;
}
body .action-dropdown p:last-of-type, body .action-dropdown a:last-of-type, body.dx-viewport .action-dropdown p:last-of-type, body.dx-viewport .action-dropdown a:last-of-type, body.dx-viewport.dx-theme-material-typography .action-dropdown p:last-of-type, body.dx-viewport.dx-theme-material-typography .action-dropdown a:last-of-type {
  margin-bottom: 0;
}
body .action-dropdown.show, body.dx-viewport .action-dropdown.show, body.dx-viewport.dx-theme-material-typography .action-dropdown.show {
  display: block;
}
body .action-dropdown#clientAcc-dropdown, body.dx-viewport .action-dropdown#clientAcc-dropdown, body.dx-viewport.dx-theme-material-typography .action-dropdown#clientAcc-dropdown {
  right: 24px;
  top: 57px;
}
body .container--remove-doc, body.dx-viewport .container--remove-doc, body.dx-viewport.dx-theme-material-typography .container--remove-doc {
  width: 100%;
  position: relative;
}
body .action-dropdown--remove-doc, body.dx-viewport .action-dropdown--remove-doc, body.dx-viewport.dx-theme-material-typography .action-dropdown--remove-doc {
  position: absolute;
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 0;
  position: relative;
  width: 310px !important;
  padding: 16px;
  gap: 24px;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -80%);
  z-index: 10;
}
body .action-dropdown.panel, body.dx-viewport .action-dropdown.panel, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 12px;
  position: absolute;
  width: auto;
  right: 40px;
  top: 68px;
  display: none;
  min-width: 100px;
  z-index: 99999;
}
body .action-dropdown.panel p, body.dx-viewport .action-dropdown.panel p, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
}
body .action-dropdown.panel p:hover, body .action-dropdown.panel p:focus, body.dx-viewport .action-dropdown.panel p:hover, body.dx-viewport .action-dropdown.panel p:focus, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel p:hover, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel p:focus {
  color: #007A7A;
}
body .action-dropdown.panel p:last-of-type, body.dx-viewport .action-dropdown.panel p:last-of-type, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel p:last-of-type {
  margin-bottom: 0;
}
body .action-dropdown.panel.show, body.dx-viewport .action-dropdown.panel.show, body.dx-viewport.dx-theme-material-typography .action-dropdown.panel.show {
  display: block;
}
body .action-dropdown.twoBtn, body.dx-viewport .action-dropdown.twoBtn, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
  padding: 12px;
  position: absolute;
  width: auto;
  right: 91px;
  top: 57px;
  display: none;
  min-width: 100px;
  z-index: 99999;
}
body .action-dropdown.twoBtn.invSub, body.dx-viewport .action-dropdown.twoBtn.invSub, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn.invSub {
  right: 16px;
  top: 35px;
}
body .action-dropdown.twoBtn a, body.dx-viewport .action-dropdown.twoBtn a, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn a {
  text-decoration: none;
}
body .action-dropdown.twoBtn p, body.dx-viewport .action-dropdown.twoBtn p, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 8px;
}
body .action-dropdown.twoBtn p:hover, body .action-dropdown.twoBtn p:focus, body.dx-viewport .action-dropdown.twoBtn p:hover, body.dx-viewport .action-dropdown.twoBtn p:focus, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn p:hover, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn p:focus {
  color: #007A7A;
}
body .action-dropdown.twoBtn p:last-of-type, body.dx-viewport .action-dropdown.twoBtn p:last-of-type, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn p:last-of-type {
  margin-bottom: 0;
}
body .action-dropdown.twoBtn.show, body.dx-viewport .action-dropdown.twoBtn.show, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn.show {
  display: block;
}
body .action-dropdown.twoBtn#clientAcc-dropdown, body.dx-viewport .action-dropdown.twoBtn#clientAcc-dropdown, body.dx-viewport.dx-theme-material-typography .action-dropdown.twoBtn#clientAcc-dropdown {
  right: 24px;
  top: 57px;
}

.panelDocsGrid {
  display: grid !important;
  min-height: 200px;
  grid-template-columns: repeat(4, 1fr);
}
.panelDocsGrid.col2 {
  grid-template-columns: repeat(2, 1fr);
}

.radioButtonBox {
  display: flex;
  flex-direction: column;
  min-height: 92px;
  width: 198px;
  border-radius: 5px;
  border: 1px solid #e1e3e5;
  background-color: #FFFFFF;
  padding: 20px;
  padding-top: 16px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.radioButtonBox .caption-flex {
  font-size: 11.8px;
}
.radioButtonBox .checkboxTopMargin {
  margin-top: 25px;
}
.radioButtonBox input.right {
  width: 250px;
}

.or {
  margin: 0 15px;
  align-self: center;
}

.progress-container {
  max-width: 97%;
  margin-top: 12px;
  position: absolute;
  left: 50%;
  top: 28px;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.progress-bar-max {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background-color: #dadbdd;
  border-radius: 50%;
  z-index: 8;
}

.progress-percent {
  position: absolute;
  top: 50%;
  height: 3px;
  background-color: #95c9b4;
  z-index: 9;
  width: 0;
}
.progress-percent.step-2 {
  width: 88px;
}
.progress-percent.step-3 {
  width: 176px;
}
.progress-percent.step-4 {
  width: 264px;
}
.progress-percent.step-5 {
  width: 352px;
}
.progress-percent.step-6 {
  width: 440px;
}
.progress-percent.step-7 {
  width: 528px;
}
.progress-percent.step-8 {
  width: 616px;
}
.progress-percent.step-9 {
  width: 704px;
}
.progress-percent.step-10 {
  width: 792px;
}

.progress-steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 64px;
}

.step {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #dadbdd;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.complete {
  background-color: #95c9b4;
}

.current-step {
  background-color: #007a7a;
}

#complete {
  background-color: #95c9b4;
}

#current-step {
  background-color: #007a7a;
}

.stage-container {
  width: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

.stage-bar-max {
  position: absolute;
  top: 50%;
  width: 100%;
  height: 3px;
  background-color: #dadbdd;
  border-radius: 50%;
  z-index: 8;
}

.stage-progress-steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
  margin-top: 32px;
}

.stage-step {
  width: auto;
  height: 24px;
  border-radius: 999px;
  background-color: #dadbdd;
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  padding-left: 12px;
  padding-right: 12px;
}

.stage-1-5 {
  width: 0% !important;
}

.stage-2-5 {
  width: 25% !important;
}

.stage-3-5 {
  width: 50% !important;
}

.stage-4-5 {
  width: 75% !important;
}

.stage-5-5 {
  width: 100% !important;
}

.demo-container:not(.file-manager) .treeviewNav {
  margin: 20px 24px 20px 0px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview {
  border-top: 0px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-row {
  border-top: 0px;
  border-bottom: 0px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-treelist-collapsed span::before {
  content: url(/img/Assets/treeview/+.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  position: absolute;
  display: block;
  top: 40%;
  left: 0px;
  z-index: 100;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-treelist-expanded span::before {
  content: url(/img/Assets/treeview/-.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  position: absolute;
  display: block;
  top: 40%;
  left: 0;
  z-index: 100;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-expanded:hover span::before {
  content: url(/img/Assets/treeview/-hover.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-expanded:active span::before {
  content: url(/img/Assets/treeview/-pressed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-collapsed:hover span::before {
  content: url(/img/Assets/treeview/+hover.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-collapsed:active span::before {
  content: url(/img/Assets/treeview/+pressed.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-treelist-empty-space {
  position: relative;
  top: -2px;
  display: inline-block;
  font: 14px/1 DXIcons;
  width: 14px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-treelist-empty-space {
  margin-right: 10px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line {
  width: 14px;
  height: 14px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line span {
  font-size: 14px;
  line-height: 14px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line span:before {
  width: 14px;
  margin-top: -4px;
  margin-left: -6px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line-middle:before {
  background-position-y: -9px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line-last:before {
  bottom: 4px;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-rowsview .dx-line:first-of-type:before {
  background-image: none;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-text-content:hover {
  color: #007A7A;
  cursor: pointer;
}
.demo-container:not(.file-manager) .treeviewNav .dx-treelist-text-content:active {
  color: #005C5C;
  cursor: pointer;
}
.demo-container:not(.file-manager) nav.treeviewNav ul {
  padding: 12px 0;
  padding-left: 32px;
  padding-bottom: 0;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 20px;
  bottom: -20px;
  left: -32px;
  border-left: 2px solid #BABFC4;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview ul:last-child:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 20px;
  bottom: 32px;
  left: -32px;
  border-left: 2px solid #BABFC4;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li:after {
  content: "";
  display: block;
  width: 32px;
  border-top: 2px solid #BABFC4;
  position: absolute;
  top: 20px;
  margin-bottom: -20px;
  left: -64px;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li.root:after {
  display: block;
  border-top: 0px solid #BABFC4;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview a:nth-child(odd) {
  background-color: #FFFFFF;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview a:nth-child(even) {
  background-color: #FAFBFB;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li {
  margin: 0;
  padding: 12px 0;
  position: relative;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li .expand {
  display: block;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li .collapse {
  display: none;
}
.demo-container:not(.file-manager) nav.treeviewNav ul.treeview li a {
  text-decoration: none;
  margin-left: -16px;
}
.demo-container:not(.file-manager) nav.treeviewNav .indicator.bi-folder-plus {
  position: absolute;
  content: url(/img/Assets/treeview/+.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  left: -39px;
  z-index: 1000;
}
.demo-container:not(.file-manager) nav.treeviewNav .indicator.bi-folder-minus {
  position: absolute;
  content: url(/img/Assets/treeview/-.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  left: -39px;
  z-index: 1000;
}

/* Placeholder
   ============================================== */
/* Chrome/Opera/Safari */
::-webkit-input-placeholder {
  color: #6D7175;
}

/* Firefox 19+ */
::-moz-placeholder {
  color: #6D7175;
}

/* Firefox 18- */
:-moz-placeholder {
  color: #6D7175;
}

.mf-auth-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.mf-auth-container .form-mfa {
  text-align: center;
  padding: 4px 0;
  font-weight: 600;
  font-style: normal;
  font-size: 28px;
  line-height: 32px;
  color: #202223;
  text-decoration: none;
  width: 50px;
  border: 1px solid #8C9196;
  border-radius: 2px;
  color: #202223;
}

.input-group-success {
  background-color: #AEE9D1;
}

.input-group-error {
  background-color: #FED3D1;
}

#easterEggContainer {
  position: fixed;
  width: 100vw;
  height: auto;
  display: none;
}

.custom-tab-bottom-border {
  border-bottom: 1px solid #8C9196;
}
.custom-tab-bottom-border .nav-link {
  background: none;
  border: none;
  border-radius: 0;
  display: inline-block;
  padding: 24px 0;
  color: #6D7175;
}
.custom-tab-bottom-border .nav-link:hover {
  background: none;
  border-color: transparent;
  border-bottom: 4px solid #007A7A;
  color: #202223;
}
.custom-tab-bottom-border .nav-link.active {
  background: none;
  border-bottom: 4px solid #007A7A;
  color: #202223;
  font-weight: 600;
}
.custom-tab-bottom-border .nav-item:not(:last-child) {
  margin-right: 64px;
}

.custom-border-tabs .nav-link {
  background: none;
  border: none;
  border-radius: 0;
  color: #6D7175;
  display: inline-block;
  padding: 24px 0;
}
.custom-border-tabs .nav-link.active {
  border-bottom: 4px solid #007A7A;
  color: #202223;
}
.custom-border-tabs .nav-link:hover {
  background: none;
  border-color: transparent;
  border-bottom: 4px solid #007A7A;
  color: #202223;
}

.header {
  background-color: #33414b;
  width: 100%;
  height: 56px;
  padding: 0 18px 0 20px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  min-width: 1440px;
  position: fixed;
  overflow: visible;
  z-index: 99;
}

.headerSearch {
  text-indent: 14px;
  padding: 6px 12px;
  width: 368px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #8C9196;
  box-sizing: border-box;
  border-radius: 2px;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
  background-image: url("/img/Search.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-position: 2% 50%;
  margin-left: 36px;
}

#header .logo {
  flex-basis: max-content;
}

#header .logo3 {
  margin-left: 18px;
  margin-right: 46px;
  flex-basis: max-content;
}

#header .logo2 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 24px;
  width: auto;
  flex-basis: max-content;
}

.display {
  display: none;
}

.burger {
  margin-left: 24px;
  margin-bottom: 2px;
}
.burger:hover path {
  fill: #028888;
  stroke: #028888;
}

.visibility {
  visibility: hidden;
}

.header.collapsed {
  min-width: 1256px;
}

.header.sidebarClosed {
  min-width: 1203px;
  padding: 0 18px 0 20px;
}

#avatar {
  cursor: pointer;
}

.help-drop-down {
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: #fff;
  rotate: 45deg;
  top: 48px;
  right: 160px;
  z-index: 9999;
}

#sideBar {
  background: #F0F0F0;
  margin-top: 56px;
}
#sideBar svg {
  margin-right: 10px;
}

.footerCopy {
  left: 0;
  background-color: #F6F6F7;
  text-align: center;
  font-weight: 400;
  padding: 10px 0;
  font-size: 12px;
  color: #6D7175;
  margin-top: auto;
  font-family: 'Albert Sans', sans-serif;
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

html::after {
  content: "";
  display: block;
  height: 60px; /* This creates extra space at the bottom of the page */
}

.sideBarContainer {
  background-color: #F0F0F0;
  padding: 12px 0 0 0;
  display: flex;
  flex-direction: column;
  width: auto;
  max-width: auto;
  padding-right: 0;
  position: fixed;
  top: 56;
  left: 0;
  height: 100vh;
  z-index: 99;
}
.sideBarContainer a.sidebarLink {
  gap: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
.sideBarContainer li {
  width: 200px;
  height: 36px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: #202223;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  position: relative;
}
.sideBarContainer li:hover {
  cursor: pointer;
}
.sideBarContainer li:hover .expandedContainer {
  background-color: #DADBDD;
  color: #0A6D6D;
}
.sideBarContainer li:hover img.sideArrow {
  display: block;
}
.sideBarContainer li:hover .HoverState {
  visibility: visible;
}
.sideBarContainer li:hover .row .iconContainer {
  background: #DADBDD;
}
.sideBarContainer li:hover .icon {
  fill: #028888;
}
.sideBarContainer li:active .expandedContainer {
  color: #005C5C;
}
.sideBarContainer li:active .icon {
  fill: #015C5C;
}
.sideBarContainer div.iconContainer {
  width: 53px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 36px;
  background: #F0F0F0;
  border-radius: 4px 0 0 4px;
}
.sideBarContainer .popoutNav a:first-of-type {
  color: #202223;
  background: #F0F0F0;
  border-radius: 2px;
  justify-content: flex-start;
  height: 21px;
  width: 100%;
  padding: 3px 6px;
  white-space: nowrap;
}
.sideBarContainer .icon {
  fill: #787878;
}
.sideBarContainer .expandedContainer {
  width: 126px;
  height: 36px;
  border-radius: 0 4px 4px 0;
  background-color: #F0F0F0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: 6px;
}
.sideBarContainer .expandedContainer .sideArrow {
  margin-right: 10px;
}

.sideBarCollapsed {
  padding: 12px 0 0 0;
  background-color: #F0F0F0;
  width: 64px !important;
  height: 100%;
}

.sideBarExpanded {
  width: 164px;
  background-color: #F0F0F0;
  padding: 12px 0 0 0;
  height: 100%;
}
.sideBarExpanded li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}

.closeSidebar {
  position: fixed;
  bottom: 32px;
  left: 0;
  z-index: 99;
  cursor: pointer;
  width: 200px;
}
.closeSidebar svg {
  margin-left: 166px;
}

.openSidebar {
  position: fixed;
  bottom: 32px;
  left: 0px;
  z-index: 101;
  transform: rotate(180deg);
  cursor: pointer;
  display: none;
  width: 56px;
}
.openSidebar svg {
  margin-left: 18px;
}

.adminHoverState,
.reportsHoverState,
.financeHoverState,
.receivablesHoverState,
.verificationHoverState,
.collateralHoverState,
.vendorsHoverState,
.debtorHoverState,
.accountsHoverState,
.clientsHoverState,
.HoverState {
  visibility: hidden;
  width: 3px;
  height: 36px;
  background: #007A7A;
  border-radius: 0px 4px 4px 0px;
}

.popoutHoverState {
  visibility: hidden;
  width: 3px;
  height: 21px;
  background: #007A7A;
  border-radius: 0px 4px 4px 0px;
}

.popoutNav {
  position: absolute;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  left: 200px;
  top: 0;
  width: auto;
  min-width: 148px;
  background: #F0F0F0;
  z-index: 50;
  display: none;
  border-radius: 2px;
}
.popoutNav.collapsed {
  left: 64px;
}
.popoutNav.collapsed li.collapsedTitle {
  display: block;
  margin-left: 12px;
}
.popoutNav hr {
  margin: 5px;
  opacity: 10%;
}
.popoutNav ul {
  padding: 10px 3px 5px 0;
}
.popoutNav ul li.collapsedTitle {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #202223;
  position: relative;
  margin-bottom: 8px;
  display: none;
}
.popoutNav ul li:not(.collapsedTitle) {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
  gap: 3px;
}
.popoutNav ul li:not(.collapsedTitle) a {
  display: flex;
  text-decoration: none;
}
.popoutNav ul li:not(.collapsedTitle):hover >a {
  color: #0A6D6D;
  background-color: #DADBDD;
}
.popoutNav ul li:not(.collapsedTitle):active >a {
  color: #005C5C;
}

.popoutNav li:hover >.popoutHoverState {
  visibility: visible !important;
}

li.active-tab .expandedContainer {
  color: #0A6D6D;
}
li.active-tab .HoverState {
  visibility: visible;
}
li.active-tab .icon {
  fill: #028888;
}

body {
  background-color: #F6F6F7;
}

main {
  display: flex;
  flex-direction: row;
}

#main {
  margin-top: 56px;
  z-index: 0;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  width: 100%;
  margin-left: 200px;
}

#main.noscroll {
  overflow: hidden;
  height: 100vh;
  padding-top: 56px;
  margin-top: 0;
}

#main.expanded {
  margin-left: 64px;
}

#main.sidebarClosed {
  margin-left: 0px;
}

#main.m-0 {
  margin: 0;
}

#main .sliderCol {
  max-width: calc(100vw - 368px - 260px);
}

#main.expanded .cardContainer {
  max-width: calc(100vw - 64px);
}
#main.expanded .sliderCol {
  max-width: calc(100vw - 368px - 124px);
}

#main.sidebarClosed .cardContainer {
  max-width: 100vw;
}
#main.sidebarClosed .sliderCol {
  max-width: calc(100vw - 368px - 60px);
}

.accountPopover {
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  border-radius: 2px;
  width: 320px;
  height: 420px;
  position: absolute;
  top: 52px;
  right: 18px;
  z-index: 100;
}

.casesPopover {
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  border-radius: 2px;
  width: 220px;
  position: absolute;
  top: 52px;
  right: 105px;
  z-index: 100;
}
.casesPopover ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.casesPopover li {
  text-decoration: none;
  height: 36px;
  gap: 8px;
  align-items: center;
  color: #202223;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  position: relative;
  padding-top: 8px;
  padding-left: 16px;
}
.casesPopover li a {
  text-decoration: none !important;
}
.casesPopover li:hover {
  cursor: pointer;
  color: #0A6D6D;
}
.casesPopover li:hover .row a {
  color: #0A6D6D;
}

.popoverAvatar {
  height: 40px;
  width: auto;
}

.pop-head {
  gap: 14px;
  align-items: center;
  padding: 16px 16px 0 16px;
}

.pop-body .userInfo {
  padding: 16px;
}
.pop-body .accountOption {
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 68px;
}
.pop-body .accountOption img {
  width: 14px;
}
.pop-body .accountOption:hover {
  background-color: #EDF4FE;
  cursor: pointer;
}
.pop-body .showCheckmark .show-on-select {
  display: block;
}
.pop-body .hideCheckmark .show-on-select {
  display: none;
}

.pop-foot {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
  align-items: center;
  gap: 16px;
}

.localTime {
  margin-top: 4px;
}

body .panelScreen,
body.dx-viewport.dx-theme-material-typography .panelScreen {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}
body .helpScreen-lg,
body.dx-viewport.dx-theme-material-typography .helpScreen-lg {
  display: none;
  height: 100%;
  width: calc(100vw - 64px);
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}
body .helpScreen-sm,
body.dx-viewport.dx-theme-material-typography .helpScreen-sm {
  display: none;
  height: 100%;
  width: fit-content;
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}
body .timeoutPromptPanelScreen,
body.dx-viewport.dx-theme-material-typography .timeoutPromptPanelScreen {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  z-index: 2;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}
body .viewLunaPanelScreen,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelScreen {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}
body .timeoutPrompt,
body.dx-viewport.dx-theme-material-typography .timeoutPrompt {
  position: absolute;
  top: 30%;
  left: 200px;
}
body .addEditContainer,
body.dx-viewport.dx-theme-material-typography .addEditContainer {
  width: 680px;
}
body .addEditContainer .p-foot,
body.dx-viewport.dx-theme-material-typography .addEditContainer .p-foot {
  display: flex;
  justify-content: end;
}
body .addEditContainer .p-foot button,
body.dx-viewport.dx-theme-material-typography .addEditContainer .p-foot button {
  margin-top: 24px;
}
body .helpPanel-sm,
body.dx-viewport.dx-theme-material-typography .helpPanel-sm {
  width: 680px;
}
body .helpPanel-sm .p-foot,
body.dx-viewport.dx-theme-material-typography .helpPanel-sm .p-foot {
  display: flex;
  justify-content: end;
}
body .helpPanel-sm .p-foot button,
body.dx-viewport.dx-theme-material-typography .helpPanel-sm .p-foot button {
  margin-top: 24px;
}
body .helpPanel-lg,
body.dx-viewport.dx-theme-material-typography .helpPanel-lg {
  width: 100%;
}
body .helpPanel-lg .p-foot,
body.dx-viewport.dx-theme-material-typography .helpPanel-lg .p-foot {
  display: flex;
  justify-content: end;
}
body .helpPanel-lg .p-foot button,
body.dx-viewport.dx-theme-material-typography .helpPanel-lg .p-foot button {
  margin-top: 24px;
}
body .panelContainer,
body.dx-viewport.dx-theme-material-typography .panelContainer {
  padding: 32px 40px;
  border-radius: 3px 0px 0px 3px;
  background-color: #FFFFFF;
  width: 760px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
body .helpContainer-sm,
body.dx-viewport.dx-theme-material-typography .helpContainer-sm {
  margin-top: 56px;
  border-radius: 3px 0px 0px 3px;
  background-color: #F6F6F7;
  width: 325px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
}
body .helpContainer-lg,
body.dx-viewport.dx-theme-material-typography .helpContainer-lg {
  margin-top: 56px;
  margin-left: 0;
  border-radius: 3px 0px 0px 3px;
  background-color: #F6F6F7;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
body .timeoutPromptPanelContainer,
body.dx-viewport.dx-theme-material-typography .timeoutPromptPanelContainer {
  border-radius: 3px 0px 0px 3px;
  background-color: #F6F6F7;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100vh;
  margin-top: 0;
}
body .viewLunaPanelContainer,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelContainer {
  background-color: #FFFFFF;
  width: 760px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}
body .negativeM,
body.dx-viewport.dx-theme-material-typography .negativeM {
  margin: -32px -40px;
  padding: 32px 40px;
}
body .panelContainer.background-default,
body.dx-viewport.dx-theme-material-typography .panelContainer.background-default {
  background-color: #F6F6F7;
}
body .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
}
body .viewLunaPanelTitle,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelTitle {
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
}
body .viewLunaPanelTitleContainer,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelTitleContainer {
  justify-content: start;
  align-items: center;
  padding: 16px 40px;
  height: 72px;
  gap: 12px;
  background-color: #F2F2FF;
}
body .viewLunaPanelBody p,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelBody p {
  font-size: 14px;
  line-height: 20px;
}
body .viewLunaPanelBody h1,
body.dx-viewport.dx-theme-material-typography .viewLunaPanelBody h1 {
  font-size: 14px;
  line-height: 20px;
}
body .formBreak,
body.dx-viewport.dx-theme-material-typography .formBreak {
  padding-bottom: 32px;
  border-bottom: 1px solid #E1E3E5;
}
body .formBreakTop,
body.dx-viewport.dx-theme-material-typography .formBreakTop {
  padding-top: 18px;
  border-top: 1px solid #E1E3E5;
}
body .formBreakBottom,
body.dx-viewport.dx-theme-material-typography .formBreakBottom {
  padding-bottom: 18px;
  border-bottom: 1px solid #E1E3E5;
}
body .formLine,
body.dx-viewport.dx-theme-material-typography .formLine {
  border-bottom: 1px solid #E1E3E5;
}
body .panelBtnContainer,
body.dx-viewport.dx-theme-material-typography .panelBtnContainer {
  margin-top: 16px;
}
body .panelHeading,
body.dx-viewport.dx-theme-material-typography .panelHeading {
  margin-top: 12px;
  margin-bottom: -4px;
}
body .panelHeadingContainer,
body.dx-viewport.dx-theme-material-typography .panelHeadingContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
body .panelTitleContainer,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer {
  margin-bottom: 32px;
}
body .panelTitleContainer.critical,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.critical {
  background-color: #D72C0D;
}
body .panelTitleContainer.critical .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.critical .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #fff;
}
body .panelTitleContainer.primary,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.primary {
  background-color: #007A7A;
}
body .panelTitleContainer.primary .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.primary .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #fff;
}
body .panelTitleContainer.header-background,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.header-background {
  background-color: #33414b;
}
body .panelTitleContainer.header-background .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.header-background .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #fff;
}
body .panelTitleContainer.white-sm,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.white-sm {
  background-color: #fff;
  padding: 20px 24px;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  width: 325px;
}
body .panelTitleContainer.white-sm .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.white-sm .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #202223;
}
body .panelTitleContainer.white-lg,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.white-lg {
  background-color: #fff;
  padding: 20px 24px;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  width: 100%;
}
body .panelTitleContainer.white-lg .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.white-lg .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #202223;
}
body .panelTitleContainer.success,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.success {
  background-color: #008060;
}
body .panelTitleContainer.success .panelTitle,
body.dx-viewport.dx-theme-material-typography .panelTitleContainer.success .panelTitle {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 28px;
  margin-right: 8px;
  color: #fff;
}
body .starBtn,
body.dx-viewport.dx-theme-material-typography .starBtn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 2px;
  background-position: center;
}
body .starBtnIcon,
body.dx-viewport.dx-theme-material-typography .starBtnIcon {
  height: 14px;
  width: 14px;
  stroke: #787878;
  fill: none;
}
body .statusSelector,
body.dx-viewport.dx-theme-material-typography .statusSelector {
  border: 1px solid #8C9196;
  border-radius: 2px;
  width: 150px;
  height: 32px;
}
body .panelStatus,
body.dx-viewport.dx-theme-material-typography .panelStatus {
  font-weight: 400;
}
body .contentEnd,
body.dx-viewport.dx-theme-material-typography .contentEnd {
  display: flex;
  justify-content: flex-end;
}
body .addEditContainer .formContainer,
body.dx-viewport.dx-theme-material-typography .addEditContainer .formContainer {
  width: 330px;
}
body .panelForm,
body.dx-viewport.dx-theme-material-typography .panelForm {
  min-width: 100px;
}
body .addEditContainer form div:not(.form-check, .flex-1),
body.dx-viewport.dx-theme-material-typography .addEditContainer form div:not(.form-check, .flex-1) {
  flex: none;
}
body .addEditContainer form select,
body .addEditContainer form input,
body .addEditContainer form .form-select,
body.dx-viewport.dx-theme-material-typography .addEditContainer form select,
body.dx-viewport.dx-theme-material-typography .addEditContainer form input,
body.dx-viewport.dx-theme-material-typography .addEditContainer form .form-select {
  min-width: 100px;
  max-width: 100%;
}
body .addEditContainer form .form-check-input,
body.dx-viewport.dx-theme-material-typography .addEditContainer form .form-check-input {
  min-width: auto;
}
body .addEditContainer form input[type=checkbox],
body.dx-viewport.dx-theme-material-typography .addEditContainer form input[type=checkbox] {
  min-width: 0;
}
body .addEditContainer form div.flexRow,
body.dx-viewport.dx-theme-material-typography .addEditContainer form div.flexRow {
  display: flex;
  flex-direction: row;
}
body .addEditContainer form .language,
body.dx-viewport.dx-theme-material-typography .addEditContainer form .language {
  width: 330px;
}
body .addEditContainer .fullWidthInput,
body.dx-viewport.dx-theme-material-typography .addEditContainer .fullWidthInput {
  width: 100%;
}
body .addEditContainer .OwnerShipBottomGap,
body.dx-viewport.dx-theme-material-typography .addEditContainer .OwnerShipBottomGap {
  margin-bottom: 72px;
}
body .addEditContainer .phoneInput1,
body.dx-viewport.dx-theme-material-typography .addEditContainer .phoneInput1 {
  width: 155px;
}

body .addEditContainer .phoneInput2,
body.dx-viewport.dx-theme-material-typography .addEditContainer .phoneInput2 {
  width: 149px;
}

body .addEditContainer .phoneExt,
body.dx-viewport.dx-theme-material-typography .addEditContainer .phoneExt {
  width: 100px;
}

body .addEditContainer .smsBox,
body.dx-viewport.dx-theme-material-typography .addEditContainer .smsBox {
  margin-top: 19px;
  margin-bottom: 4px;
  width: 60px;
  padding-left: 30px;
  padding-right: 5px;
  border-radius: 2px;
  border: 1px solid gray; 
}

body .addEditContainer .checkBoxRow,
body.dx-viewport.dx-theme-material-typography .addEditContainer .checkBoxRow {
  justify-content: space-between;
  margin: 20px 0 -4px 0;
}
body .addEditContainer .lastVerifiedDate,
body.dx-viewport.dx-theme-material-typography .addEditContainer .lastVerifiedDate {
  width: 330px;
}
body .statusContainer,
body.dx-viewport.dx-theme-material-typography .statusContainer {
  height: 32px;
}
body select.form-select.w-200px,
body.dx-viewport.dx-theme-material-typography select.form-select.w-200px {
  min-width: 200px;
  max-width: 200px;
}
body select.form-days.w-200px,
body.dx-viewport.dx-theme-material-typography select.form-days.w-200px {
  min-width: 200px;
  max-width: 100%;
}
body .flexFluid,
body.dx-viewport.dx-theme-material-typography .flexFluid {
  max-width: 100%;
}
body div.caption.mx-8,
body.dx-viewport.dx-theme-material-typography div.caption.mx-8 {
  margin-bottom: 8px;
}
body input.form-check-input.mt-6,
body.dx-viewport.dx-theme-material-typography input.form-check-input.mt-6 {
  margin-top: 8px;
}
body .radioContainer,
body.dx-viewport.dx-theme-material-typography .radioContainer {
  display: flex;
  flex-direction: column;
  height: 159px;
  width: 200px;
  border-radius: 5px;
  border: 1px solid #E1E3E5;
  background-color: #FFFFFF;
  padding: 10px;
}
body .radioContainer .checkboxTopMargin,
body.dx-viewport.dx-theme-material-typography .radioContainer .checkboxTopMargin {
  margin-top: 25px;
}
body .radioContainer input,
body.dx-viewport.dx-theme-material-typography .radioContainer input {
  width: 150px;
}
body .or,
body.dx-viewport.dx-theme-material-typography .or {
  margin: 0 15px;
  align-self: center;
}
body span.wordSpacer,
body.dx-viewport.dx-theme-material-typography span.wordSpacer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
}
body .inputRowWrap,
body.dx-viewport.dx-theme-material-typography .inputRowWrap {
  display: flex;
  flex-direction: row;
  width: 200px;
}
body .inputRowWrap input,
body.dx-viewport.dx-theme-material-typography .inputRowWrap input {
  width: 150px;
}
body .mr-40,
body.dx-viewport.dx-theme-material-typography .mr-40 {
  margin-right: 40px;
}
body .ml-10,
body.dx-viewport.dx-theme-material-typography .ml-10 {
  margin-left: 10px;
}
body .w-150px,
body.dx-viewport.dx-theme-material-typography .w-150px {
  width: 150px;
}
body #width-212,
body.dx-viewport.dx-theme-material-typography #width-212 {
  width: 212px;
}
body .disputeContainer,
body.dx-viewport.dx-theme-material-typography .disputeContainer {
  width: 330px;
}

#userPreferences .panelHeader {
  margin-bottom: 16px;
}
#userPreferences .yourPhoto {
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
#userPreferences .row4 {
  margin: 8px 0 16px 0;
}
#userPreferences .selectorContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 20px;
  flex-direction: inherit;
}
#userPreferences form.addCompliance {
  gap: 32px 20px;
  margin: 32px 0;
  padding-bottom: 32px;
  border-bottom: 1px solid #E1E3E5;
}
#userPreferences div.fullWidth {
  width: 100%;
}
#userPreferences input.halfWidth,
#userPreferences div.halfWidth {
  width: 330px;
}
#userPreferences .newPassword {
  width: 330px;
}
#userPreferences .newPasswordGap {
  margin-top: 20px;
}

.fileContainer {
  margin-top: 56px;
  position: relative;
  height: 100%;
}

.fileHeader {
  background-color: #FAFBFB;
  border: 1px solid #E1E3E5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px;
}

.previewFile {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  height: 774px;
  width: 598px;
  border-radius: 2px;
  margin: auto;
  margin-top: 56px;
}

.file-pagination {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
.file-pagination.caption {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
.file-pagination input.page-input {
  height: 28px;
  width: 28px;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  text-align: center;
  padding: 0;
}
.file-pagination input.page-input.caption {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  height: 20px;
  width: 20px;
}

body .kebab__toggle-container,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container {
  position: relative;
}
body .kebab__toggle-container .hover-menu,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu {
  min-width: 64px;
  width: 64px;
  height: 64px;
  padding: 12px;
  margin-right: 20px;
  right: 1px;
  top: 20px;
  text-align: left;
  position: absolute;
  z-index: 100;
}
body .kebab__toggle-container .hover-menu p,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu p {
  margin-bottom: 8px;
  cursor: pointer;
}
body .kebab__toggle-container .hover-menu p:last-of-type,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu p:last-of-type {
  margin-bottom: 0;
}
body .kebab__toggle-container .hover-menu.threeMenuItems,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu.threeMenuItems {
  height: 88px;
}
body .kebab__toggle-container .hover-menu.wide,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu.wide {
  width: 72px !important;
}
body .kebab__toggle-container .hover-menu.wide80,
body.dx-viewport.dx-theme-material-typography .kebab__toggle-container .hover-menu.wide80 {
  width: 80px;
  z-index: 100;
}
body .kebab__dot-toggle:hover, body .kebab__dot-toggle:focus,
body.dx-viewport.dx-theme-material-typography .kebab__dot-toggle:hover,
body.dx-viewport.dx-theme-material-typography .kebab__dot-toggle:focus {
  color: #007A7A;
}
body .show,
body.dx-viewport.dx-theme-material-typography .show {
  display: block;
}

.timeoutPrompt {
  z-index: 9999;
}

.alertBarContainer {
  background-color: transparent;
  width: 520px;
  height: 140px;
  position: absolute;
}

.alertBarScreen {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  z-index: 2;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}

#alertBar {
  display: flex;
  position: absolute;
  right: 16px;
  top: 72px;
}
#alertBar.alertCritical .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 502px;
  height: 64px;
  border: 1px solid #FD5749;
  background-color: #FFF4F4;
  padding: 12px 22px 12px 22px;
}
#alertBar.alertCritical .container .alertImg {
  align-self: flex-start;
}
#alertBar.alertCritical .container .body-text {
  margin: 0 32px 0 14px;
}
#alertBar.alertCritical .alertImg {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url(/img/Assets/alert-critical.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  background-size: cover;
}
#alertBar.alertWarning .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 502px;
  height: 64px;
  border: 1px solid #FDCB49;
  background-color: #FFEBD3;
  padding: 12px 22px 12px 22px;
}
#alertBar.alertWarning .container .alertImg {
  align-self: flex-start;
}
#alertBar.alertWarning .container .body-text {
  margin: 0 32px 0 14px;
}
#alertBar.alertWarning .alertImg {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url(/img/Assets/alert-warning.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  background-size: cover;
}
#alertBar.alertSuccess .container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 502px;
  height: 64px;
  border: 1px solid #00A47C;
  background-color: #F1F8F5;
  padding: 12px 22px 12px 22px;
}
#alertBar.alertSuccess .container .alertImg {
  align-self: flex-start;
}
#alertBar.alertSuccess .container .body-text {
  margin: 0 32px 0 14px;
}
#alertBar.alertSuccess .alertImg {
  min-width: 24px;
  width: 24px;
  height: 24px;
  background-image: url(/img/Assets/alert-success.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  background-size: cover;
}

.alertBarConfidential {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border: 1px solid #FD5749;
  background-color: #FFF4F4;
  padding: 12px 22px 12px 22px;
}

.notifications-container {
  z-index: 2;
}

.notifications-alert {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background-color: transparent;
}

.notifications-bg {
  position: relative;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  z-index: -1;
}

.notifications-bg:hover {
  background-color: #005C5C;
}

.notifications-bg:active {
  background-color: #001E1E;
}

.notifications-bell {
  position: absolute;
  right: 22%;
  top: 15%;
  z-index: -1;
}

.notifications-status {
  position: absolute;
  right: 12%;
  top: 12%;
}

.notifications-status-team {
  background-color: #EE7E00 !important;
}

.notifications-status-personal {
  background-color: #D72C0D !important;
}

.team-alert-warning {
  background-color: #EE7E00 !important;
}
.team-alert-warning .notifications-alert {
  background-color: transparent;
}

.team-alert-warning:hover {
  background-color: #D67507 !important;
}

.team-alert-warning:active {
  background-color: #BA6505 !important;
}

.personal-case-critical {
  background-color: #D72C0D !important;
}
.personal-case-critical .notifications-alert {
  background-color: transparent;
}

.personal-case-critical:hover {
  background-color: #C12806 !important;
}

.personal-case-critical:active {
  background-color: #A81F03 !important;
}

.addEditContainer .firstInputMargin {
  margin-bottom: 20px;
}
.addEditContainer .bankFormContainer {
  width: 330px;
  height: 140px;
}
.addEditContainer form.bankFormContainer {
  flex-wrap: nowrap;
}
.addEditContainer .userDateInput {
  width: 330px;
}

.addEditContainer div.fullWidth {
  width: 100%;
}
.addEditContainer input.halfWidth,
.addEditContainer div.halfWidth {
  width: 330px;
}
.addEditContainer input.threeQrt,
.addEditContainer div.threeQrt {
  width: 483px;
}
.addEditContainer input.oneQrt,
.addEditContainer div.oneQrt {
  width: 177px;
}
.addEditContainer .datePicker {
  stroke: #969696;
  height: 16px;
  width: 16px;
  position: relative;
  bottom: 24px;
  left: 306px;
}
.addEditContainer .dateInput:hover .datePicker {
  stroke: #028888;
}
.addEditContainer .dateInput:active .datePicker {
  stroke: #015C5C;
}

.grey-light-text {
  margin-bottom: 4px;
  color: #6D7175 !important;
}

.ledger-details-col {
  margin-bottom: 24px;
}

.light-text {
  margin-bottom: 4px;
  color: #202223 !important;
}

.section-spaceB {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  background-color: transparent !important;
  border: 1px solid #E1E3E5 !important;
  padding: 20px 24px 24px 24px;
}
.section-spaceB .caption {
  margin-bottom: 4px;
}

.success-alert {
  background-color: #F1F8F5;
  border: 1px solid #00A47C;
  padding: 20px 24px 24px 24px;
}

.critical-alert {
  background-color: #FFF4F4;
  border: 1px solid #FD5749;
  padding: 20px 24px 24px 24px;
}

.critical-warning {
  background-color: #FFEBD3;
  border: 1px solid #FFC453;
  padding: 20px 24px 24px 24px;
}

.section-spaceB-critical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #FFF4F4;
  border: 1px solid #fd5749;
  padding: 20px 24px 24px 24px;
}
.section-spaceB-critical .caption {
  margin-bottom: 4px;
}
.section-spaceB-critical.submission {
  padding: 20px 14px 16px 24px;
}

.divider-critical {
  width: 100%;
  border-bottom: 1px solid #fd5749;
}

.section-critical {
  position: relative;
  padding: 16px 12px 16px 16px;
  background-color: #FFF4F4;
  border: 1px solid #fd5749;
}
.section-critical .body-text {
  height: 40px;
  width: 85%;
  margin-right: 15%;
}
.section-critical .critical-close {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 8px;
}
.section-critical .critical-close:hover path {
  fill: #D72C0D;
  stroke: #D72C0D;
}
.section-critical .critical-close:hover path .cutout {
  fill: #D72C0D;
}

body .debtors-credits__score,
.dx-viewport .debtors-credits__score,
body.dx-viewport.dx-theme-material-typography .debtors-credits__score {
  text-align: center;
  font-weight: 600;
  font-style: normal;
  font-size: 110px;
  line-height: 44px;
  color: #007A7A;
  margin: 89px 0;
}
body .debtors-credits__p-bold,
.dx-viewport .debtors-credits__p-bold,
body.dx-viewport.dx-theme-material-typography .debtors-credits__p-bold {
  text-transform: uppercase;
}
body .debtors-credits__p-bold span,
.dx-viewport .debtors-credits__p-bold span,
body.dx-viewport.dx-theme-material-typography .debtors-credits__p-bold span {
  text-transform: capitalize;
  font-weight: 400;
}
body .debtors-credits__p-bold .red,
.dx-viewport .debtors-credits__p-bold .red,
body.dx-viewport.dx-theme-material-typography .debtors-credits__p-bold .red {
  text-transform: capitalize;
  color: #D82C0D;
}
body .form-span-4,
.dx-viewport .form-span-4,
body.dx-viewport.dx-theme-material-typography .form-span-4 {
  grid-column-start: 1;
  grid-column-end: 4;
}
body .form-span-4.pad-right,
.dx-viewport .form-span-4.pad-right,
body.dx-viewport.dx-theme-material-typography .form-span-4.pad-right {
  padding-right: 20px;
}
body .form-span-2,
.dx-viewport .form-span-2,
body.dx-viewport.dx-theme-material-typography .form-span-2 {
  grid-column-start: 1;
  grid-column-end: 2;
}
body .debtors-credit__grey-text,
.dx-viewport .debtors-credit__grey-text,
body.dx-viewport.dx-theme-material-typography .debtors-credit__grey-text {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  margin-top: 24px;
}
body .debtors-credit__grey-text-sm,
.dx-viewport .debtors-credit__grey-text-sm,
body.dx-viewport.dx-theme-material-typography .debtors-credit__grey-text-sm {
  color: #6D7175;
  font-size: 16px;
  font-weight: 600;
}
body .margin-right-63,
.dx-viewport .margin-right-63,
body.dx-viewport.dx-theme-material-typography .margin-right-63 {
  margin-right: 63px;
}
body .float-right,
.dx-viewport .float-right,
body.dx-viewport.dx-theme-material-typography .float-right {
  float: right;
}
body .form-span-3,
.dx-viewport .form-span-3,
body.dx-viewport.dx-theme-material-typography .form-span-3 {
  grid-column-start: 1;
  grid-column-end: 3;
}
body .form-span-3.pad-right,
.dx-viewport .form-span-3.pad-right,
body.dx-viewport.dx-theme-material-typography .form-span-3.pad-right {
  padding-right: 20px;
}
body .form-span-3 textarea.min-height105,
.dx-viewport .form-span-3 textarea.min-height105,
body.dx-viewport.dx-theme-material-typography .form-span-3 textarea.min-height105 {
  min-height: 105px;
}
body .form-span-2,
.dx-viewport .form-span-2,
body.dx-viewport.dx-theme-material-typography .form-span-2 {
  grid-column-start: 2;
  grid-column-end: 4;
}
body .form-span-2.pad-right,
.dx-viewport .form-span-2.pad-right,
body.dx-viewport.dx-theme-material-typography .form-span-2.pad-right {
  padding-right: 20px;
}
body .form-span-2 textarea.min-height105,
.dx-viewport .form-span-2 textarea.min-height105,
body.dx-viewport.dx-theme-material-typography .form-span-2 textarea.min-height105 {
  min-height: 105px;
}
body .addAgencyReport .col2 input,
.dx-viewport .addAgencyReport .col2 input,
body.dx-viewport.dx-theme-material-typography .addAgencyReport .col2 input {
  min-width: 100%;
}
body .addAgencyReport .col2 select,
.dx-viewport .addAgencyReport .col2 select,
body.dx-viewport.dx-theme-material-typography .addAgencyReport .col2 select {
  margin-top: 4px;
}
body .success-green,
.dx-viewport .success-green,
body.dx-viewport.dx-theme-material-typography .success-green {
  color: #008060;
}
body .critial-red,
.dx-viewport .critial-red,
body.dx-viewport.dx-theme-material-typography .critial-red {
  color: #D82C0D;
}
body .float-right,
.dx-viewport .float-right,
body.dx-viewport.dx-theme-material-typography .float-right {
  float: right;
  margin-left: auto;
}
body .sum-select,
.dx-viewport .sum-select,
body.dx-viewport.dx-theme-material-typography .sum-select {
  width: auto;
  display: inline-block;
  padding-right: 30px;
  border: none;
  border-radius: 2px;
  color: #202223;
  background-color: #EEF4F8;
}
body .bg-subdue,
.dx-viewport .bg-subdue,
body.dx-viewport.dx-theme-material-typography .bg-subdue {
  background-color: #FAFBFB !important;
}
body .bg-subdue th,
.dx-viewport .bg-subdue th,
body.dx-viewport.dx-theme-material-typography .bg-subdue th {
  background-color: #FAFBFB !important;
}
body .tr-border-bottom,
.dx-viewport .tr-border-bottom,
body.dx-viewport.dx-theme-material-typography .tr-border-bottom {
  border-bottom: 1px solid #8C9196;
}
body .no-opacity,
.dx-viewport .no-opacity,
body.dx-viewport.dx-theme-material-typography .no-opacity {
  opacity: 0;
}
body .input-half input,
.dx-viewport .input-half input,
body.dx-viewport.dx-theme-material-typography .input-half input {
  width: 50%;
  min-width: 50% !important;
}
body .no-margin,
.dx-viewport .no-margin,
body.dx-viewport.dx-theme-material-typography .no-margin {
  margin: 0;
}
body .add-address--star,
.dx-viewport .add-address--star,
body.dx-viewport.dx-theme-material-typography .add-address--star {
  cursor: pointer;
}
body .eye-icon:hover, body .eye-icon:focus,
body .icon-hover:hover,
body .icon-hover:focus,
.dx-viewport .eye-icon:hover,
.dx-viewport .eye-icon:focus,
.dx-viewport .icon-hover:hover,
.dx-viewport .icon-hover:focus,
body.dx-viewport.dx-theme-material-typography .eye-icon:hover,
body.dx-viewport.dx-theme-material-typography .eye-icon:focus,
body.dx-viewport.dx-theme-material-typography .icon-hover:hover,
body.dx-viewport.dx-theme-material-typography .icon-hover:focus {
  fill: #007A7A;
  cursor: pointer;
}
body .eye-icon:hover path, body .eye-icon:focus path,
body .icon-hover:hover path,
body .icon-hover:focus path,
.dx-viewport .eye-icon:hover path,
.dx-viewport .eye-icon:focus path,
.dx-viewport .icon-hover:hover path,
.dx-viewport .icon-hover:focus path,
body.dx-viewport.dx-theme-material-typography .eye-icon:hover path,
body.dx-viewport.dx-theme-material-typography .eye-icon:focus path,
body.dx-viewport.dx-theme-material-typography .icon-hover:hover path,
body.dx-viewport.dx-theme-material-typography .icon-hover:focus path {
  fill: #007A7A;
}
body .checkBoxRow-center,
.dx-viewport .checkBoxRow-center,
body.dx-viewport.dx-theme-material-typography .checkBoxRow-center {
  margin-top: 8px;
}

body .hover-interactive:hover, body .hover-interactive:focus,
body.dx-viewport.dx-theme-material-typography .hover-interactive:hover,
body.dx-viewport.dx-theme-material-typography .hover-interactive:focus {
  color: #007A7A !important;
  cursor: pointer;
}
body .hover-interactive:hover svg, body .hover-interactive:focus svg,
body.dx-viewport.dx-theme-material-typography .hover-interactive:hover svg,
body.dx-viewport.dx-theme-material-typography .hover-interactive:focus svg {
  fill: #007A7A;
}
body .hover-interactive:hover svg path, body .hover-interactive:focus svg path,
body.dx-viewport.dx-theme-material-typography .hover-interactive:hover svg path,
body.dx-viewport.dx-theme-material-typography .hover-interactive:focus svg path {
  fill: #007A7A;
}
body .hover-interactive:hover p, body .hover-interactive:focus p,
body.dx-viewport.dx-theme-material-typography .hover-interactive:hover p,
body.dx-viewport.dx-theme-material-typography .hover-interactive:focus p {
  color: #007A7A !important;
}
body .folder-icon,
body.dx-viewport.dx-theme-material-typography .folder-icon {
  margin-right: 12px;
}
body .file-icon,
body.dx-viewport.dx-theme-material-typography .file-icon {
  margin-right: 6px;
}
body .client-docs-title,
body.dx-viewport.dx-theme-material-typography .client-docs-title {
  margin-bottom: 16px;
  color: #6D7175;
}
body .client-docs-title .txt-black,
body.dx-viewport.dx-theme-material-typography .client-docs-title .txt-black {
  color: #202223;
}
body .client-docs-title:hover, body .client-docs-title:focus,
body.dx-viewport.dx-theme-material-typography .client-docs-title:hover,
body.dx-viewport.dx-theme-material-typography .client-docs-title:focus {
  color: #007A7A;
}
body .txt-black,
body.dx-viewport.dx-theme-material-typography .txt-black {
  color: #202223 !important;
}
body .border-navigation-hr,
body.dx-viewport.dx-theme-material-typography .border-navigation-hr {
  border-color: #E1E3E5;
}
body .client-doc-icon-grid__row,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__row {
  margin: 44px 0;
}
body .client-doc-icon-grid__block,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__block {
  text-align: center;
}
body .client-doc-icon-grid__block.file-icons,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__block.file-icons {
  padding: 12px;
}
body .client-doc-icon-grid__block.file-icons:hover, body .client-doc-icon-grid__block.file-icons:focus,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__block.file-icons:hover,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__block.file-icons:focus {
  background-color: #EDF4FE;
}
body .client-doc-icon-grid__file-icon,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__file-icon {
  height: 51px;
  margin-bottom: 10px;
  width: 61px;
}
body .client-doc-icon-grid__hr,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__hr {
  margin-bottom: 32px;
}
body .client-doc-icon-grid__subhead,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid__subhead {
  margin-bottom: 15px;
}
body .client-doc-icon-grid,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid {
  display: none;
}
body .client-doc-icon-grid.show,
body.dx-viewport.dx-theme-material-typography .client-doc-icon-grid.show {
  display: block;
}
body .view-document__header,
body.dx-viewport.dx-theme-material-typography .view-document__header {
  background-color: #33414b;
  padding: 21px 22px;
}
body .view-document__back,
body.dx-viewport.dx-theme-material-typography .view-document__back {
  position: absolute;
  left: 0;
}
body .view-document__back:hover svg, body .view-document__back:focus svg,
body.dx-viewport.dx-theme-material-typography .view-document__back:hover svg,
body.dx-viewport.dx-theme-material-typography .view-document__back:focus svg {
  fill: #007A7A;
}
body .view-document__back:hover svg path, body .view-document__back:focus svg path,
body.dx-viewport.dx-theme-material-typography .view-document__back:hover svg path,
body.dx-viewport.dx-theme-material-typography .view-document__back:focus svg path {
  fill: #007A7A;
}
body .view-document__col-9,
body.dx-viewport.dx-theme-material-typography .view-document__col-9 {
  padding-left: 38px;
  position: relative;
}
body .view-document__title,
body.dx-viewport.dx-theme-material-typography .view-document__title {
  color: #fff;
  display: inline-block;
}
body .view-document__label,
body.dx-viewport.dx-theme-material-typography .view-document__label {
  background-color: #D2D5D8;
  padding: 2px 8px;
  border-radius: 2px;
  width: 69px;
  display: inline-block;
  margin-left: 14px;
}
body .view-document__magnify,
body.dx-viewport.dx-theme-material-typography .view-document__magnify {
  display: inline-block;
  margin-left: 8px;
  background-size: 21px 21px;
  background-position: 0% 100%;
  width: 25px;
  height: 24.5px;
  background-repeat: no-repeat;
}
body .view-document__magnify.zoom-out,
body.dx-viewport.dx-theme-material-typography .view-document__magnify.zoom-out {
  margin-right: 10px;
}
body .view-document__magnify.zoom-out:hover, body .view-document__magnify.zoom-out:focus,
body.dx-viewport.dx-theme-material-typography .view-document__magnify.zoom-out:hover,
body.dx-viewport.dx-theme-material-typography .view-document__magnify.zoom-out:focus {
  background-image: url("/img/Assets/zoomOutGreen.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
}
body .view-document__magnify.zoom-out:hover img, body .view-document__magnify.zoom-out:focus img,
body.dx-viewport.dx-theme-material-typography .view-document__magnify.zoom-out:hover img,
body.dx-viewport.dx-theme-material-typography .view-document__magnify.zoom-out:focus img {
  opacity: 0;
}
body .view-document__magnify:hover, body .view-document__magnify:focus,
body.dx-viewport.dx-theme-material-typography .view-document__magnify:hover,
body.dx-viewport.dx-theme-material-typography .view-document__magnify:focus {
  background-image: url("/img/Assets/zoomInGreen.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
}
body .view-document__magnify:hover img, body .view-document__magnify:focus img,
body.dx-viewport.dx-theme-material-typography .view-document__magnify:hover img,
body.dx-viewport.dx-theme-material-typography .view-document__magnify:focus img {
  opacity: 0;
}
body .view-document__download,
body .view-document__delete,
body.dx-viewport.dx-theme-material-typography .view-document__download,
body.dx-viewport.dx-theme-material-typography .view-document__delete {
  display: inline-block;
}
body .view-document__download img,
body .view-document__delete img,
body.dx-viewport.dx-theme-material-typography .view-document__download img,
body.dx-viewport.dx-theme-material-typography .view-document__delete img {
  margin-top: -3px;
}
body .view-document__col-4,
body.dx-viewport.dx-theme-material-typography .view-document__col-4 {
  text-align: right;
}
body .view-document-card,
body.dx-viewport.dx-theme-material-typography .view-document-card {
  width: 1163px;
  margin: auto;
  margin-top: 32px;
}
body .view-document-dummy-img,
body.dx-viewport.dx-theme-material-typography .view-document-dummy-img {
  width: 100%;
}
body .view-document__menu-trigger,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  position: absolute;
  top: 90%;
}
body .view-document__menu-trigger .trigger,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger .trigger {
  color: #D2D5D8;
  height: 25px;
}
body .view-document__menu-trigger .trigger:hover,
body .view-document__menu-trigger .trigger:focus,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger .trigger:hover,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger .trigger:focus {
  color: #007A7A;
}
body .view-document__menu-trigger .trigger:hover .hover-menu,
body .view-document__menu-trigger .trigger:focus .hover-menu,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger .trigger:hover .hover-menu,
body.dx-viewport.dx-theme-material-typography .view-document__menu-trigger .trigger:focus .hover-menu {
  display: block;
}
body .hover-menu,
body.dx-viewport.dx-theme-material-typography .hover-menu {
  position: absolute;
  width: 151px;
  min-width: 150px;
  z-index: 99;
  padding: 11px 14px;
  top: 25px;
  margin: 0;
  display: none;
}
body .hover-menu p,
body.dx-viewport.dx-theme-material-typography .hover-menu p {
  margin-bottom: 20px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body .hover-menu p img,
body .hover-menu p svg,
body.dx-viewport.dx-theme-material-typography .hover-menu p img,
body.dx-viewport.dx-theme-material-typography .hover-menu p svg {
  float: right;
}
body .hover-menu p:hover, body .hover-menu p:focus,
body.dx-viewport.dx-theme-material-typography .hover-menu p:hover,
body.dx-viewport.dx-theme-material-typography .hover-menu p:focus {
  color: #007A7A;
}
body .hover-menu p:hover svg path, body .hover-menu p:focus svg path,
body.dx-viewport.dx-theme-material-typography .hover-menu p:hover svg path,
body.dx-viewport.dx-theme-material-typography .hover-menu p:focus svg path {
  fill: #007A7A;
}
body .hover-menu p:last-of-type,
body.dx-viewport.dx-theme-material-typography .hover-menu p:last-of-type {
  margin: 0;
}
body .hover-menu:hover,
body.dx-viewport.dx-theme-material-typography .hover-menu:hover {
  display: block;
}
body .view-doc,
body.dx-viewport.dx-theme-material-typography .view-doc {
  cursor: pointer;
}
body .upload-select-inline,
body.dx-viewport.dx-theme-material-typography .upload-select-inline {
  min-width: 283px !important;
}
body .t-a-r,
body.dx-viewport.dx-theme-material-typography .t-a-r {
  text-align: right;
}
body .drag-area,
body.dx-viewport.dx-theme-material-typography .drag-area {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 173px;
  margin-bottom: 20px;
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%238C9196FF' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='65' stroke-linecap='round'/%3e%3c/svg%3e");
}
body .drag-area.active,
body.dx-viewport.dx-theme-material-typography .drag-area.active {
  border: 2px solid #fff;
}
body .drag-area .icon,
body.dx-viewport.dx-theme-material-typography .drag-area .icon {
  font-size: 100px;
  color: #fff;
}
body .drag-area header,
body.dx-viewport.dx-theme-material-typography .drag-area header {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
body .drag-area span,
body.dx-viewport.dx-theme-material-typography .drag-area span {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin: 10px 0 15px 0;
}
body .drag-area button,
body.dx-viewport.dx-theme-material-typography .drag-area button {
  padding: 10px 25px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  outline: none;
  background: #fff;
  color: #5256ad;
  border-radius: 5px;
  cursor: pointer;
}
body .drag-area img,
body.dx-viewport.dx-theme-material-typography .drag-area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
body .drag-area header,
body.dx-viewport.dx-theme-material-typography .drag-area header {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #8C9196;
  margin-bottom: 4px;
}
body .drag-area header button,
body.dx-viewport.dx-theme-material-typography .drag-area header button {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #007A7A;
  padding: 0;
  text-decoration: underline;
}
body .drag-area p,
body.dx-viewport.dx-theme-material-typography .drag-area p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #8C9196;
}
body .fileUploadTable tr:nth-child(odd),
body.dx-viewport.dx-theme-material-typography .fileUploadTable tr:nth-child(odd) {
  background-color: #FFFFFF !important;
}
body .fileUploadTable tr:nth-child(odd):hover,
body.dx-viewport.dx-theme-material-typography .fileUploadTable tr:nth-child(odd):hover {
  background-color: #EDF4FE !important;
}
body .fileUploadTable tr:nth-child(even),
body.dx-viewport.dx-theme-material-typography .fileUploadTable tr:nth-child(even) {
  background-color: #FAFBFB !important;
}
body .fileUploadTable tr:nth-child(even):hover,
body.dx-viewport.dx-theme-material-typography .fileUploadTable tr:nth-child(even):hover {
  background-color: #EDF4FE !important;
}
body .fileUploadTable .selected,
body.dx-viewport.dx-theme-material-typography .fileUploadTable .selected {
  background-color: #F1F8F5 !important;
}
body .fileUploadTable__avatar,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__avatar {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 6px;
}
body .fileUploadTable__toggle-container,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__toggle-container {
  position: relative;
}
body .fileUploadTable__toggle-container .hover-menu,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__toggle-container .hover-menu {
  min-width: 70px;
  width: 70px;
  padding: 12px;
  left: 8px;
  top: 15px;
  text-align: start;
}
body .fileUploadTable__toggle-container .hover-menu p,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__toggle-container .hover-menu p {
  margin-bottom: 8px;
  cursor: pointer;
}
body .fileUploadTable__toggle-container .hover-menu p:last-of-type,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__toggle-container .hover-menu p:last-of-type {
  margin-bottom: 0;
}
body .show,
body.dx-viewport.dx-theme-material-typography .show {
  display: block;
}
body .file-upload-uploaded,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded {
  padding-top: 6px;
}
body .file-upload-uploaded__data,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__data {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #8C9196;
  margin-bottom: 5px;
}
body .file-upload-uploaded__title,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__title {
  margin-bottom: 0px;
}
body .file-upload-uploaded__check,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__check {
  margin-left: 5px;
  float: right;
}
body .file-upload-uploaded__check:hover svg #cross, body .file-upload-uploaded__check:focus svg #cross,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__check:hover svg #cross,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__check:focus svg #cross {
  fill: #D82C0D;
}
body .file-upload-uploaded__block,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__block {
  margin-bottom: 30px;
}
body .file-upload-uploaded__progress-bar,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__progress-bar {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #EDF4FE;
}
body .file-upload-uploaded__progress-bar .progress-bar-inner,
body.dx-viewport.dx-theme-material-typography .file-upload-uploaded__progress-bar .progress-bar-inner {
  border-radius: 5px;
  height: 5px;
  background: linear-gradient(#98C6CD, #449DA7);
}
body .client-docs-title-back,
body.dx-viewport.dx-theme-material-typography .client-docs-title-back {
  cursor: pointer;
}
body .file-icons,
body.dx-viewport.dx-theme-material-typography .file-icons {
  position: relative;
  cursor: pointer;
}
body .file-icons .hover-menu,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu {
  right: -240px;
  top: 0;
  width: 240px;
  text-align: left;
}
body .file-icons .hover-menu .back,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .back {
  float: left;
  margin-right: 18px;
  cursor: pointer;
}
body .file-icons .hover-menu .title,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .title {
  margin-bottom: 17px;
}
body .file-icons .hover-menu .row,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .row {
  margin-top: 74px;
}
body .file-icons .hover-menu .row .col-6,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .row .col-6 {
  text-align: left;
}
body .file-icons .hover-menu .row .col-6:last-of-type,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .row .col-6:last-of-type {
  text-align: right;
}
body .file-icons .hover-menu .row .col-6:last-of-type button,
body.dx-viewport.dx-theme-material-typography .file-icons .hover-menu .row .col-6:last-of-type button {
  margin: auto;
  margin-right: 0;
}
body .file-icons p,
body .file-icons .cross,
body .file-icons .plus-folder,
body.dx-viewport.dx-theme-material-typography .file-icons p,
body.dx-viewport.dx-theme-material-typography .file-icons .cross,
body.dx-viewport.dx-theme-material-typography .file-icons .plus-folder {
  cursor: pointer;
}
body .arrow-left,
body.dx-viewport.dx-theme-material-typography .arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 25%;
  left: -10px;
  border-right: 10px solid #fff;
}
body .fileUploadTable__dot-toggle:hover, body .fileUploadTable__dot-toggle:focus,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__dot-toggle:hover,
body.dx-viewport.dx-theme-material-typography .fileUploadTable__dot-toggle:focus {
  color: #007A7A;
}
body .action-hover:hover, body .action-hover:focus,
body.dx-viewport.dx-theme-material-typography .action-hover:hover,
body.dx-viewport.dx-theme-material-typography .action-hover:focus {
  color: #007A7A;
}
body .white-background,
body.dx-viewport.dx-theme-material-typography .white-background {
  background: #fff !important;
}
body .white-background:hover,
body.dx-viewport.dx-theme-material-typography .white-background:hover {
  background-color: #EDF4FE !important;
}
body .e-background,
body.dx-viewport.dx-theme-material-typography .e-background {
  background: #FAFAFA !important;
}
body .e-background:hover,
body.dx-viewport.dx-theme-material-typography .e-background:hover {
  background-color: #EDF4FE !important;
}
body .tiny-action-menu,
body.dx-viewport.dx-theme-material-typography .tiny-action-menu {
  text-align: left;
  width: 130px !important;
  left: -63px !important;
  top: 28px !important;
  padding: 12px !important;
}
body .tiny-action-menu.show,
body.dx-viewport.dx-theme-material-typography .tiny-action-menu.show {
  display: block !important;
}
body .nested-table-l1,
body.dx-viewport.dx-theme-material-typography .nested-table-l1 {
  position: relative;
}
body .mr-6,
body.dx-viewport.dx-theme-material-typography .mr-6 {
  margin-right: 6px;
}
body .pos-rel,
body.dx-viewport.dx-theme-material-typography .pos-rel {
  position: relative;
}

.clientFolioCard {
  min-height: 300px;
}

.clientFolioCardSplit .centerNumber {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 48px;
  margin-bottom: 48px;
}
.clientFolioCardSplit .v-divider {
  display: flex;
  align-self: center;
  height: 40px;
}

.splitCount {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 22px 44px 22px 44px;
}
.splitCount.topBoxPadding {
  padding: 0 60px 0 60px;
}

.welcomeTextBox {
  max-width: 815px;
}

.welcomeTextBox2 {
  max-width: 780px;
}

.newClientCard {
  z-index: 1;
  min-height: 0px;
}
.newClientCard p {
  margin-bottom: 0;
}

.underCard {
  margin-top: -100px;
  padding-top: 100px;
  z-index: 0;
}
.underCard .c-head {
  margin-top: 4px;
  padding-bottom: 36px;
}
.underCard .c-foot button, .underCard .c-foot [type=submit] {
  padding: 8px 27px;
}

.newClientInfo {
  grid-template-columns: repeat(5, 1fr) 80px;
  grid-template-rows: repeat(1, 1fr);
  border-top: 1px solid #E1E3E5;
  padding-top: 24px;
}

table.compliance {
  margin-bottom: 32px;
}
table.compliance tr {
  flex: 1;
}
table.compliance td:nth-child(1) {
  width: 180px;
}

table input.sfValue {
  background-color: #FFFFFF;
  background-image: url(/img/Assets/sfValue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-size: auto;
}
table input.sfValue:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
table input.modValue {
  background-color: #F1F8F5;
  border-color: #00A47C;
  background-image: url(/img/Assets/modValue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-size: auto;
}
table input.modValue:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}

.verified {
  width: 160px;
}
.verified.align-left {
  text-align: left;
}

.verifiedCol th:last-child, .verifiedCol td:last-child {
  width: 160px;
}

#fuelDetailPage .monthlySpending {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 12px;
}
#fuelDetailPage .monthlyAmount {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 12px;
  margin: 12px 0 32px 0;
}
#fuelDetailPage .spendingControls {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 12px;
  margin-bottom: 20px;
}
#fuelDetailPage .table-1 {
  margin-bottom: 32px;
}
#fuelDetailPage .loadMoreBtn {
  margin-top: 20px;
  display: flex;
  justify-content: end;
}
#fuelDetailPage .captured {
  color: #008060;
}
#fuelDetailPage tr {
  height: 40px;
}
#fuelDetailPage #spendingControls th:nth-of-type(1) {
  width: 143px;
}
#fuelDetailPage #spendingControls th:nth-of-type(2) {
  width: 225px;
}
#fuelDetailPage #spendingControls th:nth-of-type(3) {
  width: 125px;
}
#fuelDetailPage #spendingControls th:nth-of-type(4) {
  width: 89px;
}
#fuelDetailPage #spendingControls td:nth-of-type(5),
#fuelDetailPage #spendingControls th:nth-of-type(5) {
  width: 98px;
  padding: 8px 2px;
}
#fuelDetailPage #recentActivity th:nth-of-type(1) {
  width: 130px;
}
#fuelDetailPage #recentActivity th:nth-of-type(2) {
  width: 221px;
}
#fuelDetailPage #recentActivity th:nth-of-type(3) {
  width: 97px;
}
#fuelDetailPage #recentActivity th:nth-of-type(4) {
  width: 74px;
}
#fuelDetailPage #recentActivity th:nth-of-type(5) {
  width: 78px;
}
#fuelDetailPage #recentActivity td:nth-of-type(6),
#fuelDetailPage #recentActivity th:nth-of-type(6) {
  width: 80px;
  text-align: right;
}
#fuelDetailPage .statusIndicator {
  width: 130px;
  background-color: #FAFBFB;
  border: 1px solid #D2D5D8;
}
#fuelDetailPage ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6D7175;
}
#fuelDetailPage ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6D7175;
}
#fuelDetailPage :-ms-input-placeholder {
  /* IE 10+ */
  color: #6D7175;
}
#fuelDetailPage :-moz-placeholder {
  /* Firefox 18- */
  color: #6D7175;
}

#fuelDetail .spendingControls {
  margin: 20px 0 32px 0;
}
#fuelDetail .statusIndicator {
  background-color: #FAFBFB;
}
#fuelDetail ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #6D7175;
}
#fuelDetail ::placeholder {
  color: #6D7175;
}

#visaDetailPage .monthlySpending {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 12px;
}
#visaDetailPage .monthlyAmount {
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  line-height: 12px;
  margin: 12px 0 32px 0;
}
#visaDetailPage .spendingControls {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 12px;
  margin-bottom: 16px;
}
#visaDetailPage .table-1 {
  border-bottom: 1px solid #E1E3E5;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
#visaDetailPage #spendingControls th:nth-of-type(1) {
  width: 209px;
}
#visaDetailPage #spendingControls th:nth-of-type(2) {
  width: 223px;
}
#visaDetailPage #spendingControls th:nth-of-type(3) {
  width: 248px;
}
#visaDetailPage #recentActivity th:nth-of-type(1) {
  width: 192px;
}
#visaDetailPage #recentActivity th:nth-of-type(2) {
  width: 91px;
}
#visaDetailPage #recentActivity th:nth-of-type(3) {
  width: 172px;
  padding: 8px 2px;
}
#visaDetailPage #recentActivity td:nth-of-type(3) {
  padding: 8px 2px;
}
#visaDetailPage #recentActivity th:nth-of-type(4) {
  width: 109px;
  padding: 8px 2px;
}
#visaDetailPage #recentActivity td:nth-of-type(4) {
  text-align: right;
}
#visaDetailPage #recentActivity th:nth-of-type(5) {
  width: 116px;
}
#visaDetailPage .statusIndicator {
  width: 130px;
  background-color: #FAFBFB;
  border: 1px solid #D2D5D8;
}
#visaDetailPage ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6D7175;
}
#visaDetailPage ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6D7175;
}
#visaDetailPage :-ms-input-placeholder {
  /* IE 10+ */
  color: #6D7175;
}
#visaDetailPage :-moz-placeholder {
  /* Firefox 18- */
  color: #6D7175;
}

#visaDetail #spendingControls th:nth-of-type(1) {
  width: 209px;
}
#visaDetail #spendingControls th:nth-of-type(2) {
  width: 223px;
}
#visaDetail #spendingControls th:nth-of-type(3) {
  width: 248px;
}
#visaDetail #recentActivity th:nth-of-type(1) {
  width: 192px;
}
#visaDetail #recentActivity th:nth-of-type(2) {
  width: 91px;
}
#visaDetail #recentActivity th:nth-of-type(3) {
  width: 172px;
  padding: 8px 2px;
}
#visaDetail #recentActivity td:nth-of-type(3) {
  padding: 8px 2px;
}
#visaDetail #recentActivity th:nth-of-type(4) {
  width: 109px;
  padding: 8px 2px;
}
#visaDetail #recentActivity td:nth-of-type(4) {
  text-align: right;
}
#visaDetail #recentActivity th:nth-of-type(5) {
  width: 116px;
}
#visaDetail .statusIndicator {
  width: 130px;
  background-color: #FAFBFB;
  border: 1px solid #D2D5D8;
}
#visaDetail .fb-background {
  background-color: #FAFBFB !important;
}
#visaDetail ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6D7175;
}
#visaDetail ::-moz-placeholder {
  /* Firefox 19+ */
  color: #6D7175;
}
#visaDetail :-ms-input-placeholder {
  /* IE 10+ */
  color: #6D7175;
}
#visaDetail :-moz-placeholder {
  /* Firefox 18- */
  color: #6D7175;
}

.login__main-image {
  max-width: 100%;
}

.field-validation-error {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 0 0 0;
}

.field-validation-error::before {
    content: "";
    background-image: url("/img/Assets/alert-minor.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
    background-size: 12px 12px;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

#signOutButton{
  border-radius: 2px;
  border: 1px solid #FFFFFF;
  background: none;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px; 
}

#signOutButton:hover{
  border-radius: 2px;
  background: #F7901E;
  border: none;
}

.loginCaption {
    padding: 32px 0 0 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Albert Sans', sans-serif;
}

.login__main-container {
  background-image: url("/img/Assets/eClipse_Login-Image_FinalwLogo_new.png?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.login__col-md-8.sessionTimeoutLogin {
  background-image: url("../../img/Assets/senior-okay-sign.jpg");
}
@media screen and (max-width: 1910px) {
  .login__col-md-8 {
    background-size: cover;
  }
}

#countdownCounter{
  font-weight: 600;
  font-style: normal;
  font-size: 48px;
  line-height: 44px;
  color: #FFFFFF;
  text-decoration: none;
}

#ad-account-signin{
  font-weight: 700;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  text-decoration: none;
}

#session-timeout,
.login__col-md-4-inner>h1,
#timeoutPrompt>h1{
  color: #FFFFFF;
  font-size: 28px;
  line-height: 32px;
}

#session-timeout{
  padding: 20px 0 0 0 ;
}

#forgot-password:visited{
  color: #F7901E;
}

.login__main-container,
.login__main-row {
  height: 100vh;
}

.login__text {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #FFFFFF;
  text-decoration: none;
}

.login__form-block {
  width: 100%;
  margin-bottom: 25px;
}

div.fullWidth {
  width: 100%;
}

.login__col-md-4 {
  padding: 0 72px 0 200px;
  flex: none;
  min-width: 610px;
}
.login__col-md-4 .login__form,
.login__col-md-4 .setNewPassword__form {
  display: block;
}

.login__forgot-password {
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #FFFFFF;
  text-decoration: none;
}

.login__forgot-password:hover{
  color: #F7901E
}
.login__submit {
  width: 100%;
  margin-top: 32px;
}

.login__logo {
  margin-bottom: 32px;
}

.login__text {
  margin-bottom: 32px;
}

.login__forgot-password {
  position: absolute;
  right: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.login__col-md-4-inner {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

.loginPanel {
  width: 521px;
}

#verification-action-dropdown.action-dropdown a {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  margin-bottom: 8px;
  display: block;
  cursor: pointer;
}
#verification-action-dropdown.action-dropdown a:hover, #verification-action-dropdown.action-dropdown a:focus {
  color: #007A7A;
}
#verification-action-dropdown.action-dropdown a:last-of-type {
  margin-bottom: 0;
}

.selectFieldCell .dx-texteditor-input {
  display: block;
  width: 100%;
  padding: 8px 16px !important;
  color: #202223 !important;
  border-radius: 2px !important;
  background-color: #FFFFFF !important;
  border: 1px solid #8C9196 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.946667 -3.08311e-07L4 3.09042L7.06 -4.10887e-08L8 0.951417L4 5L-4.15878e-08 0.951417L0.946667 -3.08311e-07Z' fill='%23787878'/%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 16px !important;
}

.dx-item-content.dx-list-item-content {
  padding-left: 16px !important;
  font-size: 12px !important;
}

.debtorPortalCardContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}

.debtorPortalCardExtraMargin {
  margin-top: 136px;
}

.fullHeightMinusNav {
  height: calc(100vh - 56px);
}

.debtorPortalCard {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: 575px;
  min-height: 200px;
  padding: 40px;
  align-items: center;
  background: #fff;
  border-radius: 4px;
  border: 0.5px solid #dee3e6;
}

.cardNoPad {
  border-radius: 2px;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  border: none;
  height: auto;
  flex: 1;
  min-width: 1163px;
  position: relative;
}
.cardNoPad .col-head {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.cardNoPad .col-head .btnContainer {
  margin-left: 12px;
}
.cardNoPad .col-head .titleContainer {
  gap: 32px;
  display: flex;
}

.docsCol {
  padding: 20px 24px;
}
.docsCol.innerScroll {
  padding: 16px 20px;
  padding-bottom: 0px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
}
.docsCol.innerScroll h5 {
  padding: 4px;
  padding-bottom: 0px;
}

.docsPages {
  min-height: 843px;
  max-height: 1163px;
}

.docsRow {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  position: relative;
  padding-bottom: 20px;
  justify-content: flex-start;
}
.docsRow.pb-0 {
  padding-bottom: 0;
}

.docsGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  position: relative;
  padding-bottom: 20px;
  justify-content: flex-start;
  min-height: 200px;
}
.docsGrid.scroll {
  padding: 4px;
  padding-bottom: 20px;
}
@media (max-width: 1800px) {
  .has-suggested-groups.docsGrid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.scroll {
  overflow-y: scroll;
  flex-grow: 1;
  min-height: 0;
}

.docsClipboard {
  min-height: 180px;
  max-height: 398px;
}

.docsTrash {
  min-height: 180px;
  max-height: 241px;
}

.invoiceBatch {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E1E3E5;
  min-height: 140px;
}
.invoiceBatch .docsGrid {
  padding-bottom: 0px;
}

.totalInvoices :last-of-type:not(.docThumb, .empty) {
  border-bottom: none;
}

.docPreview {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
}
.docPreview img {
  width: 100%;
  height: auto;
}

.doc {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.doc .docLabel {
  margin-top: 4px;
  margin-bottom: 0;
}

.docThumb {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
  height: fit-content;
}
.docThumb img {
  width: 100%;
  height: auto;
}
.docThumb:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  outline: 0;
  border-color: #8C9196;
}
.docThumb.invalid {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #D82C0D;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #D82C0D;
  outline: 0;
  border-color: #8C9196;
}

.empty {
  border: 1px dashed #C9CCCF;
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  position: relative;
  border-radius: 2px;
  height: fit-content;
}
.empty img {
  width: 100%;
  height: auto;
}

.invoiceFlag {
  position: absolute;
  left: 0px;
  background-color: #EE7E00;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 50% 80%, 0 100%);
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 2px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  font-size: 10.5px;
  color: #fff;
  z-index: 999;
}

.dragDropBtn {
  background-color: #EEF4F8;
  color: #6D7175;
  width: 100%;
  padding: 12px;
  height: 50px;
}
.dragDropBtn:hover {
  background-color: #C3DBEB;
  border: 1px dashed #9DC0D7;
  color: #347C84;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dragDropBtn:hover svg {
  display: block;
  margin-right: 10px;
}
.dragDropBtn svg {
  display: none;
}

.tagsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.tagsContainer.gap-12 {
  gap: 12px;
}

.tagPrimary {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border: 1px solid #007A7A;
  background-color: #FFFFFF;
  border-radius: 2px;
  padding: 4px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007A7A;
  cursor: pointer;
}
.tagPrimary.active-tag {
  background-color: #007A7A;
  color: #FFFFFF;
}

.tagCritical {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border: 1px solid #EE7E00;
  background-color: #FFFFFF;
  border-radius: 2px;
  padding: 4px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EE7E00;
  cursor: pointer;
}
.tagCritical.active-tag {
  background-color: #EE7E00;
  color: #FFFFFF;
}

.colContainer {
  height: fit-content;
}

.col.expanded {
  flex: 2;
}
.col.expanded .docsCol.col-head {
  padding: 20px 24px;
}
.col.expanded .docsCol {
  padding: 20px 44px 44px 44px;
}
.col.expanded .docsGrid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 12px;
  position: relative;
}
.col.expanded .col-head .btnContainerExpanded {
  display: block;
}
.col.expanded .hideExpand {
  display: block;
}

.hideExpand {
  display: none;
}

col.hide {
  display: none;
}

.btnContainerExpanded {
  display: none;
}

.dbaName input, .dbaName select {
  width: 320px;
}

.flex-start {
  justify-content: flex-start;
}

.subduded-text-underline {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  text-decoration: underline;
  margin-top: 5px;
  padding-left: 10px;
}

.form-search.no-bg {
  background-image: none !important;
  padding-left: 12px !important;
}

.pb-0 {
  padding-bottom: 0px;
}

.pb-20 {
  padding-bottom: 20px;
}

.invoiceMeta {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.invoiceMeta div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#main.expanded .docsTrash {
  max-height: 354px;
}

#clientSubmissionEmail:hover {
  box-shadow: 0px -3px 0px 0px #007a7a inset;
}
#clientSubmissionEmail:hover span {
  color: #007A7A !important;
}

.intake-btn {
  margin-right: 44px;
}

.intake-numbs {
  margin-top: 20px;
  flex-wrap: nowrap;
}

.c-head-filters {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: 6px;
}

.radioTag {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border: 1px solid #007A7A;
  border-radius: 2px;
  padding: 2px 8px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007A7A;
  cursor: pointer;
}
.radioTag.active-tag {
  background-color: #007A7A;
  color: #FFFFFF;
}

.itake-numbs--container {
  text-align: center;
  position: relative;
  margin: 0 auto;
  align-items: center;
  flex: 1;
  border-right: 1px solid #C9CCD0;
}
.itake-numbs--container p {
  font-weight: 600;
  font-style: normal;
  font-size: 28px;
  line-height: 32px;
  color: #202223;
  text-decoration: none;
  margin-bottom: 4px;
  color: #6D7175;
}
.itake-numbs--container .text {
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  margin-bottom: 0;
}
.itake-numbs--container.no-right-border {
  border-right: none;
}

.intake-numbs--active {
  width: 100%;
  height: 3px;
  background-color: #007A7A;
  position: absolute;
  bottom: -24px;
}

.x-hider {
  position: absolute;
  width: 30px;
  height: 25px;
  background-color: #FFFFFF;
  right: 5px;
  top: 5px;
  margin: 0;
  z-index: 999;
}

.filterText {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  margin-right: 8px;
  display: inline-block;
}

.border-left-e {
  border-left: 1px solid #E1E3E5;
}

.submissionCol {
  border-top: 1px solid #E1E3E5;
  border-bottom: 1px solid #E1E3E5;
}
.submissionCol .tagsContainer {
  justify-content: flex-start;
}

.subInnerCol {
  padding: 20px 24px;
}
.subInnerCol.invoice-container {
  padding: 0px 0px 0px 24px;
}

.submissionMiddleCol {
  width: 60%;
  max-width: 80%;
}
.submissionMiddleCol .c-head {
  padding: 22px;
}

.subMidCol {
  width: 50%;
  max-width: 100%;
  flex: 2;
}

.subLastCol {
  flex: 1;
  min-width: 355px;
  width: 25%;
  max-width: 420px;
}

.subGrid {
  grid-template-columns: 1fr 2fr 1fr;
}

.submissionBigDoc--container {
  padding: 22px;
}
.submissionBigDoc--container .docPreview {
  border: none;
  margin-top: 24px;
  margin-right: 22px;
  margin-left: 22px;
}
.submissionBigDoc--container .docPreview img {
  max-width: 100%;
}

.slick-track {
  overflow: hidden;
}

.sliderContainer {
  position: relative;
  display: flex;
  width: 100%;
}

.w-25 {
  width: 25% !important;
}

.w-368 {
  width: 368px !important;
}

.submissionSlider {
  padding: 22px 38px;
  padding-top: 0px;
  overflow: hidden;
  display: flex;
  flex: 1;
  width: inherit;
}
.submissionSlider .slick-prev,
.submissionSlider .slick-next {
  top: 32%;
}
.submissionSlider .slick-prev img,
.submissionSlider .slick-next img {
  height: 19px;
}
.submissionSlider .slick-prev {
  left: 10px;
}
.submissionSlider .slick-prev img {
  transform: rotate(180deg);
}
.submissionSlider .slick-next {
  right: 10px;
}
.submissionSlider .submissionSlider-inner {
  padding-right: 10px;
  text-align: center;
  position: relative;
}
.submissionSlider .submissionSlider-inner:hover img:first-child {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #449DA7;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #449DA7;
  outline: 0;
  border-color: #8C9196;
  border-radius: 2px;
}
.submissionSlider .submissionSlider-inner img:first-child {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
  margin: 3px;
}
.submissionSlider .submissionSlider-inner img {
  width: 100%;
  margin: auto;
  margin-bottom: 8px;
}
.submissionSlider .submissionSlider--flag {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 24px !important;
  height: 24px;
}
.submissionSlider .toggleTag {
  width: auto;
  display: inline-block;
}
.submissionSlider .submissionSlider--flag-btm {
  position: absolute;
  bottom: 44px;
  left: 0;
}

.t-a-c {
  text-align: center !important;
}

.no-side-padding {
  padding-right: 0;
  padding-left: 0;
}

.no-padding {
  padding: 0;
}

.submissionInvoices-col {
  max-width: 15%;
  width: 15%;
  max-width: 200px;
}
.submissionInvoices-col .c-head {
  padding: 20px 0px 0px 0px;
}

.submissionInvoice-container {
  position: relative;
  margin: 0 24px 0 0;
  margin-bottom: 26px;
  overflow: visible;
}
.submissionInvoice-container:hover img:first-child {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #449DA7;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #449DA7;
  outline: 0;
  border-color: #8C9196;
  border-radius: 2px;
}
.submissionInvoice-container img:first-child {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
  margin: 4px;
}
.submissionInvoice-container img {
  width: 100%;
}
.submissionInvoice-container .checkbox-container {
  position: absolute;
  top: 0;
  right: -5px;
}
.submissionInvoice-container .checkbox-container input[type=checkbox] {
  margin: 0;
}
.submissionInvoice-container p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  text-align: center;
  margin: 0;
  height: 21px;
  position: absolute;
  bottom: 6px;
  width: 100%;
}
.submissionInvoice-container .submissionSlider--flag {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px !important;
  height: 24px;
  border-radius: 2px;
}
.submissionInvoice-container .dot {
  width: 38px;
  height: 38px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #FFFFFF;
  border-radius: 20px;
  padding: 12px 6px;
  text-align: center;
  position: absolute;
  right: -13px;
  top: -13px;
}
.submissionInvoice-container .dot-success {
  background-color: #007F5F;
}
.submissionInvoice-container .dot-warning {
  background-color: #FDCB49;
}
.submissionInvoice-container .dot-critical {
  background-color: #D72C0D;
}

.submissionPlusMinus {
  position: relative;
  background-color: #FFFFFF;
  border-top: 1px solid #E1E3E5;
  border-bottom: 1px solid #E1E3E5;
  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
}
.submissionPlusMinus .btnContainer {
  justify-content: center;
}
.submissionPlusMinus img {
  width: 16.5px;
  height: 16.5px;
}

.submissionInvoice-main-container {
  max-height: 1200px;
  flex: 1;
  overflow-y: scroll;
  padding-top: 16px;
  position: relative;
  overflow-x: visible;
}

.overflow-x-vis {
  overflow-x: visible;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.height-105 {
  min-height: 105px;
}

.submission-flag-container-main {
  padding: 24px;
}
.submission-flag-container-main .c-head {
  padding-right: 24px;
  padding-left: 24px;
}
.submission-flag-container-main .flag-row {
  display: flex;
  padding: 0 15px;
}
.submission-flag-container-main .flag-row p {
  margin-right: 15px;
  margin-left: 15px;
  padding: 12px 8px;
  margin-bottom: 0;
  width: 226px;
}
.submission-flag-container-main .flag-row:nth-of-type(even) {
  background-color: #f4f4f4;
}

.ml-pr-8 {
  padding-right: 8px;
}

.ml-pl-8 {
  padding-left: 8px;
}

.ml-12 {
  margin-left: 12px;
}

.max-100 {
  max-width: 100%;
}

.submission-action-container {
  position: relative;
}
.submission-action-container .card {
  position: absolute;
  display: none;
  width: 107px;
  padding: 12px;
  left: -8px;
  margin: 0;
  top: 32px;
  min-width: auto;
  height: auto;
}
.submission-action-container .card p {
  cursor: pointer;
}
.submission-action-container .card p:last-of-type {
  margin-bottom: 0;
}
.submission-action-container .card.show {
  display: block;
}

.submisson-invoices-btn-p img {
  margin: 16px;
  max-height: 14px;
  cursor: pointer;
}

.invoiceSubmissionSummary .submission-details-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 4px;
}
.invoiceSubmissionSummary .submission-details-col p {
  margin: 0 20px 4px 0;
}
.invoiceSubmissionSummary div .leftPadding25 {
  padding-left: 25px;
}

.clientEmails {
  margin-bottom: 47px;
}
.clientEmails .emailHeader {
  align-items: center;
  flex-direction: row;
  display: flex;
  gap: 8px;
}
.clientEmails .emailHeader .clientName {
  font-size: 14px;
  line-height: 20px;
}
.clientEmails .emailContentContainer {
  margin-bottom: 27px;
}
.clientEmails .emailContent {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  margin-left: 50px;
  gap: 16px;
  width: 620px;
}
.clientEmails .emailGreyBox {
  padding: 14px 12px 14px 12px;
  width: 640px;
  height: 150px;
  border: 1px solid #dadbdd;
  border-radius: 2px;
  background-color: #FAFBFB;
}
.clientEmails .emailGreyBox .docsGrid {
  display: grid;
  grid-template-columns: repeat(3, 67px);
  gap: 12px;
  position: relative;
  padding: 10px 0 10px 0;
}
.clientEmails .emailGreyBox .docImg {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
}
.clientEmails .emailGreyBox .docImg img {
  width: 100%;
  height: auto;
}
.clientEmails .scrollContainer {
  margin-top: 86px;
}
.clientEmails .scrollDivider {
  border-top: 1px solid #e1e3e5;
  padding: 0px !important;
  width: 760px;
  right: 0;
  margin: 0px !important;
  right: 0;
  position: fixed;
}
.clientEmails .scrollDivider.top {
  top: 92px;
}
.clientEmails .scrollDivider.bottom {
  bottom: 96px;
}
.clientEmails .fixedButton {
  bottom: 32px;
  right: auto;
  position: fixed;
}
.clientEmails .whiteBackground {
  height: 96px;
  width: 680px;
  background-color: white;
  position: fixed;
  z-index: 1;
}
.clientEmails .whiteBackground.bottom {
  bottom: 0;
}
.clientEmails .whiteBackground.top {
  top: 0;
}

.internal-note h5 {
  margin-bottom: 20px;
}
.internal-note .clientEmails {
  margin-bottom: 0px;
}
.internal-note .clientEmails .emailContentContainer {
  margin-bottom: 24px;
}

.internal-note-response {
  padding: 24px;
  border-top: 1px solid #e1e3e5;
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
}
.internal-note-response h5 {
  margin-bottom: 20px;
}
.internal-note-response .clientEmails {
  margin-bottom: 0px;
}
.internal-note-response .clientEmails .emailContentContainer {
  margin-bottom: 24px;
}

.internal-note-response-msg {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  height: 100%;
  padding: 24px;
  background-color: #fafbfb;
  border: 1px solid #e1e3e5;
}
.internal-note-response-msg textarea {
  width: 100%;
}

.no-bg {
  background-color: transparent !important;
}

.no-border {
  border: none !important;
}

.funds-comment-wrap {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.funds-comment-textarea {
  height: 32px;
  width: 100%;
  transition: height 0.2s ease;
  overflow: hidden;
}

.funds-comment-textarea:focus {
  height: 100px;
  border-radius: 2px;
}

#funds-comment {
  cursor: pointer;
  margin-left: 20px;
  position: absolute;
  margin-right: 12px;
  margin-bottom: 6px;
}

.container-messaging-lg {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  height: 100%;
  padding: 24px;
  background-color: #fafbfb;
  border: 1px solid #e1e3e5;
}
.container-messaging-lg .avatarContainerLg {
  border: none;
}

.nav-messaging-lg {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.nav-messaging-lg nav a {
  text-decoration: none;
  color: #6d7175;
}
.nav-messaging-lg nav ul {
  display: flex;
  gap: 32px;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  text-indent: 0;
}
.nav-messaging-lg nav ul li {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #6D7175;
  text-decoration: none;
  font-size: 12px !important;
  padding-bottom: 8px;
  padding: 0px 12px 8px 12px;
}
.nav-messaging-lg nav ul li.active-tab {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
}
.nav-messaging-lg nav ul li.active-tab svg path {
  fill: #202223;
}
.nav-messaging-lg nav ul li:hover,
.nav-messaging-lg nav ul li:focus {
  color: #202223;
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
}
.nav-messaging-lg nav ul li:hover svg path,
.nav-messaging-lg nav ul li:focus svg path {
  fill: #028888;
}

.messages-lg {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  margin-left: 40px;
  width: 620px;
}
.messages-lg div {
  margin-bottom: 16px;
}

.wrap-messaging-lg {
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.wrap-messaging-lg .textarea-messaging-lg {
  height: 105px;
  width: 100%;
  transition: height 0.2s ease;
  border: 1px solid #c9cccf;
}
.wrap-messaging-lg .textarea-messaging-lg:focus {
  height: 105px;
  border-radius: 2px;
  background-color: #fff5d9;
}
.wrap-messaging-lg .controls-messaging-lg {
  display: flex;
  position: absolute;
  bottom: 60px;
}
.wrap-messaging-lg .controls-messaging-lg .control-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 72px;
}
.wrap-messaging-lg .controls-messaging-lg .control-row ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding-left: 16px;
  margin-bottom: 0px;
}
.wrap-messaging-lg .controls-messaging-lg .control-row li {
  cursor: pointer;
  width: 15px;
  height: 15px;
  text-decoration: none;
}
.wrap-messaging-lg .controls-messaging-lg .control-row #msg-comment-btn {
  cursor: pointer;
  margin-left: 20px;
  margin-right: 12px;
  margin-bottom: 6px;
}
.wrap-messaging-lg .controls-group {
  align-items: center;
  gap: 24px;
}

.icon-lite {
  opacity: 50%;
}

.message-attachement {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 50%;
  border: 1px solid #e1e3e5;
  border-radius: 2px;
  margin-left: 50px;
  padding: 6px 12px;
}

.message-header-lg {
  width: 100% !important;
}
.message-header-lg .message-contact-field {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  width: 100% !important;
  border-top: 1px solid #c9cccf;
  border-left: 1px solid #c9cccf;
  border-right: 1px solid #c9cccf;
  border-bottom: none !important;
  background-color: #fff;
  color: #6d7175;
  font-size: 12px;
  padding-left: 12px;
}
.message-header-lg .message-contact-field input {
  background-color: transparent;
  padding-left: 0px;
}
.message-header-lg .form-select {
  width: 125px;
  border: none !important;
  color: #202223;
}
.message-header-lg .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.message-header-lg .form-text {
  width: 125px;
  border: none !important;
}
.message-header-lg .form-text:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.message-header-lg .alt-field {
  background-color: #fafbfb !important;
}

.showMoreText {
  cursor: pointer;
  color: #347C84;
  text-decoration: none;
}

.buildClientEmail {
  width: 100%;
  justify-content: space-between;
}
.buildClientEmail .docsGrid {
  display: grid !important;
  grid-template-columns: repeat(4, 126px);
  gap: 30px;
  position: relative;
  padding: 10px 0 10px 0;
}
.buildClientEmail .docImg {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
}
.buildClientEmail .docImg img {
  width: 100%;
  height: auto;
}
.buildClientEmail .docImg:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  outline: 0;
  border-color: #8C9196;
}
.buildClientEmail .invoiceCheckBox {
  position: absolute;
  left: 98px;
  top: 130px;
  display: flex;
}
.buildClientEmail .invoicePOD {
  position: absolute;
  left: 7px;
  top: 123px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.buildClientEmail .invoicePOD .tagSuccess {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  border: 1px solid #00a47c;
  background-color: #ffffff;
  border-radius: 2px;
  padding: 4px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00a47c;
  cursor: pointer;
}

.overlayPOD {
  z-index: 100;
  position: absolute;
  left: 7px;
  top: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.email {
  background-color: #e5e5e5;
  display: flex;
  justify-content: center;
}
.email .container {
  width: 600px;
  background: #ffffff;
  display: flex;
  padding: 45px 66px 45px 66px;
  border: 0.5px solid #dee3e6;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.email .ecapLogo {
  margin-bottom: 12px;
}
.email .highlight-link {
  text-decoration: none;
  color: #347C84;
}
.email .flagInfo {
  color: #D82C0D;
  margin-bottom: 32px;
}
.email .emailContentBox {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 36px 0 32px 0;
}
.email .emailContent {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.email .docsGrid {
  display: grid;
  grid-template-columns: repeat(3, 67px);
  gap: 12px;
  position: relative;
  padding: 10px 0 10px 0;
}
.email .docImg {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
}
.email .docImg img {
  width: 100%;
  height: auto;
}
.email .companyContactInfo {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 18px;
}
.email .mt-45 {
  margin-top: 45px;
}

.clientUpload__main-image {
  max-width: 100%;
}

.clientUpload__col-md-8 {
  background-image: url("../../../../img/Assets/ecapital-portal-background 1.jpg");
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1910px) {
  .clientUpload__col-md-8 {
    background-size: cover;
  }
}

.clientUpload__main-container,
.clientUpload__main-row {
  height: 100vh;
}

.clientUpload__main-container .file-upload-uploaded__data {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #8C9196;
  margin-bottom: 0px;
}
.clientUpload__main-container .file-upload-uploaded__title {
  margin-bottom: 0px;
}
.clientUpload__main-container .file-upload-uploaded__check {
  margin-left: 8px;
  float: right;
}
.clientUpload__main-container .file-upload-uploaded__check:hover svg #cross, .clientUpload__main-container .file-upload-uploaded__check:focus svg #cross {
  fill: #D82C0D;
}
.clientUpload__main-container .file-upload-uploaded__block {
  margin-bottom: 30px;
}
.clientUpload__main-container .file-upload-uploaded__progress-bar {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #EDF4FE;
}
.clientUpload__main-container .file-upload-uploaded__progress-bar .progress-bar-inner {
  border-radius: 5px;
  height: 5px;
  background: linear-gradient(#98C6CD, #449DA7);
}
.clientUpload__main-container .drag-area {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 125px;
  margin-bottom: 32px;
  border-radius: 4px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='4' ry='4' stroke='%238C9196FF' stroke-width='1' stroke-dasharray='10%2c 10' stroke-dashoffset='65' stroke-linecap='round'/%3e%3c/svg%3e");
}
.clientUpload__main-container .drag-area.active {
  border: 2px solid #fff;
}
.clientUpload__main-container .drag-area .icon {
  font-size: 100px;
  color: #fff;
}
.clientUpload__main-container .drag-area header {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
.clientUpload__main-container .drag-area span {
  font-size: 25px;
  font-weight: 500;
  color: #fff;
  margin: 10px 0 15px 0;
}
.clientUpload__main-container .drag-area button {
  padding: 10px 25px;
  font-size: 20px;
  font-weight: 500;
  border: none;
  outline: none;
  background: #fff;
  color: #5256ad;
  border-radius: 5px;
  cursor: pointer;
}
.clientUpload__main-container .drag-area img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.clientUpload__main-container .drag-area header {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #8C9196;
  margin-bottom: 4px;
}
.clientUpload__main-container .drag-area header button {
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #007A7A;
  padding: 0;
  text-decoration: underline;
}
.clientUpload__main-container .drag-area p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #8C9196;
}

textarea.eCapEmailInput {
  height: 140px;
  width: 377px;
}

.clientUpload__form-block {
  width: 100%;
  margin-bottom: 16px;
}

div.fullWidth {
  width: 100%;
}

.clientUpload__col-md-4 {
  padding: 0 72px 0 70px;
  flex: none;
  min-width: 480px;
}
.clientUpload__col-md-4 .clientUpload__form,
.clientUpload__col-md-4 .setNewPassword__form {
  display: block;
}

.clientUpload__forgot-password {
  cursor: pointer;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #6D7175;
  text-decoration: none;
}

.clientUpload__logo {
  margin-bottom: 16px;
}

.clientUpload__text {
  margin-bottom: 32px;
}

.clientUpload__forgot-password {
  position: absolute;
  right: 0;
}

.margin-top-0 {
  margin-top: 0;
}

.margin-bottom-0 {
  margin-bottom: 0;
}

.clientUpload__col-md-4-inner {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
}

.clientUploadPanel {
  width: 521px;
  background-color: #ffffff;
}

.twoColumns .col2 input {
  min-width: 100%;
}

.dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 4px;
}

.red {
  background-color: #d82c0d;
}

.orange {
  background-color: #ee7e00;
}

.yellow {
  background-color: #ffc453;
}

.gray {
  background-color: #787878;
}
.green {
  background-color: #00cc44;
}

.primary {
  background-color: #007a7a;
}

.menu-divider {
  padding: 8px 16px;
}

.viewImagesBackground {
  background-color: #F6F6F7;
}

.viewImages .fileHeader {
  background-color: #33414b;
  height: 96px;
  width: 100%;
  border: none;
  padding: 36px 40px;
}
.viewImages .fileName {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202223;
  text-decoration: none;
  font-weight: 500;
  color: #fff;
}
.viewImages .gap14 {
  gap: 14px;
}
.viewImages .fileBody {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 96px;
}
.viewImages .tagsContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.viewImages .previewFile {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  height: 650px;
  width: 518px;
  border-radius: 2px;
  margin: auto;
  margin-top: 24px;
}
.viewImages .file-pagination {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}
.viewImages .file-pagination input.page-input {
  height: 20px;
  width: 20px;
  overflow: visible !important;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  margin-top: 2px;
  border: none;
  outline: none;
  background-color: #F6F6F7;
}
.viewImages .file-pagination input.page-input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
.viewImages .file-pagination input.page-input:active {
  border: none;
  outline: none;
  box-shadow: none;
}

.t-a-l {
  text-align: left !important;
}

.h-11 {
  height: 11px;
}

.d-flex {
  display: flex;
}

.flag-container {
  display: flex;
  background-color: #D72C0D;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
  height: 19px;
  padding: 2px 7px 2px 7px;
  border-radius: 9px;
  margin-top: 6px;
  margin-left: 12px;
  color: #FFFFFF;
}
.flag-container img {
  max-width: 10px;
  margin-left: 3px;
  margin-top: 3px;
  max-height: 10px;
  display: inline-block;
}

.chain-link-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #B98900;
  height: 19px;
  padding: 2px 7px;
  border-radius: 9px;
  color: #FFFFFF;
}
.chain-link-container img {
  display: inline-block;
}

.divider-top-left {
  position: absolute;
  left: -16px;
  top: -18px;
  height: 54px;
}

.OCR-blank {
  height: 11px;
  background-image: url(/img/Assets/OCR-greyCircle.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-success {
  height: 11px;
  background-image: url(/img/Assets/OCR-success.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-success-subdued {
  height: 11px;
  background-image: url(/img/Assets/OCR-success-subdued.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-critical {
  height: 11px;
  background-image: url(/img/Assets/OCR-critical.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-openDoc {
  height: 11px;
  background-image: url(/img/Assets/OCR-openDoc.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  cursor: pointer;
}

.OCR-openDoc-disabled {
  height: 11px;
  background-image: url(/img/Assets/OCR-openDoc-disabled.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-openDoc-subdued {
  height: 11px;
  background-image: url(/img/Assets/OCR-openDoc-subdued.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-arrow {
  height: 11px;
  background-image: url(/img/Assets/OCR-arrow.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.OCR-loader {
  height: 11px;
  background-image: url(/img/Assets/OCR-loader.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.connection-success {
  border-bottom: 1px solid #007F5F;
  left: -28px;
  right: -24px;
  position: absolute;
  z-index: 0;
}

.connection-critical {
  border-bottom: 1px solid #D72C0D;
  left: -28px;
  right: -24px;
  position: absolute;
  z-index: 0;
}

.connection-blank {
  border-bottom: 1px solid #969696;
  left: -28px;
  right: -24px;
  position: absolute;
  z-index: 0;
}

.file-upload {
  width: 20px;
  margin-right: 3px;
}
.file-upload.success {
  background-image: url(/img/Assets/greenCheck.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
  background-size: 15px;
}

.form-grid.historicalAdvance {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.form-grid.historicalAdvance .twoRows {
  grid-row: 1/3;
  grid-column: 2/2;
}
.form-grid.historicalAdvance .fiveRows {
  border-top: 1px solid #E1E3E5;
  grid-row: 3/8;
  grid-column: 2/2;
  align-items: flex-start;
  align-self: start;
}
.form-grid.historicalAdvance .docContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  gap: 8px;
  text-decoration: none;
}
.form-grid.historicalAdvance .imageDoc {
  height: 99px;
  width: 90px;
  cursor: pointer;
}
.form-grid.historicalAdvance .detailsGrid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}
.form-grid.historicalAdvance .detailsGrid label {
  color: #6D7175;
}
.form-grid.historicalAdvance .detailsGrid .verificationNote {
  grid-row: 1/3;
  grid-column: 3/3;
}

#newCarrierRequest .hide {
  display: none;
}
#newCarrierRequest .file-upload-uploaded {
  padding-top: 6px;
}
#newCarrierRequest .file-upload-uploaded__data {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #8C9196;
  margin: 0;
}
#newCarrierRequest .file-upload-uploaded__title {
  margin-bottom: 0px;
}
#newCarrierRequest .file-upload-uploaded__check {
  margin-left: 5px;
  float: right;
}
#newCarrierRequest .file-upload-uploaded__check:hover svg #cross, #newCarrierRequest .file-upload-uploaded__check:focus svg #cross {
  fill: #D82C0D;
}
#newCarrierRequest .file-upload-uploaded__info {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 125px;
  margin-bottom: 10px;
}
#newCarrierRequest .file-upload-uploaded__block {
  margin-bottom: 30px;
}
#newCarrierRequest .file-upload-uploaded__progress-bar {
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #EDF4FE;
}
#newCarrierRequest .file-upload-uploaded__progress-bar .progress-bar-inner {
  border-radius: 5px;
  height: 5px;
  background: linear-gradient(#98C6CD, #449DA7);
}

#carrierCompliance .carrierComplianceCard {
  z-index: 1;
  min-height: 0px;
}
#carrierCompliance .carrierComplianceCard p {
  margin-bottom: 0;
}
#carrierCompliance .underCard {
  margin-top: -100px;
  padding-top: 100px;
  z-index: 0;
}
#carrierCompliance .underCard .c-head {
  margin-top: 4px;
  padding-bottom: 36px;
}
#carrierCompliance .underCard .c-foot button,
#carrierCompliance .underCard .c-foot [type=submit] {
  padding: 8px 27px;
}
#carrierCompliance .carrierComplianceInfo {
  grid-template-columns: repeat(5, 1fr) 80px;
  grid-template-rows: repeat(1, 1fr);
  border-top: 1px solid #C3DBEB;
  padding-top: 24px;
}
#carrierCompliance table.compliance {
  margin-bottom: 32px;
}
#carrierCompliance table.compliance tr {
  flex: 1;
}
#carrierCompliance table.compliance td:nth-child(1) {
  width: 195px;
}
#carrierCompliance table input.pValue {
  background-color: #FFFFFF;
  background-image: url(/img/Assets/pValue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-size: auto;
}
#carrierCompliance table input.pValue:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
#carrierCompliance table input.modValue {
  background-color: #F1F8F5;
  border-color: #00A47C;
  background-image: url(/img/Assets/modValue.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-size: auto;
}
#carrierCompliance table input.modValue:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
#carrierCompliance .verified {
  width: 160px;
}
#carrierCompliance .verifiedCol th:last-child,
#carrierCompliance .verifiedCol td:last-child {
  width: 160px;
}

.verificationScreen div.width50per {
  width: 50%;
  padding-right: 20px;
}
.verificationScreen .form-search.width410 {
  width: 410px;
}
.verificationScreen .checkmark-container.td-center {
  margin-left: 15px;
  text-align: center;
  vertical-align: middle;
}
.verificationScreen .verificationInfoContainer {
  flex-direction: row !important;
}
.verificationScreen .verificationInfoContainer h5 {
  margin-bottom: 8px;
  margin-top: 0px;
}
.verificationScreen .verificationInfoContainer .rowGap4px {
  row-gap: 4px !important;
}
.verificationScreen .verificationInfoContainer .buttonHeader {
  display: flex;
  width: 100%;
  flex-direction: row !important;
  justify-content: space-between;
}
.verificationScreen .verificationInfoContainer div.border-left {
  border-left: 0.25px solid #E1E3E5 !important;
  padding-left: 20px;
  gap: 20px;
}
.verificationScreen .verificationInfoContainer div.border-right {
  border-right: 0.25px solid #E1E3E5 !important;
  padding-right: 20px;
  gap: 20px;
}
.verificationScreen .verificationInfoContainer div.right-noBorder {
  padding-right: 40px;
  gap: 20px;
}

.cardHeaderInfoHover {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 14px;
}
.cardHeaderInfoHover ul {
  display: flex;
  flex-direction: row;
  column-gap: 40px;
  row-gap: 4px;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}
.cardHeaderInfoHover ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cardHeaderInfoHover ul h6 {
  color: #6D7175;
  padding-bottom: 10px;
}
.cardHeaderInfoHover ul h4 {
  padding-bottom: 10px;
}
.cardHeaderInfoHover ul .active-tab {
  box-shadow: 0px -3px 0px 0px #007a7a inset;
  color: #007a7a;
  cursor: pointer;
}
.cardHeaderInfoHover ul .active-tab h6,
.cardHeaderInfoHover ul .active-tab h4 {
  color: #007a7a;
}
.cardHeaderInfoHover ul.leftContent li:hover {
  box-shadow: 0px -3px 0px 0px #007a7a inset;
  color: #007a7a;
  cursor: pointer;
}
.cardHeaderInfoHover ul.leftContent li:hover h6,
.cardHeaderInfoHover ul.leftContent li:hover h4 {
  color: #007a7a;
}
.cardHeaderInfoHover ul.rightContent h4 {
  color: #6D7175;
}
.cardHeaderInfoHover ul .border {
  border-right: 0.5px solid #E1E3E5 !important;
  height: 40px;
  align-self: center;
}

#ver_viewDocsPanel .docsGrid,
#postVer_viewDocsPanel .docsGrid,
#preVer_viewDocsPanel .docsGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 12px;
  position: relative;
  padding-bottom: 20px;
  justify-content: flex-start;
  min-height: 200px;
}
#ver_viewDocsPanel .docsGrid .doc,
#postVer_viewDocsPanel .docsGrid .doc,
#preVer_viewDocsPanel .docsGrid .doc {
  gap: 8px;
}
#ver_viewDocsPanel .docsGrid .docThumb,
#postVer_viewDocsPanel .docsGrid .docThumb,
#preVer_viewDocsPanel .docsGrid .docThumb {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
  height: fit-content;
}
#ver_viewDocsPanel .docsGrid .docThumb img,
#postVer_viewDocsPanel .docsGrid .docThumb img,
#preVer_viewDocsPanel .docsGrid .docThumb img {
  width: 100%;
  height: auto;
}
#ver_viewDocsPanel .docsGrid .docThumb:hover,
#postVer_viewDocsPanel .docsGrid .docThumb:hover,
#preVer_viewDocsPanel .docsGrid .docThumb:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  outline: 0;
  border-color: #8C9196;
  cursor: pointer;
}

.verificationInfo {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 14px;
}
.verificationInfo ul {
  display: flex;
  flex-direction: row;
  column-gap: 40px;
  row-gap: 4px;
  align-items: center;
  padding: 0;
  margin-bottom: 0;
}
.verificationInfo ul li {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.verificationInfo ul h6 {
  color: #6D7175;
  padding-bottom: 10px;
}
.verificationInfo ul h4 {
  padding-bottom: 10px;
}
.verificationInfo ul.leftContent li h4:hover {
  box-shadow: 0px -3px 0px 0px #007A7A inset;
  color: #007A7A;
  cursor: pointer;
}
.verificationInfo ul.rightContent h4 {
  color: #6D7175;
}
.verificationInfo ul .border {
  border-right: 0.5px solid #E1E3E5 !important;
  height: 40px;
  align-self: center;
}

.checkboxmarker {
  padding-left: 35px;
}

.verificationsCard .debtorResponseGrid {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
.verificationsCard button {
  z-index: 0;
}
.verificationsCard .dot {
  width: 12px;
  height: 12px;
  background-color: #D72C0D;
  border-radius: 12px;
  padding: 5px 6px;
  position: absolute;
  right: 137px;
  top: 16px;
  z-index: 1;
}

#ver-col2-container {
  display: flex;
  flex-direction: row;
}

#ver-left-col {
  display: flex;
  flex-direction: column;
  width: 50%;
  gap: 16px;
  padding-right: 24px;
}

#ver-right-col {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: 16px;
  padding-left: 24px;
  border-left: 1px solid #E1E3E5 !important;
}

#ver-right-col-noB {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
  padding-left: 24px;
}

.issues {
  width: 100%;
}

.br-1px {
  border-right: 1px solid #E1E3E5 !important;
  padding-right: 24px;
}

#spaceBetween-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.addFav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  margin-left: 8px;
  background-color: #eef4f8;
  border-radius: 2px;
}

.addFav:hover {
  height: 32px;
  width: 32px;
  background-color: #dfeef8;
}

.star-click {
  height: 14px;
  width: 14px;
}

.star-click:hover {
  height: 14px;
  width: 14px;
}

.pb-32 {
  padding-bottom: 32px;
}

.mb-28 {
  margin-bottom: 28px;
}

#ver-client-header {
  padding: 16px 20px 16px 24px;
}
#ver-client-header p {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
  margin-bottom: 16px;
}
#ver-client-header .flexAccountInfo {
  margin-top: 0px;
}
#ver-client-header .minimizeCard.minimized {
  height: 100px;
  min-height: 100px;
}

#ver_emailToClient .container, #pre_ver_emailToClient .container {
  height: unset;
  width: 600px;
  background: #ffffff;
  display: flex;
  padding: 40px;
  border: 0.5px solid #dee3e6;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#ver_emailToClient .emailContent, #pre_ver_emailToClient .emailContent {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
#ver_emailToClient .emailContentBox, #pre_ver_emailToClient .emailContentBox {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 14px;
}

#terms_editPurchaseFee .radioButtonBox, #af_overridePurchaseFee .radioButtonBox {
  display: flex;
  flex-direction: column;
  height: 159px;
  width: 198px;
  border-radius: 5px;
  border: 1px solid #E1E3E5;
  background-color: #FFFFFF;
  padding: 10px;
  margin-top: 12px;
  margin-bottom: 12px;
}
#terms_editPurchaseFee .radioButtonBox .checkboxTopMargin, #af_overridePurchaseFee .radioButtonBox .checkboxTopMargin {
  margin-top: 25px;
}
#terms_editPurchaseFee .radioButtonBox input, #af_overridePurchaseFee .radioButtonBox input {
  width: 150px;
}
#terms_editPurchaseFee .or, #af_overridePurchaseFee .or {
  margin: 0 15px;
  align-self: center;
}

/**
  * Developers use 'devExtreme library' to render form elements eg. input,
  * a 'search icon' is embedded within the input field via .form-search
  * but this is not compatible with the library eg. <input class="form-search" />
  * The following styles are used to mock the form input search element for
  * a div instead of an input to match the design system
  */
.mimic-form-input-search {
  padding-left: 36px;
  padding-right: 8px;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.1998 9.8C4.2117 9.8 2.5998 8.1881 2.5998 6.2C2.5998 4.2119 4.2117 2.6 6.1998 2.6C8.1879 2.6 9.7998 4.2119 9.7998 6.2C9.7998 8.1881 8.1879 9.8 6.1998 9.8ZM14.9361 13.6637L10.5981 9.3257C11.2263 8.4428 11.5998 7.3664 11.5998 6.2C11.5998 3.2183 9.18151 0.799999 6.1998 0.799999C3.2181 0.799999 0.799805 3.2183 0.799805 6.2C0.799805 9.1817 3.2181 11.6 6.1998 11.6C7.3662 11.6 8.4426 11.2265 9.3255 10.5983L13.6635 14.9363C13.839 15.1118 14.0694 15.2 14.2998 15.2C14.5302 15.2 14.7606 15.1118 14.9361 14.9363C15.288 14.5844 15.288 14.0156 14.9361 13.6637Z' fill='%23787878'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 14px;
  border: 1px solid #8C9196;
  border-radius: 2px;
  height: 32px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
}

.payment-info-adjustment-container {
  margin-top: 20px;
  padding: 20px;
  background-color: #edf4fe;
}

.btn-group--adjustment {
  border: 1px solid #005c5c;
  border-radius: 4px;
}

.btn-group__separator {
  background-color: #005c5c;
  width: 2px;
  height: 32px;
  display: inline-block;
  position: relative;
  top: 0;
}

/* Styling the checkbox. */
.demo-container .dx-checkbox-indeterminate .dx-checkbox-icon::before {
  border-radius: 2px;
}

/* Styling the checkbox. */
.body.dx-viewport .datagrid .dx-checkbox-icon,
body.dx-viewport .demo-container .dx-checkbox-icon {
  font-size: 18px;
}

.grid-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  flex-direction: column;
  align-items: baseline;
}

.grid-container-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  flex-direction: column;
  align-items: baseline;
}

.grid-container-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  flex-direction: column;
  align-items: baseline;
}

.grid-container-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 20px;
}

.one-columns {
  grid-column: span 1;
}

.two-columns {
  grid-column: span 2;
}

.three-columns {
  grid-column: span 3;
}

.error-container {
  height: calc(100vh - 56px);
}

.communication-dropdown-container .dropdown-menu {
  width: 100%;
  padding: 15px 17px;
}

.communication-dropdown-container .dropdown-menu li {
  padding: 7px 0;
}

.communication-dropdown-container .dropdown-toggle {
  height: 32px;
}

.communication-dropdown-container .dropdown-toggle::after {
  display: none;
}

.communication-dropdown-container .dropdown-toggle:focus,
.communication-dropdown-container .dropdown-toggle:active {
  background-color: transparent;
  box-shadow: none !important;
  color: #212529;
}

.communication-dropdown-container .dropdown-toggle:focus:not(:disabled):not(.disabled):active:focus {
  box-shadow: none !important;
}

.communication-dropdown-container .dropdown-toggle:hover {
  background-color: transparent;
  color: #212529;
}

/** Generated by the DevExpress ThemeBuilder
* Version: 22.1.3
* http://js.devexpress.com/ThemeBuilder/
*/
.demo-container .dx-validationsummary-item {
  cursor: pointer;
}
.demo-container .dx-invalid-message.dx-overlay {
  position: relative;
}
.demo-container .dx-invalid-message.dx-overlay-wrapper {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
}
.demo-container .dx-invalid-message > .dx-overlay-content {
  display: inline-block;
  border-width: 0;
  font-size: 0.85em;
  line-height: normal;
  word-wrap: break-word;
}
.demo-container .dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
.demo-container .dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto,
.demo-container .dx-invalid-message.dx-invalid-message-always,
.demo-container .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto,
.demo-container .dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible;
}
.demo-container .dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
@-webkit-keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@font-face {
  .demo-container {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url("../../fonts/Roboto-300.woff2") format("woff2"), url("../../fonts/Roboto-300.woff") format("woff"), url("../../fonts/Roboto-300.ttf") format("truetype");
  }
}
@font-face {
  .demo-container {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url("../../fonts/Roboto-400.woff2") format("woff2"), url("../../fonts/Roboto-400.woff") format("woff"), url("../../fonts/Roboto-400.ttf") format("truetype");
  }
}
@font-face {
  .demo-container {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url("../../fonts/Roboto-500.woff2") format("woff2"), url("../../fonts/Roboto-500.woff") format("woff"), url("../../fonts/Roboto-500.ttf") format("truetype");
  }
}
@font-face {
  .demo-container {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("../../fonts/Roboto-700.woff2") format("woff2"), url("../../fonts/Roboto-700.woff") format("woff"), url("../../fonts/Roboto-700.ttf") format("truetype");
  }
}
.demo-container .dx-theme-material-typography {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2857;
}
.demo-container .dx-theme-material-typography a {
  color: #007a7a;
}
.demo-container .dx-icon-add,
.demo-container .dx-icon-addcolumnleft,
.demo-container .dx-icon-addcolumnright,
.demo-container .dx-icon-addrowabove,
.demo-container .dx-icon-addrowbelow,
.demo-container .dx-icon-addtable,
.demo-container .dx-icon-airplane,
.demo-container .dx-icon-aligncenter,
.demo-container .dx-icon-alignjustify,
.demo-container .dx-icon-alignleft,
.demo-container .dx-icon-alignright,
.demo-container .dx-icon-arrowdown,
.demo-container .dx-icon-arrowleft,
.demo-container .dx-icon-arrowright,
.demo-container .dx-icon-arrowup,
.demo-container .dx-icon-background,
.demo-container .dx-icon-blockquote,
.demo-container .dx-icon-bold,
.demo-container .dx-icon-bookmark,
.demo-container .dx-icon-box,
.demo-container .dx-icon-bulletlist,
.demo-container .dx-icon-car,
.demo-container .dx-icon-card,
.demo-container .dx-icon-cart,
.demo-container .dx-icon-cellproperties,
.demo-container .dx-icon-chart,
.demo-container .dx-icon-checklist,
.demo-container .dx-icon-clear,
.demo-container .dx-icon-clearformat,
.demo-container .dx-icon-clock,
.demo-container .dx-icon-close,
.demo-container .dx-icon-codeblock,
.demo-container .dx-icon-color,
.demo-container .dx-icon-columnproperties,
.demo-container .dx-icon-comment,
.demo-container .dx-icon-decreaseindent,
.demo-container .dx-icon-doc,
.demo-container .dx-icon-download,
.demo-container .dx-icon-edit,
.demo-container .dx-icon-email,
.demo-container .dx-icon-event,
.demo-container .dx-icon-favorites,
.demo-container .dx-icon-find,
.demo-container .dx-icon-folder,
.demo-container .dx-icon-fontsize,
.demo-container .dx-icon-food,
.demo-container .dx-icon-formula,
.demo-container .dx-icon-gift,
.demo-container .dx-icon-globe,
.demo-container .dx-icon-group,
.demo-container .dx-icon-growfont,
.demo-container .dx-icon-header,
.demo-container .dx-icon-help,
.demo-container .dx-icon-home,
.demo-container .dx-icon-image,
.demo-container .dx-icon-increaseindent,
.demo-container .dx-icon-indent,
.demo-container .dx-icon-info,
.demo-container .dx-icon-italic,
.demo-container .dx-icon-key,
.demo-container .dx-icon-like,
.demo-container .dx-icon-link,
.demo-container .dx-icon-map,
.demo-container .dx-icon-mention,
.demo-container .dx-icon-menu,
.demo-container .dx-icon-mergecells,
.demo-container .dx-icon-money,
.demo-container .dx-icon-music,
.demo-container .dx-icon-orderedlist,
.demo-container .dx-icon-overflow,
.demo-container .dx-icon-percent,
.demo-container .dx-icon-photo,
.demo-container .dx-icon-plus,
.demo-container .dx-icon-preferences,
.demo-container .dx-icon-product,
.demo-container .dx-icon-redo,
.demo-container .dx-icon-refresh,
.demo-container .dx-icon-remove,
.demo-container .dx-icon-removecolumn,
.demo-container .dx-icon-removerow,
.demo-container .dx-icon-removetable,
.demo-container .dx-icon-rowproperties,
.demo-container .dx-icon-runner,
.demo-container .dx-icon-save,
.demo-container .dx-icon-search,
.demo-container .dx-icon-shrinkfont,
.demo-container .dx-icon-splitcells,
.demo-container .dx-icon-strike,
.demo-container .dx-icon-subscript,
.demo-container .dx-icon-superscript,
.demo-container .dx-icon-tableproperties,
.demo-container .dx-icon-tags,
.demo-container .dx-icon-tel,
.demo-container .dx-icon-tips,
.demo-container .dx-icon-todo,
.demo-container .dx-icon-toolbox,
.demo-container .dx-icon-underline,
.demo-container .dx-icon-undo,
.demo-container .dx-icon-user,
.demo-container .dx-icon-variable,
.demo-container .dx-icon-verticalalignbottom,
.demo-container .dx-icon-verticalaligncenter,
.demo-container .dx-icon-verticalaligntop,
.demo-container .dx-icon-video {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.demo-container .dx-icon {
  background-position: 50% 50%;
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.demo-container .dx-svg-icon svg {
  pointer-events: none;
}
.demo-container .dx-rtl .dx-icon-spinnext::before {
  content: "\f04f";
}
.demo-container .dx-rtl .dx-icon-spinprev::before {
  content: "\f04e";
}
.demo-container .dx-rtl .dx-icon-chevronnext::before {
  content: "\f012";
}
.demo-container .dx-rtl .dx-icon-back::before,
.demo-container .dx-rtl .dx-icon-chevronprev::before {
  content: "\f010";
}
.demo-container .dx-rtl .dx-icon-undo::before {
  content: "\f093";
}
.demo-container .dx-rtl .dx-icon-redo::before {
  content: "\f04c";
}
.demo-container .dx-rtl .dx-icon-hidepanel::before {
  content: "\f11d";
}
.demo-container .dx-rtl .dx-icon-showpanel::before {
  content: "\f11c";
}
@font-face {
  .demo-container {
    font-family: DXIcons;
    src: local("DevExtreme Material Icons"), local("devextreme_material_icons"), url("../../icons/dxiconsmaterial.woff2?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") format("woff2"), url("../../icons/dxiconsmaterial.woff?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") format("woff"), url("../../icons/dxiconsmaterial.ttf?v=jPkQ9N4w2K4Y_ceMxhirb-4Pls0") format("truetype");
    font-weight: 400;
    font-style: normal;
  }
}
.demo-container .dx-icon-add {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-add::before {
  content: "\f00b";
}
.demo-container .dx-icon-airplane {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-airplane::before {
  content: "\f000";
}
.demo-container .dx-icon-bookmark {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-bookmark::before {
  content: "\f017";
}
.demo-container .dx-icon-box {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-box::before {
  content: "\f018";
}
.demo-container .dx-icon-car {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-car::before {
  content: "\f01b";
}
.demo-container .dx-icon-card {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-card::before {
  content: "\f019";
}
.demo-container .dx-icon-cart {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-cart::before {
  content: "\f01a";
}
.demo-container .dx-icon-chart {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chart::before {
  content: "\f01c";
}
.demo-container .dx-icon-check {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-check::before {
  content: "\f005";
}
.demo-container .dx-icon-clear {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-clear::before {
  content: "\f008";
}
.demo-container .dx-icon-clock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-clock::before {
  content: "\f01d";
}
.demo-container .dx-icon-close {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-close::before {
  content: "\f00a";
}
.demo-container .dx-icon-coffee {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-coffee::before {
  content: "\f02a";
}
.demo-container .dx-icon-comment {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-comment::before {
  content: "\f01e";
}
.demo-container .dx-icon-doc {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-doc::before {
  content: "\f021";
}
.demo-container .dx-icon-file {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-file::before {
  content: "\f021";
}
.demo-container .dx-icon-download {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-download::before {
  content: "\f022";
}
.demo-container .dx-icon-dragvertical {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-dragvertical::before {
  content: "\f038";
}
.demo-container .dx-icon-edit {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-edit::before {
  content: "\f023";
}
.demo-container .dx-icon-email {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-email::before {
  content: "\f024";
}
.demo-container .dx-icon-event {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-event::before {
  content: "\f026";
}
.demo-container .dx-icon-favorites {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-favorites::before {
  content: "\f025";
}
.demo-container .dx-icon-find {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-find::before {
  content: "\f027";
}
.demo-container .dx-icon-filter {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-filter::before {
  content: "\f050";
}
.demo-container .dx-icon-folder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-folder::before {
  content: "\f028";
}
.demo-container .dx-icon-activefolder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-activefolder::before {
  content: "\f028";
}
.demo-container .dx-icon-food {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-food::before {
  content: "\f029";
}
.demo-container .dx-icon-gift {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-gift::before {
  content: "\f02b";
}
.demo-container .dx-icon-globe {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-globe::before {
  content: "\f02c";
}
.demo-container .dx-icon-group {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-group::before {
  content: "\f02e";
}
.demo-container .dx-icon-help {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-help::before {
  content: "\f02f";
}
.demo-container .dx-icon-home {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-home::before {
  content: "\f030";
}
.demo-container .dx-icon-image {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-image::before {
  content: "\f031";
}
.demo-container .dx-icon-info {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-info::before {
  content: "\f032";
}
.demo-container .dx-icon-key {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-key::before {
  content: "\f033";
}
.demo-container .dx-icon-like {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-like::before {
  content: "\f034";
}
.demo-container .dx-icon-map {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-map::before {
  content: "\f035";
}
.demo-container .dx-icon-menu {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-menu::before {
  content: "\f00c";
}
.demo-container .dx-icon-message {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-message::before {
  content: "\f024";
}
.demo-container .dx-icon-money {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-money::before {
  content: "\f036";
}
.demo-container .dx-icon-music {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-music::before {
  content: "\f037";
}
.demo-container .dx-icon-overflow {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-overflow::before {
  content: "\f00d";
}
.demo-container .dx-icon-percent {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-percent::before {
  content: "\f039";
}
.demo-container .dx-icon-photo {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-photo::before {
  content: "\f03a";
}
.demo-container .dx-icon-plus {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-plus::before {
  content: "\f00b";
}
.demo-container .dx-icon-minus {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-minus::before {
  content: "\f074";
}
.demo-container .dx-icon-preferences {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-preferences::before {
  content: "\f03b";
}
.demo-container .dx-icon-product {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-product::before {
  content: "\f03c";
}
.demo-container .dx-icon-pulldown {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pulldown::before {
  content: "\f062";
}
.demo-container .dx-icon-refresh {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-refresh::before {
  content: "\f03d";
}
.demo-container .dx-icon-remove {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-remove::before {
  content: "\f00a";
}
.demo-container .dx-icon-revert {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-revert::before {
  content: "\f04c";
}
.demo-container .dx-icon-runner {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-runner::before {
  content: "\f040";
}
.demo-container .dx-icon-save {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-save::before {
  content: "\f041";
}
.demo-container .dx-icon-search {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-search::before {
  content: "\f027";
}
.demo-container .dx-icon-tags {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-tags::before {
  content: "\f009";
}
.demo-container .dx-icon-tel {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-tel::before {
  content: "\f003";
}
.demo-container .dx-icon-tips {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-tips::before {
  content: "\f004";
}
.demo-container .dx-icon-todo {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-todo::before {
  content: "\f005";
}
.demo-container .dx-icon-toolbox {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-toolbox::before {
  content: "\f007";
}
.demo-container .dx-icon-trash {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-trash::before {
  content: "\f03e";
}
.demo-container .dx-icon-user {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-user::before {
  content: "\f02d";
}
.demo-container .dx-icon-upload {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-upload::before {
  content: "\f006";
}
.demo-container .dx-icon-floppy {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-floppy::before {
  content: "\f073";
}
.demo-container .dx-icon-arrowleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-arrowleft::before {
  content: "\f011";
}
.demo-container .dx-icon-arrowdown {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-arrowdown::before {
  content: "\f015";
}
.demo-container .dx-icon-arrowright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-arrowright::before {
  content: "\f00e";
}
.demo-container .dx-icon-arrowup {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-arrowup::before {
  content: "\f013";
}
.demo-container .dx-icon-spinleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spinleft::before {
  content: "\f04f";
}
.demo-container .dx-icon-spinprev {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spinprev::before {
  content: "\f04f";
}
.demo-container .dx-icon-spinright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spinright::before {
  content: "\f04e";
}
.demo-container .dx-icon-spinnext {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spinnext::before {
  content: "\f04e";
}
.demo-container .dx-icon-spindown {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spindown::before {
  content: "\f001";
}
.demo-container .dx-icon-spinup {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-spinup::before {
  content: "\f002";
}
.demo-container .dx-icon-chevronleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevronleft::before {
  content: "\f012";
}
.demo-container .dx-icon-chevronprev {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevronprev::before {
  content: "\f012";
}
.demo-container .dx-icon-back {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-back::before {
  content: "\f012";
}
.demo-container .dx-icon-chevronright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevronright::before {
  content: "\f010";
}
.demo-container .dx-icon-chevronnext {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevronnext::before {
  content: "\f010";
}
.demo-container .dx-icon-chevrondown {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevrondown::before {
  content: "\f016";
}
.demo-container .dx-icon-chevronup {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevronup::before {
  content: "\f014";
}
.demo-container .dx-icon-chevrondoubleleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevrondoubleleft::before {
  content: "\f042";
}
.demo-container .dx-icon-chevrondoubleright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-chevrondoubleright::before {
  content: "\f03f";
}
.demo-container .dx-icon-equal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-equal::before {
  content: "\f044";
}
.demo-container .dx-icon-notequal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-notequal::before {
  content: "\f045";
}
.demo-container .dx-icon-less {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-less::before {
  content: "\f046";
}
.demo-container .dx-icon-greater {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-greater::before {
  content: "\f047";
}
.demo-container .dx-icon-lessorequal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-lessorequal::before {
  content: "\f048";
}
.demo-container .dx-icon-greaterorequal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-greaterorequal::before {
  content: "\f049";
}
.demo-container .dx-icon-isblank {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-isblank::before {
  content: "\f075";
}
.demo-container .dx-icon-isnotblank {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-isnotblank::before {
  content: "\f076";
}
.demo-container .dx-icon-sortup {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-sortup::before {
  content: "\f051";
}
.demo-container .dx-icon-sortdown {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-sortdown::before {
  content: "\f052";
}
.demo-container .dx-icon-sortuptext {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-sortuptext::before {
  content: "\f053";
}
.demo-container .dx-icon-sortdowntext {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-sortdowntext::before {
  content: "\f054";
}
.demo-container .dx-icon-sorted {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-sorted::before {
  content: "\f055";
}
.demo-container .dx-icon-expand {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-expand::before {
  content: "\f04a";
}
.demo-container .dx-icon-collapse {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-collapse::before {
  content: "\f04b";
}
.demo-container .dx-icon-columnfield {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-columnfield::before {
  content: "\f057";
}
.demo-container .dx-icon-rowfield {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-rowfield::before {
  content: "\f058";
}
.demo-container .dx-icon-datafield {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-datafield::before {
  content: "\f101";
}
.demo-container .dx-icon-fields {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-fields::before {
  content: "\f059";
}
.demo-container .dx-icon-fieldchooser {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-fieldchooser::before {
  content: "\f05a";
}
.demo-container .dx-icon-columnchooser {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-columnchooser::before {
  content: "\f04d";
}
.demo-container .dx-icon-pin {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pin::before {
  content: "\f05b";
}
.demo-container .dx-icon-unpin {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-unpin::before {
  content: "\f05c";
}
.demo-container .dx-icon-pinleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pinleft::before {
  content: "\f05d";
}
.demo-container .dx-icon-pinright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pinright::before {
  content: "\f05e";
}
.demo-container .dx-icon-contains {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-contains::before {
  content: "\f063";
}
.demo-container .dx-icon-startswith {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-startswith::before {
  content: "\f064";
}
.demo-container .dx-icon-endswith {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-endswith::before {
  content: "\f065";
}
.demo-container .dx-icon-doesnotcontain {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-doesnotcontain::before {
  content: "\f066";
}
.demo-container .dx-icon-range {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-range::before {
  content: "\f06a";
}
.demo-container .dx-icon-export {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-export::before {
  content: "\f05f";
}
.demo-container .dx-icon-exportxlsx {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-exportxlsx::before {
  content: "\f060";
}
.demo-container .dx-icon-exportpdf {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-exportpdf::before {
  content: "\f061";
}
.demo-container .dx-icon-exportselected {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-exportselected::before {
  content: "\f06d";
}
.demo-container .dx-icon-warning {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-warning::before {
  content: "\f06b";
}
.demo-container .dx-icon-more {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-more::before {
  content: "\f06c";
}
.demo-container .dx-icon-square {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-square::before {
  content: "\f067";
}
.demo-container .dx-icon-clearsquare {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-clearsquare::before {
  content: "\f068";
}
.demo-container .dx-icon-repeat {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-repeat::before {
  content: "\f069";
}
.demo-container .dx-icon-selectall {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-selectall::before {
  content: "\f070";
}
.demo-container .dx-icon-unselectall {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-unselectall::before {
  content: "\f071";
}
.demo-container .dx-icon-print {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-print::before {
  content: "\f072";
}
.demo-container .dx-icon-bold {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-bold::before {
  content: "\f077";
}
.demo-container .dx-icon-italic {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-italic::before {
  content: "\f078";
}
.demo-container .dx-icon-underline {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-underline::before {
  content: "\f079";
}
.demo-container .dx-icon-strike {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-strike::before {
  content: "\f07a";
}
.demo-container .dx-icon-indent {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-indent::before {
  content: "\f07b";
}
.demo-container .dx-icon-increaselinespacing {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-increaselinespacing::before {
  content: "\f07b";
}
.demo-container .dx-icon-font {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-font::before {
  content: "\f11b";
}
.demo-container .dx-icon-fontsize {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-fontsize::before {
  content: "\f07c";
}
.demo-container .dx-icon-shrinkfont {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-shrinkfont::before {
  content: "\f07d";
}
.demo-container .dx-icon-growfont {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-growfont::before {
  content: "\f07e";
}
.demo-container .dx-icon-color {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-color::before {
  content: "\f07f";
}
.demo-container .dx-icon-background {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-background::before {
  content: "\f080";
}
.demo-container .dx-icon-fill {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-fill::before {
  content: "\f10d";
}
.demo-container .dx-icon-palette {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-palette::before {
  content: "\f120";
}
.demo-container .dx-icon-superscript {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-superscript::before {
  content: "\f081";
}
.demo-container .dx-icon-subscript {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-subscript::before {
  content: "\f082";
}
.demo-container .dx-icon-header {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-header::before {
  content: "\f083";
}
.demo-container .dx-icon-blockquote {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-blockquote::before {
  content: "\f084";
}
.demo-container .dx-icon-formula {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-formula::before {
  content: "\f056";
}
.demo-container .dx-icon-codeblock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-codeblock::before {
  content: "\f085";
}
.demo-container .dx-icon-orderedlist {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-orderedlist::before {
  content: "\f086";
}
.demo-container .dx-icon-bulletlist {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-bulletlist::before {
  content: "\f087";
}
.demo-container .dx-icon-increaseindent {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-increaseindent::before {
  content: "\f088";
}
.demo-container .dx-icon-decreaseindent {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-decreaseindent::before {
  content: "\f089";
}
.demo-container .dx-icon-decreaselinespacing {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-decreaselinespacing::before {
  content: "\f106";
}
.demo-container .dx-icon-alignleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-alignleft::before {
  content: "\f08a";
}
.demo-container .dx-icon-alignright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-alignright::before {
  content: "\f08b";
}
.demo-container .dx-icon-aligncenter {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-aligncenter::before {
  content: "\f08c";
}
.demo-container .dx-icon-alignjustify {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-alignjustify::before {
  content: "\f08d";
}
.demo-container .dx-icon-link {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-link::before {
  content: "\f08e";
}
.demo-container .dx-icon-video {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-video::before {
  content: "\f08f";
}
.demo-container .dx-icon-mention {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-mention::before {
  content: "\f090";
}
.demo-container .dx-icon-variable {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-variable::before {
  content: "\f091";
}
.demo-container .dx-icon-clearformat {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-clearformat::before {
  content: "\f092";
}
.demo-container .dx-icon-fullscreen {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-fullscreen::before {
  content: "\f11a";
}
.demo-container .dx-icon-hierarchy {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-hierarchy::before {
  content: "\f124";
}
.demo-container .dx-icon-docfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-docfile::before {
  content: "\f111";
}
.demo-container .dx-icon-docxfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-docxfile::before {
  content: "\f110";
}
.demo-container .dx-icon-pdffile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pdffile::before {
  content: "\f118";
}
.demo-container .dx-icon-pptfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pptfile::before {
  content: "\f114";
}
.demo-container .dx-icon-pptxfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pptxfile::before {
  content: "\f115";
}
.demo-container .dx-icon-rtffile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-rtffile::before {
  content: "\f112";
}
.demo-container .dx-icon-txtfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-txtfile::before {
  content: "\f113";
}
.demo-container .dx-icon-xlsfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-xlsfile::before {
  content: "\f116";
}
.demo-container .dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-xlsxfile::before {
  content: "\f117";
}
.demo-container .dx-icon-copy {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-copy::before {
  content: "\f107";
}
.demo-container .dx-icon-cut {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-cut::before {
  content: "\f10a";
}
.demo-container .dx-icon-paste {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-paste::before {
  content: "\f108";
}
.demo-container .dx-icon-share {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-share::before {
  content: "\f11f";
}
.demo-container .dx-icon-inactivefolder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-inactivefolder::before {
  content: "\f105";
}
.demo-container .dx-icon-newfolder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-newfolder::before {
  content: "\f123";
}
.demo-container .dx-icon-movetofolder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-movetofolder::before {
  content: "\f121";
}
.demo-container .dx-icon-parentfolder {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-parentfolder::before {
  content: "\f122";
}
.demo-container .dx-icon-rename {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-rename::before {
  content: "\f109";
}
.demo-container .dx-icon-detailslayout {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-detailslayout::before {
  content: "\f10b";
}
.demo-container .dx-icon-contentlayout {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-contentlayout::before {
  content: "\f11e";
}
.demo-container .dx-icon-smalliconslayout {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-smalliconslayout::before {
  content: "\f119";
}
.demo-container .dx-icon-mediumiconslayout {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-mediumiconslayout::before {
  content: "\f10c";
}
.demo-container .dx-icon-undo {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-undo::before {
  content: "\f04c";
}
.demo-container .dx-icon-redo {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-redo::before {
  content: "\f093";
}
.demo-container .dx-icon-hidepanel {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-hidepanel::before {
  content: "\f11c";
}
.demo-container .dx-icon-showpanel {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-showpanel::before {
  content: "\f11d";
}
.demo-container .dx-icon-checklist {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-checklist::before {
  content: "\f141";
}
.demo-container .dx-icon-verticalaligntop {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-verticalaligntop::before {
  content: "\f14f";
}
.demo-container .dx-icon-verticalaligncenter {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-verticalaligncenter::before {
  content: "\f14e";
}
.demo-container .dx-icon-verticalalignbottom {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-verticalalignbottom::before {
  content: "\f14d";
}
.demo-container .dx-icon-rowproperties {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-rowproperties::before {
  content: "\f14c";
}
.demo-container .dx-icon-columnproperties {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-columnproperties::before {
  content: "\f14b";
}
.demo-container .dx-icon-cellproperties {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-cellproperties::before {
  content: "\f14a";
}
.demo-container .dx-icon-tableproperties {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-tableproperties::before {
  content: "\f140";
}
.demo-container .dx-icon-splitcells {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-splitcells::before {
  content: "\f139";
}
.demo-container .dx-icon-mergecells {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-mergecells::before {
  content: "\f138";
}
.demo-container .dx-icon-deleterow {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-deleterow::before {
  content: "\f137";
}
.demo-container .dx-icon-deletecolumn {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-deletecolumn::before {
  content: "\f136";
}
.demo-container .dx-icon-insertrowabove {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-insertrowabove::before {
  content: "\f135";
}
.demo-container .dx-icon-insertrowbelow {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-insertrowbelow::before {
  content: "\f134";
}
.demo-container .dx-icon-insertcolumnleft {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-insertcolumnleft::before {
  content: "\f133";
}
.demo-container .dx-icon-insertcolumnright {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-insertcolumnright::before {
  content: "\f132";
}
.demo-container .dx-icon-inserttable {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-inserttable::before {
  content: "\f130";
}
.demo-container .dx-icon-deletetable {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-deletetable::before {
  content: "\f131";
}
.demo-container .dx-icon-edittableheader {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-edittableheader::before {
  content: "\f142";
}
.demo-container .dx-icon-addtableheader {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-addtableheader::before {
  content: "\f143";
}
.demo-container .dx-icon-pasteplaintext {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-pasteplaintext::before {
  content: "\f144";
}
.demo-container .dx-icon-importselected {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-importselected::before {
  content: "\f145";
}
.demo-container .dx-icon-import {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-import::before {
  content: "\f146";
}
.demo-container .dx-icon-textdocument {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-textdocument::before {
  content: "\f147";
}
.demo-container .dx-icon-jpgfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-jpgfile::before {
  content: "\f148";
}
.demo-container .dx-icon-bmpfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-bmpfile::before {
  content: "\f149";
}
.demo-container .dx-icon-svgfile {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-svgfile::before {
  content: "\f150";
}
.demo-container .dx-icon-attach {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-attach::before {
  content: "\f151";
}
.demo-container .dx-icon-return {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-return::before {
  content: "\f152";
}
.demo-container .dx-icon-indeterminatestate {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-indeterminatestate::before {
  content: "\f153";
}
.demo-container .dx-icon-lock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-lock::before {
  content: "\f154";
}
.demo-container .dx-icon-unlock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-unlock::before {
  content: "\f155";
}
.demo-container .dx-icon-imgarlock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-imgarlock::before {
  content: "\f156";
}
.demo-container .dx-icon-imgarunlock {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-imgarunlock::before {
  content: "\f157";
}
.demo-container .dx-icon {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.demo-container .dx-tab .dx-icon,
.demo-container .dx-tab.dx-tab-selected .dx-icon {
  background-size: 100% 100%;
  background-position: 50% 50%;
}
.demo-container .dx-scrollview-pulldown {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==");
  background-position: 0 0;
  background-repeat: no-repeat;
}
.demo-container .dx-loadindicator-image-small {
  background-image: url("data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7");
  background-position: center center;
  background-repeat: no-repeat;
}
.demo-container .dx-loadindicator-image-large {
  background-image: url("data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7");
  background-position: center center;
  background-repeat: no-repeat;
}
.demo-container .dx-color-scheme {
  font-family: "#";
}
.demo-container .dx-widget {
  display: block;
  -ms-content-zooming: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-widget,
.demo-container .dx-widget *,
.demo-container .dx-widget ::after,
.demo-container .dx-widget ::before,
.demo-container .dx-widget::after,
.demo-container .dx-widget::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-item {
  outline: 0;
}
.demo-container .dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.demo-container .dx-state-disabled {
  pointer-events: none;
}
.demo-container .dx-widget input,
.demo-container .dx-widget textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-state-disabled .dx-widget,
.demo-container .dx-state-disabled.dx-widget {
  opacity: 0.38;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default;
}
.demo-container .dx-state-disabled .dx-widget .dx-widget,
.demo-container .dx-state-disabled.dx-widget .dx-widget {
  opacity: 1;
}
.demo-container .dx-card {
  overflow: hidden;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 2px;
  background-color: #fff;
  margin: 2px 2px 3px;
}
.demo-container .dx-fieldset .dx-field-value {
  margin: 0;
}
.demo-container .dx-fieldset,
.demo-container .dx-fieldset * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-fieldset-header:empty {
  display: none;
}
.demo-container .dx-field {
  position: relative;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-field::after,
.demo-container .dx-field::before {
  display: table;
  content: "";
  line-height: 0;
}
.demo-container .dx-field::after {
  clear: both;
}
.demo-container .dx-field-label {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-field-value,
.demo-container .dx-field-value-static {
  float: right;
}
.demo-container .dx-field-value.dx-datebox {
  min-width: 60%;
}
.demo-container .dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%;
}
.demo-container .dx-field-value .dx-selectbox-tag-container {
  white-space: normal;
}
.demo-container .dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  width: auto;
  text-align: left;
}
.demo-container .dx-fieldset.dx-rtl .dx-field-label,
.demo-container .dx-rtl .dx-fieldset .dx-field-label {
  float: right;
}
.demo-container .dx-fieldset.dx-rtl .dx-field-value,
.demo-container .dx-rtl .dx-fieldset .dx-field-value {
  float: left;
}
.demo-container .dx-field input,
.demo-container .dx-field textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-field-label i {
  font-style: normal;
}
.demo-container .dx-field-value.dx-attention {
  color: #d72c0d;
  padding: 21px 10px 20px 32px;
  position: relative;
}
.demo-container .dx-field-value.dx-attention::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #d72c0d;
  color: #fff;
  content: "!";
  border-radius: 50%;
  left: 0;
}
.demo-container .dx-field-value-static,
.demo-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 60%;
}
.demo-container .dx-field-label {
  color: rgba(117, 117, 117, 0.87);
  font-size: 12px;
  cursor: default;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 15px;
}
.demo-container .dx-field-value.dx-widget,
.demo-container .dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0;
}
.demo-container .dx-field-value:not(.dx-widget) > .dx-button,
.demo-container .dx-field-value:not(.dx-widget) > .dx-checkbox,
.demo-container .dx-field-value:not(.dx-widget) > .dx-switch {
  float: right;
}
.demo-container .dx-field-value.dx-checkbox,
.demo-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 15px 0;
}
.demo-container .dx-field-value.dx-switch,
.demo-container .dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 14px 0;
}
.demo-container .dx-field-value.dx-slider,
.demo-container .dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 10px 0;
}
.demo-container .dx-field-value.dx-radiogroup,
.demo-container .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 11px 0;
}
.demo-container .dx-field-value-static {
  white-space: normal;
  padding: 21px 10px 20px;
}
.demo-container .dx-fieldset {
  padding: 0;
}
.demo-container .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.demo-container .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.demo-container .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.demo-container .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.demo-container .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.demo-container .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left;
}
.demo-container .dx-fieldset-header {
  margin: 0 0 20px;
  font-size: 18px;
}
.demo-container .dx-field {
  margin: 0 0 30px;
}
.demo-container .dx-field:last-of-type {
  margin: 0;
}
.demo-container .dx-device-mobile .dx-fieldset {
  margin: 20px 15px;
  padding: 0;
}
.demo-container .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.demo-container .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.demo-container .dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.demo-container .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.demo-container .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.demo-container .dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left;
}
.demo-container .dx-device-mobile .dx-fieldset-header {
  margin: 0 0 20px;
  font-size: 18px;
}
.demo-container .dx-device-mobile .dx-field {
  margin: 0 0 10px;
}
.demo-container .dx-device-mobile .dx-field:last-of-type {
  margin: 0;
}
.demo-container .dx-theme-marker {
  font-family: "dx.material.teal.light";
}
.demo-container .dx-theme-accent-as-text-color {
  color: #007a7a !important;
}
.demo-container .dx-theme-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.demo-container .dx-theme-background-color-as-text-color {
  color: #fff !important;
}
.demo-container .dx-theme-border-color-as-text-color {
  color: #e1e3e5 !important;
}
.demo-container .dx-theme-accent-as-background-color {
  background-color: #007a7a !important;
  fill: #007a7a !important;
}
.demo-container .dx-theme-text-color-as-background-color {
  background-color: rgba(0, 0, 0, 0.87) !important;
  fill: rgba(0, 0, 0, 0.87) !important;
}
.demo-container .dx-theme-background-color {
  background-color: #fff !important;
  fill: #fff !important;
}
.demo-container .dx-theme-border-color-as-background-color {
  background-color: #e1e3e5 !important;
  fill: #e1e3e5 !important;
}
.demo-container .dx-theme-accent-as-border-color {
  border-color: #007a7a !important;
}
.demo-container .dx-theme-text-color-as-border-color {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.demo-container .dx-theme-background-color-as-border-color {
  border-color: #fff !important;
}
.demo-container .dx-theme-border-color {
  border-color: #e1e3e5 !important;
}
.demo-container .dx-inkripple {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.demo-container .dx-inkripple-wave {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  pointer-events: none;
}
.demo-container .dx-inkripple-showing {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-inkripple-hiding {
  -webkit-transition: opacity 0.1s linear, -webkit-transform 0.1s linear;
  transition: transform 0.1s linear, opacity 0.1s linear, -webkit-transform 0.1s linear;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  opacity: 0;
}
.demo-container .dx-resizable {
  display: block;
  position: relative;
}
.demo-container .dx-resizable-handle {
  position: absolute;
  z-index: 50;
}
.demo-container .dx-state-disabled .dx-resizable-handle {
  cursor: default;
}
.demo-container .dx-resizable-handle-left,
.demo-container .dx-resizable-handle-right {
  top: 0;
  height: 100%;
  width: 3px;
}
.demo-container .dx-resizable-handle-left {
  left: 0;
  cursor: e-resize;
}
.demo-container .dx-resizable-handle-right {
  right: 0;
  cursor: e-resize;
}
.demo-container .dx-resizable-handle-bottom,
.demo-container .dx-resizable-handle-top {
  left: 0;
  width: 100%;
  height: 3px;
}
.demo-container .dx-resizable-handle-top {
  top: 0;
  cursor: s-resize;
}
.demo-container .dx-resizable-handle-bottom {
  bottom: 0;
  cursor: s-resize;
}
.demo-container .dx-resizable-handle-corner-bottom-left,
.demo-container .dx-resizable-handle-corner-bottom-right,
.demo-container .dx-resizable-handle-corner-top-left,
.demo-container .dx-resizable-handle-corner-top-right {
  width: 6px;
  height: 6px;
}
.demo-container .dx-resizable-handle-corner-bottom-right,
.demo-container .dx-resizable-handle-corner-top-left {
  cursor: se-resize;
}
.demo-container .dx-resizable-handle-corner-bottom-left,
.demo-container .dx-resizable-handle-corner-top-right {
  cursor: ne-resize;
}
.demo-container .dx-resizable-handle-corner-bottom-left,
.demo-container .dx-resizable-handle-corner-top-left {
  left: 0;
  border-bottom-right-radius: 100%;
}
.demo-container .dx-resizable-handle-corner-bottom-right,
.demo-container .dx-resizable-handle-corner-top-right {
  right: 0;
  border-bottom-left-radius: 100%;
}
.demo-container .dx-resizable-handle-corner-top-left,
.demo-container .dx-resizable-handle-corner-top-right {
  top: 0;
}
.demo-container .dx-resizable-handle-corner-bottom-left,
.demo-container .dx-resizable-handle-corner-bottom-right {
  bottom: 0;
}
.demo-container .dx-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-draggable.dx-state-disabled,
.demo-container .dx-state-disabled .dx-draggable {
  cursor: default;
}
.demo-container .dx-draggable-clone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
}
.demo-container .dx-clearfix::after,
.demo-container .dx-clearfix::before {
  display: table;
  content: "";
  line-height: 0;
}
.demo-container .dx-clearfix::after {
  clear: both;
}
.demo-container .dx-translate-disabled {
  -webkit-transform: none !important;
  transform: none !important;
}
.demo-container .dx-hidden-input {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
}
.demo-container .dx-user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.demo-container .dx-hidden,
.demo-container .dx-state-invisible {
  display: none !important;
}
.demo-container .dx-gesture-cover {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2147483647;
}
.demo-container .dx-animating {
  pointer-events: none;
}
.demo-container .dx-fade-animation.dx-enter,
.demo-container .dx-fade-animation.dx-leave.dx-leave-active,
.demo-container .dx-no-direction.dx-enter,
.demo-container .dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0;
}
.demo-container .dx-fade-animation.dx-enter.dx-enter-active,
.demo-container .dx-fade-animation.dx-leave,
.demo-container .dx-no-direction.dx-enter.dx-enter-active,
.demo-container .dx-no-direction.dx-leave {
  opacity: 1;
}
.demo-container .dx-overflow-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.demo-container .dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.demo-container .dx-overflow-animation.dx-enter.dx-backward,
.demo-container .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward,
.demo-container .dx-overflow-animation.dx-leave.dx-forward,
.demo-container .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.demo-container .dx-overflow-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.demo-container .dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.demo-container .dx-slide-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.demo-container .dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.demo-container .dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.demo-container .dx-slide-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.demo-container .dx-slide-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.demo-container .dx-opendoor-animation.dx-enter.dx-forward {
  -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.demo-container .dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward,
.demo-container .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}
.demo-container .dx-opendoor-animation.dx-leave.dx-backward,
.demo-container .dx-opendoor-animation.dx-leave.dx-forward {
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 1;
}
.demo-container .dx-opendoor-animation.dx-enter.dx-backward,
.demo-container .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  transform: matrix3d(0.5, 0, 0.87, -0.001, 0, 1, 0, 0, -0.87, 0, 0.5, 0, 0, 0, 0, 1);
  -webkit-transform-origin: center left 0;
  transform-origin: center left 0;
  opacity: 0;
}
.demo-container .dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  transform: matrix3d(0.71, 0, 0.71, 0.001, 0, 1, 0, 0, -0.71, 0, 0.71, 0, 0, 0, 0, 1);
  opacity: 0;
}
.demo-container .dx-win-pop-animation.dx-enter.dx-forward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.demo-container .dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.demo-container .dx-win-pop-animation.dx-enter.dx-backward,
.demo-container .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  opacity: 0;
}
.demo-container .dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.demo-container .dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.demo-container .dx-android-pop-animation.dx-enter.dx-forward,
.demo-container .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(0, 150px, 0);
  transform: translate3d(0, 150px, 0);
  opacity: 0;
}
.demo-container .dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.demo-container .dx-android-pop-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.demo-container .dx-android-pop-animation.dx-enter.dx-forward,
.demo-container .dx-android-pop-animation.dx-leave.dx-backward {
  z-index: 1;
}
.demo-container .dx-ios7-slide-animation.dx-enter.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.demo-container .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-ios7-slide-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.demo-container .dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.demo-container .dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.demo-container .dx-ios7-slide-animation.dx-leave.dx-backward {
  z-index: 2;
}
.demo-container .dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.demo-container .dx-ios7-toolbar-animation.dx-enter.dx-forward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.demo-container .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.demo-container .dx-ios7-toolbar-animation.dx-enter.dx-backward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.demo-container .dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward,
.demo-container .dx-ios7-toolbar-animation.dx-leave.dx-forward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1;
}
.demo-container .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  -webkit-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.demo-container .dx-ios7-toolbar-animation.dx-leave.dx-backward {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.demo-container .dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.demo-container .dx-drop-animation.dx-enter,
.demo-container .dx-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -120%, 0);
  transform: translate3d(0, -120%, 0);
}
.demo-container .dx-drop-animation.dx-enter.dx-enter-active,
.demo-container .dx-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.demo-container .dx-3d-drop-animation.dx-enter,
.demo-container .dx-3d-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.demo-container .dx-3d-drop-animation.dx-enter.dx-enter-active,
.demo-container .dx-3d-drop-animation.dx-leave {
  -webkit-transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.demo-container .dx-fade-drop-animation.dx-enter,
.demo-container .dx-fade-drop-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.demo-container .dx-fade-drop-animation.dx-enter.dx-enter-active,
.demo-container .dx-fade-drop-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.demo-container .dx-fade-rise-animation.dx-enter,
.demo-container .dx-fade-rise-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.demo-container .dx-fade-rise-animation.dx-enter.dx-enter-active,
.demo-container .dx-fade-rise-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.demo-container .dx-fade-slide-animation.dx-enter,
.demo-container .dx-fade-slide-animation.dx-leave.dx-leave-active {
  -webkit-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
  opacity: 0;
}
.demo-container .dx-fade-slide-animation.dx-enter.dx-enter-active,
.demo-container .dx-fade-slide-animation.dx-leave {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.demo-container .dx-fade-zoom-animation.dx-enter,
.demo-container .dx-fade-zoom-animation.dx-leave.dx-leave-active {
  -webkit-transform: scale3d(0.3, 0.3, 0.3);
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
}
.demo-container .dx-fade-zoom-animation.dx-enter.dx-enter-active,
.demo-container .dx-fade-zoom-animation.dx-leave {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.demo-container .dx-box-fallback-item > .dx-box-item-content {
  width: 100%;
  height: 100%;
}
.demo-container .dx-box-item-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  font-size: 14px;
}
.demo-container .dx-button-disabled {
  cursor: default;
}
.demo-container .dx-button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  min-width: 36px;
}
.demo-container .dx-button .dx-icon {
  -webkit-user-drag: none;
  display: inline-block;
  vertical-align: middle;
}
.demo-container .dx-button-content {
  height: 100%;
  max-height: 100%;
  line-height: 0;
}
.demo-container .dx-button-content::after {
  display: inline-block;
  position: relative;
  height: 100%;
  content: "";
  vertical-align: middle;
  font-size: 0;
}
.demo-container .dx-button-content > .dx-inkripple {
  display: none;
}
.demo-container .dx-button-link {
  text-decoration: none;
}
.demo-container .dx-button-text {
  display: inline;
  vertical-align: middle;
  line-height: 23px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.demo-container .dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
}
.demo-container .dx-state-disabled .dx-button,
.demo-container .dx-state-disabled.dx-button {
  cursor: default;
}
.demo-container .dx-button a {
  text-decoration: none;
}
.demo-container .dx-button .dx-button-content {
  padding: 6px;
  position: relative;
}
.demo-container .dx-button .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
  color: #202233;
}
.demo-container .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button .dx-icon,
.demo-container .dx-rtl.dx-button .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-button-has-icon {
  min-width: 36px;
}
.demo-container .dx-button-has-icon .dx-button-content {
  padding: 6px;
}
.demo-container .dx-button-has-icon .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-button-has-icon .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button-has-icon .dx-icon,
.demo-container .dx-rtl.dx-button-has-icon .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-button-has-text {
  min-width: 64px;
}
.demo-container .dx-button-has-text .dx-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 6px 16px;
}
.demo-container .dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button-has-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button-has-text .dx-icon,
.demo-container .dx-rtl.dx-button-has-text .dx-icon {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button-has-text.dx-button-mode-text .dx-button-content {
  padding: 6px 8px;
}
.demo-container .dx-button-has-text.dx-button-mode-text .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button-has-text.dx-button-mode-text .dx-icon,
.demo-container .dx-rtl.dx-button-has-text.dx-button-mode-text .dx-icon {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right {
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding: 6px 16px;
}
.demo-container .dx-button-has-icon.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 8px;
  margin-left: 0;
}
.demo-container .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon,
.demo-container .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon {
  margin-left: 8px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button-has-icon.dx-button-has-text .dx-icon.dx-icon-right {
  margin-right: 8px;
  margin-left: 0;
}
.demo-container .dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding-left: 12px;
}
.demo-container .dx-rtl .dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding-left: 16px;
  padding-right: 12px;
}
.demo-container .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-button-content {
  padding: 6px 8px;
}
.demo-container .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon,
.demo-container .dx-rtl.dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button-has-icon.dx-button-has-text.dx-button-mode-text .dx-icon.dx-icon-right {
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button {
  height: 36px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background-color: #eef4f8;
  color: #202233;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.demo-container .dx-button.dx-state-hover {
  background-color: #d5e4ed;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-state-focused {
  background-color: #d1e1ec;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-state-active {
  background-color: #c3dbeb;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button .dx-inkripple-wave {
  background-color: rgba(32, 34, 51, 0.2);
}
.demo-container .dx-button.dx-button-default {
  border-radius: 2px;
  background-color: #007a7a;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-default .dx-icon {
  color: #fff;
}
.demo-container .dx-button.dx-button-default.dx-state-hover {
  background-color: #0a6d6d;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-default.dx-state-focused {
  background-color: #0a6d6d;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-default.dx-state-active {
  background-color: #00332e;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-default.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-default.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button.dx-button-default .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-button.dx-button-danger {
  border-radius: 2px;
  background-color: #d72c0d;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-danger .dx-icon {
  color: #fff;
}
.demo-container .dx-button.dx-button-danger.dx-state-hover {
  background-color: #ae240b;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-danger.dx-state-focused {
  background-color: #ae240b;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-danger.dx-state-active {
  background-color: #791907;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-danger.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-button.dx-button-success {
  border-radius: 2px;
  background-color: #007f5f;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-success .dx-icon {
  color: #fff;
}
.demo-container .dx-button.dx-button-success.dx-state-hover {
  background-color: #00543f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-button.dx-button-success.dx-state-focused {
  background-color: #00543f;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-success.dx-state-active {
  background-color: #001c15;
  -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.demo-container .dx-button.dx-button-success.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-success.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button.dx-button-success .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-button.dx-button-back {
  background-color: transparent;
  color: #202233;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  min-width: 36px;
}
.demo-container .dx-button.dx-button-back.dx-state-focused,
.demo-container .dx-button.dx-button-back.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-back.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-back.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-button-back.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-button-back.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button.dx-button-back .dx-inkripple-wave {
  background-color: rgba(32, 34, 51, 0.2);
}
.demo-container .dx-button.dx-button-back .dx-button-content {
  padding: 6px;
}
.demo-container .dx-button.dx-button-back .dx-icon {
  color: #202233;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-button.dx-button-back .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-button.dx-button-back .dx-icon,
.demo-container .dx-rtl.dx-button.dx-button-back .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-button.dx-button-back .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-button.dx-button-back .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-button.dx-button-back .dx-button-text {
  display: none;
}
.demo-container .dx-button-mode-text {
  background-color: transparent;
  color: #202233;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text .dx-icon {
  color: #202233;
}
.demo-container .dx-button-mode-text.dx-state-focused,
.demo-container .dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-text.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-text .dx-inkripple-wave {
  background-color: rgba(32, 34, 51, 0.2);
}
.demo-container .dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-default .dx-icon {
  color: #007a7a;
}
.demo-container .dx-button-mode-text.dx-button-default.dx-state-focused,
.demo-container .dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(0, 122, 122, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-text.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-danger .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-focused,
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(215, 44, 13, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-text.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(215, 44, 13, 0.2);
}
.demo-container .dx-button-mode-text.dx-button-success {
  background-color: transparent;
  color: #007f5f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-success .dx-icon {
  color: #007f5f;
}
.demo-container .dx-button-mode-text.dx-button-success.dx-state-focused,
.demo-container .dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(0, 127, 95, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-text.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  background-color: rgba(0, 127, 95, 0.2);
}
.demo-container .dx-button-mode-outlined {
  background-color: transparent;
  color: #202233;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(32, 34, 51, 0.24);
}
.demo-container .dx-button-mode-outlined .dx-icon {
  color: #202233;
}
.demo-container .dx-button-mode-outlined.dx-state-focused,
.demo-container .dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-outlined.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-outlined .dx-inkripple-wave {
  background-color: rgba(32, 34, 51, 0.2);
}
.demo-container .dx-button-mode-outlined.dx-button-default {
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #007a7a;
}
.demo-container .dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #007a7a;
}
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-focused,
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(0, 122, 122, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-outlined.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-button-mode-outlined.dx-button-danger {
  background-color: transparent;
  color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d72c0d;
}
.demo-container .dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(215, 44, 13, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-outlined.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(215, 44, 13, 0.2);
}
.demo-container .dx-button-mode-outlined.dx-button-success {
  background-color: transparent;
  color: #007f5f;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #007f5f;
}
.demo-container .dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #007f5f;
}
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-focused,
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(0, 127, 95, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button-mode-outlined.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
  background-color: rgba(0, 127, 95, 0.2);
}
.demo-container .dx-buttongroup {
  display: inline-block;
}
.demo-container .dx-buttongroup-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  height: 100%;
  width: 100%;
}
.demo-container .dx-buttongroup-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}
.demo-container .dx-buttongroup-item.dx-button-mode-contained,
.demo-container .dx-buttongroup-item.dx-button-mode-outlined {
  border-left-width: 0;
}
.demo-container .dx-buttongroup-item.dx-button-mode-contained.dx-button,
.demo-container .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
  border-radius: 0;
}
.demo-container .dx-buttongroup-item.dx-button-mode-text {
  margin-left: 1px;
}
.demo-container .dx-buttongroup-item-has-width {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.demo-container .dx-button-mode-contained.dx-buttongroup-item {
  padding-right: 1px;
}
.demo-container .dx-button-mode-contained.dx-buttongroup-last-item {
  padding-right: 0;
}
.demo-container .dx-button-mode-outlined.dx-buttongroup-item {
  border-left-width: 0;
}
.demo-container .dx-button-mode-outlined.dx-buttongroup-first-item {
  border-left-width: 1px;
}
.demo-container .dx-button-mode-text.dx-button.dx-buttongroup-item {
  border-radius: 2px;
}
.demo-container .dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 0;
}
.demo-container .dx-button-mode-contained.dx-button.dx-buttongroup-first-item,
.demo-container .dx-button-mode-outlined.dx-button.dx-buttongroup-first-item {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.demo-container .dx-button-mode-contained.dx-button.dx-buttongroup-last-item,
.demo-container .dx-button-mode-outlined.dx-button.dx-buttongroup-last-item {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
  opacity: 1;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
  opacity: 0.6;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal {
  background-color: #eef4f8;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
  background-color: #d5e4ed;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused {
  background-color: #d1e1ec;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
  background-color: #adcadd;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
  background-color: #c3d8e6;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
  background-color: #eef4f8;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover {
  background-color: #5effd6;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success .dx-icon {
  color: #007f5f;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover {
  background-color: #59ffff;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default .dx-icon {
  color: #007a7a;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover {
  background-color: #fab9ad;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal {
  background-color: rgba(0, 0, 0, 0.18);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-hover,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal .dx-icon,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success {
  background-color: rgba(0, 127, 95, 0.22);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-hover,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.14);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success .dx-icon,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success .dx-icon {
  color: #007f5f;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default {
  background-color: rgba(0, 122, 122, 0.22);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-hover,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.14);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default .dx-icon,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default .dx-icon {
  color: #007a7a;
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger {
  background-color: rgba(215, 44, 13, 0.22);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-hover,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-focused,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.14);
}
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger .dx-icon,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger,
.demo-container .dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item,
.demo-container .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item {
  border-radius: 0 2px 2px 0;
}
.demo-container .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-last-item,
.demo-container .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-last-item {
  border-radius: 2px 0 0 2px;
}
.demo-container .dx-rtl.dx-button-mode-contained.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item,
.demo-container .dx-rtl.dx-button-mode-outlined.dx-button.dx-buttongroup-first-item.dx-buttongroup-last-item {
  border-radius: 2px;
}
.demo-container .dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 1px;
}
.demo-container .dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
  margin-left: 0;
}
.demo-container .dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
  border-left-width: 0;
}
.demo-container .dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
  border-left-width: 1px;
}
.demo-container .dx-scrollable-scrollbar-simulated {
  position: relative;
}
.demo-container .dx-scrollable {
  display: block;
  height: 100%;
  min-height: 0;
}
.demo-container .dx-scrollable:focus {
  outline: 0;
}
.demo-container .dx-scrollable-native {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-scroll-snap-type: proximity;
  scroll-snap-type: proximity;
}
.demo-container .dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar {
  display: none;
}
.demo-container .dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
  display: block;
}
.demo-container .dx-scrollable-native > div.dx-scrollable-wrapper > .dx-scrollable-container,
.demo-container .dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container {
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}
.demo-container .dx-scrollable-native.dx-scrollable-vertical,
.demo-container .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  overflow-x: hidden;
  overflow-y: auto;
}
.demo-container .dx-scrollable-native.dx-scrollable-horizontal,
.demo-container .dx-scrollable-native.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: hidden;
}
.demo-container .dx-scrollable-native.dx-scrollable-both,
.demo-container .dx-scrollable-native.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container {
  -ms-touch-action: pan-y pan-x;
  touch-action: pan-y pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: auto;
}
.demo-container .dx-scrollable-native.dx-scrollable-disabled,
.demo-container .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
  -ms-touch-action: auto;
  touch-action: auto;
}
.demo-container .dx-scrollable-native.dx-scrollable-scrollbars-hidden > .dx-scrollable-wrapper > .dx-scrollable-container {
  overflow: hidden;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  min-height: 101%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
  min-height: 0;
  padding: 0;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-generic {
  -ms-overflow-style: auto;
  overflow: hidden;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  height: auto;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  -webkit-transform: none;
  transform: none;
  z-index: 0;
}
.demo-container .dx-scrollable-scrollbar-simulated,
.demo-container .dx-scrollable-scrollbar-simulated .dx-scrollable-container {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.demo-container .dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar,
.demo-container .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar {
  display: none;
}
.demo-container .dx-scrollable-container {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.demo-container .dx-scrollable-container:focus {
  outline: 0;
}
.demo-container .dx-scrollable-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.demo-container .dx-scrollable-content {
  position: relative;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-scrollable-content::after {
  display: block;
  content: "";
  clear: both;
}
.demo-container .dx-scrollable-both .dx-scrollable-content,
.demo-container .dx-scrollable-horizontal .dx-scrollable-content {
  display: block;
  float: left;
  min-width: 100%;
}
.demo-container .dx-scrollable-scrollbar {
  position: absolute;
  pointer-events: auto;
}
.demo-container .dx-scrollbar-vertical {
  top: 0;
  right: 0;
  height: 100%;
}
.demo-container .dx-scrollbar-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
}
.demo-container .dx-scrollable-scroll {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  padding: 2px 0 2px 2px;
  background-color: transparent;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: opacity linear;
  transition: opacity linear;
}
.demo-container .dx-scrollable-scroll.dx-state-invisible {
  display: block !important;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  -webkit-transition: opacity 0.5s linear 1s;
  transition: opacity 0.5s linear 1s;
}
.demo-container .dx-rtl .dx-scrollable,
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-container,
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-content,
.demo-container .dx-rtl.dx-scrollable,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-container,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: ltr;
}
.demo-container .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-container,
.demo-container .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.demo-container .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container,
.demo-container .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: rtl;
}
.demo-container .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.demo-container .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  float: right;
}
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-content > *,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-content > * {
  direction: rtl;
}
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  right: auto;
  left: 0;
}
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  direction: ltr;
}
.demo-container .dx-scrollable-simulated .dx-scrollable-content {
  overflow-anchor: none;
}
.demo-container .dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
  pointer-events: none;
}
.demo-container .dx-scrollable-content {
  -webkit-transform: none;
  transform: none;
}
.demo-container .dx-rtl .dx-scrollable-scroll {
  padding-left: 0;
  padding-right: 2px;
}
.demo-container .dx-scrollable-scroll-content {
  width: 100%;
  height: 100%;
  background-color: rgba(191, 191, 191, 0.7);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.demo-container .dx-scrollbar-hoverable {
  background-color: transparent;
}
.demo-container .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  opacity: 1;
}
.demo-container .dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.demo-container .dx-scrollbar-vertical .dx-scrollable-scroll {
  float: right;
  width: 6px;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 6px;
  -webkit-transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
  transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
  transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
}
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.demo-container .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  width: 13px;
}
.demo-container .dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 6px;
}
.demo-container .dx-rtl .dx-scrollbar-horizontal .dx-scrollable-scroll,
.demo-container .dx-scrollbar-horizontal .dx-scrollable-scroll {
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 0;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 6px;
  -webkit-transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
  transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
  transition: box-shadow 0.15s linear 0.15s, background-color 0.15s linear 0.15s, -webkit-box-shadow 0.15s linear 0.15s;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  -webkit-transition: background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
  transition: box-shadow 0.5s linear 1s, background-color 0.5s linear 1s, -webkit-box-shadow 0.5s linear 1s;
}
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.demo-container .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  height: 13px;
}
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 6px;
}
.demo-container .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.demo-container .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 0;
  padding-left: 6px;
}
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content,
.demo-container .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-bottom: 6px;
}
.demo-container .dx-scrollview-pull-down-text,
.demo-container .dx-scrollview-scrollbottom-text {
  margin-left: 10px;
  top: 18px;
}
.demo-container .dx-rtl .dx-scrollview-pull-down-text,
.demo-container .dx-rtl .dx-scrollview-scrollbottom-text {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-rtl .dx-scrollable .dx-scrollable-scroll,
.demo-container .dx-rtl.dx-scrollable .dx-scrollable-scroll {
  float: left;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
  position: absolute;
  display: none;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
  width: 40px;
  height: 40px;
  left: 50%;
  position: absolute;
  z-index: 1;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-image: none;
  position: static;
  height: 100%;
  width: 100%;
  left: -50%;
  margin-left: -20px;
  padding: 0;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  -webkit-transition: -webkit-transform 0.1s linear;
  transition: transform 0.1s linear;
  transition: transform 0.1s linear, -webkit-transform 0.1s linear;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
  position: relative;
  top: 0;
  padding: 4px;
  margin: 0;
  height: 100%;
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
  float: left;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: contain;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  display: none;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  position: absolute;
  left: 0;
  width: 100%;
  overflow-y: auto;
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.demo-container .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  -webkit-transform: none;
  transform: none;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled {
  overflow-y: auto;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-container {
  overflow-y: auto;
  overflow-x: hidden;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollable-content,
.demo-container .dx-scrollable-native.dx-scrollable-native-win8.dx-scrollable-disabled .dx-scrollview-content {
  overflow-y: hidden;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollable-container {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.demo-container .dx-scrollable-native.dx-scrollable-native-win8 .dx-scrollview-bottom-pocket {
  width: 100%;
  text-align: center;
}
.demo-container .dx-device-android-4 .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
  display: block;
}
.demo-container .dx-scrollview-content {
  position: static;
}
.demo-container .dx-scrollview-content::after,
.demo-container .dx-scrollview-content::before {
  display: table;
  content: "";
  line-height: 0;
}
.demo-container .dx-scrollview-content::after {
  clear: both;
}
.demo-container .dx-scrollview-pull-down {
  text-align: center;
  width: 100%;
  height: 50px;
  padding: 15px 0;
  top: -80px;
  overflow: hidden;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-user-drag: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-scrollview-pull-down-container {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.demo-container .dx-scrollview-pull-down-indicator {
  opacity: 0;
  left: 0;
  top: 50%;
  display: inline-block;
  margin: -15px 20px 0 15px;
  -webkit-user-drag: none;
}
.demo-container .dx-scrollview-pull-down-image {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
  height: 50px;
  background-size: contain;
  -webkit-user-drag: none;
  -webkit-transform: translate(0, 0) rotate(0);
  transform: translate(0, 0) rotate(0);
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.demo-container .dx-scrollview-pull-down-text {
  display: inline;
  vertical-align: middle;
  position: relative;
  overflow: visible;
  -webkit-user-drag: none;
}
.demo-container .dx-scrollview-pull-down-text div {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: visible;
  opacity: 0;
}
.demo-container .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
  opacity: 1;
}
.demo-container .dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
  -webkit-transform: translate(0, 0) rotate(-180deg);
  transform: translate(0, 0) rotate(-180deg);
}
.demo-container .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
  opacity: 0;
}
.demo-container .dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
  opacity: 1;
}
.demo-container .dx-scrollview-scrollbottom {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.demo-container .dx-scrollview-scrollbottom::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.demo-container .dx-scrollview-scrollbottom-indicator {
  display: inline-block;
  margin: 0 10px 0 0;
  -webkit-user-drag: none;
}
.demo-container .dx-scrollview-scrollbottom-text {
  display: inline-block;
  margin-top: -20px;
  vertical-align: middle;
  -webkit-user-drag: none;
}
.demo-container .dx-scrollview-scrollbottom-end {
  opacity: 0;
}
.demo-container .dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket,
.demo-container .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  left: auto;
  right: 0;
}
.demo-container .dx-rtl .dx-scrollview-pull-down-container {
  text-align: left;
}
.demo-container .dx-rtl .dx-scrollview-pull-down-indicator,
.demo-container .dx-rtl .dx-scrollview-pull-down-text div {
  left: auto;
  right: 0;
}
.demo-container .dx-rtl .dx-scrollview-scrollbottom-indicator {
  margin: 0 0 0 10px;
}
.demo-container .dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px;
}
.demo-container .dx-scrollview-pull-down-indicator,
.demo-container .dx-scrollview-scrollbottom-indicator {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  opacity: 1;
}
.demo-container .dx-scrollview-pull-down-indicator > .dx-loadindicator,
.demo-container .dx-scrollview-scrollbottom-indicator > .dx-loadindicator {
  height: 24px;
  width: 24px;
}
.demo-container .dx-scrollview-pull-down-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
.demo-container .dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper {
  font-size: 24px;
}
.demo-container .dx-scrollview-pull-down-indicator {
  position: relative;
  margin-left: 0;
  margin-top: -21px;
}
.demo-container .dx-scrollview-pull-down-text > div {
  display: none;
}
.demo-container .dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
  display: block;
}
.demo-container .dx-checkbox {
  display: inline-block;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-checkbox.dx-state-readonly {
  cursor: default;
}
.demo-container .dx-checkbox-icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.demo-container .dx-checkbox-container {
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-overflow: clip;
}
.demo-container .dx-checkbox-text {
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: normal;
  padding-left: 5px;
}
.demo-container .dx-rtl .dx-checkbox-text,
.demo-container .dx-rtl.dx-checkbox-text {
  margin: 0;
  padding: 0 5px 0 0;
  text-align: right;
}
.demo-container .dx-state-disabled .dx-checkbox,
.demo-container .dx-state-disabled.dx-checkbox {
  cursor: default;
}
.demo-container .dx-checkbox {
  line-height: 0;
}
.demo-container .dx-checkbox .dx-checkbox-container {
  overflow: visible;
}
.demo-container .dx-checkbox.dx-state-disabled,
.demo-container .dx-checkbox.dx-state-readonly {
  border-color: #EEEFF1;
}
.demo-container .dx-checkbox.dx-state-active .dx-checkbox-icon::after,
.demo-container .dx-checkbox.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon::after,
.demo-container .dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon::after,
.demo-container .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon::after,
.demo-container .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(0, 122, 122, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon,
.demo-container .dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon,
.demo-container .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon,
.demo-container .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon {
  background-color: #bdc1cc !important;
  border-color: #bdc1cc !important;
}
.demo-container .dx-checkbox-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after,
.demo-container .dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after,
.demo-container .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-checkbox-icon {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 0;
}
.demo-container .dx-checkbox-icon::after {
  content: "";
  width: 2.5em;
  height: 2.5em;
  top: 50%;
  left: 50%;
  margin-top: -1.25em;
  margin-left: -1.25em;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 1;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.demo-container .dx-checkbox-icon::before {
  z-index: 2;
}
.demo-container .dx-checkbox-checked .dx-checkbox-icon {
  color: #fff;
  background-color: #007a7a;
  border: none;
  font: 16px/1em DXIcons;
  text-align: center;
}
.demo-container .dx-checkbox-checked .dx-checkbox-icon::before {
  content: "\f005";
  position: absolute;
  display: block;
  width: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}
.demo-container .dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: #007a7a;
  color: #fff;
  border: none;
  font: 20px/1em DXIcons;
  text-align: center;
}
.demo-container .dx-checkbox-indeterminate .dx-checkbox-icon::before {
  content: "\f074";
  position: absolute;
  display: block;
  width: 1em;
  top: 50%;
  margin-top: -0.5em;
  left: 50%;
  margin-left: -0.5em;
}
.demo-container .dx-invalid .dx-checkbox-icon {
  border: 2px solid #d72c0d;
}
.demo-container .dx-invalid.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(215, 44, 13, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-tabs-ie-hack a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: 0.001;
}
.demo-container .dx-tabs {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: inline-block;
  width: 100%;
  text-align: center;
  table-layout: fixed;
}
.demo-container .dx-tabs.dx-tabs-stretched {
  table-layout: auto;
}
.demo-container .dx-tabs.dx-overflow-hidden {
  overflow: hidden;
}
.demo-container .dx-tabs-wrapper {
  display: table-row;
}
.demo-container .dx-tabs-scrollable .dx-tabs-wrapper {
  display: block;
  white-space: nowrap;
  height: 100%;
}
.demo-container .dx-tabs-scrollable .dx-tab {
  height: 100%;
  display: inline-block;
}
.demo-container .dx-tabs-scrollable .dx-tab::before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.demo-container .dx-tabs-scrollable .dx-scrollable-content {
  height: 100%;
}
.demo-container .dx-tabs-nav-button {
  width: 25px;
  padding: 0;
  top: 0;
}
.demo-container .dx-tabs-nav-button-left {
  left: 0;
}
.demo-container .dx-tabs-nav-button-right {
  right: 0;
}
.demo-container .dx-tabs-expanded {
  display: table;
}
.demo-container .dx-tab {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
}
.demo-container .dx-tab a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: 0.001;
}
.demo-container .dx-tab-content {
  display: inline-block;
  max-width: 100%;
}
.demo-container .dx-tab-text {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
  -webkit-user-drag: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-tabs-item-badge {
  display: inline-block;
  vertical-align: top;
}
.demo-container .dx-state-disabled .dx-tab {
  cursor: default;
}
.demo-container .dx-badge {
  padding: 3px 9px;
  border-radius: 14px;
  background-color: #007a7a;
  color: #fff;
  font-size: 12px;
  margin-left: 4px;
  line-height: normal;
  margin-top: 1px;
}
.demo-container .dx-rtl .dx-badge {
  margin-left: 0;
  margin-right: 4px;
}
.demo-container .dx-tabs {
  padding: 0;
  background-color: #f5f5f5;
  position: relative;
}
.demo-container .dx-tabs .dx-inkripple {
  overflow: hidden;
}
.demo-container .dx-tabs-nav-buttons .dx-tabs-scrollable {
  margin-right: 36px;
  margin-left: 36px;
}
.demo-container .dx-tabs-nav-button {
  border: none;
  background-color: #f7f7f7;
  position: absolute;
  height: 48px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-focused,
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text).dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(.dx-button-has-text) .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.demo-container .dx-tabs-nav-button .dx-button-content {
  padding: 0;
}
.demo-container .dx-tabs-nav-button.dx-state-active {
  border: none;
}
.demo-container .dx-tabs-nav-button.dx-state-disabled {
  opacity: 1;
  background-color: #f7f7f7;
}
.demo-container .dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: 0;
}
.demo-container .dx-tab {
  padding: 12px 16px;
  min-width: 90px;
  background-color: #f7f7f7;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-tab.dx-state-hover {
  background-color: #ededed;
}
.demo-container .dx-tab .dx-icon {
  display: block;
  -webkit-user-drag: none;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin: 0 auto;
}
.demo-container .dx-tab.dx-tab-selected,
.demo-container .dx-tab.dx-tab-selected .dx-icon {
  color: #007a7a;
}
.demo-container .dx-tab.dx-tab-selected::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  left: 0;
  right: 0;
  background-color: #007a7a;
}
.demo-container .dx-tab-content,
.demo-container .dx-tab-text {
  vertical-align: middle;
  text-transform: uppercase;
  line-height: 24px;
  font-weight: 500;
}
.demo-container .dx-state-disabled.dx-tabs {
  opacity: 1;
}
.demo-container .dx-state-disabled .dx-tab-content {
  opacity: 0.3;
}
.demo-container .dx-overlay-wrapper {
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-overlay-wrapper,
.demo-container .dx-overlay-wrapper *,
.demo-container .dx-overlay-wrapper ::after,
.demo-container .dx-overlay-wrapper ::before,
.demo-container .dx-overlay-wrapper::after,
.demo-container .dx-overlay-wrapper::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-overlay-shader {
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.32);
}
.demo-container .dx-overlay-content {
  position: absolute;
  pointer-events: auto;
  z-index: 1000;
  outline: 0;
  overflow: hidden;
}
.demo-container .dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.demo-container .dx-device-android .dx-overlay-content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.demo-container .dx-device-android .dx-scrollable-native .dx-overlay-content {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.demo-container .dx-overlay-wrapper input,
.demo-container .dx-overlay-wrapper textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-validationsummary-item {
  color: #d72c0d;
}
.demo-container .dx-invalid-message > .dx-overlay-content {
  background-color: transparent;
  color: #d72c0d;
  padding: 6px 0 0;
}
.demo-container .dx-editor-filled .dx-invalid-message > .dx-overlay-content,
.demo-container .dx-editor-outlined .dx-invalid-message > .dx-overlay-content {
  padding-left: 16px;
  padding-right: 16px;
}
.demo-container .dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
  margin-bottom: 10px;
}
.demo-container .dx-form-validation-summary {
  margin-top: 20px;
}
.demo-container .dx-searchbox .dx-icon-search {
  display: block;
  position: relative;
  pointer-events: none;
}
.demo-container .dx-searchbox .dx-icon-search::before {
  display: inline-block;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  position: static;
  text-indent: 0;
}
.demo-container .dx-texteditor {
  display: block;
}
.demo-container .dx-texteditor input::-ms-clear {
  display: none;
}
.demo-container .dx-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
  color: rgba(148, 148, 148, 0.87);
  font-size: 16px;
}
.demo-container .dx-placeholder::before {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  content: attr(DATA-DX_PLACEHOLDER);
  pointer-events: none;
  white-space: nowrap;
}
.demo-container .dx-placeholder::after {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.demo-container .dx-texteditor-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.demo-container .dx-texteditor-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: content;
  flex-basis: content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-container .dx-texteditor-input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.demo-container .dx-texteditor-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  margin: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
}
.demo-container .dx-texteditor-input:-webkit-autofill + .dx-placeholder {
  display: none !important;
}
.demo-container .dx-texteditor-input:autofill + .dx-placeholder {
  display: none !important;
}
.demo-container .dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none;
}
.demo-container .dx-show-clear-button {
  position: relative;
}
.demo-container .dx-clear-button-area {
  height: 100%;
  width: 34px;
  position: relative;
  cursor: pointer;
  text-align: justify;
}
.demo-container .dx-clear-button-area .dx-icon-clear {
  position: absolute;
  display: inline-block;
  background-size: contain;
}
.demo-container .dx-texteditor-empty .dx-clear-button-area {
  display: none;
}
.demo-container .dx-state-disabled .dx-placeholder {
  cursor: auto;
}
.demo-container .dx-state-disabled .dx-clear-button-area {
  display: none;
}
.demo-container .dx-state-disabled .dx-texteditor-input {
  opacity: 1;
}
.demo-container .dx-rtl .dx-texteditor .dx-placeholder,
.demo-container .dx-rtl.dx-texteditor .dx-placeholder {
  text-align: right;
  left: auto;
  right: 0;
}
.demo-container .dx-device-android .dx-texteditor-input {
  -webkit-user-modify: read-write-plaintext-only;
}
.demo-container .dx-texteditor {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  position: relative;
}
.demo-container .dx-texteditor::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: 2;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.demo-container .dx-texteditor::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: "";
  position: absolute;
}
.demo-container .dx-texteditor.dx-state-focused .dx-texteditor-label,
.demo-container .dx-texteditor.dx-state-focused.dx-state-hover .dx-texteditor-label {
  color: #007a7a;
  font-size: 12px;
}
.demo-container .dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-texteditor.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label {
  color: #d72c0d;
}
.demo-container .dx-texteditor.dx-state-active,
.demo-container .dx-texteditor.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-texteditor.dx-state-active::before,
.demo-container .dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #007a7a;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
}
.demo-container .dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-texteditor.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-texteditor.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-texteditor.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-texteditor.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  right: 12px;
}
.demo-container .dx-rtl .dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.demo-container .dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-texteditor.dx-valid .dx-texteditor-input-container::after {
  right: 6px;
}
.demo-container .dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  right: 12px;
}
.demo-container .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  left: 12px;
  right: auto;
}
.demo-container .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  right: 6px;
}
.demo-container .dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  left: 6px;
  right: auto;
}
.demo-container .dx-texteditor.dx-editor-filled .dx-placeholder::before,
.demo-container .dx-texteditor.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.demo-container .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 15px 16px 14px;
}
.demo-container .dx-texteditor.dx-editor-filled {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-texteditor.dx-editor-filled::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.demo-container .dx-texteditor.dx-editor-filled.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.demo-container .dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-texteditor.dx-editor-filled.dx-state-disabled,
.demo-container .dx-texteditor.dx-editor-filled.dx-state-readonly,
.demo-container .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.demo-container .dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
.demo-container .dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.5);
}
.demo-container .dx-texteditor.dx-editor-underlined {
  background-color: transparent;
}
.demo-container .dx-texteditor.dx-editor-underlined::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.demo-container .dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.demo-container .dx-texteditor.dx-editor-underlined .dx-placeholder::before,
.demo-container .dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  padding: 7px 0 6px;
}
.demo-container .dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
.demo-container .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
.demo-container .dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.demo-container .dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: rgba(215, 44, 13, 0.4);
}
.demo-container .dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 2px;
  border: 0px;
}
.demo-container .dx-texteditor.dx-editor-outlined::before {
  display: none;
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-hover {
  -webkit-box-shadow: none 0 0 0 1px rgba(0, 0, 0, 0.87);
  box-shadow: none 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-disabled,
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-readonly,
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover {
  -webkit-box-shadow: none 0 0 0 1px rgba(0, 0, 0, 0.5);
  box-shadow: none 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input,
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-readonly.dx-state-hover .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.5);
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-focused {
  -webkit-box-shadow: none 0 0 0 2px #007a7a;
  box-shadow: none 0 0 0 2px #007a7a;
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  -webkit-box-shadow: none 0 0 0 2px #d72c0d;
  box-shadow: none 0 0 0 2px #d72c0d;
}
.demo-container .dx-texteditor.dx-editor-outlined.dx-invalid {
  -webkit-box-shadow: none 0 0 0 1px rgba(215, 44, 13, 0.4);
  box-shadow: none 0 0 0 1px rgba(215, 44, 13, 0.4);
}
.demo-container .dx-show-clear-button .dx-clear-button-area {
  width: 22px;
  min-width: 22px;
  right: 0;
}
.demo-container .dx-show-clear-button .dx-icon-clear {
  color: rgba(117, 117, 117, 0.87);
  background-color: rgba(194, 194, 194, 0.87);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
.demo-container .dx-show-clear-button .dx-icon-clear::before {
  position: absolute;
  display: block;
  width: 12px;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  right: 12px;
}
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after {
  right: 6px;
}
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  right: 12px;
}
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
  left: 12px;
  right: auto;
}
.demo-container .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  right: 6px;
}
.demo-container .dx-rtl .dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator,
.demo-container .dx-rtl.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  left: 6px;
  right: auto;
}
.demo-container .dx-invalid.dx-texteditor.dx-state-hover::after {
  border-bottom-color: rgba(215, 44, 13, 0.4);
}
.demo-container .dx-invalid.dx-texteditor.dx-state-active::before,
.demo-container .dx-invalid.dx-texteditor.dx-state-focused::before {
  border-top: 1px solid #d72c0d;
  border-bottom: 1px solid #d72c0d;
}
.demo-container .dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 14px;
  font-weight: 500;
  background-color: #d72c0d;
  color: #fff;
  content: "!";
  border-radius: 50%;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container > .dx-button,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container > .dx-button {
  margin-left: 5px;
  margin-right: 5px;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 10px;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  margin-right: 0;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 0;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-right: 10px;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child {
  margin-right: 8px;
}
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area + div:empty:last-child,
.demo-container .dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area + div:empty:last-child,
.demo-container .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
  margin-right: 12px;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 10px;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child:last-child {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-left: 10px;
  margin-right: 5px;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-numberbox-spin-container:last-child {
  margin-left: 8px;
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area + div:empty:last-child,
.demo-container .dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area + div:empty:last-child,
.demo-container .dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-clear-button-area:last-child {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-texteditor-label {
  position: absolute;
  font-size: 12px;
  color: rgba(148, 148, 148, 0.87);
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: text;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  top: 0;
  left: 0;
}
.demo-container .dx-texteditor-label .dx-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-texteditor-label .dx-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  display: block;
}
.demo-container .dx-invalid .dx-texteditor-label {
  color: #d72c0d;
}
.demo-container .dx-rtl .dx-texteditor-label {
  left: auto;
  right: 0;
}
.demo-container .dx-editor-filled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-filled .dx-texteditor-label .dx-label-before {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 16px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label,
.demo-container .dx-editor-filled.dx-texteditor-with-label {
  position: relative;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-input,
.demo-container .dx-editor-filled.dx-texteditor-with-label.dx-lookup .dx-lookup-field {
  padding-top: 21px;
  padding-bottom: 8px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-container,
.demo-container .dx-editor-filled.dx-texteditor-with-label.dx-textarea .dx-texteditor-container {
  padding-top: 21px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea .dx-placeholder::before,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-input,
.demo-container .dx-editor-filled.dx-texteditor-with-label.dx-textarea .dx-placeholder::before,
.demo-container .dx-editor-filled.dx-texteditor-with-label.dx-textarea .dx-texteditor-input {
  padding-top: 0;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-label.dx-textarea .dx-texteditor-label {
  top: 7px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 7px;
  margin-top: 0;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before,
.demo-container .dx-editor-filled.dx-texteditor-with-label .dx-placeholder::before {
  padding-top: 21px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
  font-size: 16px;
  line-height: 16px;
  height: 16px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-placeholder {
  display: block;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 7px;
  margin-top: 0;
}
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-filled.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label {
  top: 7px;
}
.demo-container .dx-editor-outlined .dx-texteditor-label {
  top: 0;
  left: 0;
  right: 0;
}
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label {
  padding: 0;
}
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label span {
  position: relative;
  font-size: 16px;
  top: 0;
  margin-top: 0;
}
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label-before {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label-before {
  border-radius: 2px 0 0 2px;
  min-width: 16px;
}
.demo-container .dx-editor-outlined .dx-texteditor-label .dx-label-after {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 16px;
  border-radius: 0 2px 2px 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset 2px 0 transparent, inset -2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset 2px 0 transparent, inset -2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-disabled.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-hover.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
  padding: 0;
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -8px;
  height: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-textarea .dx-texteditor-label .dx-label span {
  top: 15px;
  margin-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-placeholder,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  position: relative;
  margin-top: 6px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-input-container,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea .dx-texteditor-input-container {
  padding-top: 15px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-input-container .dx-texteditor-input,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea .dx-texteditor-input-container .dx-texteditor-input {
  padding-top: 0;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 rgba(0, 0, 0, 0.5), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.5), inset 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.5);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 rgba(215, 44, 13, 0.4), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
  box-shadow: inset 0 -1px rgba(215, 44, 13, 0.4), inset 0 1px rgba(215, 44, 13, 0.4), inset -1px 0 transparent, inset 1px 0 rgba(215, 44, 13, 0.4);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-dropdowneditor-input-wrapper,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-container,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-dropdowneditor-input-wrapper,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-container {
  overflow: visible;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label {
  padding: 0 4px;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  top: 0;
  margin-top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
  border-radius: 0 2px 2px 0;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 rgba(0, 0, 0, 0.42), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label .dx-texteditor-label .dx-label-after {
  border-radius: 2px 0 0 2px;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.42), inset 0 1px rgba(0, 0, 0, 0.42), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.42);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 rgba(0, 0, 0, 0.87), inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.87), inset 0 1px rgba(0, 0, 0, 0.87), inset -1px 0 transparent, inset 1px 0 rgba(0, 0, 0, 0.87);
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px transparent, inset 1px 0 transparent, inset -1px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 #d72c0d, inset 1px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
  box-shadow: inset 0 -1px #d72c0d, inset 0 1px #d72c0d, inset -1px 0 transparent, inset 1px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px transparent, inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px transparent, inset 2px 0 transparent, inset -2px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 #007a7a, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
  box-shadow: inset 0 -2px #007a7a, inset 0 2px #007a7a, inset -2px 0 transparent, inset 2px 0 #007a7a;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label {
  height: 100%;
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px transparent, inset 2px 0 transparent, inset -2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px transparent, inset 2px 0 transparent, inset -2px 0 transparent;
  padding: 0 4px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label span,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label span {
  -webkit-transform: translate(0, -6px);
  transform: translate(0, -6px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  height: 100%;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-lookup-field,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-before,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-before {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 #d72c0d, inset 2px 0 transparent;
}
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid.dx-rtl .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-dropdowneditor-active.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-invalid .dx-texteditor-label .dx-label-after,
.demo-container .dx-rtl .dx-editor-outlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-state-hover.dx-invalid .dx-texteditor-label .dx-label-after {
  -webkit-box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
  box-shadow: inset 0 -2px #d72c0d, inset 0 2px #d72c0d, inset -2px 0 transparent, inset 2px 0 #d72c0d;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  top: 0;
  margin-top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before,
.demo-container .dx-editor-underlined.dx-texteditor-with-label .dx-placeholder::before {
  padding-top: 16px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-input,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-lookup .dx-lookup-field {
  padding-top: 16px;
  padding-bottom: 7px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-container,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea .dx-texteditor-container {
  padding-top: 16px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea .dx-placeholder::before,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-input,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea .dx-placeholder::before,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea .dx-texteditor-input {
  padding-top: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea .dx-texteditor-label {
  top: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-placeholder {
  display: block;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-lookup-field {
  font-size: 16px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 0;
  margin-top: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-state-focused.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label {
  top: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
  height: 28px;
  margin: 1px 5px 3px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 5px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon {
  margin-top: 3px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text),
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content {
  padding: 2px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.demo-container .dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 5px;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-lookup-field,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-lookup-field {
  font-size: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
  -webkit-transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  transition: transform 0.2s cubic-bezier(0, 0, 0.2, 1), font-size 0.2s cubic-bezier(0, 0, 0.2, 1), top 0.2s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  height: 16px;
  margin-top: -8px;
  line-height: 16px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  top: 16px;
  margin-top: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 16px;
  line-height: 16px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-state-readonly.dx-textarea .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-lookup-empty.dx-textarea .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-placeholder {
  display: none;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-placeholder {
  display: block;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused .dx-texteditor-label {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  font-size: 12px;
  top: 0;
  margin-top: 0;
  height: 12px;
  line-height: 12px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label,
.demo-container .dx-editor-underlined.dx-texteditor-with-floating-label.dx-textarea.dx-state-focused.dx-textarea .dx-texteditor-label {
  top: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
  height: 28px;
  margin: 1px 5px 3px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 5px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text .dx-button-content .dx-icon {
  -ms-flex-item-align: center;
  align-self: center;
  margin-top: 1px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text.dx-button-has-text .dx-button-content .dx-icon {
  margin-top: 3px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) {
  min-width: 28px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text:not(.dx-button-has-text) .dx-button-content {
  padding: 2px;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 0;
}
.demo-container .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 0;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 5px;
  margin-right: 5px;
}
.demo-container .dx-rtl.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-left: 0;
  margin-right: 5px;
}
.demo-container .dx-valid.dx-texteditor .dx-texteditor-input-container::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 23px;
  font-size: 20px;
  font-weight: 700;
  font-family: DXIcons, sans-serif;
  color: #007f5f;
  content: "\f005";
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards dx-valid-badge-frames;
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards dx-valid-badge-frames;
}
.demo-container .dx-validation-pending.dx-texteditor .dx-texteditor-input-container .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
}
.demo-container .dx-rtl .dx-placeholder,
.demo-container .dx-rtl .dx-placeholder::before {
  right: 0;
  left: auto;
}
.demo-container .dx-searchbox .dx-icon-search {
  font: 14px/1 DXIcons;
  color: rgba(148, 148, 148, 0.87);
}
.demo-container .dx-searchbox .dx-icon-search::before {
  content: "\f027";
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-searchbox.dx-editor-underlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background-position: 4px 4px;
  background-size: 22px 22px;
  padding: 4px 8px 4px 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
}
.demo-container .dx-rtl .dx-searchbox.dx-editor-underlined .dx-icon-search,
.demo-container .dx-rtl.dx-searchbox.dx-editor-underlined .dx-icon-search {
  padding-right: 0;
  padding-left: 8px;
}
.demo-container .dx-searchbox.dx-editor-underlined .dx-placeholder::before,
.demo-container .dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  padding-left: 30px;
}
.demo-container .dx-rtl .dx-searchbox.dx-editor-underlined .dx-placeholder::before,
.demo-container .dx-rtl .dx-searchbox.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-rtl.dx-searchbox.dx-editor-underlined .dx-placeholder::before,
.demo-container .dx-rtl.dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  padding-left: 0;
  padding-right: 30px;
}
.demo-container .dx-searchbox.dx-editor-filled .dx-icon-search,
.demo-container .dx-searchbox.dx-editor-outlined .dx-icon-search {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  width: 46px;
  height: 46px;
  background-position: 12px 12px;
  background-size: 22px 22px;
  padding: 12px 8px 12px 16px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
}
.demo-container .dx-rtl .dx-searchbox.dx-editor-filled .dx-icon-search,
.demo-container .dx-rtl .dx-searchbox.dx-editor-outlined .dx-icon-search,
.demo-container .dx-rtl.dx-searchbox.dx-editor-filled .dx-icon-search,
.demo-container .dx-rtl.dx-searchbox.dx-editor-outlined .dx-icon-search {
  padding-right: 16px;
  padding-left: 8px;
}
.demo-container .dx-searchbox.dx-editor-filled .dx-placeholder::before,
.demo-container .dx-searchbox.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.demo-container .dx-searchbox.dx-editor-outlined .dx-texteditor-input {
  padding-left: 46px;
}
.demo-container .dx-rtl .dx-searchbox.dx-editor-filled .dx-placeholder::before,
.demo-container .dx-rtl .dx-searchbox.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-rtl .dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.demo-container .dx-rtl .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-rtl.dx-searchbox.dx-editor-filled .dx-placeholder::before,
.demo-container .dx-rtl.dx-searchbox.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-rtl.dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.demo-container .dx-rtl.dx-searchbox.dx-editor-outlined .dx-texteditor-input {
  padding-left: 16px;
  padding-right: 46px;
}
.demo-container .dx-searchbar {
  padding-bottom: 5px;
}
.demo-container .dx-searchbar .dx-texteditor {
  margin: 0;
}
.demo-container .dx-list {
  margin: 0;
  min-height: 3em;
}
.demo-container .dx-list .dx-scrollview-content:focus {
  outline: 0;
}
.demo-container .dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .dx-list-item > .dx-list-item-content,
.demo-container .dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
  white-space: normal;
}
.demo-container .dx-empty-collection .dx-list-select-all {
  display: none;
}
.demo-container .dx-list-group-header::before {
  width: 0;
  height: 0;
  display: block;
  float: right;
  margin-top: 6px;
  border-style: solid;
  border-color: transparent;
  border-width: 5px 5px 0;
}
.demo-container .dx-list-collapsible-groups .dx-list-group-header {
  cursor: pointer;
}
.demo-container .dx-list-collapsible-groups .dx-list-group-header::before {
  content: " ";
  content: none;
}
.demo-container .dx-list-group-collapsed .dx-list-group-header::before {
  border-width: 0 5px 5px;
}
.demo-container .dx-list-group-body {
  overflow: hidden;
}
.demo-container .dx-list-item {
  cursor: pointer;
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-list-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
}
.demo-container .dx-list-item-content::before {
  content: "_";
  color: transparent;
  display: inline-block;
  width: 0;
  float: left;
}
.demo-container .dx-list .dx-empty-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 3em;
}
.demo-container .dx-list-item-badge-container {
  display: table-cell;
  width: 20px;
  text-align: right;
  vertical-align: middle;
}
.demo-container .dx-list-item-badge {
  float: right;
  position: relative;
}
.demo-container .dx-list-item-chevron-container {
  display: table-cell;
  vertical-align: middle;
}
.demo-container .dx-list-item-icon-container {
  display: inline-block;
}
.demo-container .dx-list-item-chevron {
  border-width: 2px 0 0 2px;
  opacity: 0.3;
}
.demo-container .dx-list-item-response-wait {
  opacity: 0.5;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.demo-container .dx-list-slide-menu-content {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.demo-container .dx-list-item-after-bag,
.demo-container .dx-list-item-before-bag {
  display: table-cell;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.demo-container .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  display: block;
  float: left;
  padding: 3px 0;
}
.demo-container .dx-list-item-before-bag .dx-icon-toggle-delete {
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.demo-container .dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
}
.demo-container .dx-list-select-all-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: move;
  background-repeat: no-repeat;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.demo-container .dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: default;
}
.demo-container .dx-list-switchable-menu-shield-positioning {
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.demo-container .dx-list-switchable-delete-bottom-shield,
.demo-container .dx-list-switchable-delete-top-shield {
  position: absolute;
  right: 0;
  left: 0;
  cursor: pointer;
}
.demo-container .dx-list-switchable-delete-top-shield {
  top: 0;
}
.demo-container .dx-list-switchable-delete-bottom-shield {
  bottom: 0;
}
.demo-container .dx-list-switchable-delete-item-content-shield {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.demo-container .dx-list-switchable-delete-button-container {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.demo-container .dx-list-switchable-delete-button-wrapper {
  display: table;
  height: 100%;
}
.demo-container .dx-list-switchable-delete-button-inner-wrapper {
  display: table-cell;
  padding-left: 1px;
  height: 100%;
  vertical-align: middle;
}
.demo-container .dx-list-switchable-menu-item-shield-positioning,
.demo-container .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content,
.demo-container .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  position: relative;
}
.demo-container .dx-list-switchable-delete-ready .dx-icon-toggle-delete {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.demo-container .dx-list-slide-menu-buttons-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.demo-container .dx-device-ios .dx-list-slide-menu-buttons-container {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.demo-container .dx-list-slide-menu-buttons {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  display: table;
  height: 100%;
}
.demo-container .dx-list-slide-menu-button {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  bottom: 1px;
}
.demo-container .dx-list-static-delete-button .dx-button-content {
  overflow: visible;
}
.demo-container .dx-list-next-button {
  padding: 5px;
  text-align: center;
}
.demo-container .dx-state-disabled .dx-list-item,
.demo-container .dx-state-disabled .dx-list-switchable-delete-button,
.demo-container .dx-state-disabled .dx-list-toggle-delete-switch,
.demo-container .dx-state-disabled.dx-list-item {
  cursor: default;
}
.demo-container .dx-list-context-menuitem {
  cursor: pointer;
}
.demo-container .dx-rtl .dx-list .dx-list-item-badge-container,
.demo-container .dx-rtl.dx-list .dx-list-item-badge-container {
  padding-left: 10px;
  padding-right: 0;
}
.demo-container .dx-rtl .dx-list .dx-list-item-badge,
.demo-container .dx-rtl.dx-list .dx-list-item-badge {
  float: left;
}
.demo-container .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.demo-container .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  float: right;
}
.demo-container .dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
.demo-container .dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
  right: 100%;
  left: 0;
}
.demo-container .dx-rtl .dx-list .dx-list-slide-item-delete-button,
.demo-container .dx-rtl.dx-list .dx-list-slide-item-delete-button {
  right: auto;
  left: 0;
}
.demo-container .dx-rtl .dx-list .dx-list-group-header::before,
.demo-container .dx-rtl.dx-list .dx-list-group-header::before {
  float: left;
}
.demo-container .dx-list-item-chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
  opacity: 1;
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  margin-left: -5px;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-rtl .dx-list-item-chevron {
  margin-left: auto;
  margin-right: -6px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.demo-container .dx-list-item-chevron::before {
  content: "\f010";
}
.demo-container .dx-list-item-icon-container {
  width: 40px;
  height: 24px;
  vertical-align: bottom;
}
.demo-container .dx-list-item-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-list-search {
  margin-bottom: 5px;
  padding-top: 4px;
}
.demo-container .dx-list-search.dx-searchbox .dx-placeholder::before {
  font-size: 16px;
}
.demo-container .dx-list-search.dx-searchbox .dx-clear-button-area {
  width: 23px;
}
.demo-container .dx-list-group-header,
.demo-container .dx-list-item,
.demo-container .dx-list-select-all {
  position: relative;
}
.demo-container .dx-list-group-header .dx-inkripple,
.demo-container .dx-list-item .dx-inkripple,
.demo-container .dx-list-select-all .dx-inkripple {
  overflow: hidden;
}
.demo-container .dx-list {
  border: none;
}
.demo-container .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 48px);
}
.demo-container .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before {
  border-color: #003d3d;
}
.demo-container .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after,
.demo-container .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after {
  background-color: rgba(0, 122, 122, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.12);
  color: #000;
}
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.14);
  color: #000;
}
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.18);
  color: #000;
}
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active,
.demo-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #ccc;
}
.demo-container .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-list-group:not(.dx-list-group-collapsed) + .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
  border-top-color: transparent;
}
.demo-container .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.demo-container .dx-list-collapsible-groups .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator::before {
  content: "\f016";
}
.demo-container .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-list-group .dx-list-item:first-of-type {
  margin-top: 0;
}
.demo-container .dx-list-group .dx-list-item:last-of-type {
  margin-bottom: 0;
}
.demo-container .dx-list-group-header {
  font-weight: 400;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0);
  color: #007a7a;
  border-top: 1px solid transparent;
  font-size: 16px;
}
.demo-container .dx-list-group-header .dx-list-group-header-indicator {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
  float: right;
  margin-top: -2px;
}
.demo-container .dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator::before {
  content: "\f014";
}
.demo-container .dx-list-group-header .dx-inkripple {
  height: auto;
  top: -1px;
  bottom: 0;
}
.demo-container .dx-list-group-header::before {
  content: none;
}
.demo-container .dx-list-item .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3Argba%280,%200,%200,%200.54%29%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 100%;
}
.demo-container .dx-list-item.dx-state-active,
.demo-container .dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper,
.demo-container .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-list-item:first-of-type {
  border-top: none;
  margin-top: 8px;
}
.demo-container .dx-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 8px;
}
.demo-container .dx-list-item .dx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: rgba(98, 98, 98, 0.87);
  background: #fff;
  border-top: 1px solid rgba(0, 122, 122, 0.5);
  border-bottom: 1px solid rgba(0, 122, 122, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-list .dx-empty-message,
.demo-container .dx-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-list-item-separator-hidden .dx-list .dx-empty-message,
.demo-container .dx-list-item-separator-hidden .dx-list-item {
  border-top: none;
  border-bottom: none;
}
.demo-container .dx-list-item-content {
  font-size: 16px;
  padding: 14px 16px 13px;
}
.demo-container .dx-list .dx-empty-message {
  text-align: left;
  padding: 8px 16px 7px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.demo-container .dx-list-next-button .dx-button {
  margin-top: 20px;
  padding: 0;
}
.demo-container .dx-list-next-button .dx-button .dx-button-content {
  padding: 6px 16px;
}
.demo-container .dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-list-next-button .dx-button .dx-icon,
.demo-container .dx-rtl.dx-list-next-button .dx-button .dx-icon {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-list-next-button .dx-button .dx-button-content {
  padding-left: 58px;
  padding-right: 58px;
}
.demo-container .dx-list-item-chevron-container {
  width: 27px;
  padding-top: 7px;
}
.demo-container .dx-list-border-visible {
  border: 1px solid #e1e3e5;
}
.demo-container .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 46px;
}
.demo-container .dx-list-item-before-bag.dx-list-select-checkbox-container,
.demo-container .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 56px;
}
.demo-container .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  padding: 0;
  height: 24px;
  width: 24px;
  margin-left: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0;
}
.demo-container .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
  display: none;
}
.demo-container .dx-list-item-before-bag .dx-icon-toggle-delete {
  width: 23px;
  height: 23px;
}
.demo-container .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-left: 16px;
}
.demo-container .dx-list-toggle-delete-switch-container + .dx-list-item-content {
  padding-left: 34px;
}
.demo-container .dx-list-select-all {
  white-space: nowrap;
  padding: 13px 0;
  font-size: 16px;
  position: relative;
}
.demo-container .dx-list-select-all::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e1e3e5;
}
.demo-container .dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 16px;
}
.demo-container .dx-list-select-all-label {
  line-height: 17px;
  padding: 0 35px;
  margin-top: 2px;
}
.demo-container .dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 43px;
}
.demo-container .dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 44.8px;
}
.demo-container .dx-list-item-after-bag .dx-list-reorder-handle {
  font: 24px/24px DXIcons;
  color: rgba(0, 0, 0, 0.27);
  width: 38.4px;
  height: 38.4px;
  background-position: 7px 7px;
  background-size: 24px 24px;
  padding: 7px;
  text-align: center;
}
.demo-container .dx-list-slide-menu-button-delete {
  font: 24px/1 DXIcons;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-right-color: transparent;
  background-color: #d72c0d;
  display: table-cell;
  vertical-align: middle;
  padding: 0 16px;
  width: 56px;
  -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-list-slide-menu-button-delete::before {
  content: "\f03e";
}
.demo-container .dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #007a7a;
}
.demo-container .dx-list-static-delete-button {
  margin-right: 16px;
  padding: 0;
  border-radius: 50%;
  height: 34px;
  margin-top: -2px;
}
.demo-container .dx-list-static-delete-button.dx-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.demo-container .dx-list-static-delete-button.dx-button .dx-button-content {
  z-index: 1;
}
.demo-container .dx-list-switchable-delete-button-inner-wrapper {
  padding-right: 6px;
  background-color: #fff;
}
.demo-container .dx-button.dx-list-switchable-delete-button {
  background-color: transparent;
  color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-list-switchable-delete-button .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-focused,
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-active {
  background-color: rgba(215, 44, 13, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
  background-color: rgba(215, 44, 13, 0.2);
}
.demo-container .dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #e1e3e5;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.demo-container .dx-state-disabled .dx-list-item,
.demo-container .dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: 0.6;
}
.demo-container .dx-rtl .dx-list .dx-empty-message,
.demo-container .dx-rtl.dx-list .dx-empty-message {
  text-align: right;
}
.demo-container .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
.demo-container .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  margin-right: 15px;
  margin-left: 0;
}
.demo-container .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.demo-container .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 16px;
  margin-left: 1px;
}
.demo-container .dx-rtl .dx-list .dx-list-select-all-checkbox,
.demo-container .dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 16px;
  margin-left: 1px;
}
.demo-container .dx-rtl .dx-list .dx-list-switchable-delete-button,
.demo-container .dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-right: 0;
}
.demo-container .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
.demo-container .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  padding-left: 6px;
  padding-right: 0;
}
.demo-container .dx-list-item-badge-container {
  padding-right: 16px;
}
.demo-container .dx-device-mobile .dx-list {
  border: none;
}
.demo-container .dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 48px);
}
.demo-container .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before {
  border-color: #003d3d;
}
.demo-container .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::after,
.demo-container .dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox.dx-checkbox-indeterminate .dx-checkbox-icon::after {
  background-color: rgba(0, 122, 122, 0.1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.12);
  color: #000;
}
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.14);
  color: #000;
}
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: rgba(0, 0, 0, 0.18);
  color: #000;
}
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active,
.demo-container .dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #ccc;
}
.demo-container .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) + .dx-device-mobile .dx-list-group:not(.dx-list-group-collapsed) .dx-list-group-header {
  border-top-color: transparent;
}
.demo-container .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.demo-container .dx-list-collapsible-groups .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header-indicator::before {
  content: "\f016";
}
.demo-container .dx-device-mobile .dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-device-mobile .dx-list-group .dx-list-item:first-of-type {
  margin-top: 0;
}
.demo-container .dx-device-mobile .dx-list-group .dx-list-item:last-of-type {
  margin-bottom: 0;
}
.demo-container .dx-device-mobile .dx-list-group-header {
  font-weight: 400;
  padding: 14px 15px;
  background: rgba(255, 255, 255, 0);
  color: #007a7a;
  border-top: 1px solid transparent;
  font-size: 16px;
}
.demo-container .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
  float: right;
  margin-top: -2px;
}
.demo-container .dx-list-collapsible-groups .dx-device-mobile .dx-list-group-header .dx-list-group-header-indicator::before {
  content: "\f014";
}
.demo-container .dx-device-mobile .dx-list-group-header .dx-inkripple {
  height: auto;
  top: -1px;
  bottom: 0;
}
.demo-container .dx-device-mobile .dx-list-group-header::before {
  content: none;
}
.demo-container .dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3Argba%280,%200,%200,%200.54%29%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 100%;
}
.demo-container .dx-device-mobile .dx-list-item.dx-state-active,
.demo-container .dx-device-mobile .dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-device-mobile .dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper,
.demo-container .dx-device-mobile .dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-device-mobile .dx-list-item:first-of-type {
  border-top: none;
  margin-top: 8px;
}
.demo-container .dx-device-mobile .dx-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 8px;
}
.demo-container .dx-device-mobile .dx-list-item .dx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-device-mobile .dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: rgba(98, 98, 98, 0.87);
  background: #fff;
  border-top: 1px solid rgba(0, 122, 122, 0.5);
  border-bottom: 1px solid rgba(0, 122, 122, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-device-mobile .dx-list .dx-empty-message,
.demo-container .dx-device-mobile .dx-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message,
.demo-container .dx-list-item-separator-hidden .dx-device-mobile .dx-list-item {
  border-top: none;
  border-bottom: none;
}
.demo-container .dx-device-mobile .dx-list-item-content {
  font-size: 16px;
  padding: 14px 15px 13px;
}
.demo-container .dx-device-mobile .dx-list .dx-empty-message {
  text-align: left;
  padding: 8px 15px 7px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.demo-container .dx-device-mobile .dx-list-next-button .dx-button {
  margin-top: 20px;
  padding: 0;
}
.demo-container .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  padding: 6px 16px;
}
.demo-container .dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.demo-container .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  margin-left: 12px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 12px;
  margin-left: 0;
}
.demo-container .dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  padding-left: 58px;
  padding-right: 58px;
}
.demo-container .dx-device-mobile .dx-list-item-chevron-container {
  width: 26px;
  padding-top: 7px;
}
.demo-container .dx-device-mobile .dx-list-border-visible {
  border: 1px solid #e1e3e5;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 45px;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.demo-container .dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 55px;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  padding: 0;
  height: 24px;
  width: 24px;
  margin-left: 14px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content .dx-inkripple-wave {
  display: none;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
  width: 23px;
  height: 23px;
}
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-left: 15px;
}
.demo-container .dx-device-mobile .dx-list-toggle-delete-switch-container + .dx-list-item-content {
  padding-left: 33px;
}
.demo-container .dx-device-mobile .dx-list-select-all {
  padding: 13px 0;
  font-size: 16px;
  position: relative;
}
.demo-container .dx-device-mobile .dx-list-select-all::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e1e3e5;
}
.demo-container .dx-device-mobile .dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 15px;
}
.demo-container .dx-device-mobile .dx-list-select-all-label {
  line-height: 17px;
  padding: 0 35px;
  margin-top: 2px;
}
.demo-container .dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 42px;
}
.demo-container .dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 43.8px;
}
.demo-container .dx-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle {
  font: 24px/24px DXIcons;
  color: rgba(0, 0, 0, 0.27);
  width: 38.4px;
  height: 38.4px;
  background-position: 7px 7px;
  background-size: 24px 24px;
  padding: 7px;
  text-align: center;
}
.demo-container .dx-device-mobile .dx-list-slide-menu-button {
  bottom: 1px;
}
.demo-container .dx-device-mobile .dx-list-slide-menu-button-delete {
  font: 24px/1 DXIcons;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-right-color: transparent;
  background-color: #d72c0d;
  display: table-cell;
  vertical-align: middle;
  padding: 0 15px;
  width: 54px;
  -webkit-box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
  box-shadow: inset 3px 0 5px -3px rgba(0, 0, 0, 0.24), inset 0 3px 5px -3px rgba(0, 0, 0, 0.24), inset 0 -3px 5px -3px rgba(0, 0, 0, 0.24);
}
.demo-container .dx-device-mobile .dx-list-slide-menu-button-delete::before {
  content: "\f03e";
}
.demo-container .dx-device-mobile .dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #007a7a;
}
.demo-container .dx-device-mobile .dx-list-static-delete-button {
  margin-right: 15px;
  padding: 0;
  border-radius: 50%;
  height: 34px;
  margin-top: -2px;
}
.demo-container .dx-device-mobile .dx-list-static-delete-button.dx-button {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.demo-container .dx-device-mobile .dx-list-static-delete-button.dx-button .dx-button-content {
  z-index: 1;
}
.demo-container .dx-device-mobile .dx-list-switchable-delete-button-inner-wrapper {
  padding-right: 6px;
  background-color: #fff;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button {
  background-color: transparent;
  color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-focused,
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-hover {
  background-color: rgba(215, 44, 13, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-active {
  background-color: rgba(215, 44, 13, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-device-mobile .dx-button.dx-list-switchable-delete-button .dx-inkripple-wave {
  background-color: rgba(215, 44, 13, 0.2);
}
.demo-container .dx-device-mobile .dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #e1e3e5;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.demo-container .dx-device-mobile .dx-state-disabled .dx-list-item,
.demo-container .dx-device-mobile .dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: 0.6;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
  text-align: right;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  margin-right: 14px;
  margin-left: 0;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 15px;
  margin-left: 1px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 15px;
  margin-left: 1px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-right: 0;
}
.demo-container .dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button-inner-wrapper,
.demo-container .dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button-inner-wrapper {
  padding-left: 6px;
  padding-right: 0;
}
.demo-container .dx-device-mobile .dx-list-item-badge-container {
  padding-right: 15px;
}
.demo-container .dx-numberbox {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-numberbox input[type=number] {
  -moz-appearance: textfield;
}
.demo-container .dx-numberbox input[type=number]::-webkit-inner-spin-button,
.demo-container .dx-numberbox input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.demo-container .dx-numberbox-spin-container {
  height: 100%;
}
.demo-container .dx-numberbox-spin-down,
.demo-container .dx-numberbox-spin-up {
  position: relative;
  width: 100%;
  height: 50%;
  cursor: pointer;
}
.demo-container .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
.demo-container .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
  width: 50%;
  height: 100%;
  display: inline-block;
}
.demo-container .dx-numberbox-spin-down-icon,
.demo-container .dx-numberbox-spin-up-icon {
  width: 100%;
  height: 100%;
}
.demo-container .dx-state-disabled .dx-numberbox-spin-container {
  opacity: 0.2;
  opacity: 1;
}
.demo-container .dx-numberbox-spin-container {
  overflow: hidden;
  width: 24px;
}
.demo-container .dx-numberbox-spin-up-icon {
  font: 14px/1 DXIcons;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-numberbox-spin-up-icon::before {
  content: "\f002";
}
.demo-container .dx-numberbox-spin-down-icon {
  font: 14px/1 DXIcons;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-numberbox-spin-down-icon::before {
  content: "\f001";
}
.demo-container .dx-numberbox-spin-down-icon,
.demo-container .dx-numberbox-spin-up-icon {
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-numberbox-spin-down-icon::before,
.demo-container .dx-numberbox-spin-up-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-numberbox-spin-button {
  padding: 1px;
  height: 50%;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined .dx-texteditor-input {
  padding-right: 0;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  right: 12px;
}
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after {
  right: 6px;
}
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-underlined.dx-valid .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined .dx-texteditor-input {
  padding-right: 16px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  right: 12px;
}
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after {
  right: 6px;
}
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-filled.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin.dx-numberbox-box.dx-editor-outlined.dx-valid .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-right: 46px;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-left: 46px;
  padding-right: 0;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-right: 62px;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding: 15px 16px 14px 62px;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  right: 12px;
}
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined .dx-texteditor-input-container::after {
  left: 12px;
  right: auto;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after {
  right: 6px;
}
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl .dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-invalid .dx-texteditor-input-container::after,
.demo-container .dx-rtl.dx-numberbox-spin-touch-friendly.dx-valid .dx-texteditor-input-container::after {
  left: 6px;
  right: auto;
}
.demo-container .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  width: 74px;
  border-left: none;
}
.demo-container .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon,
.demo-container .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon {
  background-position: center;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-editor-underlined.dx-show-clear-button .dx-texteditor-input {
  padding-right: 0;
}
.demo-container .dx-numberbox-spin-touch-friendly.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
.demo-container .dx-numberbox-spin-touch-friendly.dx-editor-outlined.dx-show-clear-button .dx-texteditor-input {
  padding-right: 16px;
}
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  border-right: none;
}
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly.dx-show-clear-button .dx-texteditor-input,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-show-clear-button .dx-texteditor-input {
  padding-left: 24px;
}
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-underlined .dx-texteditor-input {
  padding-left: 0;
}
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-numberbox.dx-rtl.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-rtl .dx-numberbox.dx-numberbox-spin.dx-editor-outlined .dx-texteditor-input {
  padding-left: 16px;
}
.demo-container .dx-calendar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: block;
}
.demo-container .dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  position: absolute;
  bottom: 0;
  text-align: center;
  height: 45px;
  width: 100%;
}
.demo-container .dx-calendar-views-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.demo-container .dx-calendar-navigator {
  position: relative;
  text-align: center;
  width: 100%;
}
.demo-container .dx-calendar-navigator .dx-calendar-caption-button {
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  right: 32px;
  left: 32px;
}
.demo-container .dx-calendar-body {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 45px;
}
.demo-container .dx-calendar-body .dx-widget {
  position: absolute;
  width: 100%;
  height: 100%;
}
.demo-container .dx-calendar-body table {
  width: 100%;
  height: 100%;
  position: absolute;
  direction: ltr;
  table-layout: fixed;
  border-spacing: 0;
}
.demo-container .dx-calendar-body td {
  cursor: pointer;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-calendar-body thead th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-calendar-contoured-date {
  outline-offset: -1px;
}
.demo-container .dx-rtl.dx-calendar .dx-calendar-body table {
  left: 0;
}
.demo-container .dx-rtl.dx-calendar .dx-calendar-body .dx-widget {
  direction: ltr;
}
.demo-container .dx-state-disabled .dx-calendar .dx-calendar-navigator-next-month,
.demo-container .dx-state-disabled .dx-calendar .dx-calendar-navigator-previous-month,
.demo-container .dx-state-disabled .dx-calendar-body table td,
.demo-container .dx-state-disabled .dx-calendar-body table th,
.demo-container .dx-state-disabled.dx-calendar .dx-calendar-navigator-next-month,
.demo-container .dx-state-disabled.dx-calendar .dx-calendar-navigator-previous-month {
  cursor: default;
}
.demo-container .dx-calendar {
  width: 226px;
  min-width: 226px;
  height: 264.4px;
  min-height: 264.4px;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  border: 1px solid transparent;
}
.demo-container .dx-calendar.dx-calendar-with-footer {
  height: 319.4px;
  min-height: 289.4px;
}
.demo-container .dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  bottom: 55px;
}
.demo-container .dx-calendar-navigator {
  line-height: 1.6;
  height: 36px;
  display: table;
  border-collapse: collapse;
}
.demo-container .dx-calendar-navigator .dx-button {
  position: absolute;
  height: 100%;
  display: table-cell;
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-calendar-navigator .dx-button .dx-icon {
  color: #007a7a;
  font-size: 24px;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-focused,
.demo-container .dx-calendar-navigator .dx-button.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-active {
  background-color: rgba(0, 122, 122, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-calendar-navigator .dx-button .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-calendar-navigator .dx-button .dx-button-text {
  text-transform: none;
}
.demo-container .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  border-collapse: collapse;
  visibility: visible;
  opacity: 1;
}
.demo-container .dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
  opacity: 0.5;
}
.demo-container .dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link),
.demo-container .dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  z-index: 1;
}
.demo-container .dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  padding: 2px 15px 4px;
}
.demo-container .dx-calendar-navigator-previous-month.dx-state-hover {
  z-index: 1;
}
.demo-container .dx-calendar-navigator-next-view,
.demo-container .dx-calendar-navigator-previous-month {
  width: 32px;
  background: 0 0;
}
.demo-container .dx-calendar-navigator-next-view.dx-button,
.demo-container .dx-calendar-navigator-previous-month.dx-button {
  margin: 0 1px;
}
.demo-container .dx-calendar-navigator-next-view .dx-button-content,
.demo-container .dx-calendar-navigator-previous-month .dx-button-content {
  padding: 0;
}
.demo-container .dx-calendar-navigator-previous-month,
.demo-container .dx-calendar-navigator-previous-view {
  left: 0;
}
.demo-container .dx-calendar-navigator-previous-month.dx-button,
.demo-container .dx-calendar-navigator-previous-view.dx-button {
  border-radius: 2px 0 0 2px;
}
.demo-container .dx-calendar-navigator-previous-month.dx-button .dx-icon,
.demo-container .dx-calendar-navigator-previous-view.dx-button .dx-icon {
  color: #007a7a;
}
.demo-container .dx-calendar-navigator-next-month,
.demo-container .dx-calendar-navigator-next-view {
  right: 0;
}
.demo-container .dx-calendar-navigator-next-month.dx-button,
.demo-container .dx-calendar-navigator-next-view.dx-button {
  border-radius: 0 2px 2px 0;
}
.demo-container .dx-calendar-navigator-next-month.dx-button .dx-icon,
.demo-container .dx-calendar-navigator-next-view.dx-button .dx-icon {
  color: #007a7a;
}
.demo-container .dx-calendar-body thead {
  font-size: 11px;
  line-height: 1.2;
}
.demo-container .dx-calendar-body thead tr {
  height: 25px;
  padding-bottom: 10px;
}
.demo-container .dx-calendar-body table th {
  color: rgba(102, 102, 102, 0.87);
  font-weight: 500;
  text-align: center;
  padding: 1px 0 10px;
}
.demo-container .dx-calendar-cell {
  white-space: normal;
  text-align: center;
  padding: 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 12px;
  width: 32px;
  border-radius: 50%;
}
.demo-container .dx-calendar-view-decade .dx-calendar-cell span,
.demo-container .dx-calendar-view-year .dx-calendar-cell span {
  line-height: 400%;
  width: 48px;
}
.demo-container .dx-calendar-view-century .dx-calendar-cell span {
  line-height: 200%;
  width: 48px;
}
.demo-container .dx-calendar-cell span {
  display: inline-block;
  width: 28px;
  line-height: 28px;
  border-radius: 50%;
}
.demo-container .dx-calendar-cell.dx-calendar-today {
  font-weight: 700;
  color: #007a7a;
}
.demo-container .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date):not(.dx-calendar-empty-cell),
.demo-container .dx-calendar-cell.dx-state-hover {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-calendar-cell.dx-calendar-contoured-date:not(.dx-calendar-today):not(.dx-calendar-selected-date):not(.dx-calendar-empty-cell) span,
.demo-container .dx-calendar-cell.dx-state-hover span {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-calendar-cell.dx-calendar-empty-cell,
.demo-container .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active,
.demo-container .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover,
.demo-container .dx-calendar-cell.dx-calendar-other-view,
.demo-container .dx-calendar-cell.dx-calendar-other-view.dx-state-active,
.demo-container .dx-calendar-cell.dx-calendar-other-view.dx-state-hover {
  color: rgba(125, 125, 125, 0.87);
}
.demo-container .dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  color: rgba(0, 0, 0, 0.25);
}
.demo-container .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) {
  color: rgba(0, 0, 0, 0.25);
}
.demo-container .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) span {
  background-color: transparent;
}
.demo-container .dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) span {
  background-color: rgba(96, 96, 96, 0.2);
}
.demo-container .dx-calendar-cell.dx-calendar-selected-date span,
.demo-container .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today span {
  color: #fff;
  background-color: #007a7a;
  font-weight: 400;
}
.demo-container .dx-invalid.dx-calendar {
  border-color: rgba(215, 44, 13, 0.4);
}
.demo-container .dx-invalid.dx-calendar.dx-state-focused {
  border-color: #d72c0d;
}
.demo-container .dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
  margin: 0;
}
.demo-container .dx-dropdowneditor {
  position: relative;
}
.demo-container .dx-dropdowneditor.dx-dropdowneditor-field-clickable,
.demo-container .dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input {
  cursor: pointer;
}
.demo-container .dx-dropdowneditor-input-wrapper {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor {
  border: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  text-overflow: ellipsis;
}
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor-input::-ms-clear {
  width: 0;
  height: 0;
}
.demo-container .dx-dropdowneditor-field-template-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.demo-container .dx-dropdowneditor-field-template-wrapper > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.demo-container .dx-dropdowneditor-active .dx-dropdowneditor-icon {
  opacity: 0.35;
}
.demo-container .dx-dropdowneditor-button {
  position: relative;
  float: right;
  height: 100%;
  cursor: pointer;
  width: 24px;
  min-width: 24px;
}
.demo-container .dx-dropdowneditor-button .dx-button-content {
  text-align: center;
  white-space: nowrap;
}
.demo-container .dx-rtl .dx-dropdowneditor-button,
.demo-container .dx-rtl.dx-dropdowneditor-button {
  float: left;
}
.demo-container .dx-dropdowneditor-button.dx-dropdowneditor-readonly {
  cursor: default;
}
.demo-container .dx-dropdowneditor-icon {
  background-position: center;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0.54);
  font: 24px/24px DXIcons;
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo-container .dx-state-disabled .dx-dropdowneditor,
.demo-container .dx-state-disabled.dx-dropdowneditor {
  cursor: default;
}
.demo-container .dx-state-disabled .dx-dropdowneditor-button {
  cursor: inherit;
}
.demo-container .dx-state-disabled .dx-dropdowneditor-icon {
  opacity: 0.2;
}
.demo-container .dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.demo-container .dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}
.demo-container .dx-dropdowneditor-icon::before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  left: 50%;
}
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor::after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor::before {
  content: none;
}
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-active .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-disabled.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-texteditor-with-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-after,
.demo-container .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  padding-right: 50px;
}
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding-right: 16px;
  padding-left: 50px;
}
.demo-container .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.demo-container .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: #b3b3b3;
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
  font: 24px/24px DXIcons;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.demo-container .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before,
.demo-container .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f002";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.demo-container .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after {
  right: 30px;
}
.demo-container .dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after {
  right: auto;
  left: 30px;
}
.demo-container .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after,
.demo-container .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after {
  right: 54px;
}
.demo-container .dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after,
.demo-container .dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-buttons-container::after {
  right: auto;
  left: 54px;
}
.demo-container .dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.demo-container .dx-dropdowneditor-overlay .dx-list-group-header,
.demo-container .dx-dropdowneditor-overlay .dx-list-item-content {
  font-size: 14px;
  line-height: 20px;
}
.demo-container .dx-texteditor input[type=date]::-webkit-inner-spin-button {
  height: 20px;
}
.demo-container .dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder {
  display: none;
}
.demo-container .dx-datebox {
  max-width: 100%;
}
.demo-container .dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
  color: transparent;
}
.demo-container .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
  color: inherit;
}
.demo-container .dx-datebox-wrapper .dx-popup-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.demo-container .dx-rtl .dx-texteditor-input {
  text-align: right;
}
.demo-container .dx-datebox-button-cell .dx-button {
  min-width: 90px;
}
.demo-container .dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
  margin-right: 10px;
  margin-left: 0;
}
.demo-container .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-datebox-buttons-container {
  text-align: right;
  width: 100%;
}
.demo-container .dx-colorview-container-cell {
  float: left;
}
.demo-container .dx-timeview .dx-state-disabled .dx-widget,
.demo-container .dx-timeview .dx-state-disabled.dx-widget,
.demo-container .dx-timeview.dx-state-disabled .dx-widget,
.demo-container .dx-timeview.dx-state-disabled.dx-widget {
  opacity: 1;
}
.demo-container .dx-timeview-clock {
  position: relative;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22182%22%20height%3D%22182%22%20viewBox%3D%220%200%20182%20182%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20filter%3D%22url(../../#filter0_d)%22%3E%0A%3Ccircle%20cx%3D%2291%22%20cy%3D%2291%22%20r%3D%2285%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20d%3D%22M88.835%2015.4421V23.2701H87.153V17.3431C87.0605%2017.4249%2086.9501%2017.5033%2086.8219%2017.578C86.6974%2017.6492%2086.5639%2017.7151%2086.4215%2017.7756C86.2791%2017.8325%2086.1313%2017.8824%2085.9783%2017.9251C85.8252%2017.9642%2085.6739%2017.9927%2085.5244%2018.0105V16.5902C85.9623%2016.462%2086.3752%2016.2983%2086.7632%2016.0989C87.1512%2015.8996%2087.5019%2015.6806%2087.8151%2015.4421H88.835Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M92.9733%2021.8711H96.2198V23.2701H91.1257V22.6934C91.1257%2022.3019%2091.1916%2021.9512%2091.3233%2021.6415C91.455%2021.3282%2091.6205%2021.0488%2091.8199%2020.8032C92.0192%2020.554%2092.2364%2020.3351%2092.4713%2020.1464C92.7098%2019.9542%2092.9359%2019.7815%2093.1495%2019.6285C93.3737%2019.4683%2093.5695%2019.3152%2093.7368%2019.1692C93.9077%2019.0233%2094.0501%2018.8791%2094.164%2018.7367C94.2815%2018.5908%2094.3687%2018.4448%2094.4257%2018.2989C94.4826%2018.1494%2094.5111%2017.9909%2094.5111%2017.8236C94.5111%2017.4961%2094.4185%2017.2487%2094.2334%2017.0814C94.0483%2016.9141%2093.7653%2016.8305%2093.3844%2016.8305C92.7259%2016.8305%2092.0958%2017.0921%2091.4942%2017.6154V16.131C92.1599%2015.7002%2092.911%2015.4849%2093.7475%2015.4849C94.1355%2015.4849%2094.4826%2015.5365%2094.7888%2015.6397C95.0985%2015.7394%2095.3601%2015.8836%2095.5737%2016.0722C95.7873%2016.2609%2095.9492%2016.4905%2096.0596%2016.761C96.1735%2017.028%2096.2305%2017.327%2096.2305%2017.6581C96.2305%2018.0105%2096.1753%2018.3238%2096.0649%2018.5979C95.9581%2018.872%2095.814%2019.1212%2095.6324%2019.3454C95.4544%2019.5697%2095.248%2019.7762%2095.013%2019.9649C94.7781%2020.15%2094.5342%2020.3297%2094.2815%2020.5042C94.1106%2020.6252%2093.9451%2020.7462%2093.7849%2020.8673C93.6283%2020.9847%2093.4894%2021.1022%2093.3684%2021.2197C93.2474%2021.3336%2093.1513%2021.4457%2093.0801%2021.5561C93.0089%2021.6664%2092.9733%2021.7714%2092.9733%2021.8711Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M93.3369%20165.802C93.3369%20166.179%2093.2711%20166.531%2093.1394%20166.859C93.0076%20167.186%2092.8243%20167.471%2092.5894%20167.713C92.3544%20167.952%2092.075%20168.14%2091.751%20168.279C91.4271%20168.415%2091.0729%20168.482%2090.6884%20168.482C90.2577%20168.482%2089.8715%20168.402%2089.5297%20168.242C89.1915%20168.082%2088.905%20167.85%2088.67%20167.548C88.4351%20167.242%2088.2553%20166.868%2088.1307%20166.426C88.0061%20165.985%2087.9438%20165.485%2087.9438%20164.926C87.9438%20164.267%2088.0239%20163.671%2088.1841%20163.137C88.3479%20162.6%2088.5793%20162.14%2088.8783%20161.759C89.1809%20161.379%2089.5457%20161.085%2089.9729%20160.878C90.4001%20160.668%2090.8807%20160.563%2091.4146%20160.563C92.0056%20160.563%2092.4648%20160.633%2092.7923%20160.772V162.181C92.4043%20161.961%2091.9806%20161.85%2091.5214%20161.85C91.2366%20161.85%2090.9786%20161.905%2090.7472%20162.016C90.5158%20162.126%2090.3164%20162.283%2090.1491%20162.486C89.9854%20162.689%2089.8554%20162.934%2089.7593%20163.223C89.6668%20163.507%2089.6169%20163.826%2089.6098%20164.178H89.6419C90.005%20163.676%2090.5407%20163.425%2091.2491%20163.425C91.5659%20163.425%2091.8525%20163.482%2092.1088%20163.596C92.3651%20163.71%2092.584%20163.872%2092.7656%20164.082C92.9471%20164.289%2093.0877%20164.538%2093.1874%20164.83C93.2871%20165.122%2093.3369%20165.446%2093.3369%20165.802ZM91.687%20165.908C91.687%20165.086%2091.3506%20164.675%2090.6778%20164.675C90.5247%20164.675%2090.3859%20164.703%2090.2613%20164.76C90.1367%20164.817%2090.0299%20164.897%2089.9409%20165.001C89.8519%20165.104%2089.7825%20165.227%2089.7326%20165.369C89.6864%20165.508%2089.6632%20165.663%2089.6632%20165.834C89.6632%20166.022%2089.6881%20166.199%2089.738%20166.362C89.7878%20166.526%2089.8572%20166.67%2089.9462%20166.795C90.0388%20166.916%2090.1474%20167.012%2090.2719%20167.083C90.3965%20167.154%2090.5354%20167.19%2090.6884%20167.19C90.8415%20167.19%2090.9786%20167.16%2091.0996%20167.099C91.2242%20167.035%2091.3292%20166.948%2091.4146%20166.838C91.5036%20166.724%2091.5713%20166.588%2091.6175%20166.432C91.6638%20166.272%2091.687%20166.097%2091.687%20165.908Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M125.714%20155.329C125.714%20155.703%20125.649%20156.041%20125.521%20156.344C125.393%20156.646%20125.21%20156.906%20124.971%20157.123C124.736%20157.341%20124.452%20157.508%20124.117%20157.625C123.782%20157.743%20123.41%20157.802%20123.001%20157.802C122.289%20157.802%20121.76%20157.695%20121.415%20157.481V156.552C121.935%20156.887%20122.467%20157.054%20123.012%20157.054C123.289%20157.054%20123.539%20157.013%20123.759%20156.931C123.983%20156.849%20124.174%20156.735%20124.331%20156.589C124.487%20156.443%20124.606%20156.267%20124.688%20156.061C124.774%20155.854%20124.816%20155.628%20124.816%20155.383C124.816%20154.884%20124.649%20154.494%20124.315%20154.213C123.98%20153.928%20123.494%20153.786%20122.857%20153.786C122.754%20153.786%20122.645%20153.788%20122.531%20153.791C122.417%20153.795%20122.303%20153.8%20122.189%20153.807C122.075%20153.811%20121.963%20153.816%20121.853%20153.823C121.746%20153.831%20121.648%20153.839%20121.559%20153.85L121.821%20150.011H125.361V150.801H122.579L122.424%20153.049C122.538%20153.042%20122.659%20153.037%20122.787%20153.033C122.916%20153.026%20123.029%20153.022%20123.129%20153.022C123.535%20153.022%20123.898%20153.076%20124.218%20153.183C124.539%20153.289%20124.809%20153.443%20125.03%20153.642C125.254%20153.838%20125.423%20154.08%20125.537%20154.368C125.655%20154.653%20125.714%20154.973%20125.714%20155.329Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M124.405%2033.9508H123.53V27.3349C123.462%2027.4025%20123.362%2027.4808%20123.231%2027.5698C123.102%2027.6553%20122.956%2027.7407%20122.793%2027.8261C122.633%2027.9116%20122.462%2027.9917%20122.28%2028.0664C122.102%2028.1412%20121.928%2028.1999%20121.757%2028.2426V27.3562C121.949%2027.3029%20122.152%2027.2317%20122.366%2027.1427C122.583%2027.0501%20122.795%2026.9487%20123.001%2026.8383C123.211%2026.7244%20123.409%2026.6069%20123.594%2026.4859C123.779%2026.3613%20123.939%2026.2403%20124.074%2026.1228H124.405V33.9508Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M152.67%20123.309V128.366H153.652V129.167H152.67V130.966H151.805V129.167H148.206V128.409C148.54%20128.031%20148.879%20127.629%20149.22%20127.202C149.562%20126.771%20149.888%20126.335%20150.198%20125.894C150.511%20125.452%20150.799%20125.013%20151.063%20124.575C151.33%20124.133%20151.554%20123.712%20151.735%20123.309H152.67ZM149.194%20128.366H151.805V124.618C151.538%20125.084%20151.285%20125.5%20151.047%20125.867C150.808%20126.234%20150.58%20126.567%20150.363%20126.866C150.149%20127.165%20149.945%20127.435%20149.749%20127.677C149.553%20127.919%20149.368%20128.149%20149.194%20128.366Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M152.253%2052.3328C152.253%2052.0979%20152.216%2051.8932%20152.141%2051.7187C152.07%2051.5443%20151.97%2051.4001%20151.842%2051.2862C151.718%2051.1687%20151.57%2051.0815%20151.399%2051.0246C151.228%2050.9676%20151.043%2050.9391%20150.844%2050.9391C150.673%2050.9391%20150.505%2050.9623%20150.342%2051.0086C150.178%2051.0548%20150.018%2051.1189%20149.861%2051.2008C149.708%2051.2827%20149.559%2051.3806%20149.413%2051.4945C149.27%2051.6084%20149.137%2051.7348%20149.012%2051.8736V50.9338C149.258%2050.6953%20149.532%2050.5137%20149.834%2050.3892C150.141%2050.261%20150.513%2050.1969%20150.95%2050.1969C151.264%2050.1969%20151.554%2050.2432%20151.821%2050.3358C152.088%2050.4248%20152.319%2050.5565%20152.515%2050.7309C152.711%2050.9053%20152.864%2051.1207%20152.974%2051.377C153.088%2051.6333%20153.145%2051.927%20153.145%2052.258C153.145%2052.5606%20153.109%2052.8347%20153.038%2053.0804C152.971%2053.326%20152.866%2053.5574%20152.723%2053.7745C152.584%2053.9917%20152.408%2054.1999%20152.195%2054.3993C151.981%2054.5986%20151.73%2054.8015%20151.442%2055.008C151.082%2055.2643%20150.785%2055.4832%20150.55%2055.6648C150.319%2055.8463%20150.133%2056.0172%20149.995%2056.1774C149.859%2056.334%20149.763%2056.4924%20149.706%2056.6526C149.653%2056.8092%20149.626%2056.9908%20149.626%2057.1973H153.439V57.9822H148.713V57.6031C148.713%2057.2756%20148.749%2056.9872%20148.82%2056.738C148.891%2056.4889%20149.009%2056.2521%20149.172%2056.0279C149.336%2055.8036%20149.55%2055.5793%20149.813%2055.3551C150.08%2055.1308%20150.406%2054.878%20150.79%2054.5968C151.068%2054.3975%20151.299%2054.207%20151.484%2054.0255C151.673%2053.8439%20151.824%2053.6624%20151.938%2053.4808C152.052%2053.2993%20152.132%2053.116%20152.179%2052.9308C152.228%2052.7422%20152.253%2052.5428%20152.253%2052.3328Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M162.324%2096.0035V94.535C162.837%2094.9088%20163.435%2095.0957%20164.118%2095.0957C164.549%2095.0957%20164.884%2095.0032%20165.122%2094.8181C165.364%2094.6329%20165.485%2094.3749%20165.485%2094.0438C165.485%2093.7021%20165.336%2093.4386%20165.037%2093.2535C164.741%2093.0684%20164.334%2092.9759%20163.814%2092.9759H163.104V91.6837H163.761C164.757%2091.6837%20165.256%2091.3526%20165.256%2090.6905C165.256%2090.0675%20164.873%2089.756%20164.108%2089.756C163.595%2089.756%20163.097%2089.9216%20162.612%2090.2526V88.875C163.15%2088.6044%20163.777%2088.4692%20164.492%2088.4692C165.275%2088.4692%20165.884%2088.6454%20166.318%2088.9978C166.756%2089.3502%20166.975%2089.8076%20166.975%2090.3701C166.975%2091.3704%20166.468%2091.9969%20165.453%2092.2497V92.2764C165.994%2092.344%20166.421%2092.5416%20166.735%2092.8691C167.048%2093.193%20167.205%2093.5917%20167.205%2094.0652C167.205%2094.7807%20166.943%2095.3467%20166.42%2095.7632C165.896%2096.1797%20165.174%2096.3879%20164.252%2096.3879C163.461%2096.3879%20162.819%2096.2598%20162.324%2096.0035Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M19.8147%2092.0574C19.8147%2092.7374%2019.74%2093.3461%2019.5905%2093.8836C19.441%2094.4176%2019.222%2094.8697%2018.9337%2095.2399C18.6489%2095.6101%2018.3001%2095.8949%2017.8871%2096.0942C17.4742%2096.29%2017.0061%2096.3879%2016.4828%2096.3879C15.8563%2096.3879%2015.3169%2096.2882%2014.8649%2096.0889V94.7006C15.2671%2094.964%2015.7512%2095.0957%2016.3172%2095.0957C16.8975%2095.0957%2017.3514%2094.8981%2017.6789%2094.503C18.0064%2094.1079%2018.1719%2093.5365%2018.1755%2092.789L18.1434%2092.7783C17.8052%2093.2802%2017.2909%2093.5312%2016.6003%2093.5312C16.287%2093.5312%2015.9969%2093.4725%2015.7299%2093.355C15.4665%2093.2375%2015.2369%2093.0755%2015.0411%2092.8691C14.8488%2092.659%2014.6975%2092.4099%2014.5872%2092.1215C14.4804%2091.8332%2014.427%2091.5163%2014.427%2091.171C14.427%2090.7688%2014.4929%2090.4021%2014.6246%2090.0711C14.7563%2089.74%2014.9396%2089.4552%2015.1746%2089.2167C15.4131%2088.9782%2015.6978%2088.7949%2016.0289%2088.6667C16.36%2088.535%2016.7266%2088.4692%2017.1289%2088.4692C17.5454%2088.4692%2017.9192%2088.551%2018.2502%2088.7148C18.5813%2088.875%2018.8625%2089.1082%2019.0939%2089.4143C19.3288%2089.7204%2019.5068%2090.096%2019.6279%2090.541C19.7524%2090.9859%2019.8147%2091.4914%2019.8147%2092.0574ZM18.1114%2091.1604C18.1114%2090.9646%2018.0865%2090.7813%2018.0366%2090.6104C17.9868%2090.436%2017.9174%2090.2864%2017.8284%2090.1618C17.7394%2090.0373%2017.6308%2089.9394%2017.5027%2089.8682C17.3745%2089.7934%2017.2339%2089.756%2017.0808%2089.756C16.9349%2089.756%2016.7996%2089.7881%2016.675%2089.8521C16.554%2089.9162%2016.449%2090.0052%2016.36%2090.1191C16.271%2090.2295%2016.2016%2090.363%2016.1517%2090.5196C16.1019%2090.6762%2016.077%2090.8453%2016.077%2091.0269C16.077%2091.2262%2016.1019%2091.4042%2016.1517%2091.5608C16.2016%2091.7139%2016.271%2091.8438%2016.36%2091.9506C16.4525%2092.0574%2016.5629%2092.1393%2016.691%2092.1963C16.8192%2092.2497%2016.9616%2092.2764%2017.1182%2092.2764C17.2677%2092.2764%2017.403%2092.2479%2017.524%2092.1909C17.6451%2092.1304%2017.7483%2092.0503%2017.8337%2091.9506C17.9227%2091.851%2017.9904%2091.7335%2018.0366%2091.5982C18.0865%2091.463%2018.1114%2091.317%2018.1114%2091.1604Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M26.0617%20127.941C26.0617%20127.738%2026.0937%20127.535%2026.1578%20127.332C26.2219%20127.125%2026.3127%20126.933%2026.4301%20126.755C26.5512%20126.577%2026.6989%20126.415%2026.8733%20126.269C27.0513%20126.123%2027.2524%20126.008%2027.4767%20125.922C27.1456%20125.737%2026.8822%20125.5%2026.6864%20125.212C26.4906%20124.92%2026.3927%20124.598%2026.3927%20124.245C26.3927%20123.964%2026.4461%20123.704%2026.5529%20123.466C26.6633%20123.227%2026.8146%20123.021%2027.0068%20122.846C27.199%20122.672%2027.4269%20122.537%2027.6903%20122.441C27.9537%20122.341%2028.2385%20122.291%2028.5446%20122.291C28.8543%20122.291%2029.1409%20122.341%2029.4043%20122.441C29.6678%20122.54%2029.8956%20122.677%2030.0878%20122.852C30.28%20123.026%2030.4295%20123.233%2030.5363%20123.471C30.6431%20123.71%2030.6965%20123.968%2030.6965%20124.245C30.6965%20124.598%2030.5986%20124.92%2030.4028%20125.212C30.2071%20125.5%2029.9472%20125.737%2029.6233%20125.922C29.844%20126.008%2030.0415%20126.123%2030.216%20126.269C30.3904%20126.415%2030.5363%20126.577%2030.6538%20126.755C30.7748%20126.933%2030.8674%20127.125%2030.9315%20127.332C30.9956%20127.535%2031.0276%20127.738%2031.0276%20127.941C31.0276%20128.275%2030.9671%20128.581%2030.846%20128.859C30.725%20129.137%2030.5541%20129.375%2030.3334%20129.574C30.1163%20129.77%2029.8546%20129.923%2029.5485%20130.034C29.2459%20130.144%2028.9113%20130.199%2028.5446%20130.199C28.1815%20130.199%2027.8487%20130.144%2027.5461%20130.034C27.2435%20129.923%2026.9819%20129.77%2026.7612%20129.574C26.5405%20129.375%2026.3678%20129.137%2026.2432%20128.859C26.1222%20128.581%2026.0617%20128.275%2026.0617%20127.941ZM27.0122%20127.866C27.0122%20128.104%2027.0477%20128.32%2027.1189%20128.512C27.1937%20128.704%2027.2969%20128.868%2027.4286%20129.003C27.5639%20129.138%2027.7259%20129.243%2027.9146%20129.318C28.1068%20129.389%2028.3186%20129.425%2028.55%20129.425C28.7742%20129.425%2028.9807%20129.388%2029.1694%20129.313C29.3581%20129.238%2029.52%20129.133%2029.6553%20128.998C29.7941%20128.863%2029.9009%20128.699%2029.9757%20128.507C30.054%20128.314%2030.0931%20128.101%2030.0931%20127.866C30.0931%20127.652%2030.0558%20127.453%2029.981%20127.268C29.9098%20127.079%2029.8066%20126.914%2029.6713%20126.771C29.536%20126.629%2029.3741%20126.517%2029.1854%20126.435C28.9967%20126.353%2028.7849%20126.312%2028.55%20126.312C28.3293%20126.312%2028.1246%20126.351%2027.9359%20126.429C27.7508%20126.504%2027.5888%20126.611%2027.45%20126.75C27.3147%20126.885%2027.2079%20127.049%2027.1296%20127.241C27.0513%20127.43%2027.0122%20127.638%2027.0122%20127.866ZM27.2845%20124.315C27.2845%20124.496%2027.3165%20124.666%2027.3806%20124.822C27.4482%20124.975%2027.539%20125.111%2027.6529%20125.228C27.7704%20125.342%2027.9057%20125.433%2028.0587%20125.5C28.2118%20125.564%2028.3756%20125.596%2028.55%20125.596C28.7244%20125.596%2028.8882%20125.563%2029.0412%20125.495C29.1979%20125.427%2029.3331%20125.337%2029.447%20125.223C29.561%20125.105%2029.6517%20124.97%2029.7194%20124.817C29.787%20124.66%2029.8208%20124.493%2029.8208%20124.315C29.8208%20124.13%2029.787%20123.959%2029.7194%20123.802C29.6553%20123.646%2029.5663%20123.51%2029.4524%20123.396C29.3385%20123.283%2029.2032%20123.194%2029.0466%20123.129C28.8935%20123.062%2028.728%20123.028%2028.55%20123.028C28.3613%20123.028%2028.1887%20123.062%2028.032%20123.129C27.879%20123.197%2027.7455%20123.29%2027.6316%20123.407C27.5212%20123.521%2027.4358%20123.656%2027.3752%20123.813C27.3147%20123.97%2027.2845%20124.137%2027.2845%20124.315Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M56.7857%20152.298C56.6683%20152.501%2056.5259%20152.754%2056.3586%20153.057C56.1948%20153.359%2056.0204%20153.699%2055.8353%20154.076C55.6502%20154.454%2055.4615%20154.86%2055.2693%20155.294C55.077%20155.728%2054.8973%20156.177%2054.73%20156.64C54.5627%20157.102%2054.4149%20157.572%2054.2868%20158.049C54.1622%20158.523%2054.0714%20158.989%2054.0144%20159.448H53.0747C53.1387%20158.993%2053.2366%20158.528%2053.3683%20158.055C53.5036%20157.578%2053.6549%20157.111%2053.8222%20156.656C53.9931%20156.196%2054.1729%20155.755%2054.3615%20155.331C54.5502%20154.908%2054.7335%20154.518%2054.9115%20154.162C55.0895%20153.806%2055.2515%20153.493%2055.3974%20153.222C55.5469%20152.948%2055.6662%20152.734%2055.7552%20152.581H51.9159V151.791H56.7857V152.298Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M29.447%2060.6523H28.5713V54.0365C28.5037%2054.1041%2028.404%2054.1824%2028.2723%2054.2714C28.1442%2054.3568%2027.9982%2054.4423%2027.8345%2054.5277C27.6743%2054.6131%2027.5034%2054.6932%2027.3219%2054.768C27.1439%2054.8428%2026.9694%2054.9015%2026.7986%2054.9442V54.0578C26.9908%2054.0044%2027.1937%2053.9332%2027.4073%2053.8442C27.6244%2053.7517%2027.8362%2053.6502%2028.0427%2053.5399C28.2527%2053.426%2028.4503%2053.3085%2028.6354%2053.1875C28.8205%2053.0629%2028.9807%2052.9418%2029.116%2052.8244H29.447V60.6523Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M36.9226%2056.7917C36.9226%2057.4325%2036.8639%2058.0003%2036.7464%2058.4951C36.6325%2058.9899%2036.4652%2059.4082%2036.2445%2059.7499C36.0273%2060.0881%2035.7586%2060.3462%2035.4382%2060.5242C35.1214%2060.6986%2034.76%2060.7858%2034.3542%2060.7858C33.9698%2060.7858%2033.6262%2060.7022%2033.3237%2060.5349C33.0246%2060.364%2032.7719%2060.1166%2032.5654%2059.7926C32.359%2059.4687%2032.2023%2059.0718%2032.0955%2058.6019C31.9887%2058.1284%2031.9353%2057.5874%2031.9353%2056.9786C31.9353%2056.3094%2031.9905%2055.7185%2032.1009%2055.2059C32.2148%2054.6932%2032.3803%2054.2643%2032.5975%2053.919C32.8146%2053.5701%2033.0834%2053.3085%2033.4038%2053.1341C33.7277%2052.9561%2034.0979%2052.8671%2034.5144%2052.8671C36.1199%2052.8671%2036.9226%2054.1753%2036.9226%2056.7917ZM36.0255%2056.8772C36.0255%2054.6986%2035.5076%2053.6093%2034.4717%2053.6093C33.3788%2053.6093%2032.8324%2054.7182%2032.8324%2056.9359C32.8324%2059.0041%2033.3682%2060.0383%2034.4397%2060.0383C35.4969%2060.0383%2036.0255%2058.9846%2036.0255%2056.8772Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M57.0387%2033.9508H56.163V27.3349C56.0954%2027.4025%2055.9957%2027.4808%2055.864%2027.5698C55.7358%2027.6553%2055.5899%2027.7407%2055.4261%2027.8261C55.2659%2027.9116%2055.0951%2027.9917%2054.9135%2028.0664C54.7355%2028.1412%2054.5611%2028.1999%2054.3902%2028.2426V27.3562C54.5825%2027.3029%2054.7854%2027.2317%2054.9989%2027.1427C55.2161%2027.0501%2055.4279%2026.9487%2055.6344%2026.8383C55.8444%2026.7244%2056.042%2026.6069%2056.2271%2026.4859C56.4122%2026.3613%2056.5724%2026.2403%2056.7076%2026.1228H57.0387V33.9508Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3Cpath%20d%3D%22M62.9337%2033.9508H62.058V27.3349C61.9904%2027.4025%2061.8907%2027.4808%2061.759%2027.5698C61.6308%2027.6553%2061.4849%2027.7407%2061.3211%2027.8261C61.1609%2027.9116%2060.9901%2027.9917%2060.8085%2028.0664C60.6305%2028.1412%2060.4561%2028.1999%2060.2852%2028.2426V27.3562C60.4775%2027.3029%2060.6804%2027.2317%2060.894%2027.1427C61.1111%2027.0501%2061.3229%2026.9487%2061.5294%2026.8383C61.7394%2026.7244%2061.937%2026.6069%2062.1221%2026.4859C62.3072%2026.3613%2062.4674%2026.2403%2062.6027%2026.1228H62.9337V33.9508Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22filter0_d%22%20x%3D%222%22%20y%3D%224%22%20width%3D%22178%22%20height%3D%22178%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0A%3CfeOffset%20dy%3D%222%22%2F%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%0A%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0A%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.05%200%22%2F%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%0A%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%0A%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
  min-width: 182px;
  min-height: 182px;
  max-height: 182px;
  background-size: 182px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 10px;
}
.demo-container .dx-timeview-hourarrow,
.demo-container .dx-timeview-minutearrow {
  position: absolute;
  left: 50%;
  width: 10px;
  margin-left: -5px;
  height: 50%;
  background-position: bottom;
  background-repeat: no-repeat;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.demo-container .dx-timeview-hourarrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%2248%22%20viewBox%3D%220%200%206%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%226%22%20height%3D%2244%22%20rx%3D%223%22%20fill%3D%22rgb%280,%20122,%20122%29%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.demo-container .dx-timeview-minutearrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2266%22%20viewBox%3D%220%200%2010%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20width%3D%224%22%20height%3D%2264%22%20rx%3D%222%22%20fill%3D%22rgb%280,%20122,%20122%29%22%2F%3E%0A%3Ccircle%20cx%3D%225%22%20cy%3D%2261%22%20r%3D%223.5%22%20fill%3D%22%23fff%22%20stroke%3D%22rgb%280,%20122,%20122%29%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
.demo-container .dx-timeview {
  height: auto;
  width: auto;
}
.demo-container .dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-input {
  padding-right: 0;
  padding-left: 12px;
}
.demo-container .dx-rtl .dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-input {
  padding-left: 0;
  padding-right: 12px;
}
.demo-container .dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button {
  margin-right: 0;
}
.demo-container .dx-rtl .dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button,
.demo-container .dx-timeview .dx-texteditor .dx-texteditor-container .dx-texteditor-buttons-container .dx-dropdowneditor-button.dx-rtl {
  margin-left: 0;
}
.demo-container .dx-timeview-format12 {
  width: 64px;
  margin-left: 5px;
  margin-right: auto;
}
.demo-container .dx-rtl .dx-timeview-format12,
.demo-container .dx-timeview-format12.dx-rtl {
  margin-left: auto;
  margin-right: 5px;
}
.demo-container .dx-timeview-time-separator {
  margin: 0 5px;
}
.demo-container .dx-timeview-field {
  min-height: 35px;
}
.demo-container .dx-timeview-field .dx-numberbox {
  width: 64px;
}
.demo-container .dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px;
}
.demo-container .dx-dateview-item {
  margin: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-dateview-rollers {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.demo-container .dx-dateview-item-selected-border,
.demo-container .dx-dateviewroller-day .dx-dateview-name-formatter,
.demo-container .dx-dateviewroller-month .dx-dateview-value-formatter {
  display: none;
}
.demo-container .dx-dateview-rollers {
  width: auto;
  text-align: center;
  display: block;
}
.demo-container .dx-dateviewroller-current .dx-dateview-item {
  -webkit-transition: font-size 0.2s ease-out;
  transition: font-size 0.2s ease-out;
}
.demo-container .dx-dateviewroller {
  position: relative;
  vertical-align: top;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 4em;
  text-align: center;
  display: inline-block;
}
.demo-container .dx-dateviewroller .dx-button {
  display: none;
}
.demo-container .dx-dateviewroller .dx-scrollable-content::after,
.demo-container .dx-dateviewroller .dx-scrollable-content::before {
  content: "";
  height: 71px;
  display: block;
}
.demo-container .dx-dateviewroller .dx-scrollable-container {
  height: 182px;
}
.demo-container .dx-dateviewroller.dx-dateviewroller-year {
  min-width: 4.85em;
}
.demo-container .dx-dateviewroller.dx-state-active .dx-button {
  display: none;
}
.demo-container .dx-dateviewroller-month {
  min-width: 12em;
}
.demo-container .dx-dateviewroller-hours::after {
  content: ":";
  font-size: 2.2em;
  position: absolute;
  right: -9%;
  font-weight: 700;
  top: 37%;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%;
}
.demo-container .dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  width: 80%;
}
.demo-container .dx-dateview-item-selected {
  font-size: 1.8em;
  color: #007a7a;
}
.demo-container .dx-rtl.dx-dateviewroller-hours::after {
  left: -9%;
  right: auto;
}
.demo-container .dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%;
}
.demo-container .dx-dateview-item-selected-frame::after,
.demo-container .dx-dateview-item-selected-frame::before {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  height: 71px;
}
.demo-container .dx-dateview-item-selected-frame::before {
  top: -71px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 60%);
}
.demo-container .dx-dateview-item-selected-frame::after {
  top: 40px;
  background-repeat: no-repeat;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.8)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.8) 60%);
}
.demo-container .dx-device-phone .dx-dateview-rollers,
.demo-container .dx-device-tablet .dx-dateview-rollers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.demo-container .dx-device-phone .dx-dateviewroller-month,
.demo-container .dx-device-tablet .dx-dateviewroller-month {
  min-width: 4em;
}
.demo-container .dx-device-phone .dx-dateview-item,
.demo-container .dx-device-tablet .dx-dateview-item {
  font-size: 1.1em;
}
.demo-container .dx-device-phone .dx-dateview-item-selected,
.demo-container .dx-device-tablet .dx-dateview-item-selected {
  font-size: 1.4em;
}
.demo-container .dx-datebox-wrapper .dx-popup-title {
  min-height: 10px;
  border-bottom: none;
  background: 0 0;
}
.demo-container .dx-datebox-wrapper .dx-item {
  border: none;
}
.demo-container .dx-datebox-wrapper .dx-popup-bottom .dx-button {
  width: auto;
}
.demo-container .dx-datebox-datetime-time-side {
  background-color: rgba(221, 221, 221, 0.2);
}
.demo-container .dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
  margin: 0 34px;
}
.demo-container .dx-datebox-wrapper-list .dx-overlay-content {
  border-top: none;
}
.demo-container .dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
  padding: 10px;
}
.demo-container .dx-datebox-calendar .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.demo-container .dx-datebox-calendar .dx-dropdowneditor-icon::before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
  background: rgba(0, 0, 0, 0.07);
}
.demo-container .dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}
.demo-container .dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0;
}
.demo-container .dx-datebox-wrapper-calendar .dx-calendar {
  border: none;
  margin: 16px;
}
.demo-container .dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-right: 16px;
  margin-bottom: 16px;
}
.demo-container .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  padding: 16px;
}
.demo-container .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  margin-top: -1px;
  margin-right: 16px;
}
@media (max-width: 320px) {
  .demo-container .dx-datebox-wrapper-calendar .dx-calendar {
    margin: 18px;
  }
}
.demo-container .dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
  margin-right: 5px;
  margin-left: 0;
}
.demo-container .dx-datebox-list .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.demo-container .dx-datebox-list .dx-dropdowneditor-icon::before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-datebox-wrapper-list .dx-popup-content {
  padding: 0;
}
.demo-container .dx-datebox input[type=date] {
  line-height: normal;
}
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined .dx-texteditor-input {
  padding-right: 50px;
}
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled.dx-rtl .dx-texteditor-input,
.demo-container .dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined.dx-rtl .dx-texteditor-input {
  padding-right: 16px;
  padding-left: 50px;
}
.demo-container .dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px;
}
.demo-container .dx-overlay-content.dx-resizable.dx-loadpanel-content {
  width: auto !important;
  height: auto !important;
  z-index: 1501;
  left: 0px;
  top: 0px;
  transform: translate(596px, 73px);
  transition: all 0s ease 0s;
  border-radius: 50% !important;
}
.demo-container .dx-treeview {
  height: 100%;
}
.demo-container .dx-treeview .dx-scrollable:focus,
.demo-container .dx-treeview :focus {
  outline: 0;
}
.demo-container .dx-treeview .dx-empty-message {
  line-height: normal;
}
.demo-container .dx-checkbox + .dx-treeview-node-container,
.demo-container .dx-treeview-node-container:first-child {
  margin: 0;
  display: block;
}
.demo-container .dx-treeview-select-all-item {
  width: 100%;
}
.demo-container .dx-treeview-node-container {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
}
.demo-container .dx-treeview-node-container.dx-treeview-node-container-opened {
  display: block;
}
.demo-container .dx-treeview-node {
  list-style-type: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.demo-container .dx-treeview-node a {
  text-decoration: none;
}
.demo-container .dx-treeview-node .dx-checkbox {
  position: absolute;
  margin: 0;
}
.demo-container .dx-treeview-item .dx-treeview-item-content span {
  vertical-align: middle;
}
.demo-container .dx-treeview-item.dx-state-disabled {
  opacity: 0.5;
}
.demo-container .dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default;
}
.demo-container .dx-rtl .dx-treeview-node-container .dx-treeview-node,
.demo-container .dx-rtl .dx-treeview-node-container .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item,
.demo-container .dx-rtl .dx-treeview-node-container:first-child > .dx-treeview-node {
  padding-left: 0;
}
.demo-container .dx-rtl .dx-treeview-node-container .dx-treeview-node .dx-treeview-item .dx-treeview-item-content > .dx-icon {
  margin-right: 0;
}
.demo-container .dx-rtl .dx-treeview-toggle-item-visibility {
  left: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 0;
}
.demo-container .dx-treeview-node-loadindicator {
  right: 0;
  top: 13px;
  left: 2px;
  width: 20px;
  height: 20px;
}
.demo-container .dx-rtl .dx-treeview-node .dx-checkbox {
  left: auto;
}
.demo-container .dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 26px;
}
.demo-container .dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding-left: 1px;
  padding-right: 8px;
}
.demo-container .dx-rtl .dx-treeview-node {
  padding-right: 24px;
}
.demo-container .dx-rtl .dx-treeview-item .dx-treeview-item-content > .dx-icon {
  margin-left: 5px;
}
.demo-container .dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  padding-right: 40px;
}
.demo-container .dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  right: 35px;
  overflow: visible;
}
.demo-container .dx-rtl .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 35px;
}
.demo-container .dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 0;
  padding-right: 31px;
}
.demo-container .dx-treeview-search {
  margin-bottom: 8px;
}
.demo-container .dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 41px);
}
.demo-container .dx-treeview-border-visible {
  border: 1px solid #e1e3e5;
}
.demo-container .dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 26px;
}
.demo-container .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding: 1px 1px 1px 8px;
}
.demo-container .dx-treeview-select-all-item {
  border-bottom: 1px solid #e1e3e5;
  padding: 15px 0 15px 35px;
}
.demo-container .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 31px;
}
.demo-container .dx-treeview-node {
  padding-left: 24px;
}
.demo-container .dx-state-selected > .dx-treeview-item {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treeview-item-with-checkbox .dx-treeview-item {
  color: rgba(0, 0, 0, 0.87);
  padding-left: 40px;
}
.demo-container .dx-treeview-item-with-checkbox .dx-checkbox {
  top: 14px;
  left: 35px;
}
.demo-container .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.12);
}
.demo-container .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item.dx-state-hover:not(.dx-state-focused) {
  background-color: rgba(0, 0, 0, 0.14);
}
.demo-container .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treeview-item {
  display: block;
  cursor: pointer;
  padding: 13px 8px;
  min-height: 48px;
  line-height: 22px;
}
.demo-container .dx-treeview-item .dx-treeview-item-content > .dx-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treeview-toggle-item-visibility {
  position: absolute;
  cursor: pointer;
  font: 24px/24px DXIcons;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
  width: 24px;
  height: 48px;
  top: 0;
  left: 0;
}
.demo-container .dx-treeview-toggle-item-visibility::before {
  content: "\f010";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 24px/24px DXIcons;
  text-align: center;
}
.demo-container .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
  content: "\f016";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-menu-base .dx-menu-item-wrapper,
.demo-container .dx-menu-base .dx-menu-items-container {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
.demo-container .dx-menu-base .dx-menu-items-container {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.demo-container .dx-menu-base .dx-state-disabled,
.demo-container .dx-menu-base.dx-state-disabled .dx-menu-items-container {
  cursor: default;
}
.demo-container .dx-menu-base .dx-menu-item {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
}
.demo-container .dx-menu-base .dx-menu-item.dx-state-disabled {
  opacity: 0.5;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content {
  white-space: nowrap;
  height: 100%;
  width: 100%;
  line-height: 24px;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
  display: inline-block;
  vertical-align: middle;
  border: 0;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  display: inline;
  vertical-align: middle;
  overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 2em;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  height: 100%;
}
.demo-container .dx-menu-base.dx-rtl {
  text-align: right;
}
.demo-container .dx-menu-base.dx-rtl .dx-menu-item-popout-container {
  left: 0;
  right: auto;
}
.demo-container .dx-menu-item {
  color: rgba(117, 117, 117, 0.87);
}
.demo-container .dx-menu-item.dx-state-focused,
.demo-container .dx-menu-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-menu-item-selected {
  background-color: rgba(224, 224, 224, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-menu-item-selected.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.7);
}
.demo-container .dx-menu-item-expanded,
.demo-container .dx-menu-item-expanded.dx-state-focused,
.demo-container .dx-menu-item-expanded.dx-state-hover {
  color: rgba(117, 117, 117, 0.87);
  background-color: rgba(224, 224, 224, 0.87);
}
.demo-container .dx-menu-base {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-menu-base input,
.demo-container .dx-menu-base textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-menu-base.dx-state-focused {
  outline: 0;
}
.demo-container .dx-menu-base .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout {
  min-width: 7px;
  min-height: 7px;
}
.demo-container .dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
  margin-left: auto;
  margin-right: auto;
}
.demo-container .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
  margin-left: 0;
  margin-right: auto;
}
.demo-container .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-menu {
  position: relative;
  color: rgba(117, 117, 117, 0.87);
}
.demo-container .dx-menu-horizontal {
  height: 100%;
}
.demo-container .dx-menu-horizontal::after {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.demo-container .dx-menu-horizontal .dx-menu-item-wrapper {
  display: inline-block;
}
.demo-container .dx-menu-horizontal .dx-menu-separator {
  display: inline-block;
  margin: 0 15px 0 0;
}
.demo-container .dx-menu-vertical {
  height: 100%;
}
.demo-container .dx-menu-vertical::after {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.demo-container .dx-menu-vertical .dx-menu-item-wrapper {
  display: block;
}
.demo-container .dx-menu-vertical .dx-menu-separator {
  margin: 0 0 15px;
}
.demo-container .dx-rtl.dx-menu {
  text-align: right;
}
.demo-container .dx-context-menu-container-border {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.demo-container .dx-context-menu-content-delimiter {
  position: absolute;
  display: none;
  z-index: 2000;
  cursor: pointer;
}
.demo-container .dx-rtl .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility,
.demo-container .dx-rtl.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  left: 0;
  right: auto;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-item {
  cursor: pointer;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  padding: 1px;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  padding-left: 15px;
}
.demo-container .dx-rtl .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content,
.demo-container .dx-rtl.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  padding-right: 15px;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
  border-bottom: none;
}
.demo-container .dx-menu-adaptive-mode-overlay-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.demo-container .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.demo-container .dx-context-menu-container-border,
.demo-container .dx-context-menu-content-delimiter {
  background-color: transparent;
}
.demo-container .dx-menu .dx-menu-item {
  font-size: 14px;
  border-radius: 2px;
}
.demo-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 12px 16px;
}
.demo-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  width: 0;
}
.demo-container .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-right: 16px;
}
.demo-container .dx-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-left: 24px;
  margin-right: 0;
}
.demo-container .dx-menu-adaptive-mode {
  background-color: #fff;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview {
  border: 1px solid #e1e3e5;
  border-radius: 2px;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview,
.demo-container .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  left: auto;
  right: 0;
  font-size: 18px;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  color: inherit;
}
.demo-container .dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  color: #fff;
}
.demo-container .dx-selectbox {
  cursor: pointer;
}
.demo-container .dx-selectbox .dx-texteditor-input {
  max-width: 100%;
}
.demo-container .dx-selectbox .dx-texteditor-input:-moz-read-only {
  cursor: pointer;
}
.demo-container .dx-selectbox .dx-texteditor-input:read-only {
  cursor: pointer;
}
.demo-container .dx-selectbox-container {
  position: relative;
}
.demo-container .dx-state-disabled .dx-selectbox .dx-texteditor-input,
.demo-container .dx-state-disabled.dx-selectbox .dx-texteditor-input {
  cursor: default;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
  margin: 0;
}
.demo-container .dx-dropdownlist-popup-wrapper {
  height: 100%;
}
.demo-container .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.demo-container .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-list {
  height: 100%;
  min-height: 48px;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-empty-message,
.demo-container .dx-dropdownlist-popup-wrapper .dx-list-item {
  border-top: 0;
}
.demo-container .dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type,
.demo-container .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.demo-container .dx-selectbox-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-selectbox-popup-wrapper .dx-popup-content {
  padding: 0;
}
.demo-container .dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff;
}
.demo-container .dx-toolbar .dx-button-content::after {
  display: none;
}
.demo-container .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container,
.demo-container .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
  height: 100%;
}
.demo-container .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before,
.demo-container .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before {
  position: relative;
}
.demo-container .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item,
.demo-container .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  display: inline-block;
}
.demo-container .dx-toolbar .dx-button .dx-icon {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-toolbar-items-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.demo-container .dx-toolbar-item {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-toolbar-item .dx-tabs {
  table-layout: auto;
}
.demo-container .dx-toolbar-item img {
  display: block;
}
.demo-container .dx-toolbar-menu-container {
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-toolbar-menu-container .dx-tabs {
  table-layout: auto;
}
.demo-container .dx-toolbar-menu-container img {
  display: block;
}
.demo-container .dx-toolbar-group {
  float: left;
  margin: 0 10px;
}
.demo-container .dx-toolbar-after,
.demo-container .dx-toolbar-before {
  position: absolute;
}
.demo-container .dx-toolbar-center:empty {
  display: none;
}
.demo-container .dx-toolbar-before {
  left: 0;
}
.demo-container .dx-toolbar-after {
  right: 0;
}
.demo-container .dx-toolbar-label {
  white-space: nowrap;
  -webkit-user-drag: none;
}
.demo-container .dx-toolbar-label .dx-toolbar-item-content > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-toolbar-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 -5px;
  padding: 0 5px;
}
.demo-container .dx-toolbar-center {
  margin: 0 auto;
  text-align: center;
}
.demo-container .dx-toolbar-after,
.demo-container .dx-toolbar-before,
.demo-container .dx-toolbar-center {
  top: 0;
  display: table;
  height: 100%;
}
.demo-container .dx-rtl .dx-toolbar-before {
  right: 0;
  left: auto;
}
.demo-container .dx-rtl .dx-toolbar-after {
  right: auto;
  left: 0;
}
.demo-container .dx-toolbar-menu-section:empty {
  display: none;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button > .dx-list-item-content,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group > .dx-list-item-content {
  padding: 0;
}
.demo-container .dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  border-bottom: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  border: none;
  background: 0 0;
  margin: 0;
  width: 100%;
  text-align: left;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text {
  line-height: normal;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
  text-align: left;
}
.demo-container .dx-rtl .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content,
.demo-container .dx-rtl.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content {
  text-align: right;
}
.demo-container .dx-toolbar-text-auto-hide .dx-button .dx-button-text {
  display: none;
}
.demo-container .dx-toolbar-item-content > .dx-texteditor {
  width: 150px;
}
.demo-container .dx-toolbar-item-invisible {
  display: none;
}
.demo-container .dx-toolbar-hidden-button-group.dx-state-hover {
  background-color: transparent;
}
.demo-container .dx-toolbar-hidden-button-group .dx-list-item-content,
.demo-container .dx-toolbar-hidden-button-group .dx-list-item-content .dx-toolbar-item-auto-hide {
  padding: 0;
}
.demo-container .dx-toolbar-hidden-button-group .dx-buttongroup {
  width: 100%;
}
.demo-container .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.demo-container .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item {
  border: none;
  text-align: left;
}
.demo-container .dx-rtl .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item,
.demo-container .dx-rtl.dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper .dx-buttongroup-item {
  text-align: right;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  min-height: 0;
  min-width: 100px;
  border-radius: 8px;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item {
  display: block;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
  border-bottom: none;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item-content {
  display: block;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
  padding: 1px;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-list-item {
  display: block;
  border-top: 0;
}
.demo-container .dx-overlay-wrapper.dx-dropdownmenu-popup .dx-overlay-content .dx-popover-arrow {
  width: 0;
  height: 0;
}
.demo-container .dx-dropdownmenu-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-toolbar {
  width: 100%;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 0;
  overflow: visible;
}
.demo-container .dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
.demo-container .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 5px;
}
.demo-container .dx-rtl.dx-toolbar .dx-toolbar-menu-container,
.demo-container .dx-toolbar .dx-toolbar-item {
  padding: 0 5px 0 0;
}
.demo-container .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px;
}
.demo-container .dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-device-mobile .dx-toolbar {
  padding: 0;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 5px;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 5px 0 0;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-toolbar.dx-state-disabled {
  opacity: 1;
}
.demo-container .dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item,
.demo-container .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  line-height: 56px;
}
.demo-container .dx-toolbar-after .dx-toolbar-item,
.demo-container .dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px;
}
.demo-container .dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.demo-container .dx-rtl .dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px;
}
.demo-container .dx-device-mobile .dx-toolbar-after .dx-toolbar-item,
.demo-container .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px;
}
.demo-container .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.demo-container .dx-rtl .dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px;
}
.demo-container .dx-toolbar-background {
  background-color: #fff;
}
.demo-container .dx-toolbar-menu-section {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide {
  padding: 0;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default {
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default .dx-icon {
  color: #007a7a;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-hover,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-button-text,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-default .dx-inkripple-wave,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-default .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger {
  background-color: transparent;
  color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger .dx-icon {
  color: #d72c0d;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-hover,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-button-text,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-danger .dx-inkripple-wave,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(215, 44, 13, 0.2);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success {
  background-color: transparent;
  color: #007f5f;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success .dx-icon {
  color: #007f5f;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-hover,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-active,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-focused,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-hover {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-button-text,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-mode-contained.dx-button-success .dx-inkripple-wave,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-mode-contained.dx-button-success .dx-inkripple-wave {
  background-color: rgba(0, 127, 95, 0.2);
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  height: 48px;
  padding: 0;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-text,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button .dx-button-text {
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button .dx-button-content {
  padding: 0 16px;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content .dx-icon,
.demo-container .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button .dx-button-content .dx-icon {
  margin-right: 16px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-rtl .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-button-content .dx-icon,
.demo-container .dx-rtl .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button .dx-button-content .dx-icon {
  margin-right: 0;
  margin-left: 16px;
}
.demo-container .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 14px 16px 13px;
}
.demo-container .dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 6px;
  margin-left: 0;
}
.demo-container .dx-rtl .dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon,
.demo-container .dx-rtl.dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon,
.demo-container .dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon.dx-icon-right {
  margin-left: 6px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-toolbar-button .dx-button-has-text .dx-button-content .dx-icon.dx-icon-right {
  margin-right: 6px;
  margin-left: 0;
}
.demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
  min-width: 36px;
}
.demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding: 6px;
}
.demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon,
.demo-container .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon,
.demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
  border-radius: 50%;
}
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  font-weight: 500;
  height: 36px;
}
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
  padding-top: 7px;
  padding-bottom: 7px;
}
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-right: 6px;
  margin-left: 0;
}
.demo-container .dx-rtl .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon,
.demo-container .dx-rtl.dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon,
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right {
  margin-left: 6px;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-toolbar-button .dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon.dx-icon-right {
  margin-right: 6px;
  margin-left: 0;
}
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-hover {
  background-color: #d5e4ed;
}
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-active,
.demo-container .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-focused {
  background-color: #d1e1ec;
}
.demo-container .dx-toolbar-menu-action .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 0;
}
.demo-container .dx-toolbar .dx-tab {
  padding: 4px;
}
.demo-container .dx-toolbar-hidden-button-group {
  margin-top: 0;
  margin-bottom: 0;
}
.demo-container .dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-toolbar-hidden-button-group .dx-buttongroup-wrapper .dx-buttongroup-item.dx-button .dx-button-content {
  padding: 0 16px;
}
.demo-container .dx-popup-draggable .dx-popup-title {
  cursor: move;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-overlay-content > .dx-template-wrapper.dx-popup-title {
  height: auto;
  width: auto;
}
.demo-container .dx-overlay-content .dx-popup-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.demo-container .dx-overlay-content .dx-popup-content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-popup-flex-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.demo-container .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom,
.demo-container .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
  width: 100%;
}
.demo-container .dx-popup-flex-height .dx-popup-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-scrollable,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit;
}
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-widget {
  max-height: inherit;
}
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper,
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit;
}
.demo-container .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
  max-height: inherit;
}
.demo-container .dx-dialog-root .dx-overlay-shader {
  background-color: #444;
}
.demo-container .dx-prevent-safari-scrolling {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
}
.demo-container .dx-popup-wrapper > .dx-overlay-content {
  background: #fff;
  -webkit-box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
}
.demo-container .dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0;
}
.demo-container .dx-popup-title {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  white-space: normal;
  position: relative;
  padding: 0 8px 0 24px;
  min-height: 28px;
  border-bottom: 1px solid #e1e3e5;
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-popup-title.dx-toolbar {
  padding: 0 8px 0 24px;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 64px;
  overflow: visible;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-popup-title.dx-toolbar .dx-button.dx-closebutton {
  display: block;
}
.demo-container .dx-popup-content {
  -webkit-user-drag: none;
  padding: 24px;
}
.demo-container .dx-popup-content > .dx-button {
  margin: 0 8px;
}
.demo-container .dx-popup-bottom {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-popup-bottom.dx-toolbar {
  padding: 0 8px 0 24px;
  overflow: visible;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 52px;
  overflow: visible;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar {
  padding: 0 8px 0 24px;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 52px;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-popup-content.dx-dialog-content {
  min-width: 172px;
  padding: 24px;
}
.demo-container .dx-dialog-message {
  padding: 0;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar {
  padding: 0 24px 0 8px;
  overflow: visible;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl .dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar {
  padding: 0 24px 0 8px;
  overflow: visible;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 52px;
  overflow: visible;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar {
  padding: 0 24px 0 8px;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 52px;
  overflow: visible;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 8px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.demo-container .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 8px 0 0;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 8px;
}
.demo-container .dx-rtl.dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.demo-container .dx-device-mobile .dx-rtl .dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.demo-container .dx-dropdownbutton {
  display: inline-block;
}
.demo-container .dx-dropdownbutton-content.dx-popup-content {
  padding: 0;
}
.demo-container .dx-dropdownbutton-content .dx-list .dx-empty-message,
.demo-container .dx-dropdownbutton-content .dx-list .dx-list-item {
  border: none;
}
.demo-container .dx-dropdownbutton-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 0;
  height: 100%;
}
.demo-container .dx-dropdownbutton-toggle.dx-button .dx-button-content {
  padding-left: 0;
  padding-right: 0;
}
.demo-container .dx-rtl .dx-dropdownbutton-toggle {
  border-right-width: 0;
}
.demo-container .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-icon:not(.dx-button-has-text) .dx-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.demo-container .dx-dropdownbutton:not(.dx-dropdownbutton-has-arrow) .dx-button-has-text.dx-button .dx-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.demo-container .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
  border-right-width: 0;
  border-left-width: 1px;
}
.demo-container .dx-rtl .dx-dropdownbutton-action:not(.dx-buttongroup-last-item).dx-button {
  border-right-width: 1px;
  border-left-width: 0;
}
.demo-container .dx-rtl .dx-dropdownbutton-toggle.dx-button {
  border-right-width: 0;
}
.demo-container .dx-dropdownbutton-toggle .dx-button-content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  flex: 0 0 24px;
}
.demo-container .dx-dropdownbutton-action {
  min-width: 0;
  height: 100%;
}
.demo-container .dx-dropdownbutton {
  height: 36px;
}
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content {
  padding-right: 0;
}
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown {
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  width: 26px;
}
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-dropdownbutton.dx-dropdownbutton-has-arrow .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right {
  margin-left: 4px;
}
.demo-container .dx-dropdownbutton .dx-button-has-icon,
.demo-container .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text,
.demo-container .dx-dropdownbutton .dx-button-has-text {
  min-width: 0;
}
.demo-container .dx-dropdownbutton .dx-button-has-icon .dx-button-content,
.demo-container .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content,
.demo-container .dx-dropdownbutton .dx-button-has-text .dx-button-content {
  padding-right: 8px;
}
.demo-container .dx-dropdownbutton .dx-buttongroup .dx-button {
  border-radius: 0;
}
.demo-container .dx-dropdownbutton .dx-buttongroup .dx-buttongroup-item {
  margin-left: 0;
}
.demo-container .dx-dropdownbutton .dx-buttongroup .dx-buttongroup-last-item {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.demo-container .dx-dropdownbutton .dx-buttongroup .dx-buttongroup-first-item {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content {
  padding-left: 0;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-text.dx-buttongroup-last-item .dx-button-content .dx-icon-spindown.dx-icon-right {
  margin-left: 0;
  margin-right: 4px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon .dx-button-content,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content,
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-text .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-text .dx-button-content {
  padding-left: 8px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-buttongroup-last-item,
.demo-container .dx-rtl.dx-dropdownbutton .dx-buttongroup-last-item {
  border-radius: 2px 0 0 2px;
  border-left-width: 1px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-buttongroup-first-item,
.demo-container .dx-rtl.dx-dropdownbutton .dx-buttongroup-first-item {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-buttongroup-first-item:not(.dx-buttongroup-last-item),
.demo-container .dx-rtl.dx-dropdownbutton .dx-buttongroup-first-item:not(.dx-buttongroup-last-item) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-text:not(.dx-button-mode-text) .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-text:not(.dx-button-mode-text) .dx-button-content {
  padding-right: 16px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-has-icon.dx-button-has-text:not(.dx-button-mode-text) .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-has-icon.dx-button-has-text:not(.dx-button-mode-text) .dx-button-content {
  padding-right: 12px;
}
.demo-container .dx-rtl .dx-dropdownbutton .dx-button-mode-text.dx-buttongroup-first-item .dx-button-content,
.demo-container .dx-rtl.dx-dropdownbutton .dx-button-mode-text.dx-buttongroup-first-item .dx-button-content {
  padding-right: 8px;
}
.demo-container .dx-dropdownbutton-popup-wrapper {
  height: 100%;
}
.demo-container .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.demo-container .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.demo-container .dx-dropdownbutton-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px;
}
.demo-container .dx-dropdownbutton-popup-wrapper .dx-list {
  height: 100%;
  min-height: 48px;
}
.demo-container .dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.demo-container .dx-dropdownbutton-popup-wrapper .dx-empty-message,
.demo-container .dx-dropdownbutton-popup-wrapper .dx-list-item {
  border-top: 0;
}
.demo-container .dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type,
.demo-container .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.demo-container .dx-actionsheet-popup-wrapper .dx-overlay-content {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-user-drag: none;
}
.demo-container .dx-actionsheet-popover-wrapper .dx-popup-content .dx-button,
.demo-container .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-actionsheet-cancel,
.demo-container .dx-actionsheet-item {
  width: 100%;
}
.demo-container .dx-state-disabled .dx-actionsheet-container .dx-button {
  cursor: default;
}
.demo-container .dx-actionsheet-popover-wrapper .dx-popup-title,
.demo-container .dx-actionsheet-popup-wrapper .dx-popup-title {
  word-wrap: break-word;
}
.demo-container .dx-actionsheet-container .dx-actionsheet-item:not(:last-child) {
  margin: 0 0 20px;
}
.demo-container .dx-actionsheet-container .dx-button {
  margin: 0;
}
.demo-container .dx-button.dx-actionsheet-cancel {
  margin: 20px 0 0;
}
.demo-container .dx-popover-wrapper .dx-popover-arrow::after {
  width: 14.1422712488px;
  height: 14.1422712488px;
}
.demo-container .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow,
.demo-container .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  width: 20px;
  height: 10px;
}
.demo-container .dx-popover-wrapper.dx-position-left .dx-popover-arrow,
.demo-container .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  width: 10px;
  height: 20px;
}
.demo-container .dx-popover-arrow {
  position: absolute;
  z-index: 2000;
  overflow: hidden;
}
.demo-container .dx-popover-arrow::after {
  position: absolute;
  display: block;
  overflow: hidden;
  content: " ";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.demo-container .dx-popover-wrapper.dx-position-top .dx-popover-arrow::after {
  top: 0;
  left: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.demo-container .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow::after {
  right: 0;
  bottom: 0;
  -webkit-transform-origin: bottom right;
  transform-origin: bottom right;
}
.demo-container .dx-popover-wrapper.dx-position-left .dx-popover-arrow::after {
  bottom: 0;
  left: 0;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.demo-container .dx-popover-wrapper.dx-position-right .dx-popover-arrow::after {
  top: 0;
  right: 0;
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.demo-container .dx-popover-wrapper .dx-overlay-content {
  overflow: visible;
}
.demo-container .dx-popover-wrapper .dx-popup-content {
  overflow: hidden;
}
.demo-container .dx-device-ios .dx-popover-arrow::after {
  -webkit-transform: rotate(-45deg) translateZ(0);
}
.demo-container .dx-popover-wrapper .dx-popup-title {
  margin: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.demo-container .dx-popover-wrapper .dx-popup-title.dx-toolbar {
  padding-left: 15px;
}
.demo-container .dx-popover-wrapper .dx-popover-arrow {
  display: none;
}
.demo-container .dx-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
  padding-right: 15px;
  padding-left: 0;
}
.demo-container .dx-loadpanel-content::before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.demo-container .dx-loadpanel-content-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.demo-container .dx-loadpanel-message {
  text-align: center;
  display: none;
}
.demo-container .dx-loadpanel-content.dx-loadpanel-pane-hidden {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: 0 0;
}
@-webkit-keyframes dx-loadpanel-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes dx-loadpanel-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.demo-container .dx-pager {
  overflow: hidden;
  width: 100%;
  line-height: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  padding: 13px 16px;
}
.demo-container .dx-pager .dx-pages {
  white-space: nowrap;
  float: right;
}
.demo-container .dx-pager .dx-pages .dx-page-indexes {
  display: inline-block;
}
.demo-container .dx-pager .dx-pages .dx-page {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 1px;
}
.demo-container .dx-pager .dx-pages .dx-separator {
  display: inline-block;
}
.demo-container .dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: 0.6;
}
.demo-container .dx-pager .dx-pages .dx-navigate-button {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  opacity: 0.3;
  cursor: inherit;
}
.demo-container .dx-pager .dx-page-sizes {
  float: left;
}
.demo-container .dx-pager .dx-page-sizes .dx-page-size {
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 1px;
}
.demo-container .dx-pager .dx-page-sizes .dx-selection,
.demo-container .dx-pager .dx-pages .dx-selection {
  cursor: inherit;
  text-shadow: none;
}
.demo-container .dx-pager .dx-light-pages {
  display: inline-block;
}
.demo-container .dx-pager .dx-light-pages .dx-page-index {
  width: 40px;
}
.demo-container .dx-pager .dx-light-pages .dx-pages-count {
  cursor: pointer;
}
.demo-container .dx-pager .dx-light-pages .dx-info-text,
.demo-container .dx-pager .dx-light-pages .dx-pages-count {
  padding-left: 6px;
}
.demo-container .dx-pager .dx-light-pages .dx-info-text,
.demo-container .dx-pager .dx-light-pages .dx-page-index,
.demo-container .dx-pager .dx-light-pages .dx-pages-count {
  display: table-cell;
}
.demo-container .dx-pager.dx-rtl .dx-pages,
.demo-container .dx-rtl .dx-pager .dx-pages {
  float: left;
  direction: ltr;
}
.demo-container .dx-pager.dx-rtl .dx-pages .dx-page,
.demo-container .dx-rtl .dx-pager .dx-pages .dx-page {
  direction: ltr;
}
.demo-container .dx-pager.dx-rtl .dx-pages .dx-page:first-child,
.demo-container .dx-rtl .dx-pager .dx-pages .dx-page:first-child {
  margin-left: 1px;
}
.demo-container .dx-pager.dx-rtl .dx-pages .dx-info,
.demo-container .dx-rtl .dx-pager .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0;
}
.demo-container .dx-pager.dx-rtl .dx-page-sizes,
.demo-container .dx-rtl .dx-pager .dx-page-sizes {
  float: right;
}
.demo-container .dx-pager.dx-light-mode .dx-page-sizes {
  min-width: 62px;
}
.demo-container .dx-pager.dx-light-mode .dx-page-index {
  min-width: 32px;
}
.demo-container .dx-pager.dx-light-mode .dx-pages .dx-light-pages,
.demo-container .dx-pager.dx-light-mode .dx-pages .dx-navigate-button,
.demo-container .dx-pager.dx-light-mode .dx-pages .dx-page-indexes {
  vertical-align: middle;
}
.demo-container .dx-pager .dx-pages .dx-page {
  padding: 9px 12px;
  line-height: 12px;
}
.demo-container .dx-pager .dx-pages .dx-separator {
  padding-left: 8px;
  padding-right: 8px;
}
.demo-container .dx-pager .dx-pages .dx-navigate-button {
  width: 9px;
  height: 12px;
  padding: 9px 12px;
}
.demo-container .dx-pager .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons;
}
.demo-container .dx-pager .dx-pages .dx-prev-button::before {
  content: "\f012";
}
.demo-container .dx-pager .dx-pages .dx-next-button {
  font: 14px/1 DXIcons;
}
.demo-container .dx-pager .dx-pages .dx-next-button::before {
  content: "\f010";
}
.demo-container .dx-pager .dx-pages .dx-next-button,
.demo-container .dx-pager .dx-pages .dx-prev-button {
  position: relative;
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}
.demo-container .dx-pager .dx-pages .dx-next-button::before,
.demo-container .dx-pager .dx-pages .dx-prev-button::before {
  position: absolute;
  display: block;
  width: 21px;
  top: 50%;
  margin-top: -10.5px;
  left: 50%;
  margin-left: -10.5px;
}
.demo-container .dx-pager .dx-page,
.demo-container .dx-pager .dx-page-size {
  font-size: 12px;
  border-radius: 20px;
}
.demo-container .dx-pager .dx-page-size:hover,
.demo-container .dx-pager .dx-page:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-pager .dx-page-sizes .dx-page-size {
  padding: 9px 12px;
  line-height: 12px;
}
.demo-container .dx-pager .dx-page-sizes .dx-page-size.dx-first-child,
.demo-container .dx-pager .dx-page-sizes .dx-page-size:first-child {
  margin-left: 0;
}
.demo-container .dx-pager .dx-page-sizes .dx-selection,
.demo-container .dx-pager .dx-pages .dx-selection {
  font-weight: 500;
  background-color: #007a7a;
  color: #fff;
}
.demo-container .dx-gridbase-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.demo-container .dx-gridbase-container > * {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.demo-container .dx-datagrid-checkbox-size {
  vertical-align: middle;
}
.demo-container .dx-datagrid-important-margin {
  margin-right: 5px !important;
}
.demo-container .dx-datagrid-table {
  background-color: transparent;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-top: 0;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-pager {
  margin-top: -1px;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-header-panel {
  border-bottom: 0;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
  position: relative;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
  pointer-events: auto;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
  visibility: hidden;
  background-color: transparent;
  pointer-events: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: transparent;
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto;
}
.demo-container .dx-datagrid .dx-menu-subitem ul li {
  padding-top: 0;
}
.demo-container .dx-datagrid .dx-menu-subitem ul li:first-child {
  padding-top: 1px;
}
.demo-container .dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px;
}
.demo-container .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left;
}
.demo-container .dx-datagrid .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.demo-container .dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden;
}
.demo-container .dx-datagrid .dx-column-indicators .dx-sort-index-icon {
  width: 15px;
}
.demo-container .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,
.demo-container .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.demo-container .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.demo-container .dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block;
}
.demo-container .dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter::after,
.demo-container .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px;
}
.demo-container .dx-datagrid .dx-row > td,
.demo-container .dx-datagrid .dx-row > tr > td {
  padding: 7px;
}
.demo-container .dx-datagrid .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.demo-container .dx-datagrid .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.demo-container .dx-datagrid .dx-error-row .dx-error-message a {
  color: inherit;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0;
}
.demo-container .dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  font-size: 16px;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: 0.5;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
  opacity: 1;
  cursor: pointer;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node {
  padding-left: 0;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
  left: 4px;
}
.demo-container .dx-datagrid-nowrap,
.demo-container .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  white-space: nowrap;
}
.demo-container .dx-datagrid-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-datagrid-drag-header.dx-drag-command-cell {
  padding: 0;
}
.demo-container .dx-datagrid-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px;
}
.demo-container .dx-datagrid-columns-separator-transparent {
  border-left: none;
  border-right: none;
}
.demo-container .dx-datagrid-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize;
}
.demo-container .dx-datagrid-table-content {
  position: absolute;
  top: 0;
}
.demo-container .dx-datagrid-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden;
}
.demo-container .dx-datagrid-action,
.demo-container .dx-datagrid-drag-action {
  cursor: pointer;
}
.demo-container .dx-datagrid-content {
  position: relative;
}
.demo-container .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message {
  visibility: visible;
}
.demo-container .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content,
.demo-container .dx-datagrid-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-datagrid-table-fixed {
  table-layout: fixed;
  width: 100%;
}
.demo-container .dx-datagrid-content .dx-datagrid-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
  max-width: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
  float: none !important;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
  width: 14px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
  max-width: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
  margin-right: 3px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
  margin-left: 3px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
  float: none !important;
}
.demo-container .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
  width: 14px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
  max-width: 0;
}
.demo-container .dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child {
  float: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: top;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-first-child,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-first-child,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
  border-left: 0;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-last-child,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-last-child {
  border-right: 0;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
  border-right: none;
  vertical-align: top;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
  border-left: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
  overflow: hidden;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
  position: static;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding: 0;
  vertical-align: middle;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link {
  display: inline-block;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
  border-right: none;
}
.demo-container .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none;
}
.demo-container .dx-cell-modified,
.demo-container .dx-datagrid-invalid,
.demo-container .dx-highlight-outline {
  position: relative;
  padding: 7px;
}
.demo-container .dx-cell-modified::after,
.demo-container .dx-datagrid-invalid::after,
.demo-container .dx-highlight-outline::after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.demo-container .dx-cell-modified.dx-hidden,
.demo-container .dx-datagrid-invalid.dx-hidden,
.demo-container .dx-highlight-outline.dx-hidden {
  display: block !important;
}
.demo-container .dx-cell-modified.dx-hidden::after,
.demo-container .dx-datagrid-invalid.dx-hidden::after,
.demo-container .dx-highlight-outline.dx-hidden::after {
  display: none;
}
.demo-container .dx-editor-cell .dx-highlight-outline,
.demo-container .dx-editor-cell.dx-cell-modified,
.demo-container .dx-editor-cell.dx-datagrid-invalid {
  padding: 0;
}
.demo-container .dx-column-lines .dx-cell-modified::after,
.demo-container .dx-column-lines .dx-datagrid-invalid::after,
.demo-container .dx-column-lines .dx-highlight-outline::after {
  left: 0;
}
.demo-container .dx-datagrid-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-header-row > td > .dx-datagrid-text-content {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.demo-container .dx-header-row > td > .dx-datagrid-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  max-width: 100%;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after {
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 1;
  pointer-events: none;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
  border-top: 1px solid transparent;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-editor-container.dx-cell-modified,
.demo-container .dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid {
  padding: 0;
}
.demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-menu {
  display: none;
}
.demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative;
}
.demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block;
}
.demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px;
}
.demo-container .dx-datagrid-filter-row .dx-cell-modified::after,
.demo-container .dx-datagrid-filter-row .dx-datagrid-invalid::after {
  pointer-events: none;
}
.demo-container .dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after,
.demo-container .dx-datagrid-filter-row .dx-focused.dx-cell-modified::after,
.demo-container .dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid::after {
  border-color: transparent;
}
.demo-container .dx-datagrid-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  margin-top: -2px;
  height: 100%;
  overflow: visible;
}
.demo-container .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  height: 100%;
}
.demo-container .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout,
.demo-container .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none;
}
.demo-container .dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 100%;
  height: 102%;
  content: "";
}
.demo-container .dx-datagrid-filter-row > .dx-first-cell .dx-menu,
.demo-container .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.demo-container .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px;
}
.demo-container .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px;
}
.demo-container .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px;
}
.demo-container .dx-datagrid-filter-row .dx-menu-caption {
  padding-left: 6px;
}
.demo-container .dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none;
}
.demo-container .dx-datagrid-filter-row .dx-menu-item-highlight {
  font-weight: 400;
}
.demo-container .dx-datagrid-scroll-container {
  overflow: hidden;
  width: 100%;
}
.demo-container .dx-datagrid-header-panel {
  text-align: left;
}
.demo-container .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px;
}
.demo-container .dx-datagrid-search-panel {
  margin: 0 0 0 15px;
}
.demo-container .dx-gridbase-container > .dx-datagrid-rowsview {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: auto;
}
.demo-container .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.demo-container .dx-datagrid-rowsview {
  position: relative;
  overflow: hidden;
}
.demo-container .dx-datagrid-rowsview.dx-empty {
  height: 100px;
}
.demo-container .dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
  height: 100%;
}
.demo-container .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2;
}
.demo-container .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-content {
  overflow-anchor: none;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  min-height: 100%;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container {
  width: auto;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
  height: auto;
}
.demo-container .dx-datagrid-rowsview:focus {
  outline: 0;
}
.demo-container .dx-datagrid-rowsview .dx-row > td,
.demo-container .dx-datagrid-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child,
.demo-container .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td,
.demo-container .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none;
}
.demo-container .dx-datagrid-rowsview .dx-data-row > td:focus {
  outline: 0;
}
.demo-container .dx-datagrid-rowsview .dx-selection > td .dx-link,
.demo-container .dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row,
.demo-container .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0;
}
.demo-container .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td,
.demo-container .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: inline-block;
}
.demo-container .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox,
.demo-container .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block;
}
.demo-container .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0;
}
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.demo-container .dx-datagrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.demo-container .dx-datagrid-bottom-load-panel {
  text-align: center;
  padding: 10px;
}
.demo-container .dx-datagrid-hidden-column {
  white-space: nowrap;
}
.demo-container .dx-datagrid .dx-row .dx-datagrid-hidden-column {
  border-right-width: 0;
  border-left-width: 0;
}
.demo-container .dx-datagrid-hidden-column > * {
  display: none !important;
}
.demo-container .dx-datagrid-summary-item {
  font-weight: 700;
}
.demo-container .dx-datagrid-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.demo-container .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0;
}
.demo-container .dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0;
}
.demo-container .dx-datagrid-notouch-action {
  -ms-touch-action: none;
  touch-action: none;
  -ms-content-zooming: none;
  -ms-overflow-style: none;
}
.demo-container .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.demo-container .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.demo-container .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.demo-container .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item,
.demo-container .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px;
}
.demo-container .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image,
.demo-container .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right;
}
.demo-container .dx-datagrid.dx-rtl .dx-texteditor-buttons-container,
.demo-container .dx-rtl .dx-datagrid .dx-texteditor-buttons-container {
  text-align: start;
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table {
  direction: rtl;
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
  border-left: none;
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
  border-right: none;
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px;
}
.demo-container .dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated,
.demo-container .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated {
  direction: ltr;
}
.demo-container .dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated .dx-datagrid-table,
.demo-container .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated .dx-datagrid-table {
  direction: rtl;
}
.demo-container .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px;
}
.demo-container .dx-rtl .dx-datagrid-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px;
}
.demo-container .dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.demo-container .dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px;
}
.demo-container .dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
  padding-right: 6px;
}
.demo-container .dx-rtl .dx-datagrid-header-panel {
  text-align: right;
}
.demo-container .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
  margin-left: 0;
}
.demo-container .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-rtl .dx-datagrid-search-panel {
  margin: 0 15px 0 0;
}
.demo-container .dx-datagrid-filter-panel,
.demo-container .dx-datagrid-filter-panel-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0;
}
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover,
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer;
}
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
  padding-right: 10px;
}
.demo-container .dx-datagrid-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer;
}
.demo-container .dx-datagrid {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal;
}
.demo-container .dx-hidden.dx-group-cell {
  display: table-cell !important;
  font-size: 0 !important;
}
.demo-container .dx-datagrid-group-panel {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-datagrid-group-panel .dx-group-panel-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-datagrid-group-panel .dx-group-panel-item {
  display: inline-block;
  min-width: 30px;
  white-space: nowrap;
}
.demo-container .dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  margin-left: 6px;
}
.demo-container .dx-datagrid-group-panel .dx-block-separator {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  min-width: 0;
}
.demo-container .dx-datagrid-group-panel .dx-block-separator .dx-sort {
  margin-left: 6px;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
  border-top: none;
}
.demo-container .dx-datagrid-rowsview .dx-group-row:focus {
  outline: 0;
}
.demo-container .dx-datagrid-rowsview .dx-group-row.dx-row > td {
  border-left-color: transparent;
  border-right-color: transparent;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
  outline: 0;
}
.demo-container .dx-datagrid-group-closed,
.demo-container .dx-datagrid-group-opened {
  cursor: pointer;
  position: relative;
}
.demo-container .dx-datagrid-group-closed::before,
.demo-container .dx-datagrid-group-opened::before {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
}
.demo-container .dx-rtl .dx-datagrid-group-closed {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
  border-left: none;
  border-right: none;
}
.demo-container .dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.demo-container .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 0;
}
.demo-container .dx-rtl .dx-datagrid-group-panel .dx-sort {
  margin-left: 0;
  margin-right: 6px;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-headers,
.demo-container .dx-datagrid-borders > .dx-datagrid-rowsview,
.demo-container .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-rowsview,
.demo-container .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-filter-panel,
.demo-container .dx-datagrid-borders > .dx-datagrid-headers {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
  border-color: #202223;
}
.demo-container .dx-datagrid .dx-sort-up::before {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  transform: rotate(180deg);
  content: url(/img/Assets/datagrid/sort-down.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
.demo-container .dx-datagrid .dx-sort-down::before {
  display: flex;
  justify-content: center;
  margin-top: -4px;
  content: url(/img/Assets/datagrid/sort-down.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  align-items: center;
}
.demo-container .dx-datagrid .dx-sort-down,
.demo-container .dx-datagrid .dx-sort-up {
  font-family: inherit;
}
.demo-container .dx-datagrid .dx-sort-down::before,
.demo-container .dx-datagrid .dx-sort-up::before {
  font-family: DXIcons, sans-serif;
}
.demo-container .dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
.demo-container .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  outline: 0;
}
.demo-container .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus,
.demo-container .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
  outline-offset: -2px;
}
.demo-container .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline-offset: 2px;
}
.demo-container .dx-datagrid .dx-datagrid-headers .dx-header-filter,
.demo-container .dx-datagrid .dx-datagrid-headers .dx-header-row > td {
  outline: 0;
}
.demo-container .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.demo-container .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
  outline-offset: 2px;
}
.demo-container .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px;
}
.demo-container .dx-datagrid .dx-header-filter {
  position: relative;
  color: #202223;
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-header-filter::before {
  content: "\f050";
}
.demo-container .dx-datagrid .dx-header-filter-empty {
  color: rgba(32, 34, 35, 0.38);
}
.demo-container .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: #fff;
}
.demo-container .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.demo-container .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
  outline-offset: 2px;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  outline-color: #fff;
  outline-offset: 0;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  background-color: #fff;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  position: relative;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space)::before {
  display: block;
  height: 100%;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC");
  background-repeat: no-repeat repeat;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0;
}
.demo-container .dx-datagrid .dx-column-lines > td:first-child {
  border-left: none;
}
.demo-container .dx-datagrid .dx-column-lines > td:last-child {
  border-right: none;
}
.demo-container .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid-filter-panel {
  color: rgba(0, 0, 0, 0.87);
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.demo-container .dx-datagrid-filter-panel .dx-icon-filter {
  outline: 0;
}
.demo-container .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus,
.demo-container .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.demo-container .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
  outline-offset: 3px;
}
.demo-container .dx-datagrid-form-buttons-container {
  float: right;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.demo-container .dx-datagrid-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons;
}
.demo-container .dx-datagrid-adaptive-more::before {
  content: "\f06c";
}
.demo-container .dx-datagrid-edit-popup .dx-error-message {
  background-color: #e7806e;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #e1e3e5;
  border-right: 2px solid #e1e3e5;
}
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none;
}
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-rtl .dx-datagrid-form-buttons-container {
  float: left;
}
.demo-container .dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-datagrid-cell-updated-animation {
  -webkit-animation: 1s dx-datagrid-highlight-change;
  animation: 1s dx-datagrid-highlight-change;
}
@-webkit-keyframes dx-datagrid-highlight-change {
  50%, from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
@keyframes dx-datagrid-highlight-change {
  50%, from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
.demo-container .dx-datagrid .dx-menu,
.demo-container .dx-datagrid-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.demo-container .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
.demo-container .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.demo-container .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.demo-container .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin: 0 3px;
}
.demo-container .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.demo-container .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: #787878;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.demo-container .dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.demo-container .dx-datagrid .dx-editor-with-menu .dx-menu-item-content,
.demo-container .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-container .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
.demo-container .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.demo-container .dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.demo-container .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.demo-container .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-left: 40px;
}
.demo-container .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.demo-container .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before,
.demo-container .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
  content: "\f053";
}
.demo-container .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.demo-container .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before,
.demo-container .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
  content: "\f054";
}
.demo-container .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
.demo-container .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-datagrid .dx-header-filter,
.demo-container .dx-datagrid .dx-sort-down,
.demo-container .dx-datagrid .dx-sort-up,
.demo-container .dx-datagrid-container .dx-header-filter,
.demo-container .dx-datagrid-container .dx-sort-down,
.demo-container .dx-datagrid-container .dx-sort-up {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.demo-container .dx-datagrid .dx-sort-down,
.demo-container .dx-datagrid .dx-sort-up,
.demo-container .dx-datagrid-container .dx-sort-down,
.demo-container .dx-datagrid-container .dx-sort-up,
.demo-container .dx-datagrid .dx-header-filter,
.demo-container .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  width: auto;
  height: auto;
  background-position: 0 0;
  background-size: auto;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: auto;
  margin-right: 4px;
}
.demo-container .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
.demo-container .dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #007a7a;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-equals,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-equals::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-equals::before {
  content: "\f044";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-default,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-default {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-default::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-default::before {
  content: "\f027";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-not-equals,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-not-equals::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-not-equals::before {
  content: "\f045";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-less,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-less::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-less::before {
  content: "\f046";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-less-equal,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-less-equal::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-less-equal::before {
  content: "\f048";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-greater,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-greater::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-greater::before {
  content: "\f047";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-greater-equal,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-greater-equal::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-greater-equal::before {
  content: "\f049";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-contains,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-contains::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-contains::before {
  content: "\f063";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-not-contains,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-not-contains::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-not-contains::before {
  content: "\f066";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-starts-with,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-starts-with::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-starts-with::before {
  content: "\f064";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-ends-with,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-ends-with::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-ends-with::before {
  content: "\f065";
}
.demo-container .dx-datagrid .dx-icon-filter-operation-between,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons;
}
.demo-container .dx-datagrid .dx-icon-filter-operation-between::before,
.demo-container .dx-datagrid-container .dx-icon-filter-operation-between::before {
  content: "\f06a";
}
.demo-container .dx-datagrid .dx-column-indicators,
.demo-container .dx-datagrid-container .dx-column-indicators {
  height: 16px;
}
.demo-container .dx-datagrid .dx-column-indicators .dx-sort-index-icon,
.demo-container .dx-datagrid-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.demo-container .dx-datagrid .dx-column-indicators > div,
.demo-container .dx-datagrid-container .dx-column-indicators > div {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.demo-container .dx-datagrid .dx-placeholder::before,
.demo-container .dx-datagrid-container .dx-placeholder::before {
  font-size: 14px;
}
.demo-container .dx-datagrid {
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  line-height: inherit;
}
.demo-container .dx-datagrid .dx-row-alt > td {
  background-color: #fafbfb;
  border-top: 0px solid #fafbfb;
  border-bottom: 0px solid #fafbfb;
}
.demo-container .dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.demo-container .dx-datagrid .dx-link {
  text-decoration: underline;
  cursor: pointer;
  color: #007a7a;
}
.demo-container .dx-datagrid .dx-row-lines > td {
  border-bottom: 0px solid #e1e3e5;
}
.demo-container .dx-datagrid .dx-column-lines > td {
  border-left: 0px solid #e1e3e5;
  border-right: 0px solid #e1e3e5;
}
.demo-container .dx-datagrid .dx-error-row .dx-closebutton {
  float: right;
  margin: 16px;
  font: 14px/14px DXIcons;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid .dx-error-row .dx-closebutton::before {
  content: "\f00a";
}
.demo-container .dx-datagrid .dx-error-row .dx-error-message {
  background-color: #e7806e;
  white-space: normal;
  word-wrap: break-word;
  padding: 14px 35px 14px 14px;
}
.demo-container .dx-datagrid .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.demo-container .dx-datagrid .dx-datagrid-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
  vertical-align: middle;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select {
  overflow: visible;
  width: 50px;
  min-width: 50px;
  line-height: 1;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit {
  width: 115px;
  min-width: 115px;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons {
  width: 93px;
  min-width: 93px;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin: 0 2px;
  vertical-align: middle;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link.dx-state-disabled,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link.dx-state-disabled,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link.dx-state-disabled {
  opacity: 0.38;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-datagrid-group-space,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space,
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-expand {
  padding: 0 4px 0 8px;
  line-height: 0;
}
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select),
.demo-container .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-editor-cell:not(.dx-command-select) {
  padding-right: 0;
  padding-left: 0;
}
.demo-container .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 49px;
}
.demo-container .dx-datagrid .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.demo-container .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 15px 10px;
  padding: 0;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-datagrid-edit-popup .dx-popup-content {
  padding: 0;
}
.demo-container .dx-datagrid-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.demo-container .dx-datagrid-edit-popup-form {
  padding: 24px;
}
.demo-container .dx-datagrid-headers .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.demo-container .dx-datagrid-headers .dx-lookup,
.demo-container .dx-datagrid-rowsview .dx-lookup {
  height: auto;
}
.demo-container .dx-datagrid-headers .dx-lookup .dx-lookup-field,
.demo-container .dx-datagrid-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-datagrid-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  padding-right: 0;
}
.demo-container .dx-datagrid-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-left: 22px;
}
.demo-container .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-right: 22px;
}
.demo-container .dx-datagrid-column-chooser-list .dx-empty-message,
.demo-container .dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message {
  color: rgba(102, 102, 102, 0.87);
  padding: 0 24px;
}
.demo-container .dx-datagrid-column-chooser {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-datagrid-column-chooser input,
.demo-container .dx-datagrid-column-chooser textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  padding: 16px 24px 9px;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px;
}
.demo-container .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  padding: 16px 24px 9px;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 20px;
}
.demo-container .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  margin: 2px 2px 8px;
  background-color: #fff;
  color: #202223;
  font-weight: 700;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-datagrid-drag-header {
  border-color: #202223;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #202223;
  font-weight: 700;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.demo-container .dx-datagrid-columns-separator {
  background-color: rgba(0, 122, 122, 0.5);
}
.demo-container .dx-datagrid-columns-separator-transparent {
  background-color: transparent;
}
.demo-container .dx-datagrid-drop-highlight > td {
  background-color: #007a7a;
  color: #fff;
}
.demo-container .dx-datagrid-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.demo-container .dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #007a7a;
}
.demo-container .dx-datagrid-focus-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: rgba(51, 171, 160, 0);
  left: 0;
  right: 1px;
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid-headers {
  color: #202223;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-headers .dx-datagrid-content {
  margin-bottom: -1px;
}
.demo-container .dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  border-bottom-width: 1px;
}
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid #e1e3e5;
  line-height: 16px;
  font-weight: 700;
  font-size: 14px;
}
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort,
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
  color: rgba(0, 0, 0, 0.38);
}
.demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row .dx-command-select {
  padding-bottom: 19px;
}
.demo-container .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: bottom;
  border-right: 1px solid #e1e3e5;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td:first-child {
  border-left: none;
}
.demo-container .dx-datagrid-headers.dx-header-multi-row .dx-datagrid-content .dx-datagrid-table .dx-row.dx-header-row > td:last-child {
  border-right: none;
}
.demo-container .dx-datagrid-filter-row {
  background-color: #fafafa;
}
.demo-container .dx-datagrid-filter-row .dx-menu {
  margin-left: 0;
}
.demo-container .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  top: 2px;
  position: absolute;
}
.demo-container .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  height: 100%;
}
.demo-container .dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  color: rgba(117, 117, 117, 0.87);
}
.demo-container .dx-datagrid-filter-row .dx-filter-modified {
  background-color: #202223;
}
.demo-container .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.demo-container .dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after,
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before {
  padding-left: 12px;
}
.demo-container .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.demo-container .dx-cell-modified,
.demo-container .dx-datagrid-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-datagrid-header-panel {
  border-bottom: 1px solid #e1e3e5;
  padding: 0 16px;
  background-color: #fff;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button .dx-icon {
  color: #fff;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-focused,
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
  background-color: rgba(0, 127, 95, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-datagrid-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-datagrid-header-panel .dx-apply-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.demo-container .dx-datagrid-header-panel .dx-datagrid-toolbar-button .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
  content: "\f00b";
}
.demo-container .dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {
  content: "\f04c";
}
.demo-container .dx-datagrid-save-button .dx-icon-edit-button-save {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-datagrid-save-button .dx-icon-edit-button-save::before {
  content: "\f041";
}
.demo-container .dx-datagrid-adaptive-more {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-row.dx-row-focused .dx-datagrid-adaptive-more {
  color: inherit;
}
.demo-container .dx-datagrid-rowsview {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-headers + .dx-datagrid-rowsview,
.demo-container .dx-datagrid-rowsview.dx-datagrid-after-headers {
  border-top: none;
}
.demo-container .dx-datagrid-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.demo-container .dx-datagrid-rowsview .dx-row:focus {
  outline: 0;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.demo-container .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
.demo-container .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell,
.demo-container .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background-color: #fafafa;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid {
  background-color: rgba(215, 44, 13, 0.32);
}
.demo-container .dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
  background-color: #d72c0d;
  color: #fff;
}
.demo-container .dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #e1e3e5;
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
  color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  padding: 0;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.demo-container .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-rowsview .dx-item-modified {
  background-color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: #edf4fe;
  color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-opened,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened {
  color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #007a7a;
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid rgba(51, 171, 160, 0);
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid rgba(51, 171, 160, 0);
  border-bottom: 1px solid rgba(51, 171, 160, 0);
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select),
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #edf4fe;
  color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed,
.demo-container .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened {
  color: #202223;
}
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #edf4fe;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
  border-right-color: #edf4fe;
}
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: rgba(224, 224, 224, 0);
  border-right-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #edf4fe;
  border-top: 1px solid #edf4fe;
}
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.demo-container .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td {
  border-bottom-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0;
}
.demo-container .dx-datagrid-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0;
}
.demo-container .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.demo-container .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.demo-container .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.demo-container .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified,
.demo-container .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.demo-container .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.demo-container .dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  right: 22px;
  background-color: transparent;
}
.demo-container .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator,
.demo-container .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator {
  right: auto;
  left: 22px;
}
.demo-container .dx-datagrid-search-text {
  color: #fff;
  background-color: #007a7a;
}
.demo-container .dx-datagrid-nodata {
  color: rgba(102, 102, 102, 0.87);
  font-size: 17px;
}
.demo-container .dx-datagrid-bottom-load-panel {
  border-top: 1px solid #e1e3e5;
  background-color: #fff;
}
.demo-container .dx-datagrid-summary-item {
  color: rgba(0, 0, 0, 0.7);
}
.demo-container .dx-datagrid-total-footer {
  position: relative;
  border-bottom: 1px solid #e1e3e5;
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-datagrid-total-footer > .dx-datagrid-content {
  padding: 0;
}
.demo-container .dx-datagrid-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button {
  border-radius: 2px;
  background-color: #d72c0d;
  color: #fff;
  -webkit-box-shadow: none;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
  padding: 2px;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0;
  color: #fff;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon,
.demo-container .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active,
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused,
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.demo-container .dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: rgba(0, 0, 0, 0.04);
  border-right-color: transparent;
}
.demo-container .dx-rtl .dx-datagrid .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
.demo-container .dx-rtl .dx-datagrid-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px;
}
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: #edf4fe;
}
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button {
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button .dx-icon {
  color: #007a7a;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-focused,
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(0, 122, 122, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-datagrid-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-datagrid-filter-panel {
  padding: 18px 16px;
}
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.demo-container .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  color: #007a7a;
  font-size: 14px;
  line-height: 18px;
}
.demo-container .dx-datagrid-filter-panel .dx-icon-filter {
  color: #007a7a;
}
.demo-container .dx-adaptive-item-text.dx-cell-modified,
.demo-container .dx-adaptive-item-text.dx-datagrid-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-datagrid-group-panel {
  font-size: 14px;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-datagrid-group-panel .dx-group-panel-message {
  color: #202223;
  font-weight: 700;
  padding: 7px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.demo-container .dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 10px;
  color: #202223;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  background: #e0e0e0;
  border-radius: 16px;
  padding: 8px 10px;
}
.demo-container .dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: #202223;
  font-weight: 700;
  padding: 7px;
  background-color: #e0e0e0;
}
.demo-container .dx-datagrid-group-panel .dx-sort {
  color: #787878;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  border-top: none;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row {
  font-size: 14px;
  font-weight: 700;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: rgba(0, 0, 0, 0.54);
  background-color: #fff;
}
.demo-container .dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top-color: #e1e3e5;
  border-bottom-color: #e1e3e5;
}
.demo-container .dx-datagrid-group-opened {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  color: rgba(98, 98, 98, 0.54);
}
.demo-container .dx-datagrid-group-opened::before {
  content: "\f016";
}
.demo-container .dx-datagrid-group-closed {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  color: rgba(98, 98, 98, 0.54);
}
.demo-container .dx-datagrid-group-closed::before {
  content: "\f010";
}
.demo-container .dx-row.dx-datagrid-group-footer.dx-column-lines {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-row.dx-datagrid-group-footer > td {
  background-color: #fff;
  border-top: 1px solid #e1e3e5;
  border-left-width: 0;
  border-right-width: 0;
}
.demo-container .dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.demo-container .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-left: 10px;
}
.demo-container .dx-treelist-important-margin {
  margin-right: 5px !important;
}
.demo-container .dx-treelist-table {
  background-color: transparent;
}
.demo-container .dx-treelist-borders > .dx-treelist-total-footer {
  border-top: 0;
}
.demo-container .dx-treelist-borders > .dx-treelist-pager {
  margin-top: -1px;
}
.demo-container .dx-treelist-borders > .dx-treelist-header-panel {
  border-bottom: 0;
}
.demo-container .dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0;
}
.demo-container .dx-treelist .dx-treelist-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.demo-container .dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
  position: relative;
}
.demo-container .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
  pointer-events: auto;
}
.demo-container .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
  visibility: hidden;
  background-color: transparent;
  pointer-events: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.demo-container .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: transparent;
}
.demo-container .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto;
}
.demo-container .dx-treelist .dx-menu-subitem ul li {
  padding-top: 0;
}
.demo-container .dx-treelist .dx-menu-subitem ul li:first-child {
  padding-top: 1px;
}
.demo-container .dx-treelist .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px;
}
.demo-container .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left;
}
.demo-container .dx-treelist .dx-link {
  text-decoration: underline;
  cursor: pointer;
}
.demo-container .dx-treelist .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.demo-container .dx-treelist .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden;
}
.demo-container .dx-treelist .dx-column-indicators .dx-sort-index-icon {
  width: 15px;
}
.demo-container .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter,
.demo-container .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort,
.demo-container .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter,
.demo-container .dx-treelist .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block;
}
.demo-container .dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter::after,
.demo-container .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px;
}
.demo-container .dx-treelist .dx-row > td,
.demo-container .dx-treelist .dx-row > tr > td {
  padding: 7px;
}
.demo-container .dx-treelist .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}
.demo-container .dx-treelist .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.demo-container .dx-treelist .dx-error-row .dx-error-message a {
  color: inherit;
}
.demo-container .dx-treelist .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0;
}
.demo-container .dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.demo-container .dx-sortable-without-handle .dx-data-row {
  cursor: pointer;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  font-size: 16px;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: 0.5;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
  opacity: 1;
  cursor: pointer;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node {
  padding-left: 0;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-checkbox {
  left: 4px;
}
.demo-container .dx-treelist-nowrap,
.demo-container .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
  white-space: nowrap;
}
.demo-container .dx-treelist-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-treelist-drag-header.dx-drag-command-cell {
  padding: 0;
}
.demo-container .dx-treelist-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px;
}
.demo-container .dx-treelist-columns-separator-transparent {
  border-left: 0;
  border-right: 0;
}
.demo-container .dx-treelist-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize;
}
.demo-container .dx-treelist-table-content {
  position: absolute;
  top: 0;
}
.demo-container .dx-treelist-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden;
}
.demo-container .dx-treelist-action,
.demo-container .dx-treelist-drag-action {
  cursor: pointer;
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
  color: inherit;
}
.demo-container .dx-treelist-content {
  position: relative;
}
.demo-container .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message {
  visibility: visible;
}
.demo-container .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message .dx-overlay-content,
.demo-container .dx-treelist-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-treelist-table-fixed {
  table-layout: fixed;
  width: 100%;
}
.demo-container input.dx-hidden {
  display: inline-block !important;
  width: 0 !important;
}
.demo-container .dx-hidden-cell {
  visibility: hidden;
}
.demo-container .dx-row > td,
.demo-container .dx-row > tr > td {
  border: none;
}
.demo-container .dx-treelist-content .dx-treelist-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px;
}
.demo-container .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
  max-width: none;
}
.demo-container .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none;
}
.demo-container .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
  float: none !important;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
  width: 14px;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
  max-width: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
  margin-right: 3px;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
  margin-left: 3px;
}
.demo-container .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
  float: none !important;
}
.demo-container .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
  width: 14px;
}
.demo-container .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px;
}
.demo-container .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px;
}
.demo-container .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
  max-width: 0;
}
.demo-container .dx-treelist-content .dx-treelist-table [class*=column] + [class*=column]:last-child {
  float: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  vertical-align: top;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-first-child,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-first-child,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
  border-left: 0;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-last-child,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-last-child {
  border-right: 0;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
  border-right: none;
  vertical-align: top;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
  border-left: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
  overflow: hidden;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
  position: static;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding: 0;
  vertical-align: middle;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link {
  display: inline-block;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
  padding: 0;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
  border-right: none;
}
.demo-container .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none;
}
.demo-container .dx-cell-modified,
.demo-container .dx-highlight-outline,
.demo-container .dx-treelist-invalid {
  position: relative;
  padding: 7px;
}
.demo-container .dx-cell-modified::after,
.demo-container .dx-highlight-outline::after,
.demo-container .dx-treelist-invalid::after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.demo-container .dx-cell-modified.dx-hidden,
.demo-container .dx-highlight-outline.dx-hidden,
.demo-container .dx-treelist-invalid.dx-hidden {
  display: block !important;
}
.demo-container .dx-cell-modified.dx-hidden::after,
.demo-container .dx-highlight-outline.dx-hidden::after,
.demo-container .dx-treelist-invalid.dx-hidden::after {
  display: none;
}
.demo-container .dx-editor-cell .dx-texteditor-input {
  margin: 0;
}
.demo-container .dx-editor-cell .dx-highlight-outline,
.demo-container .dx-editor-cell.dx-cell-modified,
.demo-container .dx-editor-cell.dx-treelist-invalid {
  padding: 0;
}
.demo-container .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  display: inline-block;
  content: "​";
  vertical-align: middle;
}
.demo-container .dx-column-lines .dx-cell-modified::after,
.demo-container .dx-column-lines .dx-highlight-outline::after,
.demo-container .dx-column-lines .dx-treelist-invalid::after {
  left: 0;
}
.demo-container .dx-treelist-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.demo-container .dx-header-row .dx-editor-cell .dx-select-checkbox {
  display: inline-block;
}
.demo-container .dx-header-row > td {
  white-space: nowrap;
  overflow: hidden;
}
.demo-container .dx-header-row > td > .dx-treelist-text-content {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.demo-container .dx-header-row .dx-text-content-alignment-left,
.demo-container .dx-header-row .dx-text-content-alignment-right,
.demo-container .dx-header-row > td > .dx-treelist-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  max-width: 100%;
}
.demo-container .dx-header-row .dx-header-filter-indicator,
.demo-container .dx-header-row .dx-sort-indicator {
  max-width: calc(100% - 17px);
}
.demo-container .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left,
.demo-container .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
  margin-right: 3px;
}
.demo-container .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right,
.demo-container .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
  margin-left: 3px;
}
.demo-container .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
.demo-container .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 34px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 31px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 62px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
  max-width: calc(100% - 29px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 43px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 46px);
}
.demo-container .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 74px);
}
.demo-container .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0;
}
.demo-container .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after {
  content: " ";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  z-index: 1;
  pointer-events: none;
}
.demo-container .dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
  border-top: 1px solid transparent;
}
.demo-container .dx-treelist-filter-range-overlay .dx-editor-container.dx-cell-modified,
.demo-container .dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid {
  padding: 0;
}
.demo-container .dx-treelist-filter-row .dx-editor-cell .dx-menu {
  display: none;
}
.demo-container .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative;
}
.demo-container .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block;
}
.demo-container .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.demo-container .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px;
}
.demo-container .dx-treelist-filter-row .dx-cell-modified::after,
.demo-container .dx-treelist-filter-row .dx-treelist-invalid::after {
  pointer-events: none;
}
.demo-container .dx-treelist-filter-row .dx-focused .dx-highlight-outline::after,
.demo-container .dx-treelist-filter-row .dx-focused.dx-cell-modified::after,
.demo-container .dx-treelist-filter-row .dx-focused.dx-treelist-invalid::after {
  border-color: transparent;
}
.demo-container .dx-treelist-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  margin-top: -2px;
  height: 100%;
  overflow: visible;
}
.demo-container .dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  height: 100%;
}
.demo-container .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout,
.demo-container .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none;
}
.demo-container .dx-treelist-filter-row .dx-menu-item.dx-state-focused::after {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 100%;
  height: 102%;
  content: "";
}
.demo-container .dx-treelist-filter-row > .dx-first-cell .dx-menu,
.demo-container .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.demo-container .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px;
}
.demo-container .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px;
}
.demo-container .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px;
}
.demo-container .dx-treelist-filter-row .dx-menu-caption {
  padding-left: 6px;
}
.demo-container .dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none;
}
.demo-container .dx-treelist-filter-row .dx-menu-item-highlight {
  font-weight: 400;
}
.demo-container .dx-treelist-scroll-container {
  overflow: hidden;
  width: 100%;
}
.demo-container .dx-treelist-header-panel {
  text-align: left;
}
.demo-container .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px;
}
.demo-container .dx-state-disabled {
  cursor: pointer;
}
.demo-container .dx-state-disabled .dx-menu-item {
  cursor: default;
}
.demo-container .dx-treelist-search-panel {
  margin: 0 0 0 15px;
}
.demo-container .dx-gridbase-container > .dx-treelist-rowsview {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  height: auto;
}
.demo-container .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.demo-container .dx-treelist-rowsview {
  position: relative;
  overflow: hidden;
}
.demo-container .dx-treelist-rowsview.dx-empty {
  height: 100px;
}
.demo-container .dx-treelist-rowsview.dx-empty .dx-scrollable-content {
  height: 100%;
}
.demo-container .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2;
}
.demo-container .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3;
}
.demo-container .dx-treelist-rowsview .dx-treelist-content {
  overflow-anchor: none;
}
.demo-container .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
  min-height: 100%;
}
.demo-container .dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container {
  width: auto;
}
.demo-container .dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
  height: auto;
}
.demo-container .dx-treelist-rowsview:focus {
  outline: 0;
}
.demo-container .dx-treelist-rowsview .dx-row > td,
.demo-container .dx-treelist-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-treelist-rowsview .dx-row.dx-row-lines:first-child,
.demo-container .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td,
.demo-container .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none;
}
.demo-container .dx-treelist-rowsview .dx-data-row > td:focus {
  outline: 0;
}
.demo-container .dx-treelist-rowsview .dx-selection > td .dx-link,
.demo-container .dx-treelist-rowsview .dx-selection > tr > td .dx-link,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit;
}
.demo-container .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row,
.demo-container .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0;
}
.demo-container .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td,
.demo-container .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: none;
}
.demo-container .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox,
.demo-container .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block;
}
.demo-container .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0;
}
.demo-container .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.demo-container .dx-treelist-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.demo-container .dx-treelist-bottom-load-panel {
  text-align: center;
  padding: 10px;
}
.demo-container .dx-treelist-hidden-column {
  white-space: nowrap;
}
.demo-container .dx-treelist .dx-row .dx-treelist-hidden-column {
  border-right-width: 0;
  border-left-width: 0;
}
.demo-container .dx-treelist-hidden-column > * {
  display: none !important;
}
.demo-container .dx-treelist-summary-item {
  font-weight: 700;
}
.demo-container .dx-treelist-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.demo-container .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0;
}
.demo-container .dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0;
}
.demo-container .dx-treelist-notouch-action {
  -ms-touch-action: none;
  touch-action: none;
  -ms-content-zooming: none;
  -ms-overflow-style: none;
}
.demo-container .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item,
.demo-container .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.demo-container .dx-device-mobile .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.demo-container .dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.demo-container .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
.demo-container .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px;
}
.demo-container .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
.demo-container .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right;
}
.demo-container .dx-rtl .dx-treelist .dx-texteditor-buttons-container,
.demo-container .dx-treelist.dx-rtl .dx-texteditor-buttons-container {
  text-align: start;
}
.demo-container .dx-rtl .dx-treelist-content .dx-treelist-table {
  direction: rtl;
}
.demo-container .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
  border-left: none;
}
.demo-container .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
  border-right: none;
}
.demo-container .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px;
}
.demo-container .dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated,
.demo-container .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated {
  direction: ltr;
}
.demo-container .dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated .dx-treelist-table,
.demo-container .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated .dx-treelist-table {
  direction: rtl;
}
.demo-container .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px;
}
.demo-container .dx-rtl .dx-treelist-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px;
}
.demo-container .dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.demo-container .dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px;
}
.demo-container .dx-rtl .dx-treelist-filter-row .dx-menu-caption {
  padding-right: 6px;
}
.demo-container .dx-rtl .dx-treelist-header-panel {
  text-align: right;
}
.demo-container .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
  margin-left: 0;
}
.demo-container .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-rtl .dx-treelist-search-panel {
  margin: 0 15px 0 0;
}
.demo-container .dx-treelist-filter-panel,
.demo-container .dx-treelist-filter-panel-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  min-width: 0;
}
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover,
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer;
}
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
  padding-right: 10px;
}
.demo-container .dx-treelist-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer;
}
.demo-container .dx-treelist-container {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
}
.demo-container .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable,
.demo-container .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable {
  white-space: nowrap;
}
.demo-container .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content,
.demo-container .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content {
  display: inline;
  white-space: normal;
}
.demo-container .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container,
.demo-container .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container {
  float: none;
}
.demo-container .dx-treelist-rowsview .dx-treelist-icon-container {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1;
}
.demo-container .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: left;
}
.demo-container .dx-treelist-borders > .dx-treelist-headers,
.demo-container .dx-treelist-borders > .dx-treelist-rowsview,
.demo-container .dx-treelist-borders > .dx-treelist-total-footer {
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-borders > .dx-treelist-rowsview,
.demo-container .dx-treelist-borders > .dx-treelist-total-footer {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-borders > .dx-treelist-filter-panel,
.demo-container .dx-treelist-borders > .dx-treelist-headers {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-borders > .dx-treelist-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {
  border-color: #202223;
}
.demo-container .dx-treelist .dx-column-lines > td:first-child {
  border-left: none;
}
.demo-container .dx-treelist .dx-column-lines > td:last-child {
  border-right: none;
}
.demo-container .dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist-container .dx-sort-up {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist-container .dx-sort-up::before {
  content: "\f051";
}
.demo-container .dx-treelist-container .dx-sort-down {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist-container .dx-sort-down::before {
  content: "\f052";
}
.demo-container .dx-treelist-container .dx-sort-down,
.demo-container .dx-treelist-container .dx-sort-up {
  font-family: inherit;
}
.demo-container .dx-treelist-container .dx-sort-down::before,
.demo-container .dx-treelist-container .dx-sort-up::before {
  font-family: DXIcons, sans-serif;
}
.demo-container .dx-treelist-container .dx-treelist-headers .dx-header-filter,
.demo-container .dx-treelist-container .dx-treelist-headers .dx-header-row > td {
  outline: 0;
}
.demo-container .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus,
.demo-container .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
}
.demo-container .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px;
}
.demo-container .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  outline-offset: 2px;
}
.demo-container .dx-treelist-container .dx-header-filter {
  position: relative;
  color: #202223;
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist-container .dx-header-filter::before {
  content: "\f050";
}
.demo-container .dx-treelist-container .dx-header-filter-empty {
  color: rgba(32, 34, 35, 0.38);
}
.demo-container .dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  background-color: #fff;
}
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.demo-container .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #e1e3e5;
  border-right: 2px solid #e1e3e5;
}
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
  outline-offset: 2px;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  outline-color: #fff;
  outline-offset: 0;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  background-color: #fff;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  position: relative;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before {
  display: block;
  height: 100%;
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAADzCAYAAABwgbOvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBRjExRDRGQTNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBRjExRDRGQjNENjQxMUU4QUZEMEE1N0M1QzIyNEE4QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFGMTFENEY4M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFGMTFENEY5M0Q2NDExRThBRkQwQTU3QzVDMjI0QThDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+57ApqAAAAUNJREFUeNrs3LENwzAMRUEzi2T/sTSJgowQRAI+pbvehf0KFiZYc84nUVU9AAAAAAAAAHf5/id9+wxLjX8efvl+WQQRBEEEQRBBEEQQBBEEQQAAAAAAAAAAflRuLmaxdSIIggiCIIIgiCAIIgiCIAgAyyUfMBs3BjHUBUEQQRBEEAQRBEEEQRAE6cKyNQAAAAAAAADQQuySw9aXDl6gsAYkCIIIgiCCIIggCCIIgiAIcILkA2Y7xR5HM0MEQRBBEEQQBBEEQQRBEAQBAAAAAAAAAHq78l5WMlsngiCIIAgiCIIIgiCCIAiCALDcrQfMDHUEEQRBBEEQQRAEQQRBEEEAAAAAAAAAALZoecCsqo4NYutEEAQRBEEEQRBBEEQQBEEQAJbresBsGOoIIgiCIIggCCIIggiCIIIAAAAAAAAc5iPAAIcKFwANDofzAAAAAElFTkSuQmCC");
  background-repeat: no-repeat repeat;
}
.demo-container .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treelist-container .dx-error-row td {
  color: #fff;
  padding: 0;
}
.demo-container .dx-treelist-container .dx-error-row .dx-error-message {
  background-color: #e7806e;
  white-space: normal;
  word-wrap: break-word;
}
.demo-container .dx-treelist-filter-panel {
  color: rgba(0, 0, 0, 0.87);
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-filter-panel .dx-icon-filter,
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  outline: 0;
}
.demo-container .dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
.demo-container .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus,
.demo-container .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus {
  outline: rgba(51, 171, 160, 0) solid 2px;
}
.demo-container .dx-treelist-form-buttons-container {
  float: right;
}
.demo-container .dx-treelist-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.demo-container .dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.demo-container .dx-treelist-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons;
}
.demo-container .dx-treelist-adaptive-more::before {
  content: "\f06c";
}
.demo-container .dx-treelist-edit-popup .dx-error-message {
  background-color: #e7806e;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}
.demo-container .dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #e1e3e5;
  border-right: 2px solid #e1e3e5;
}
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell,
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none;
}
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.demo-container .dx-rtl .dx-treelist-form-buttons-container {
  float: left;
}
.demo-container .dx-rtl .dx-treelist-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.demo-container .dx-treelist-cell-updated-animation {
  -webkit-animation: 1s dx-treelist-highlight-change;
  animation: 1s dx-treelist-highlight-change;
}
@-webkit-keyframes dx-treelist-highlight-change {
  50%, from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
@keyframes dx-treelist-highlight-change {
  50%, from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
.demo-container .dx-treelist .dx-menu,
.demo-container .dx-treelist-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.demo-container .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
.demo-container .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.demo-container .dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.demo-container .dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin: 0 3px;
}
.demo-container .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.demo-container .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: #787878;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.demo-container .dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.demo-container .dx-treelist .dx-editor-with-menu .dx-menu-item-content,
.demo-container .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-container .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
.demo-container .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.demo-container .dx-treelist-container .dx-editor-with-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.demo-container .dx-treelist .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-treelist .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.demo-container .dx-treelist-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.demo-container .dx-treelist-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-left: 40px;
}
.demo-container .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.demo-container .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before,
.demo-container .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
  content: "\f053";
}
.demo-container .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.demo-container .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before,
.demo-container .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
  content: "\f054";
}
.demo-container .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
.demo-container .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.demo-container .dx-treelist .dx-header-filter,
.demo-container .dx-treelist .dx-sort-down,
.demo-container .dx-treelist .dx-sort-up,
.demo-container .dx-treelist-container .dx-header-filter,
.demo-container .dx-treelist-container .dx-sort-down,
.demo-container .dx-treelist-container .dx-sort-up {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.demo-container .dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
.demo-container .dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #007a7a;
}
.demo-container .dx-treelist .dx-icon-filter-operation-equals,
.demo-container .dx-treelist-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-equals::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-equals::before {
  content: "\f044";
}
.demo-container .dx-treelist .dx-icon-filter-operation-default,
.demo-container .dx-treelist-container .dx-icon-filter-operation-default {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-default::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-default::before {
  content: "\f027";
}
.demo-container .dx-treelist .dx-icon-filter-operation-not-equals,
.demo-container .dx-treelist-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-not-equals::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-not-equals::before {
  content: "\f045";
}
.demo-container .dx-treelist .dx-icon-filter-operation-less,
.demo-container .dx-treelist-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-less::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-less::before {
  content: "\f046";
}
.demo-container .dx-treelist .dx-icon-filter-operation-less-equal,
.demo-container .dx-treelist-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-less-equal::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-less-equal::before {
  content: "\f048";
}
.demo-container .dx-treelist .dx-icon-filter-operation-greater,
.demo-container .dx-treelist-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-greater::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-greater::before {
  content: "\f047";
}
.demo-container .dx-treelist .dx-icon-filter-operation-greater-equal,
.demo-container .dx-treelist-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-greater-equal::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-greater-equal::before {
  content: "\f049";
}
.demo-container .dx-treelist .dx-icon-filter-operation-contains,
.demo-container .dx-treelist-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-contains::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-contains::before {
  content: "\f063";
}
.demo-container .dx-treelist .dx-icon-filter-operation-not-contains,
.demo-container .dx-treelist-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-not-contains::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-not-contains::before {
  content: "\f066";
}
.demo-container .dx-treelist .dx-icon-filter-operation-starts-with,
.demo-container .dx-treelist-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-starts-with::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-starts-with::before {
  content: "\f064";
}
.demo-container .dx-treelist .dx-icon-filter-operation-ends-with,
.demo-container .dx-treelist-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-ends-with::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-ends-with::before {
  content: "\f065";
}
.demo-container .dx-treelist .dx-icon-filter-operation-between,
.demo-container .dx-treelist-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons;
}
.demo-container .dx-treelist .dx-icon-filter-operation-between::before,
.demo-container .dx-treelist-container .dx-icon-filter-operation-between::before {
  content: "\f06a";
}
.demo-container .dx-treelist .dx-column-indicators,
.demo-container .dx-treelist-container .dx-column-indicators {
  height: 16px;
}
.demo-container .dx-treelist .dx-column-indicators .dx-sort-index-icon,
.demo-container .dx-treelist-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.demo-container .dx-treelist .dx-column-indicators > div,
.demo-container .dx-treelist-container .dx-column-indicators > div {
  width: 15px;
  height: 15px;
  background-position: 0 0;
  background-size: 15px 15px;
  padding: 0;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.demo-container .dx-treelist .dx-placeholder::before,
.demo-container .dx-treelist-container .dx-placeholder::before {
  font-size: 14px;
}
.demo-container .dx-treelist {
  line-height: inherit;
}
.demo-container .dx-treelist .dx-row-alt > td {
  background-color: #fafbfb;
  border-top: 1px solid #fafbfb;
  border-bottom: 1px solid #fafbfb;
}
.demo-container .dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.demo-container .dx-treelist .dx-link {
  color: #007a7a;
}
.demo-container .dx-treelist .dx-row-lines > td {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist .dx-column-lines > td {
  border-left: 1px solid #e1e3e5;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-treelist .dx-error-row .dx-closebutton {
  float: right;
  margin: 16px;
  font: 14px/14px DXIcons;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist .dx-error-row .dx-closebutton::before {
  content: "\f00a";
}
.demo-container .dx-treelist .dx-error-row .dx-error-message {
  padding: 14px 35px 14px 14px;
}
.demo-container .dx-treelist .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.demo-container .dx-treelist .dx-treelist-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) {
  vertical-align: middle;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-select,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-select {
  overflow: visible;
  width: 50px;
  min-width: 50px;
  line-height: 1;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit {
  width: 115px;
  min-width: 115px;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons {
  width: 93px;
  min-width: 93px;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin: 0 2px;
  vertical-align: middle;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit.dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link.dx-state-disabled,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link.dx-state-disabled,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link.dx-state-disabled {
  opacity: 0.38;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit .dx-link.dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending) .dx-treelist-group-space,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-command-expand,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all) .dx-treelist-group-space,
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-expand {
  padding: 0 4px 0 8px;
  line-height: 0;
}
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-cell-modified:not(.dx-field-item-content):not(.dx-validation-pending).dx-editor-cell:not(.dx-command-select),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select),
.demo-container .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-editor-cell:not(.dx-command-select) {
  padding-right: 0;
  padding-left: 0;
}
.demo-container .dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 49px;
}
.demo-container .dx-treelist .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.demo-container .dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-treelist-edit-popup .dx-popup-content {
  padding: 0;
}
.demo-container .dx-treelist-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.demo-container .dx-treelist-edit-popup-form {
  padding: 24px;
}
.demo-container .dx-treelist-headers .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.demo-container .dx-treelist-headers .dx-lookup,
.demo-container .dx-treelist-rowsview .dx-lookup {
  height: auto;
}
.demo-container .dx-treelist-headers .dx-lookup .dx-lookup-field,
.demo-container .dx-treelist-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.demo-container .dx-treelist-headers .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl .dx-texteditor-input {
  padding-right: 0;
}
.demo-container .dx-treelist-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-treelist-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input {
  padding-left: 22px;
}
.demo-container .dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input,
.demo-container .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder::before,
.demo-container .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input {
  padding-right: 22px;
}
.demo-container .dx-editor-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-editor-cell .dx-numberbox-spin-button {
  background-color: transparent;
}
.demo-container .dx-editor-cell .dx-icon-clear {
  left: 0;
}
.demo-container .dx-editor-cell .dx-texteditor,
.demo-container .dx-editor-cell .dx-texteditor.dx-state-active,
.demo-container .dx-editor-cell .dx-texteditor.dx-state-focused,
.demo-container .dx-editor-cell .dx-texteditor.dx-state-hover {
  background: rgba(255, 255, 255, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background: rgba(255, 255, 255, 0);
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  margin-top: 0;
}
.demo-container .dx-editor-cell .dx-texteditor .dx-placeholder::before {
  padding-right: 16px;
  padding-left: 16px;
}
.demo-container .dx-editor-cell .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-texteditor-input {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-editor-cell .dx-texteditor .dx-tag-container {
  min-height: 48px;
  padding: 0;
}
.demo-container .dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container,
.demo-container .dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input {
  margin-top: 0;
}
.demo-container .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  right: 0;
}
.demo-container .dx-editor-cell .dx-texteditor::after,
.demo-container .dx-editor-cell .dx-texteditor::before {
  content: none;
}
.demo-container .dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
.demo-container .dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  left: 0;
}
.demo-container .dx-editor-cell .dx-dropdowneditor {
  background-color: rgba(255, 255, 255, 0);
}
.demo-container .dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  border-radius: 0;
}
.demo-container .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 14px;
  padding-bottom: 14px;
}
.demo-container .dx-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.demo-container .dx-treelist-column-chooser-list .dx-empty-message {
  color: rgba(102, 102, 102, 0.87);
  padding: 0 24px;
}
.demo-container .dx-treelist-column-chooser {
  color: rgba(0, 0, 0, 0.87);
  font-weight: 400;
  font-size: 14px;
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-treelist-column-chooser input,
.demo-container .dx-treelist-column-chooser textarea {
  font-family: Roboto, RobotoFallback, "Noto Kufi Arabic", Helvetica, Arial, sans-serif;
  line-height: 1.2857;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  padding: 16px 24px 9px;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px;
}
.demo-container .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  padding: 16px 24px 9px;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 20px;
}
.demo-container .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  margin: 2px 2px 8px;
  background-color: #fff;
  color: #202223;
  font-weight: 700;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-treelist-drag-header {
  border-color: #202223;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #202223;
  font-weight: 700;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.demo-container .dx-treelist-columns-separator {
  background-color: rgba(0, 122, 122, 0.5);
}
.demo-container .dx-treelist-columns-separator-transparent {
  background-color: transparent;
}
.demo-container .dx-treelist-drop-highlight > td {
  background-color: #007a7a;
  color: #fff;
}
.demo-container .dx-treelist-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.demo-container .dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #007a7a;
}
.demo-container .dx-treelist-focus-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: rgba(51, 171, 160, 0);
  left: 0;
  right: 1px;
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  background-color: transparent;
}
.demo-container .dx-treelist-headers {
  color: #202223;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-headers .dx-treelist-content {
  margin-bottom: -1px;
}
.demo-container .dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  border-bottom-width: 1px;
}
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: 1px solid #e1e3e5;
  line-height: 16px;
  font-weight: 700;
  font-size: 14px;
}
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort,
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-treelist-text-content {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
  color: rgba(0, 0, 0, 0.38);
}
.demo-container .dx-treelist-headers .dx-treelist-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-treelist-group-space) {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row .dx-command-select {
  padding-bottom: 19px;
}
.demo-container .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td {
  padding-top: 12px;
  padding-bottom: 12px;
  vertical-align: bottom;
  border-right: 1px solid #e1e3e5;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td:first-child {
  border-left: none;
}
.demo-container .dx-treelist-headers.dx-header-multi-row .dx-treelist-content .dx-treelist-table .dx-row.dx-header-row > td:last-child {
  border-right: none;
}
.demo-container .dx-treelist-filter-row {
  background-color: #fafafa;
}
.demo-container .dx-treelist-filter-row .dx-menu {
  margin-left: 0;
}
.demo-container .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  top: 2px;
  position: absolute;
}
.demo-container .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container .dx-menu-item-wrapper {
  height: 100%;
}
.demo-container .dx-treelist-filter-row .dx-menu .dx-overlay-content {
  color: rgba(117, 117, 117, 0.87);
}
.demo-container .dx-treelist-filter-row .dx-filter-modified {
  background-color: #202223;
}
.demo-container .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.demo-container .dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused::after,
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-placeholder::before {
  padding-left: 12px;
}
.demo-container .dx-treelist-filter-range-overlay .dx-overlay-content .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.demo-container .dx-cell-modified,
.demo-container .dx-treelist-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-container .dx-treelist-header-panel {
  border-bottom: 1px solid #e1e3e5;
  padding: 0 16px;
  background-color: #fff;
}
.demo-container .dx-treelist-header-panel .dx-apply-button {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-header-panel .dx-apply-button .dx-icon {
  color: #fff;
}
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-focused,
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
  background-color: rgba(0, 127, 95, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-active {
  background-color: rgba(0, 127, 95, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-treelist-header-panel .dx-apply-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-treelist-header-panel .dx-apply-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.demo-container .dx-treelist-header-panel .dx-treelist-toolbar-button .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-icon-column-chooser {
  font: 14px/1 DXIcons;
}
.demo-container .dx-icon-column-chooser::before {
  content: "\f04d";
}
.demo-container .dx-treelist-addrow-button .dx-icon-edit-button-addrow {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist-addrow-button .dx-icon-edit-button-addrow::before {
  content: "\f00b";
}
.demo-container .dx-treelist-cancel-button .dx-icon-edit-button-cancel {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist-cancel-button .dx-icon-edit-button-cancel::before {
  content: "\f04c";
}
.demo-container .dx-treelist-save-button .dx-icon-edit-button-save {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-treelist-save-button .dx-icon-edit-button-save::before {
  content: "\f041";
}
.demo-container .dx-apply-button .dx-icon-apply-filter {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
}
.demo-container .dx-apply-button .dx-icon-apply-filter::before {
  content: "\f050";
}
.demo-container .dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected,
.demo-container .dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile {
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.demo-container .dx-treelist-adaptive-more {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-row.dx-row-focused .dx-treelist-adaptive-more {
  color: inherit;
}
.demo-container .dx-treelist-rowsview {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-headers + .dx-treelist-rowsview,
.demo-container .dx-treelist-rowsview.dx-treelist-after-headers {
  border-top: none;
}
.demo-container .dx-treelist-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.demo-container .dx-treelist-rowsview .dx-row:focus {
  outline: 0;
}
.demo-container .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.demo-container .dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell,
.demo-container .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell,
.demo-container .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space {
  background-color: #fafafa;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.demo-container .dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection .dx-validator.dx-treelist-invalid,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row.dx-selection:hover .dx-validator.dx-treelist-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-treelist-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid,
.demo-container .dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-treelist-invalid {
  background-color: rgba(215, 44, 13, 0.32);
}
.demo-container .dx-treelist-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
  background-color: #d72c0d;
  color: #fff;
}
.demo-container .dx-treelist-rowsview .dx-row-removed > td {
  background-color: #e1e3e5;
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
  color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content.dx-focused {
  padding: 0;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.demo-container .dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor.dx-editor-outlined {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-rowsview .dx-item-modified {
  background-color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused),
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: #edf4fe;
  color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-closed,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-treelist-group-opened,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened {
  color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #007a7a;
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > td,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid rgba(51, 171, 160, 0);
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid rgba(51, 171, 160, 0);
  border-bottom: 1px solid rgba(51, 171, 160, 0);
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > td.dx-editor-cell:not(.dx-command-select),
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-data-row.dx-edit-row > tr > td.dx-editor-cell:not(.dx-command-select) {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #edf4fe;
  color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed,
.demo-container .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened {
  color: #202223;
}
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #edf4fe;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
  border-right-color: #edf4fe;
}
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: rgba(224, 224, 224, 0);
  border-right-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #edf4fe;
  border-top: 1px solid #edf4fe;
}
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td,
.demo-container .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td {
  border-bottom-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0;
}
.demo-container .dx-treelist-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0;
}
.demo-container .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.demo-container .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.demo-container .dx-rtl .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.demo-container .dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified,
.demo-container .dx-rtl.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.demo-container .dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.demo-container .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  right: 22px;
  background-color: transparent;
}
.demo-container .dx-rtl .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator,
.demo-container .dx-rtl.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  right: auto;
  left: 22px;
}
.demo-container .dx-treelist-search-text {
  color: #fff;
  background-color: #007a7a;
}
.demo-container .dx-treelist-nodata {
  color: rgba(102, 102, 102, 0.87);
  font-size: 17px;
}
.demo-container .dx-treelist-bottom-load-panel {
  border-top: 1px solid #e1e3e5;
  background-color: #fff;
}
.demo-container .dx-treelist-summary-item {
  color: rgba(0, 0, 0, 0.7);
}
.demo-container .dx-treelist-total-footer {
  position: relative;
  border-bottom: 1px solid #e1e3e5;
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-total-footer > .dx-treelist-content {
  padding: 0;
}
.demo-container .dx-treelist-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button {
  border-radius: 2px;
  background-color: #d72c0d;
  color: #fff;
  -webkit-box-shadow: none;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
  padding: 2px;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin-right: 0;
  margin-left: 0;
  color: #fff;
}
.demo-container .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon,
.demo-container .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon,
.demo-container .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  margin-left: 0;
  margin-right: 0;
}
.demo-container .dx-rtl .dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right,
.demo-container .dx-rtl.dx-treelist-revert-tooltip .dx-revert-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-active,
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused,
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #d72c0d;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled {
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.demo-container .dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: rgba(0, 0, 0, 0.04);
  border-right-color: transparent;
}
.demo-container .dx-rtl .dx-treelist .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon,
.demo-container .dx-rtl .dx-treelist-container .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px;
}
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: #edf4fe;
}
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: rgba(224, 224, 224, 0);
}
.demo-container .dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0;
}
.demo-container .dx-header-filter-menu .dx-popup-content {
  padding: 12px 8px 0;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-treelist-form-buttons-container .dx-button {
  background-color: transparent;
  color: #007a7a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-form-buttons-container .dx-button .dx-icon {
  color: #007a7a;
}
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-focused,
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(0, 122, 122, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(0, 122, 122, 0.36);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-treelist-form-buttons-container .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(0, 122, 122, 0.2);
}
.demo-container .dx-command-adaptive {
  width: 56px;
  min-width: 56px;
}
.demo-container .dx-treelist-filter-panel {
  padding: 18px 16px;
}
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.demo-container .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  color: #007a7a;
  font-size: 14px;
  line-height: 18px;
}
.demo-container .dx-treelist-filter-panel .dx-icon-filter {
  color: #007a7a;
}
.demo-container .dx-adaptive-item-text {
  padding-left: 16px;
  padding-right: 16px;
}
.demo-container .dx-adaptive-item-text.dx-cell-modified,
.demo-container .dx-adaptive-item-text.dx-treelist-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.demo-container .dx-treelist-rowsview .dx-treelist-empty-space {
  position: relative;
  top: -2px;
  display: inline-block;
  font: 14px/1 DXIcons;
  width: 24px;
}
.demo-container .dx-treelist-rowsview .dx-treelist-empty-space::before {
  content: "\f014";
  visibility: hidden;
}
.demo-container .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: rgba(98, 98, 98, 0.54);
}
.demo-container .dx-treelist-rowsview .dx-treelist-expanded span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.demo-container .dx-treelist-rowsview .dx-treelist-expanded span::before {
  content: "\f016";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  left: 0;
  margin-left: -5px;
  margin-top: -12px;
}
.demo-container .dx-treelist-rowsview .dx-treelist-collapsed span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.demo-container .dx-treelist-rowsview .dx-treelist-collapsed span::before {
  content: "\f010";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  left: 0;
  margin-left: -6px;
  margin-top: -12px;
}
.demo-container .dx-treelist-rowsview .dx-header-filter,
.demo-container .dx-treelist-rowsview .dx-sort-down,
.demo-container .dx-treelist-rowsview .dx-sort-up {
  vertical-align: middle;
}
.demo-container .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  color: rgba(98, 98, 98, 0.54);
}
.demo-container .dx-treelist-rowsview .dx-treelist-cell-expandable {
  white-space: nowrap;
}
.demo-container .dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: normal;
}
.demo-container .dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: nowrap;
}
.demo-container .dx-treelist-checkbox-size {
  vertical-align: middle;
  line-height: 0;
}
.demo-container .dx-treelist-cell-expandable .dx-checkbox,
.demo-container .dx-treelist-select-all .dx-checkbox {
  position: absolute;
}
.demo-container .dx-treelist-icon-container {
  max-height: 20px;
}
.demo-container .dx-treelist-icon-container.dx-editor-inline-block {
  position: relative;
  padding-right: 34px;
}
.demo-container .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  top: 50%;
  margin-top: -9px;
}
.demo-container .dx-treelist-select-all {
  position: relative;
}
.demo-container .dx-treelist-select-all .dx-checkbox {
  left: 40px;
}
.demo-container .dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  padding-left: 74px;
}
.demo-container .dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed,
.demo-container .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: right;
}
.demo-container .dx-rtl .dx-treelist-select-all .dx-checkbox {
  left: calc(100% - 58px);
}
.demo-container .dx-rtl.dx-treelist .dx-treelist-headers .dx-treelist-content .dx-treelist-table .dx-header-row > .dx-treelist-select-all {
  padding-right: 74px;
  padding-left: 16px;
}
.demo-container .dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  padding-left: 34px;
  padding-right: 0;
}
.demo-container .dx-pivotgrid-fields-container .dx-header-filter,
.demo-container .dx-pivotgrid-fields-container .dx-sort {
  display: inline-block;
}
.demo-container .dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
  display: inline-block;
}
.demo-container .dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
  float: none;
  display: inline-block;
}
.demo-container .dx-pivotgrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.demo-container .dx-pivotgrid {
  cursor: default;
  width: 100%;
  position: relative;
  background-color: #fff;
}
.demo-container .dx-pivotgrid.dx-overflow-hidden {
  overflow: hidden;
}
.demo-container .dx-pivotgrid .dx-area-column-cell,
.demo-container .dx-pivotgrid .dx-area-data-cell {
  width: 100%;
}
.demo-container .dx-pivotgrid .dx-area-data-cell {
  position: relative;
}
.demo-container .dx-pivotgrid table,
.demo-container .dx-pivotgrid tbody,
.demo-container .dx-pivotgrid td,
.demo-container .dx-pivotgrid tfoot,
.demo-container .dx-pivotgrid th,
.demo-container .dx-pivotgrid thead,
.demo-container .dx-pivotgrid tr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}
.demo-container .dx-pivotgrid table {
  border-collapse: collapse;
  table-layout: auto;
  border-spacing: 0;
}
.demo-container .dx-pivotgrid td {
  vertical-align: top;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-pivotgrid .dx-area-description-cell {
  position: relative;
  background-clip: padding-box;
  white-space: nowrap;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
  position: absolute;
  bottom: 0;
}
.demo-container .dx-pivotgrid .dx-area-field-content,
.demo-container .dx-pivotgrid .dx-column-indicators {
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-expand-icon-container {
  position: relative;
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area {
  position: static;
}
.demo-container .dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) {
  display: table-cell;
}
.demo-container .dx-pivotgrid .dx-incompressible-fields .dx-column-indicators {
  vertical-align: top;
  float: none !important;
}
.demo-container .dx-pivotgrid .dx-incompressible-fields .dx-area-field {
  display: inline-block;
  white-space: nowrap;
}
.demo-container .dx-pivotgrid .dx-area-field,
.demo-container .dx-pivotgrid .dx-area-field-content {
  white-space: nowrap;
}
.demo-container .dx-pivotgrid .dx-popup-content .dx-column-indicators {
  float: none !important;
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-popup-content .dx-area-field-content {
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area {
  white-space: nowrap;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-collapsed,
.demo-container .dx-pivotgrid .dx-pivotgrid-expanded {
  cursor: pointer;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand,
.demo-container .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
  white-space: normal;
}
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed,
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded,
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
  white-space: nowrap;
}
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span,
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
  white-space: normal;
}
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span,
.demo-container .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.demo-container .dx-pivotgridfieldchooser {
  position: relative;
  background-color: #fff;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0,
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:first-child {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 4;
  -ms-flex-positive: 4;
  flex-grow: 4;
}
.demo-container .dx-pivotgridfieldchooser .dx-col {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.demo-container .dx-pivotgridfieldchooser .dx-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 0;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:first-child {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.demo-container .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-caption {
  vertical-align: middle;
}
.demo-container .dx-pivotgrid-action {
  cursor: pointer;
}
.demo-container .dx-pivotgrid-drag-action {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.demo-container .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
  margin-top: -4px;
  margin-left: -1px;
  height: 2px;
}
.demo-container .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
  margin-top: -3px;
}
.demo-container .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px;
  width: 2px;
}
.demo-container .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 3px;
}
.demo-container .dx-pivotgrid-fields-container .dx-area-fields {
  position: relative;
}
.demo-container .dx-pivotgrid-fields-container .dx-sort {
  color: rgba(0, 0, 0, 0.54);
  font-size: 14px;
  width: 14px;
}
.demo-container .dx-pivotgrid-fields-container .dx-sort-up {
  font: 14px/1 DXIcons;
}
.demo-container .dx-pivotgrid-fields-container .dx-sort-up::before {
  content: "\f051";
}
.demo-container .dx-pivotgrid-fields-container .dx-sort-down {
  font: 14px/1 DXIcons;
}
.demo-container .dx-pivotgrid-fields-container .dx-sort-down::before {
  content: "\f052";
}
.demo-container .dx-pivotgrid-fields-container .dx-header-filter {
  color: #202223;
  font: 14px/1 DXIcons;
  width: 14px;
}
.demo-container .dx-pivotgrid-fields-container .dx-header-filter::before {
  content: "\f050";
}
.demo-container .dx-pivotgrid-fields-container .dx-header-filter-empty {
  color: rgba(32, 34, 35, 0.38);
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field {
  cursor: pointer;
}
.demo-container .dx-pivotgrid-fields-container.dx-drag {
  opacity: 0.8;
}
.demo-container .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  border: 1px solid rgba(0, 122, 122, 0.5);
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  margin-bottom: 4px;
  border: 1px solid #e1e3e5;
  padding: 7px 10px;
}
.demo-container .dx-pivotgrid-fields-container .dx-drag-source {
  opacity: 0.5;
}
.demo-container .dx-pivotgrid-fields-container .dx-column-indicators {
  vertical-align: bottom;
  margin-left: 6px;
  line-height: 12px;
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field-content {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  overflow: hidden;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  margin-right: 10px;
  float: right;
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  margin-top: 10px;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-right: 4px;
}
.demo-container .dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background,
.demo-container .dx-pivotgrid .dx-column-header,
.demo-container .dx-pivotgrid .dx-data-header {
  background-color: rgba(221, 221, 221, 0.2);
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 0;
}
.demo-container .dx-pivotgrid .dx-filter-header .dx-area-field-container {
  border-spacing: 8px 12px;
  border-collapse: separate;
}
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  padding: 2px;
}
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px;
}
.demo-container .dx-pivotgrid .dx-area-field.dx-area-box {
  margin-bottom: 0;
}
.demo-container .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  border-top-width: 0;
}
.demo-container .dx-pivotgrid .dx-area-description-cell,
.demo-container .dx-pivotgrid .dx-area-row-cell {
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  margin: 1px;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  border-color: transparent;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-area-column-cell,
.demo-container .dx-pivotgrid .dx-area-description-cell,
.demo-container .dx-pivotgrid .dx-bottom-border {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  position: relative;
  border: none;
  padding: 14px 2px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 10px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-right: 10px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  white-space: nowrap;
  padding: 5px 0;
  border: 1px solid transparent;
  color: rgba(0, 0, 0, 0.3);
}
.demo-container .dx-pivotgrid .dx-group-connector {
  position: absolute;
  width: 2px;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background-color: #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: 0;
}
.demo-container .dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  right: 0;
}
.demo-container .dx-pivotgrid .dx-virtual-content {
  display: none;
}
.demo-container .dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  position: relative;
  overflow: hidden;
  display: block;
}
.demo-container .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  color: transparent;
  background-color: transparent !important;
}
.demo-container .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  visibility: hidden;
}
.demo-container .dx-pivotgrid .dx-virtual-mode table {
  position: absolute;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data {
  position: relative;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  text-align: right;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal,
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total {
  border-top-width: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-right: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  min-width: 50px;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  border-top: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  border-right: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total,
.demo-container .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
  border-top: 1px solid #e1e3e5;
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-area-tree-view .dx-total {
  border-bottom: none;
}
.demo-container .dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  border-top: 1px solid transparent;
  background-color: rgba(221, 221, 221, 0.2);
  padding: 0;
  width: 19px;
  min-width: 19px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  text-align: center;
  border: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed,
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: left;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 0;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  border-top: 0;
}
.demo-container .dx-pivotgrid .dx-expand-icon-container {
  width: 14px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  border-bottom: 0;
}
.demo-container .dx-pivotgrid .dx-area-description-cell,
.demo-container .dx-pivotgrid .dx-column-header,
.demo-container .dx-pivotgrid .dx-data-header,
.demo-container .dx-pivotgrid .dx-total {
  background-color: rgba(221, 221, 221, 0.2);
}
.demo-container .dx-pivotgrid .dx-grandtotal {
  background-color: rgba(0, 0, 0, 0.04);
}
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-data-header,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-column-header,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-top: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  display: inline-block;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.demo-container .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  border-bottom: 1px solid #e1e3e5;
}
.demo-container .dx-pivotgrid .dx-icon-sorted {
  display: inline-block;
  margin-left: 5px;
  width: 14px;
}
.demo-container .dx-pivotgrid .dx-popup-content {
  padding: 10px;
}
.demo-container .dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  padding: 0 2px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-fields {
  overflow: hidden;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  margin-bottom: 1px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-search {
  margin: 5px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-scrollable,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
}
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container,
.demo-container .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container {
  height: auto;
}
.demo-container .dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  border: 1px solid #e1e3e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
  margin-top: 8px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  -ms-flex-item-align: center;
  align-self: center;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-fields[group] {
  padding: 5px;
  background-color: rgba(221, 221, 221, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  border-color: #007a7a;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon-all {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon-filter {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon-row {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon-column {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-area-icon-data,
.demo-container .dx-pivotgridfieldchooser .dx-icon-measure {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-icon-dimension {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==") center center no-repeat;
}
.demo-container .dx-pivotgridfieldchooser .dx-icon-hierarchy {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==") center center no-repeat;
}
.demo-container .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px;
}
.demo-container .dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 1px;
}
.demo-container .dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  margin-left: 0;
  margin-right: 6px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.demo-container .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  margin-right: 0;
  margin-left: 10px;
  float: left;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button,
.demo-container .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-right: 0;
  margin-left: 4px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px;
  padding-right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  padding: 10px 2px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-right: 10px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-left: 10px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: initial;
  right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  right: initial;
  left: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-area-description-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-area-row-cell {
  border-left: 1px solid #e1e3e5;
  border-right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data.dx-scrollable-native .dx-scrollable-content {
  float: none;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  border-left: 0;
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 1px solid #e1e3e5;
  border-right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  border-right: 0;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-left: 0;
  border-right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-right: 0;
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  border-left: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 1px solid #e1e3e5;
  border-right: 0;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: right;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  margin-left: 0;
  margin-right: -5px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.demo-container .dx-rtl.dx-pivotgrid .dx-icon-sorted {
  margin-left: 0;
  margin-right: 5px;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-right: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-left: 1px solid #e1e3e5;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-right: none;
}
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell,
.demo-container .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-left: none;
}
.demo-container .dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  background-color: rgba(224, 224, 224, 0.9);
  border: none;
  -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  color: rgba(0, 0, 0, 0.54);
  background-color: #e0e0e0;
  border-radius: 16px;
  border: none;
  font-size: 12px;
  font-weight: 500;
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter {
  color: #007a7a;
}
.demo-container .dx-pivotgrid-fields-container .dx-area-field.dx-area-box .dx-header-filter.dx-header-filter-empty {
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-area-data {
  font-size: 13px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers,
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers {
  font-size: 12px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers td,
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers td {
  font-weight: 500;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-grandtotal,
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-horizontal-headers .dx-total,
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-grandtotal,
.demo-container .dx-pivotgrid .dx-pivotgrid-area.dx-pivotgrid-vertical-headers .dx-total {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area td {
  color: rgba(0, 0, 0, 0.54);
  padding: 10px 16px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed,
.demo-container .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded {
  padding: 10px 14px 10px 19px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-collapsed > span,
.demo-container .dx-pivotgrid .dx-pivotgrid-area td.dx-pivotgrid-expanded > span {
  padding: 0 5px 0 10px;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar {
  padding-left: 8px;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.demo-container .dx-pivotgrid .dx-grandtotal.dx-last-cell,
.demo-container .dx-pivotgrid .dx-row-total.dx-last-cell {
  padding-left: 22px;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-icon,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-focused,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-active,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled {
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-icon {
  opacity: 0.6;
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button.dx-state-disabled .dx-button-text {
  color: rgba(0, 0, 0, 0.35);
}
.demo-container .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave,
.demo-container .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.demo-container .dx-pivotgrid .dx-expand-icon-container {
  margin: 0;
  font: 12px/1 DXIcons;
}
.demo-container .dx-pivotgrid .dx-expand-icon-container::before {
  content: "\f010";
  visibility: hidden;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  font: 20px/20px DXIcons;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before {
  content: "\f010";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
.demo-container .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  font: 20px/20px DXIcons;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before {
  content: "\f016";
  position: absolute;
  display: block;
  width: 20px;
  top: 50%;
  margin-top: -10px;
  left: 50%;
  margin-left: -10px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter {
  background: 0 0;
  font: 14px/1 DXIcons;
  width: 14px;
  height: 14px;
}
.demo-container .dx-pivotgridfieldchooser .dx-area .dx-area-icon-filter::before {
  content: "\f050";
}
.demo-container .dx-pivotgridfieldchooser .dx-area .dx-area-caption {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding-right: 8px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
  padding-left: 0;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
  left: 8px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf {
  padding-left: 24px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-node-container-opened .dx-treeview-item-with-checkbox.dx-treeview-node-is-leaf .dx-checkbox {
  left: 35px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item {
  min-height: 36px;
  padding: 9px 8px;
  line-height: normal;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-checkbox {
  top: 9px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-item-with-checkbox .dx-treeview-item {
  padding-left: 40px;
}
.demo-container .dx-pivotgridfieldchooser .dx-treeview-toggle-item-visibility {
  height: 36px;
}
.demo-container .dx-pivotgrid-fields-container .dx-position-indicator {
  background-color: gray;
}
.demo-container .dx-context-menu.dx-overlay-content {
  overflow: inherit;
  position: absolute;
}
.demo-container .dx-context-menu .dx-menu-item .dx-submenu {
  position: absolute;
  z-index: 1003;
}
.demo-container .dx-context-menu .dx-menu-item {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-context-menu .dx-menu-item .dx-menu-item-content {
  padding: 12px 16px;
}
.demo-container .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  right: 16px;
  width: 24px;
}
.demo-container .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  color: rgba(0, 0, 0, 0.54);
  font: 24px/24px DXIcons;
  text-align: center;
}
.demo-container .dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout::before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.demo-container .dx-context-menu .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
  padding-right: 64px;
}
.demo-container .dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-right: 16px;
}
.demo-container .dx-context-menu .dx-menu-items-container {
  padding: 8px 0;
}
.demo-container .dx-context-menu.dx-overlay-content.dx-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.demo-container .dx-context-menu .dx-submenu {
  background-color: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-context-menu .dx-menu-separator {
  height: 1px;
  margin: 5px 0;
  background-color: #e1e3e5;
}
.demo-container .dx-context-menu.dx-rtl .dx-menu-item .dx-menu-item-popout-container {
  left: 16px;
}
.demo-container .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-left: 24px;
  margin-right: 0;
}
.demo-container .dx-context-menu.dx-rtl .dx-menu-item.dx-menu-item-has-submenu > .dx-menu-item-content {
  padding-left: 64px;
  padding-right: 16px;
}
.demo-container .dx-multiview-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -ms-touch-action: pinch-zoom pan-y;
  touch-action: pinch-zoom pan-y;
}
.demo-container .dx-multiview-item-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.demo-container .dx-multiview-item-container .dx-empty-message {
  text-align: center;
}
.demo-container .dx-multiview-item {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.demo-container .dx-multiview-item.dx-item-selected {
  position: relative;
}
.demo-container .dx-multiview-item-content {
  width: 100%;
  height: 100%;
}
.demo-container .dx-multiview-item-hidden {
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.demo-container .dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body {
  visibility: hidden;
}
.demo-container .dx-tabpanel-tabs {
  width: 100%;
}
.demo-container .dx-tabpanel-tabs .dx-tabs {
  height: 100%;
}
.demo-container .dx-tabpanel-container {
  width: 100%;
  height: 100%;
}
.demo-container .dx-tabpanel .dx-tabs {
  display: block;
  border-bottom: none;
  background-color: #f7f7f7;
}
.demo-container .dx-empty-collection.dx-tabpanel .dx-tabs {
  border-top: none;
}
.demo-container .dx-tabpanel .dx-tab {
  min-width: 72px;
}
.demo-container .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  background: 0 0;
}
.demo-container .dx-tabpanel .dx-tabs-wrapper {
  display: block;
}
.demo-container .dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 10px;
}
.demo-container .dx-layout-manager .dx-field-empty-item {
  width: 100%;
}
.demo-container .dx-layout-manager.dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  padding-left: 0;
  padding-right: 0;
}
.demo-container .dx-layout-manager.dx-layout-manager-one-col .dx-form-group .dx-single-column-item-content > .dx-first-row.dx-col-0.dx-field-item {
  padding-top: 0;
}
.demo-container .dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
  padding-top: 10px;
}
.demo-container .dx-layout-manager .dx-label-h-align.dx-flex-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.demo-container .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
  display: block;
}
.demo-container .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
.demo-container .dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content-wrapper {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  display: block;
}
.demo-container .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.demo-container .dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
  vertical-align: baseline;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content,
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper,
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-label {
  display: table-cell;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
  display: block;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-label {
  white-space: nowrap;
  vertical-align: middle;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
  display: block;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content {
  vertical-align: top;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin-top: 7px;
  margin-bottom: 4px;
}
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content,
.demo-container .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  width: 100%;
}
.demo-container .dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 20px;
}
.demo-container .dx-form-group-content {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.demo-container .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  padding-left: 20px;
}
.demo-container .dx-layout-manager-hidden-label {
  position: absolute;
  display: block;
  visibility: hidden;
}
.demo-container .dx-field-item-label-location-left {
  padding-right: 10px;
}
.demo-container .dx-field-item-label-location-right {
  padding-left: 10px;
}
.demo-container .dx-field-item-optional .dx-label > span::after,
.demo-container .dx-field-item-required .dx-label > span::after {
  content: attr(data-mark);
}
.demo-container .dx-rtl .dx-field-item-optional-mark,
.demo-container .dx-rtl .dx-field-item-required-mark {
  unicode-bidi: embed;
}
.demo-container .dx-rtl .dx-field-item:not(.dx-first-col) {
  padding-left: 0;
  padding-right: 15px;
}
.demo-container .dx-rtl .dx-field-item:not(.dx-last-col) {
  padding-left: 15px;
  padding-right: 0;
}
.demo-container .dx-rtl .dx-field-item-label-location-left {
  padding-right: 0;
  padding-left: 10px;
}
.demo-container .dx-rtl .dx-field-item-label-location-right {
  padding-left: 0;
  padding-right: 10px;
}
.demo-container .dx-rtl .dx-layout-manager-one-col .dx-single-column-item-content > .dx-field-item {
  padding-right: 0;
  padding-left: 0;
}
.demo-container .dx-rtl .dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
  padding-left: 0;
  padding-right: 20px;
}
.demo-container .dx-form-group-caption {
  font-size: 20px;
}
.demo-container .dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #e1e3e5;
  padding-bottom: 20px;
  padding-top: 19px;
  margin-top: 6px;
}
.demo-container .dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
  margin-left: -10px;
  padding-left: 10px;
}
.demo-container .dx-scrollable-content > .dx-layout-manager {
  padding-right: 5px;
}
.demo-container .dx-layout-manager .dx-field-item {
  padding-bottom: 10px;
  font-size: 12px;
}
.demo-container .dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-right: 20px;
}
.demo-container .dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 20px;
}
.demo-container .dx-layout-manager .dx-field-item .dx-field-item.dx-last-row {
  padding-bottom: 0;
}
.demo-container .dx-form > .dx-layout-manager.dx-layout-manager-one-col .dx-field-item .dx-field-item.dx-last-row:not(.dx-last-col) {
  padding-bottom: 10px;
}
.demo-container .dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
  padding-top: 26px;
}
.demo-container .dx-field-item .dx-switch {
  vertical-align: middle;
}
.demo-container .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-content,
.demo-container .dx-field-item.dx-label-v-align .dx-invalid-message > .dx-overlay-wrapper {
  -webkit-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}
.demo-container .dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
  color: transparent;
}
.demo-container .dx-field-item-label-location-top {
  display: block;
  padding: 16px 16px 3px;
}
.demo-container .dx-form-styling-mode-underlined .dx-field-item-label-location-top {
  padding-left: 0;
  padding-right: 0;
}
.demo-container .dx-field-item-label-text {
  color: rgba(0, 0, 0, 0.6);
}
.demo-container .dx-field-item-help-text {
  white-space: normal;
  color: rgba(0, 0, 0, 0.6);
  padding: 6px 16px 2px;
  font-style: normal;
}
.demo-container .dx-form-styling-mode-underlined .dx-field-item-help-text {
  padding-left: 0;
  padding-right: 0;
}
.demo-container .dx-field-item-optional .dx-label > span::after,
.demo-container .dx-field-item-optional-mark,
.demo-container .dx-field-item-required .dx-label > span::after,
.demo-container .dx-field-item-required-mark {
  color: rgba(0, 0, 0, 0.6);
}
.demo-container .dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon,
.demo-container .dx-filterbuilder.dx-rtl .dx-filterbuilder-text {
  margin-left: 5px;
  margin-right: 0;
}
.demo-container .dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 0;
  padding-right: 26px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-action-icon,
.demo-container .dx-filterbuilder .dx-filterbuilder-text {
  margin-left: 0;
  margin-right: 5px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-action-icon:focus,
.demo-container .dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
.demo-container .dx-filterbuilder .dx-filterbuilder-text:focus {
  outline: 0;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
  display: inline-block;
  white-space: nowrap;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
  display: inline-block;
  cursor: pointer;
  white-space: pre;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
  white-space: nowrap;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator {
  margin: 0 7px;
  opacity: 0.3;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  min-width: 20px;
  padding: 2px 7px 3px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
  vertical-align: middle;
  margin-top: -7px;
  margin-bottom: -4px;
  display: inline-block;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 26px;
}
.demo-container .dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 5px;
}
.demo-container .dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 5px;
}
.demo-container .dx-filterbuilder-overlay {
  white-space: nowrap;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
  padding-left: 0;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 15px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 0;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  margin-right: 15px;
}
.demo-container .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
  border-radius: 0;
}
.demo-container .dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
  padding: 0;
}
.demo-container .dx-filterbuilder-overlay .dx-scrollable-container {
  max-height: 360px;
}
.demo-container .dx-filterbuilder-overlay .dx-menu-items-container {
  padding: 0;
}
.demo-container .dx-filterbuilder {
  background-color: #fff;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  background-color: rgba(215, 44, 13, 0.3);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  background-color: rgba(215, 44, 13, 0.5);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus {
  background-color: #d72c0d;
  color: #fff;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  background-color: rgba(0, 122, 122, 0.3);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  background-color: rgba(0, 122, 122, 0.5);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
  background-color: #007a7a;
  color: #fff;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  background-color: rgba(0, 127, 95, 0.3);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  background-color: rgba(0, 127, 95, 0.5);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus {
  background-color: #007f5f;
  color: #fff;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  background-color: rgba(225, 227, 229, 0.5);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus {
  background-color: #e1e3e5;
  color: #fff;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  color: rgba(0, 127, 95, 0.7);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  color: #007f5f;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  color: rgba(215, 44, 13, 0.7);
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus,
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  color: #d72c0d;
}
.demo-container .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  color: rgba(86, 86, 86, 0.54);
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-action-icon {
  font-size: 21px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  padding: 8px;
  vertical-align: middle;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-filled .dx-texteditor-input,
.demo-container .dx-filterbuilder .dx-filterbuilder-item-value .dx-editor-outlined .dx-texteditor-input {
  padding: 13px 12px;
}
.demo-container .dx-filterbuilder .dx-filterbuilder-item-value-text,
.demo-container .dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 5px;
}
.demo-container .dx-filterbuilder-range-separator {
  color: rgba(0, 0, 0, 0.87);
}
.demo-container .dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.demo-container .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 24px;
}
.demo-container .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 24px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-node > .dx-treeview-item {
  padding-left: 48px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
  padding-left: 24px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 24px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-item {
  padding: 8px 24px 10px;
  min-height: 36px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
  margin-right: 10px;
}
.demo-container .dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
  height: 36px;
  left: 16px;
}
.demo-container .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
  padding-right: 48px;
}
.demo-container .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node.dx-treeview-node-is-leaf > .dx-treeview-item {
  padding-right: 24px;
}
.demo-container .dx-filterbuilder-overlay .dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  margin-right: 24px;
  margin-left: 0;
}
.demo-container .dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
  margin-left: 10px;
}
.demo-container .dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
  right: 16px;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-shader {
  background-color: rgba(0, 0, 0, 0.32);
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content {
  min-width: 56px;
  max-height: 56px;
  background-color: #007a7a;
  color: #fff;
  overflow: visible;
  border-radius: 28px;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
  background-color: #004747;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: transparent;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
  background-color: #002e2e;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: transparent;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon,
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
  padding: 16px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper {
  position: static;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background: 0 0;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin-right: 0;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple {
  border-radius: 28px;
}
.demo-container .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.demo-container .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon,
.demo-container .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon-close {
  padding: 16px 0 16px 12px;
}
.demo-container .dx-fa-button .dx-fa-button-icon,
.demo-container .dx-fa-button .dx-fa-button-icon-close {
  padding: 8px;
  width: 24px;
  height: 24px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.demo-container .dx-fa-button .dx-fa-button-icon .dx-icon,
.demo-container .dx-fa-button .dx-fa-button-icon-close .dx-icon {
  font-size: 24px;
}
.demo-container .dx-fa-button .dx-fa-button-icon img,
.demo-container .dx-fa-button .dx-fa-button-icon-close img {
  width: 100%;
  height: 100%;
}
.demo-container .dx-fa-button .dx-overlay-content {
  border-radius: 50%;
  cursor: pointer;
  min-width: 40px;
  max-height: 40px;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  overflow: visible;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.demo-container .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.demo-container .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper {
  right: auto;
  left: 40px;
}
.demo-container .dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label {
  margin-left: 16px;
  margin-right: auto;
}
.demo-container .dx-fa-button .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: #ebebeb;
}
.demo-container .dx-fa-button .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: #a3a3a3;
}
.demo-container .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper {
  position: absolute;
  right: 40px;
}
.demo-container .dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  white-space: nowrap;
  border-radius: 4px;
  padding: 0 12px;
  margin-right: 16px;
  line-height: 32px;
  height: 32px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
}
.demo-container .dx-fa-button .dx-overlay-content .dx-fa-button-icon {
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.demo-container .dx-fa-button .dx-overlay-content .dx-inkripple {
  overflow: hidden;
  border-radius: 20px;
}
.demo-container .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label {
  padding: 0 20px 0 12px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-weight: 500;
}
.demo-container .dx-sortable {
  overflow: hidden;
}
.demo-container .dx-sortable-dragging.dx-sortable-clone {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0.9;
  z-index: 2147483647;
}
.demo-container .dx-sortable-dragging.dx-sortable-clone .dx-inkripple {
  overflow: hidden;
}
.demo-container .dx-sortable-dragging.dx-sortable-clone * {
  cursor: pointer;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.demo-container .dx-sortable-source {
  opacity: 0.5;
}
.demo-container .dx-sortable-source-hidden {
  opacity: 0;
}
.demo-container .dx-sortable-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #007a7a;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2147483647;
}
.demo-container .dx-sortable-placeholder-inside {
  border-width: 2px;
}
.demo-container .dx-sortable-dragging > * {
  border-color: rgba(0, 122, 122, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}

.demo-container .dx-datagrid-borders > .dx-datagrid-headers, .demo-container .dx-datagrid-borders > .dx-datagrid-rowsview, .demo-container .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 0px solid #e1e3e5;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #e1e3e5;
  border-right: 0px solid #e1e3e5;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: #e1e3e5;
  border-bottom-width: 0px;
}

.demo-container .dx-button {
  height: 36px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  background-color: #eef4f8;
  color: #202233;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#chart {
  height: 250px;
}

body .sparkline,
.dx-viewport .sparkline,
body.dx-viewport.dx-theme-material-typography .sparkline {
  width: 64px;
  max-height: 32px;
}
body .scoreContainer,
.dx-viewport .scoreContainer,
body.dx-viewport.dx-theme-material-typography .scoreContainer {
  position: relative;
  padding: 8px;
  height: 88px;
}
body .scoreContainer:hover,
.dx-viewport .scoreContainer:hover,
body.dx-viewport.dx-theme-material-typography .scoreContainer:hover {
  border-radius: 8px;
  cursor: pointer;
}
body .scoreContainer.w-border:before,
.dx-viewport .scoreContainer.w-border:before,
body.dx-viewport.dx-theme-material-typography .scoreContainer.w-border:before {
  content: "";
  position: absolute;
  right: -16px;
  bottom: 20px;
  width: 1px;
  height: 40px;
  border-left: 1px solid #C9CCD0;
}
body .scoreContainer.warning .sparkScore,
.dx-viewport .scoreContainer.warning .sparkScore,
body.dx-viewport.dx-theme-material-typography .scoreContainer.warning .sparkScore {
  color: #FFC453;
}
body .scoreContainer.warning .dxc-elements,
.dx-viewport .scoreContainer.warning .dxc-elements,
body.dx-viewport.dx-theme-material-typography .scoreContainer.warning .dxc-elements {
  stroke: #FFC453 !important;
}
body .scoreContainer .sparkScore,
.dx-viewport .scoreContainer .sparkScore,
body.dx-viewport.dx-theme-material-typography .scoreContainer .sparkScore {
  color: #008060;
}
body .scoreContainer.success .sparkScore,
.dx-viewport .scoreContainer.success .sparkScore,
body.dx-viewport.dx-theme-material-typography .scoreContainer.success .sparkScore {
  color: #008060;
}
body .scoreContainer.success .dxc-elements,
.dx-viewport .scoreContainer.success .dxc-elements,
body.dx-viewport.dx-theme-material-typography .scoreContainer.success .dxc-elements {
  stroke: #008060 !important;
}
body .scoreContainer.critical .sparkScore,
.dx-viewport .scoreContainer.critical .sparkScore,
body.dx-viewport.dx-theme-material-typography .scoreContainer.critical .sparkScore {
  color: #D82C0D;
}
body .scoreContainer.critical .dxc-elements,
.dx-viewport .scoreContainer.critical .dxc-elements,
body.dx-viewport.dx-theme-material-typography .scoreContainer.critical .dxc-elements {
  stroke: #D82C0D !important;
}
body .scoreContainer.fit-wide,
.dx-viewport .scoreContainer.fit-wide,
body.dx-viewport.dx-theme-material-typography .scoreContainer.fit-wide {
  width: 265px;
}
body .scoreContainer.fit,
.dx-viewport .scoreContainer.fit,
body.dx-viewport.dx-theme-material-typography .scoreContainer.fit {
  width: 240px;
}
body .graphCard circle,
.dx-viewport .graphCard circle,
body.dx-viewport.dx-theme-material-typography .graphCard circle {
  r: 4;
}
body .graphCard .sparkScore,
.dx-viewport .graphCard .sparkScore,
body.dx-viewport.dx-theme-material-typography .graphCard .sparkScore {
  color: #008060;
}
body .graphCard.warning .sparkScore,
.dx-viewport .graphCard.warning .sparkScore,
body.dx-viewport.dx-theme-material-typography .graphCard.warning .sparkScore {
  color: #FFC453;
}
body .graphCard.warning .dxc-elements, body .graphCard.warning .dxc-val-constant-lines > path, body .graphCard.warning circle,
.dx-viewport .graphCard.warning .dxc-elements,
.dx-viewport .graphCard.warning .dxc-val-constant-lines > path,
.dx-viewport .graphCard.warning circle,
body.dx-viewport.dx-theme-material-typography .graphCard.warning .dxc-elements,
body.dx-viewport.dx-theme-material-typography .graphCard.warning .dxc-val-constant-lines > path,
body.dx-viewport.dx-theme-material-typography .graphCard.warning circle {
  stroke: #FFC453 !important;
}
body .graphCard.warning .dxc-markers,
.dx-viewport .graphCard.warning .dxc-markers,
body.dx-viewport.dx-theme-material-typography .graphCard.warning .dxc-markers {
  fill: #FFC453 !important;
}
body .graphCard.success .sparkScore,
.dx-viewport .graphCard.success .sparkScore,
body.dx-viewport.dx-theme-material-typography .graphCard.success .sparkScore {
  color: #008060;
}
body .graphCard.success .dxc-elements, body .graphCard.success .dxc-val-constant-lines > path, body .graphCard.success circle,
.dx-viewport .graphCard.success .dxc-elements,
.dx-viewport .graphCard.success .dxc-val-constant-lines > path,
.dx-viewport .graphCard.success circle,
body.dx-viewport.dx-theme-material-typography .graphCard.success .dxc-elements,
body.dx-viewport.dx-theme-material-typography .graphCard.success .dxc-val-constant-lines > path,
body.dx-viewport.dx-theme-material-typography .graphCard.success circle {
  stroke: #008060 !important;
}
body .graphCard.success .dxc-markers,
.dx-viewport .graphCard.success .dxc-markers,
body.dx-viewport.dx-theme-material-typography .graphCard.success .dxc-markers {
  fill: #008060 !important;
}
body .graphCard.critical .sparkScore,
.dx-viewport .graphCard.critical .sparkScore,
body.dx-viewport.dx-theme-material-typography .graphCard.critical .sparkScore {
  color: #D82C0D;
}
body .graphCard.critical .dxc-elements, body .graphCard.critical .dxc-val-constant-lines > path, body .graphCard.critical circle,
.dx-viewport .graphCard.critical .dxc-elements,
.dx-viewport .graphCard.critical .dxc-val-constant-lines > path,
.dx-viewport .graphCard.critical circle,
body.dx-viewport.dx-theme-material-typography .graphCard.critical .dxc-elements,
body.dx-viewport.dx-theme-material-typography .graphCard.critical .dxc-val-constant-lines > path,
body.dx-viewport.dx-theme-material-typography .graphCard.critical circle {
  stroke: #D82C0D !important;
}
body .graphCard.critical .dxc-markers,
.dx-viewport .graphCard.critical .dxc-markers,
body.dx-viewport.dx-theme-material-typography .graphCard.critical .dxc-markers {
  fill: #D82C0D !important;
}
body .sparkGrid,
.dx-viewport .sparkGrid,
body.dx-viewport.dx-theme-material-typography .sparkGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-left: -8px;
  margin-right: -8px;
  gap: 32px;
}
body .sparkGrid.col4,
.dx-viewport .sparkGrid.col4,
body.dx-viewport.dx-theme-material-typography .sparkGrid.col4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-left: -8px;
  margin-right: -8px;
  gap: auto;
}
body .sparkGrid.flexRow,
.dx-viewport .sparkGrid.flexRow,
body.dx-viewport.dx-theme-material-typography .sparkGrid.flexRow {
  display: flex;
  flex-direction: row;
}
body .sparkChart,
.dx-viewport .sparkChart,
body.dx-viewport.dx-theme-material-typography .sparkChart {
  max-height: 140px;
}
body .displayXXXL,
.dx-viewport .displayXXXL,
body.dx-viewport.dx-theme-material-typography .displayXXXL {
  font-style: normal;
  font-weight: 700;
  font-size: 110px;
  line-height: 110px;
}

body.dx-viewport {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body.dx-viewport .demo-container .dx-datagrid .dx-row td.textSuccess {
  color: #008060;
}
body.dx-viewport .demo-container .dx-datagrid .dx-row td.textCritical {
  color: #D82C0D;
}
body.dx-viewport .demo-container .dx-datagrid .dx-row td.textWarning {
  color: #FFC453;
}
body.dx-viewport .dx-overlay-wrapper.dx-popup-wrapper .dx-scrollable.dx-scrollview.dx-visibility-change-handler.dx-scrollable-vertical.dx-scrollable-native.dx-scrollable-native-generic.dx-list.dx-widget.dx-collection.dx-list-select-decorator-enabled {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
}
body.dx-viewport .dx-list .dx-empty-message,
body.dx-viewport .dx-list-item {
  border-top: 1px solid #E1E3E5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=OK] {
  border: none;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=OK] .dx-button-content {
  justify-content: center;
  align-items: center;
  background: #EEF4F8;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=OK] .dx-button-content:hover {
  background-color: #DFEEF8;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=OK] .dx-button-content:active {
  background-color: #C3DBEB;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=Cancel] {
  border: none;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=Cancel] .dx-button-content {
  justify-content: center;
  align-items: center;
  background: #D72C0D;
  color: #fff;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=Cancel] .dx-button-content:hover {
  background-color: #C12806;
}
body.dx-viewport .dx-button-mode-contained.dx-button-has-text[aria-label=Cancel] .dx-button-content:active {
  background-color: #A81F03;
}
body.dx-viewport .datagrid .dx-list-select-all-label,
body.dx-viewport .demo-container .dx-list-select-all-label {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202223;
  text-decoration: none;
  line-height: 16px;
  padding: 0 16px;
  margin: 0;
}
body.dx-viewport .datagrid tr.dx-header-row td .dx-column-indicators .dx-header-filter.dx-header-filter.dx-header-filter-empty,
body.dx-viewport .demo-container tr.dx-header-row td .dx-column-indicators .dx-header-filter.dx-header-filter.dx-header-filter-empty {
  display: none;
}
body.dx-viewport .datagrid tr.dx-header-row td .dx-column-indicators .dx-header-filter.dx-header-filter,
body.dx-viewport .demo-container tr.dx-header-row td .dx-column-indicators .dx-header-filter.dx-header-filter {
  display: inline-block;
}
body.dx-viewport .datagrid tr.dx-header-row td:hover .dx-column-indicators .dx-header-filter.dx-header-filter,
body.dx-viewport .demo-container tr.dx-header-row td:hover .dx-column-indicators .dx-header-filter.dx-header-filter {
  display: inline-block;
}
body.dx-viewport .datagrid tr.dx-row.dx-freespace-row,
body.dx-viewport .datagrid tr.dx-row.dx-freespace-row:hover,
body.dx-viewport .demo-container tr.dx-row.dx-freespace-row,
body.dx-viewport .demo-container tr.dx-row.dx-freespace-row:hover {
  background-color: #ffffff;
}
body.dx-viewport .datagrid .dx-checkbox-container,
body.dx-viewport .demo-container .dx-checkbox-container {
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body.dx-viewport .datagrid .dx-checkbox-icon,
body.dx-viewport .demo-container .dx-checkbox-icon {
  height: 18px;
  width: 18px;
  border: 1px solid #eeeff1;
  border-radius: 2px;
}
body.dx-viewport .datagrid .dx-state-readonly,
body.dx-viewport .demo-container .dx-state-readonly {
  border: 1px solid #eeeff1 !important;
}
body.dx-viewport .datagrid .dx-checkbox-checked .dx-checkbox-icon,
body.dx-viewport .demo-container .dx-checkbox-checked .dx-checkbox-icon {
  color: #fff;
  background-color: #EE7E00;
  border: 1px solid #EE7E00;
  border: none;
  font-size: 14px;
  text-align: center;
}
body.dx-viewport .datagrid .dx-checkbox-checked .dx-checkbox-icon.dx-state-hover,
body.dx-viewport .datagrid .dx-checkbox-checked .dx-checkbox-icon .dx-state-focused,
body.dx-viewport .demo-container .dx-checkbox-checked .dx-checkbox-icon.dx-state-hover,
body.dx-viewport .demo-container .dx-checkbox-checked .dx-checkbox-icon .dx-state-focused {
  border-color: #999EA4;
}
body.dx-viewport .datagrid .dx-checkbox-icon::after,
body.dx-viewport .demo-container .dx-checkbox-icon::after {
  content: none;
}
body.dx-viewport .datagrid .dx-datagrid-group-opened::before,
body.dx-viewport .demo-container .dx-datagrid-group-opened::before {
  content: url(/img/minusIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-datagrid-group-closed::before,
body.dx-viewport .demo-container .dx-datagrid-group-closed::before {
  content: url(/img/plusIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-datagrid-group-closed:hover::before,
body.dx-viewport .demo-container .dx-datagrid-group-closed:hover::before {
  content: url(/img/Assets/plusIcon-active.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-datagrid .dx-header-filter::before,
body.dx-viewport .demo-container .dx-datagrid .dx-header-filter::before {
  content: url(/img/Assets/datagrid/filter-icon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-datagrid .dx-header-filter::after,
body.dx-viewport .demo-container .dx-datagrid .dx-header-filter::after {
  content: url(/img/Assets/filterIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
body.dx-viewport .demo-container .dx-datagrid .dx-header-filter:not(.dx-header-filter-empty) {
  content: url(/img/Assets/filterIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body.dx-viewport .datagrid .dx-state-focused input,
body.dx-viewport .demo-container .dx-state-focused input {
  box-shadow: none;
}
body.dx-viewport .datagrid .dx-list-select-all::after,
body.dx-viewport .demo-container .dx-list-select-all::after {
  content: none;
}
body.dx-viewport .datagrid .dx-datagrid-group-opened,
body.dx-viewport .datagrid .dx-datagrid-group-closed,
body.dx-viewport .demo-container .dx-datagrid-group-opened,
body.dx-viewport .demo-container .dx-datagrid-group-closed {
  width: 100%;
  height: 32px;
  font: 22px/22px DXIcons;
  padding: 0;
  text-align: center;
  color: rgba(98, 98, 98, 0.54);
}
body.dx-viewport .datagrid .dx-datagrid-group-opened,
body.dx-viewport .demo-container .dx-datagrid-group-opened {
  font: 20px/20px DXIcons;
}
body.dx-viewport .datagrid .dx-datagrid,
body.dx-viewport .demo-container .dx-datagrid {
  color: #202223;
}
body.dx-viewport .datagrid .dx-row td,
body.dx-viewport .demo-container .dx-row td {
  padding: 8px 12px;
  height: 40px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .datagrid .dx-row a,
body.dx-viewport .demo-container .dx-row a {
  text-decoration: none;
  color: #202223;
}
body.dx-viewport .datagrid .dx-row a:hover,
body.dx-viewport .demo-container .dx-row a:hover {
  color: #007A7A;
}
body.dx-viewport .datagrid tr.dx-row.dx-header-row,
body.dx-viewport .demo-container tr.dx-row.dx-header-row {
  background-color: #F6F6F7;
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
  border-top: none;
}
body.dx-viewport .datagrid .dx-datagrid-filter-row input,
body.dx-viewport .demo-container .dx-datagrid-filter-row input {
  border: 0px solid #8C9196;
  border-radius: 2px;
  padding-left: 12px;
  width: auto;
  height: 32px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .datagrid .dx-datagrid-borders .dx-datagrid-headers,
body.dx-viewport .demo-container .dx-datagrid-borders .dx-datagrid-headers {
  border: none;
  height: 40px;
}
body.dx-viewport .datagrid .dx-datagrid-headers tr.dx-row.dx-header-row,
body.dx-viewport .demo-container .dx-datagrid-headers tr.dx-row.dx-header-row {
  height: 40px;
}
body.dx-viewport .datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row td,
body.dx-viewport .datagrid .dx-datagrid-content.dx-datagrid-table.dx-row td,
body.dx-viewport .demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row td,
body.dx-viewport .demo-container .dx-datagrid-content.dx-datagrid-table.dx-row td {
  border: none;
  border-top: none;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:focus,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:focus {
  border: none;
}
body.dx-viewport .datagrid .dx-widget,
body.dx-viewport .demo-container .dx-widget {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
body.dx-viewport .datagrid .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left,
body.dx-viewport .datagrid .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
body.dx-viewport .demo-container .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left,
body.dx-viewport .demo-container .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
  margin-right: 0;
}
body.dx-viewport .datagrid div.dx-datagrid-text-content.dx-text-content-alignment-left.dx-header-filter-indicator,
body.dx-viewport .demo-container div.dx-datagrid-text-content.dx-text-content-alignment-left.dx-header-filter-indicator {
  font-weight: 600 !important;
}
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 0px;
  padding-left: 46px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
}
body.dx-viewport .datagrid div.dx-datagrid-header-panel div.dx-texteditor-input-container input,
body.dx-viewport .demo-container div.dx-datagrid-header-panel div.dx-texteditor-input-container input {
  background-color: #FFFFFF;
}
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-underlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-underlined {
  border-color: transparent;
}
body.dx-viewport .datagrid .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor-input {
  background: #FFFFFF;
  border: 1px solid #8C9196;
  display: block;
  width: 100%;
  padding: 8px 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #202223;
  border-radius: 2px;
  background-color: #FFFFFF;
  padding-left: 36px;
  padding-right: 8px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 14px;
}
body.dx-viewport .datagrid td td.td-flag-red,
body.dx-viewport .datagrid td td.td-email,
body.dx-viewport .datagrid td td.td-view,
body.dx-viewport .datagrid td td.td-pay,
body.dx-viewport .datagrid td td.td-warning-grey,
body.dx-viewport .datagrid td td.td-check-warning,
body.dx-viewport .datagrid td td.td-check-success,
body.dx-viewport .datagrid td td.td-check-critical,
body.dx-viewport .datagrid td td.td-table-pop,
body.dx-viewport .demo-container td td.td-flag-red,
body.dx-viewport .demo-container td td.td-email,
body.dx-viewport .demo-container td td.td-view,
body.dx-viewport .demo-container td td.td-pay,
body.dx-viewport .demo-container td td.td-warning-grey,
body.dx-viewport .demo-container td td.td-check-warning,
body.dx-viewport .demo-container td td.td-check-success,
body.dx-viewport .demo-container td td.td-check-critical,
body.dx-viewport .demo-container td td.td-table-pop {
  width: inherit;
  height: 8px;
}
body.dx-viewport .datagrid div.in-use,
body.dx-viewport .demo-container div.in-use {
  display: flex;
  width: 100%;
  justify-content: center;
}
body.dx-viewport .datagrid div.td-pay,
body.dx-viewport .demo-container div.td-pay {
  display: flex;
  height: 100%;
  justify-content: center;
}
body.dx-viewport .datagrid a.td-view,
body.dx-viewport .demo-container a.td-view {
  display: block;
  width: 40px;
  height: 100%;
  align-items: center;
}
body.dx-viewport .datagrid a.td-table-pop,
body.dx-viewport .demo-container a.td-table-pop {
  display: block;
  width: 40px;
  height: 100%;
  align-items: center;
}
body.dx-viewport .datagrid .dx-texteditor.dx-state-active::before,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused::before,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active::before,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused::before {
  border: none;
}
body.dx-viewport .datagrid .dx-texteditor-input:focus,
body.dx-viewport .demo-container .dx-texteditor-input:focus {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
  box-shadow: none;
}
body.dx-viewport .datagrid .dx-datagrid .dx-datagrid-table .dx-header-row > td,
body.dx-viewport .demo-container .dx-datagrid .dx-datagrid-table .dx-header-row > td {
  padding: 8px 12px 8px 12px;
}
body.dx-viewport .datagrid .dx-viewport .demo-container .gridContainer,
body.dx-viewport .demo-container .dx-viewport .demo-container .gridContainer {
  max-width: 2560px !important;
}
body.dx-viewport .datagrid .dx-button-content,
body.dx-viewport .datagrid .dx-button,
body.dx-viewport .datagrid .dx-button-has-text,
body.dx-viewport .datagrid .dx-button-has-text.dx-button-mode-text .dx-button-content,
body.dx-viewport .datagrid .dx-button-has-text.dx-button-mode-contained .dx-button-content,
body.dx-viewport .demo-container .dx-button-content,
body.dx-viewport .demo-container .dx-button,
body.dx-viewport .demo-container .dx-button-has-text,
body.dx-viewport .demo-container .dx-button-has-text.dx-button-mode-text .dx-button-content,
body.dx-viewport .demo-container .dx-button-has-text.dx-button-mode-contained .dx-button-content {
  padding: 0 0;
}
body.dx-viewport .datagrid .dx-button,
body.dx-viewport .demo-container .dx-button {
  height: 32px;
}
body.dx-viewport .datagrid .dx-button-text,
body.dx-viewport .demo-container .dx-button-text {
  text-transform: none;
  line-height: 16px;
  letter-spacing: normal;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .datagrid .dx-inkripple,
body.dx-viewport .demo-container .dx-inkripple {
  display: none;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row.dx-group-row,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row.dx-group-row {
  font-size: inherit;
  font-weight: inherit;
}
body.dx-viewport .datagrid .dx-pager .dx-page-sizes .dx-selection,
body.dx-viewport .datagrid .dx-pager .dx-pages .dx-selection,
body.dx-viewport .demo-container .dx-pager .dx-page-sizes .dx-selection,
body.dx-viewport .demo-container .dx-pager .dx-pages .dx-selection {
  font-weight: 500;
  background-color: #007a7a;
  color: #fff;
}
body.dx-viewport .datagrid .dx-texteditor.dx-state-active::before,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused::before,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active::before,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused::before {
  border-bottom: 0px solid #007a7a;
}
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled::after,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled::after {
  border-bottom: 0px solid rgba(0, 0, 0, 0.42);
}
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled::after,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled::after {
  border-bottom: 0px solid rgba(0, 0, 0, 0.42);
}
body.dx-viewport .datagrid .dx-show-clear-button .dx-icon-clear,
body.dx-viewport .demo-container .dx-show-clear-button .dx-icon-clear {
  color: #787878;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-position: 0 0;
  background-size: 22px 22px;
  padding: 0;
  font-size: 12px;
  text-align: center;
  line-height: 12px;
}
body.dx-viewport .datagrid .dx-show-clear-button .dx-icon-clear:hover,
body.dx-viewport .demo-container .dx-show-clear-button .dx-icon-clear:hover {
  color: #028888;
}
body.dx-viewport .datagrid .dx-datagrid .dx-row > td,
body.dx-viewport .datagrid .dx-datagrid .dx-row > tr > td,
body.dx-viewport .demo-container .dx-datagrid .dx-row > td,
body.dx-viewport .demo-container .dx-datagrid .dx-row > tr > td {
  padding: 0px;
}
body.dx-viewport .datagrid .dx-datagrid .dx-row > td,
body.dx-viewport .demo-container .dx-datagrid .dx-row > td {
  padding: 8px 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  height: 40px;
}
body.dx-viewport .datagrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
body.dx-viewport .demo-container .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  font-weight: 600;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #202223;
  text-decoration: none;
  font-weight: 600 !important;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: none;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row.dx-group-row,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row.dx-group-row {
  font-size: inherit;
  font-weight: inherit;
}
body.dx-viewport .datagrid .dx-datagrid-header-panel,
body.dx-viewport .datagrid .dx-datagrid-pager,
body.dx-viewport .demo-container .dx-datagrid-header-panel,
body.dx-viewport .demo-container .dx-datagrid-pager {
  border: transparent;
}
body.dx-viewport .datagrid .dx-pager .dx-pages .dx-page,
body.dx-viewport .dx-datagrid-pager .dx-pages .dx-page,
body.dx-viewport .demo-container .dx-pager .dx-pages .dx-page {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  border: none;
  border-right: none;
  list-style: none;
  border-radius: 2px;
  color: #6D7175;
  padding: auto;
}
body.dx-viewport .datagrid .dx-pager .dx-page-sizes .dx-selection,
body.dx-viewport .datagrid .dx-pager .dx-pages .dx-selection,
body.dx-viewport .demo-container .dx-pager .dx-page-sizes .dx-selection,
body.dx-viewport .dx-datagrid-pager .dx-pages .dx-page-indexes .dx-selection,
body.dx-viewport .demo-container .dx-pager .dx-pages .dx-selection {
  background-color: #EEF4F8;
  color: #202223;
  border-radius: 2px;
  background-size: 22px;
}
body.dx-viewport .datagrid .dx-widget.dx-datagrid-pager.dx-pager,
body.dx-viewport .dx-datagrid-pager,
body.dx-viewport .demo-container .dx-widget.dx-datagrid-pager.dx-pager {
  display: flex;
  justify-content: center;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  background: #FFFFFF;
  margin: 0;
  padding: 0 0 0 20px;
  -webkit-box-shadow: inset 6px 0px 0px 0px #FFFFFF, inset 10px 0px 0px 0px #FFD79D;
  box-shadow: inset 6px 0px 0px 0px #FFFFFF, inset 10px 0px 0px 0px #FFD79D;
}
body.dx-viewport .datagrid .dx-button-content,
body.dx-viewport .demo-container .dx-button-content {
  width: auto;
  padding: 0 8px;
}
body.dx-viewport .datagrid .dx-device-mobile .dx-popup-bottom.dx-toolbar,
body.dx-viewport .demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar {
  padding: 0 8px;
}
body.dx-viewport .datagrid .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after,
body.dx-viewport .demo-container .dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0px;
}
body.dx-viewport .datagrid .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text,
body.dx-viewport .demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button.dx-button-has-icon.dx-button-has-text {
  border-radius: 2px;
}
body.dx-viewport .datagrid .demo-container.noButton,
body.dx-viewport .demo-container .demo-container.noButton {
  margin-top: -56px;
}
body.dx-viewport .datagrid .demo-container.no-th .dx-datagrid-headers,
body.dx-viewport .demo-container .demo-container.no-th .dx-datagrid-headers {
  display: none;
}
body.dx-viewport .datagrid .dx-toolbar,
body.dx-viewport .datagrid .dx-datagrid-header-panel,
body.dx-viewport .datagrid .dx-datagrid,
body.dx-viewport .demo-container .dx-toolbar,
body.dx-viewport .demo-container .dx-datagrid-header-panel,
body.dx-viewport .demo-container .dx-datagrid {
  background: transparent;
}
body.dx-viewport .datagrid .dx-datagrid-header-panel,
body.dx-viewport .demo-container .dx-datagrid-header-panel {
  border-bottom: none;
  padding: 0px;
}
body.dx-viewport .datagrid .dx-datagrid-search-panel,
body.dx-viewport .demo-container .dx-datagrid-search-panel {
  width: 320px !important;
}
body.dx-viewport .datagrid .dx-toolbar .dx-toolbar-items-container,
body.dx-viewport .demo-container .dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
body.dx-viewport .datagrid .dx-searchbox.dx-editor-filled .dx-icon-search,
body.dx-viewport .datagrid .dx-searchbox.dx-editor-outlined .dx-icon-search,
body.dx-viewport .demo-container .dx-searchbox.dx-editor-filled .dx-icon-search,
body.dx-viewport .demo-container .dx-searchbox.dx-editor-outlined .dx-icon-search {
  width: 36px;
  height: auto;
  position: absolute;
  top: 21px;
  background-size: 16px 16px;
  padding: 12px 0px 0px 0px;
  font-size: 16px;
  text-align: center;
  line-height: 14px;
}
body.dx-viewport .datagrid .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
body.dx-viewport .datagrid .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
body.dx-viewport .demo-container .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
body.dx-viewport .demo-container .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  font-size: 16px;
  line-height: 16px;
}
body.dx-viewport .datagrid .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
body.dx-viewport .datagrid .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
body.dx-viewport .datagrid .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
body.dx-viewport .datagrid .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
body.dx-viewport .demo-container .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
body.dx-viewport .demo-container .dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
body.dx-viewport .demo-container .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
body.dx-viewport .demo-container .dx-datagrid-container .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-left: 32px;
}
body.dx-viewport .datagrid .dx-editor-cell .dx-texteditor .dx-texteditor-input,
body.dx-viewport .demo-container .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background: rgba(255, 255, 255, 0);
  font-size: 14px;
  height: 32px;
  line-height: 48px;
  margin-top: 0;
}
body.dx-viewport .datagrid .dx-editor-cell .dx-texteditor .dx-placeholder::before,
body.dx-viewport .demo-container .dx-editor-cell .dx-texteditor .dx-placeholder::before {
  padding-right: 16px;
  padding-left: 16px;
}
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport .datagrid .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport .demo-container .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding-left: 32px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .datagrid .dx-menu-item-text,
body.dx-viewport .demo-container .dx-menu-item-text {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .datagrid .dx-menu-base .dx-menu-item-content .dx-menu-item-text,
body.dx-viewport .demo-container .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
  padding: 8px 12px;
}
body.dx-viewport .datagrid .dx-context-menu .dx-menu-item .dx-menu-item-content,
body.dx-viewport .demo-container .dx-context-menu .dx-menu-item .dx-menu-item-content {
  padding: 8px 12px;
}
body.dx-viewport .datagrid .dx-submenu,
body.dx-viewport .demo-container .dx-submenu {
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25), 0px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
body.dx-viewport .datagrid .dx-submenu li:hover .dx-menu-item-text:hover,
body.dx-viewport .demo-container .dx-submenu li:hover .dx-menu-item-text:hover {
  color: #007A7A;
}
body.dx-viewport .datagrid .dx-menu-item-selected .dx-menu-item-text,
body.dx-viewport .datagrid .dx-menu-item-selected i,
body.dx-viewport .demo-container .dx-menu-item-selected .dx-menu-item-text,
body.dx-viewport .demo-container .dx-menu-item-selected i {
  color: #007A7A !important;
}
body.dx-viewport .datagrid .dx-context-menu .dx-menu-items-container,
body.dx-viewport .demo-container .dx-context-menu .dx-menu-items-container {
  padding: 0px;
}
body.dx-viewport .datagrid .dx-menu .dx-menu-item-expanded,
body.dx-viewport .demo-container .dx-menu .dx-menu-item-expanded {
  background-color: transparent;
}
body.dx-viewport .datagrid .dx-context-menu-container-border,
body.dx-viewport .demo-container .dx-context-menu-container-border {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  border: 0px solid transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.dx-viewport .datagrid tr.dx-datagrid-filter-row:hover,
body.dx-viewport .demo-container tr.dx-datagrid-filter-row:hover {
  background-color: #FAFBFB !important;
}
body.dx-viewport .datagrid .dx-datagrid-rowsview .dx-row,
body.dx-viewport .demo-container .dx-datagrid-rowsview .dx-row {
  border: 0px;
}
body.dx-viewport .datagrid .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu:hover,
body.dx-viewport .demo-container .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu:hover {
  background-color: #EDF4FE;
  border-radius: 2px;
}
body.dx-viewport .datagrid .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content:hover,
body.dx-viewport .datagrid .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content:hover,
body.dx-viewport .demo-container .dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content:hover,
body.dx-viewport .demo-container .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content:hover {
  background-color: transparent;
}
body.dx-viewport .datagrid .dx-datagrid .dx-column-indicators,
body.dx-viewport .datagrid .dx-datagrid-container .dx-column-indicators,
body.dx-viewport .demo-container .dx-datagrid .dx-column-indicators,
body.dx-viewport .demo-container .dx-datagrid-container .dx-column-indicators {
  margin: auto;
}
body.dx-viewport .datagrid .gridContainer,
body.dx-viewport .demo-container .gridContainer {
  min-width: 100%;
}
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .datagrid .dx-texteditor.dx-state-focused.dx-editor-underlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .demo-container .dx-texteditor.dx-state-focused.dx-editor-underlined {
  -webkit-box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  box-shadow: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px #458FFF;
  outline: 0;
  border-color: #8C9196;
}
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .datagrid .dx-row .dx-texteditor.dx-state-focused.dx-editor-underlined,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-active.dx-editor-filled,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-active.dx-editor-outlined,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-active.dx-editor-underlined,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-focused.dx-editor-filled,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-focused.dx-editor-outlined,
body.dx-viewport .demo-container .dx-row .dx-texteditor.dx-state-focused.dx-editor-underlined {
  box-shadow: none;
}
body.dx-viewport .datagrid .dx-datagrid .dx-row-lines > td,
body.dx-viewport .demo-container .dx-datagrid .dx-row-lines > td {
  border: 0px;
}
body.dx-viewport .datagrid .dx-inkripple,
body.dx-viewport .datagrid .dx-button-content .dx-inkripple-wave,
body.dx-viewport .demo-container .dx-inkripple,
body.dx-viewport .demo-container .dx-button-content .dx-inkripple-wave {
  display: none;
}
body.dx-viewport .datagrid .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon,
body.dx-viewport .demo-container .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
  background-position: 0px 0px;
  padding: 3px;
}
body.dx-viewport .datagrid .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover,
body.dx-viewport .demo-container .dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  background-color: transparent;
}
body.dx-viewport .datagrid div.dx-column-indicators,
body.dx-viewport .demo-container div.dx-column-indicators {
  float: left !important;
  display: flex;
  align-items: center;
}

body .demo-container:not(.file-manager) .dx-datagrid-column-chooser,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-datagrid-column-chooser {
  min-height: 900px;
}
body .demo-container:not(.file-manager) .dx-popup-title.dx-toolbar,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-title.dx-toolbar {
  padding: 0 16px 0 24px;
}
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-text.dx-state-focused,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-text.dx-state-hover,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-focused,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-conatined.dx-state-focused,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-focused,
body .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-text.dx-state-focused,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-text.dx-state-hover,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-focused,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-conatined.dx-state-focused,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-focused,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton.dx-button-mode-contained.dx-state-hover {
  background-color: transparent;
}
body .demo-container:not(.file-manager) .dx-icon-close::before,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-icon-close::before {
  content: url(/img/Assets/datagrid/closeIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
}
body .demo-container:not(.file-manager) .dx-closebutton .dx-icon-close .dx-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-closebutton .dx-icon-close .dx-icon {
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  margin-right: 0;
  margin-left: 0;
}
body .demo-container:not(.file-manager) .dx-popup-wrapper > .dx-overlay-content,
body .demo-container:not(.file-manager) .dx-overlay-wrapper > .dx-overlay-content,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper > .dx-overlay-content,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-overlay-wrapper > .dx-overlay-content {
  border: none;
}
body .demo-container:not(.file-manager) .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  padding-top: 0;
  padding-bottom: 0;
}
body .demo-container:not(.file-manager) .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-weight: 600;
  font-style: normal;
  font-size: 16px;
  line-height: 24px;
  color: #202223;
  text-decoration: none;
}
body .demo-container:not(.file-manager) .dx-list-select-all-label,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-list-select-all-label {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item {
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
  color: #202223;
  text-decoration: none;
}
body .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
  border: 1px solid #8C9196;
}
body .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:hover .dx-button-text,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:hover .dx-button-text {
  color: #0A6D6D;
}
body .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:active .dx-button-text,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-wrapper .dx-button.dx-button-default[aria-label=cancel i]:active .dx-button-text {
  color: #005C5C;
}
body .demo-container:not(.file-manager) .dx-popup-bottom.dx-toolbar,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-popup-bottom.dx-toolbar {
  padding: 0px 22px;
  overflow: visible;
}

div.dx-overlay-wrapper.dx-header-filter-menu.dx-popup-wrapper ~ main #main {
  background-color: #007a7a;
}
div.dx-overlay-wrapper.dx-header-filter-menu.dx-popup-wrapper ~ main tr.dx-header-row td .dx-column-indicators .dx-header-filter.dx-header-filter {
  display: inline-block;
}

.dx-overlay-content.dx-resizable.dx-loadpanel-content {
  width: auto !important;
  height: auto !important;
  z-index: 1501;
  left: 0px;
  top: 0px;
  transform: translate(596px, 73px);
  transition: all 0s ease 0s;
  border-radius: 50% !important;
}

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  padding: 2px 15px 4px;
  color: #007a7a !important;
}

.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
  color: #007a7a !important;
}

.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  -webkit-box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #007a7a;
  box-shadow: inset 0 0 0 1px #bebebe, inset 0 0 0 1000px #007a7a;
}

.htmlEditorToolbar {
  position: absolute;
  bottom: 0px;
  left: 8px;
}

.htmlEditor-button {
  position: absolute;
  bottom: 8px;
  right: 12px;
}

.editor-container {
  position: relative;
}

body.dx-viewport .demo-container.htmlEditor.internalNote .dx-quill-container,
.dx-viewport .demo-container.htmlEditor.internalNote .dx-quill-container {
  background-color: #fff5d9;
}
body.dx-viewport .demo-container.htmlEditor .dx-quill-container,
.dx-viewport .demo-container.htmlEditor .dx-quill-container {
  height: 100%;
  background-color: #FFFFFF;
}
body.dx-viewport .demo-container.htmlEditor .dx-htmleditor.dx-htmleditor-outlined, body.dx-viewport .demo-container.htmlEditor.dx-state-focused,
.dx-viewport .demo-container.htmlEditor .dx-htmleditor.dx-htmleditor-outlined,
.dx-viewport .demo-container.htmlEditor.dx-state-focused {
  border-color: #C9CCCF;
}
body.dx-viewport .demo-container.htmlEditor .dx-htmleditor.dx-htmleditor-outlined,
.dx-viewport .demo-container.htmlEditor .dx-htmleditor.dx-htmleditor-outlined {
  border-radius: 2px;
}
body.dx-viewport .demo-container.htmlEditor .dx-htmleditor-content.ql-blank::before,
.dx-viewport .demo-container.htmlEditor .dx-htmleditor-content.ql-blank::before {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  font-style: normal;
  color: #6D7175;
}
body.dx-viewport .demo-container.htmlEditor .ql-editor.dx-htmleditor-content,
.dx-viewport .demo-container.htmlEditor .ql-editor.dx-htmleditor-content {
  height: 112px;
}
body.dx-viewport .demo-container.htmlEditor .ql-editor.dx-htmleditor-content p,
.dx-viewport .demo-container.htmlEditor .ql-editor.dx-htmleditor-content p {
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body.dx-viewport .demo-container.htmlEditor .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-viewport .demo-container.htmlEditor .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 16px;
  height: 16px;
  background-size: 24px 24px;
  font-size: 16px;
  text-align: center;
  line-height: 24px;
  margin-right: 0px;
  margin-left: 0px;
  background-position: 0px 0px;
  padding: 3px;
}
body.dx-viewport .demo-container.htmlEditor .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button,
.dx-viewport .demo-container.htmlEditor .dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
  height: 32px;
  min-width: 32px;
}
body.dx-viewport .demo-container.htmlEditor .dx-button-mode-text .dx-icon,
.dx-viewport .demo-container.htmlEditor .dx-button-mode-text .dx-icon {
  color: #787878;
}
body.dx-viewport .demo-container.htmlEditor .dx-button,
.dx-viewport .demo-container.htmlEditor .dx-button {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container,
.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
body.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper,
.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper {
  padding: 0;
}
body.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper,
.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-top: 1px solid #d2d2d2;
  padding: 18px 0;
  background: #fff;
}
body.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper .dx-button-text,
.dx-viewport .demo-container.htmlEditor.cases-communication .dx-quill-container .dx-fileuploader-wrapper .dx-fileuploader-input-wrapper .dx-button-text {
  display: flex;
}
body.dx-viewport .demo-container.htmlEditor.cases-communication .editor-container.isInternalNoteTab,
.dx-viewport .demo-container.htmlEditor.cases-communication .editor-container.isInternalNoteTab {
  display: none;
}

body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-placeholder::before,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-placeholder::before,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-filled .dx-texteditor-input,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 0 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #6D7175;
  text-decoration: none;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined {
  border: 1px solid #8C9196;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding-left: 0px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  height: 32px;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
  margin-right: 0;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor.dx-editor-outlined,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor.dx-editor-outlined,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor.dx-editor-outlined,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-container,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-container,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-container,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-container {
  max-height: 30px;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-input,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-input,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-input,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-texteditor-input {
  min-height: 32px;
  background: #FFFFFF;
  display: block;
  width: 100%;
  padding: 0 12px;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
  color: #6D7175;
  border-radius: 2px;
  background-color: #FFFFFF;
  border: 0px solid #8C9196;
  padding-left: 36px;
  padding-right: 8px;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left 12px center;
  background-size: 14px;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-icon,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-icon,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-icon {
  background-position: center;
  background-repeat: no-repeat;
  color: #787878;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px solid transparent;
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 2px;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-button,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-button,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-button,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-dropdowneditor-button {
  position: relative;
  float: right;
  height: 32px;
  cursor: pointer;
  width: 32px;
  min-width: 24px;
}
body .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-button-mode-contained,
.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-button-mode-contained,
body.dx-viewport .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-button-mode-contained,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-field-value .dx-dropdowneditor .dx-button-mode-contained {
  background-color: #fff;
  border: none;
  color: #787878;
}
body .demo-container:not(.file-manager) .dx-button-content,
.dx-viewport .demo-container:not(.file-manager) .dx-button-content,
body.dx-viewport .demo-container:not(.file-manager) .dx-button-content,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-button-content {
  padding: 0 !important;
}
body .demo-container:not(.file-manager) .dx-dropdowneditor-icon::before,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor-icon::before,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor-icon::before,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor-icon::before {
  content: none;
  position: absolute;
  display: flex;
  width: auto;
  top: 8px;
  right: 8px;
  align-items: center;
  justify-content: center;
}
body .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: none;
  position: absolute;
  display: flex;
  width: auto;
  top: 8px;
  right: 8px;
  align-items: center;
  justify-content: center;
}
body .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-focused:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
body .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-focused:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-focused:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-focused:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .demo-container:not(.file-manager) .dx-treeview-item .dx-treeview-item-content span,
.dx-viewport .demo-container:not(.file-manager) .dx-treeview-item .dx-treeview-item-content span,
body.dx-viewport .demo-container:not(.file-manager) .dx-treeview-item .dx-treeview-item-content span,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-treeview-item .dx-treeview-item-content span {
  vertical-align: middle;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  line-height: 16px;
  color: #202223;
  text-decoration: none;
}
body .demo-container:not(.file-manager) .dx-dropdowneditor-overlay .dx-popup-content,
.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor-overlay .dx-popup-content,
body.dx-viewport .demo-container:not(.file-manager) .dx-dropdowneditor-overlay .dx-popup-content,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-dropdowneditor-overlay .dx-popup-content {
  padding: 12px;
}
body .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item,
.dx-viewport .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item,
body.dx-viewport .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item,
body.dx-viewport.dx-theme-material-typography .demo-container:not(.file-manager) .dx-treeview-item-with-checkbox .dx-treeview-item {
  left: 6px;
}

.bg-subdued {
  background-color: #eff4f8;
}

.border-default {
  border-color: #8C9196 !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fc-primary {
  color: #007A7A !important;
}

.fc-critical {
  color: #D82C0D !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.notification-btn {
  position: relative;
  display: inline-block;
}
.notification-btn .red-dot {
  position: absolute;
  top: 0;
  left: -5px;
  z-index: 1;
}
.notification-btn .btnPrimary {
  position: relative;
  z-index: 0;
  padding-left: 20px;
}
.flexfix {
  align-self: flex-start;
}
.dx-texteditor-input
{
    text-align:left !important;
}
.transactionamount {
  width: 220px;
}

.transactiondelete {
  margin-top: 20px;
  width: 110px;
}

.custom-div {
  margin-bottom: 0px !important;
}

.tag-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 8px 2px 8px;
  border-radius: 2px;
  height: 20px;
  gap: 10px;
  font-weight: 400;
  font-size: 12px;
}
.tag-container.light-coral {
  background-color: #FED3D1;
}
/*# sourceMappingURL=main.css.map */


/* side bar - unapplied cash */
#uc-side-menu,
#cash-processing-side-menu {
  display: none;
  left: 100%;
  border-left: 4px solid transparent;
  background-color: transparent !important;
  box-shadow: transparent !important;
}

li:hover > #uc-side-menu,
li:hover > #cash-processing-side-menu {
  display: block;
}

.uc-list-items, 
.cash-processing-list-items {
  background-color: #F0F0F0;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
  padding: 4px;
}

li:hover > #uc-side-menu.uc-side-menu-container {
  position: absolute;
  top: 0;
  width: 150px;
}

li:hover > #cash-processing-side-menu.cash-processing-side-menu-container {
    position: absolute;
    top: 0;
    width: 200px;
}

.uc-list-items,
.cash-processing-list-items {
    background-color: #F0F0F0;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25);
    padding: 4px;
}

.uc-list-items ul,
.uc-list-items li,
.cash-processing-list-items ul,
.cash-processing-list-items li {
  list-style-type: none;
  padding: 0;
}

.uc-list-items li a,
.cash-processing-list-items li a {
  padding: 3px 6px;
  text-decoration: none;
  background-color: transparent !important;
}

.uc-list-items > .popoutHoverState,
.cash-processing-list-items > .popoutHoverState {
  visibility: hidden;
}

.uc-list-items:hover > .popoutHoverState,
.cash-processing-list-items:hover > .popoutHoverState {
  visibility: visible !important;
}

.uc-list-items li a:hover,
.cash-processing-list-items li a:hover {
  background-color: #DADBDD !important;
}

.luna-icon {
  display: inline-flex;
  width: 12px;
  margin-right: 6px;
}

.suggested-title {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
}

  .suggested-title span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: right;
  }

.suggested-group-tag {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: #F2F2FF;
  padding: 6px;
  border-radius: 2px;
  box-shadow: 0 0 4px 0 #00000026;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

.suggested-group-content {
  display: flex;
  gap: 6px;
  transform-origin: left center;
}

  .suggested-group-content img {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
  }

.suggested-group-accept {
  margin-top: 6px;
  color: #007A7A;
}

  .suggested-group-accept:hover {
    cursor: pointer;
  }

.suggested-value-tag {
  display: inline-flex;
  justify-content: flex-start;
  height: fit-content;
  gap: 6px;
  border-radius: 2px;
  padding: 2px 6px;
  background: #F2F2FF;
  margin-top: 6px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

  .suggested-value-tag img {
    margin-top: 3px;
    width: 12px;
    height: 12px;
  }

.suggested-value-content {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

  .suggested-value-content span {
    word-break: break-word;
  }

.suggested-value-accept {
  color: #007A7A;
}

  .suggested-value-accept:hover {
    cursor: pointer;
  }

.luna-score-summary {
  display: flex !important;
  flex-direction: row !important;
  border-radius: 2px;
  background-color: #F2F2FF;
  padding: 16px;
  gap: 12px;
}

.luna-score-summary-details {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  text-align: left;
  box-sizing: border-box;
  gap: 20px;
  flex: 1 !important;
}

  .luna-score-summary-details h1 {
    font-size: 14px;
    line-height: 20px;
  }

.score-detail-box {
  display: flex !important;
  flex-direction: row !important;
  position: relative;
  padding: 20px;
  gap: 30px;
  width: 100%;
  z-index: 0;
}

  .score-detail-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 2px;
    background: linear-gradient(172deg, #9B51E0 14.54%, #6ABAB2 77.5%);
    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
  }

.score-detail {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px;
  flex: 1 !important;
}

.gradient-checkbox-border {
  position: absolute;
  top: 14px;
  z-index: 0;
}

  .gradient-checkbox-border::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: 6px;
    width: 22px;
    height: 22px;
    padding: 1px;
    border-radius: 2px;
    background: linear-gradient(172deg, #9B51E0 14.54%, #6ABAB2 77.5%);
    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
  }

.view-luna-findings-menu {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 8px;
  margin-bottom: 8px; 
}

.score-detail-feature-list-box {
  display: flex !important;
  flex-direction: column !important;
  position: relative;
  padding: 20px;
  gap: 20px;
  width: 100%;
  z-index: 0;
  background-color: #FFFFFF;
}

  .score-detail-feature-list-box::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    padding: 1px;
    border-radius: 2px;
    background: linear-gradient(172deg, #9B51E0 14.54%, #6ABAB2 77.5%);
    mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
  }

.score-features-section {
  display: flex !important;
  flex-direction: column;
  gap: 20px !important;
}

.score-features-header {
  display: flex;
  flex-direction: row !important;
  justify-content: space-between; 
  align-items: center;
}

.score-features-toggle-btn {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

#toggle-text{
  color: #007A7A;
}

.score-features-table-container {
  gap: 20px;
}

/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}

/* for required text field*/
body textarea.error {
  border-color: #FD5749;
  background-color: #FFF4F4;
  margin-bottom: 8px;
}

body input.error {
  border-color: #FD5749 !important;
}

select.error + span.select2 span[role="combobox"] {
  border-color: #FD5749 !important;
  background-color: #FFF4F4 !important;
}

/* html editor */
.dx-device-mobile .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before, .dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before {
  position: relative;
  display: flex;
  flex-direction: row;
}

/* (A) USE ::BEFORE TO CREATE A LOADING SPINNER */
.imgIndicator::before, .imgIndicator2::before {
  content: "";
  background-image: url("/img/loading_indicator.gif?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-position: center;
}
/* (B) DIMENSIONS */
.imgIndicator select, .imgIndicator::before,
.imgIndicator2 select, .imgIndicator2::before {
  width: 100%;
}
/* (C) POSITION LOADING SPINNER OVER DROPDOWN */
.imgIndicator, .imgIndicator2 {
  position: relative;
  background-image: url("/img/loading_indicator.gif?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g");
  background-repeat: no-repeat;
  background-position: center;
}

  .imgIndicator select, .imgIndicator2 select {
    z-index: 1;
  }

  .imgIndicator::before, .imgIndicator2::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  /* (D) "DISABLED BY DEFAULT" */
  .imgIndicator select, .imgIndicator2 select {
    pointer-events: none;
    opacity: 0.5;
  }

/* (E) HIDE SPINNER WHEN DONE LOADING */
.done.imgIndicator select, .done.imgIndicator2 select {
  pointer-events: auto;
  opacity: 1;
}

.done.imgIndicator::before, .done.imgIndicator2::before {
  display: none;
}

body .panelScreen2,
body.dx-viewport.dx-theme-material-typography .panelScreen2 {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  z-index: 2;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}

body .panelContainer2,
body.dx-viewport.dx-theme-material-typography .panelContainer2 {
  padding: 32px 40px;
  border-radius: 3px 0px 0px 3px;
  background-color: #FFFFFF;
  width: 760px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}

body .panelContainer3,
body.dx-viewport.dx-theme-material-typography .panelContainer3 {
  padding: 32px 40px;
  border-radius: 3px 0px 0px 3px;
  background-color: #FFFFFF;
  width: 760px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}


/*.dx-texteditor-input {
  border: none !important;
}*/

.dx-error-list {
  border-color: #FD5749 !important;
  background-color: #FFF4F4 !important;
  box-shadow: none !important;
}

.no-underline {
  text-decoration: none !important;
}

div.dx-column-indicators {
  float: left !important;
}

/*.dx-dropdownbox .dx-texteditor-input-container {
  padding-left: 10px;
}*/

.dx-texteditor.dx-editor-outlined {
  border: none;
}

/*.select2-container {
  width: 100% !important;
}*/

.view-col {
  width: 24px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

  .view-col a {
    width: auto !important;
  }

.view-col-inner {
  width: 70px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

  .view-col-inner a {
    width: auto !important;
  }

/* DxGrid fixes */
.dx-button-content .dx-icon.dx-icon-refresh {
  margin-top: 3px !important;
}

div.status.warning {
  color: #b98900;
}

div.status.active {
  color: #008060;
}

#cancel.btnLink {
  font-family: inherit !important;
}

.dx-datagrid-filter-row {
  display: none;
}

.strong {
  font-weight: bold !important;
}

.dx-header-row {
  background-color: #F6F6F7 !important;
}

  .dx-header-row .dx-datagrid-text-content {
    font-weight: 600 !important;
  }

.dx-datagrid-headers {
  border: none !important;
}

.dx-dropdowneditor-overlay.dx-overlay.dx-popup.dx-widget.dx-visibility-change-handler {
  display: none !important;
}

.critical-info {
  background-color: #FFEBD3;
  border: 1px solid #FDCB49;
  padding: 20px 24px 24px 24px;
  color: #202223;
}

.starBtn:disabled {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26223 8.30384L3.26264 12.6323L7.00006 10.1406L10.6876 12.599L9.46009 8.30365L12.5808 5.49533L8.69651 5.18601L7.00006 1.43071L5.30356 5.18612L1.38293 5.49765L4.26223 8.30384ZM0.21142 5.75226C0.1151 5.65838 0.0478651 5.53874 0.0177599 5.40765C-0.0123452 5.27656 -0.00404629 5.13957 0.0416638 5.01308C0.087374 4.88658 0.16856 4.77593 0.275508 4.69437C0.382457 4.6128 0.51064 4.56378 0.644722 4.55315L4.63544 4.23605L6.36235 0.413329C6.41742 0.290238 6.50693 0.185713 6.62009 0.11237C6.73325 0.0390266 6.86521 0 7.00006 0C7.13491 0 7.26687 0.0390266 7.38003 0.11237C7.49319 0.185713 7.5827 0.290238 7.63776 0.413329L9.36467 4.23605L13.3554 4.55385C13.4918 4.56468 13.6221 4.61526 13.73 4.69933C13.838 4.7834 13.919 4.89728 13.9629 5.02688C14.0069 5.15647 14.0119 5.29611 13.9773 5.42852C13.9427 5.56092 13.8701 5.68029 13.7684 5.77186L10.5932 8.62928L11.8735 13.1093C11.9124 13.247 11.9082 13.3934 11.8614 13.5287C11.8147 13.6639 11.7276 13.7816 11.612 13.866C11.4963 13.9503 11.3576 13.9972 11.2145 14.0003C11.0714 14.0034 10.9308 13.9627 10.8116 13.8835L7.00006 11.3425L3.18854 13.8835C3.072 13.962 2.9345 14.0036 2.79398 14.0028C2.65346 14.0019 2.51646 13.9587 2.40087 13.8788C2.28528 13.7989 2.19647 13.686 2.14605 13.5548C2.09563 13.4237 2.08593 13.2804 2.11823 13.1436L3.16124 8.62718L0.21142 5.75226Z' fill='%23787878' /%3E%3C/svg%3E%0A") !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

  .starBtn:disabled:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.26223 8.30384L3.26264 12.6323L7.00006 10.1406L10.6876 12.599L9.46009 8.30365L12.5808 5.49533L8.69651 5.18601L7.00006 1.43071L5.30356 5.18612L1.38293 5.49765L4.26223 8.30384ZM0.21142 5.75226C0.1151 5.65838 0.0478651 5.53874 0.0177599 5.40765C-0.0123452 5.27656 -0.00404629 5.13957 0.0416638 5.01308C0.087374 4.88658 0.16856 4.77593 0.275508 4.69437C0.382457 4.6128 0.51064 4.56378 0.644722 4.55315L4.63544 4.23605L6.36235 0.413329C6.41742 0.290238 6.50693 0.185713 6.62009 0.11237C6.73325 0.0390266 6.86521 0 7.00006 0C7.13491 0 7.26687 0.0390266 7.38003 0.11237C7.49319 0.185713 7.5827 0.290238 7.63776 0.413329L9.36467 4.23605L13.3554 4.55385C13.4918 4.56468 13.6221 4.61526 13.73 4.69933C13.838 4.7834 13.919 4.89728 13.9629 5.02688C14.0069 5.15647 14.0119 5.29611 13.9773 5.42852C13.9427 5.56092 13.8701 5.68029 13.7684 5.77186L10.5932 8.62928L11.8735 13.1093C11.9124 13.247 11.9082 13.3934 11.8614 13.5287C11.8147 13.6639 11.7276 13.7816 11.612 13.866C11.4963 13.9503 11.3576 13.9972 11.2145 14.0003C11.0714 14.0034 10.9308 13.9627 10.8116 13.8835L7.00006 11.3425L3.18854 13.8835C3.072 13.962 2.9345 14.0036 2.79398 14.0028C2.65346 14.0019 2.51646 13.9587 2.40087 13.8788C2.28528 13.7989 2.19647 13.686 2.14605 13.5548C2.09563 13.4237 2.08593 13.2804 2.11823 13.1436L3.16124 8.62718L0.21142 5.75226Z' fill='%23028888' /%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }

.starBtn.pressed:disabled {
  background-image: url(/img/Assets/starIconHovered.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g) !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

  .starBtn.pressed:disabled:hover {
    background-image: url(/img/Assets/starIconHovered.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g) !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
  }

.cadenceHeaderBlue {
  color: #458FFF !important;
}

.pendingDebtorActionBtn {
  background-color: #007A7A;
  border-radius: 4.5px;
}

#divDebtorRequestfilter .dx-button-content {
  color: #FFFFFF;
  line-height: 1rem;
}

#divDebtorRequestfilter .disabledActionBtn {
  background-color: #F1F1F1;
  border-radius: 4.5px;
  opacity: 1;
}

  #divDebtorRequestfilter .disabledActionBtn .dx-button-content {
    color: #6D7175;
    line-height: 1rem;
  }

body .factoringQuickViewContainer,
body.dx-viewport.dx-theme-material-typography .factoringQuickViewContainer,
body .bankAccountsContainer {
  width: 680px;
}

body .factoringQuickViewBox,
body .bankAccountsViewBox {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body .quickViewHeader {
  display: flex;
  align-items: center;
  justify-content: center;
}

body .breakLine {
  width: 680px;
  height: 0px;
  border: 1px solid #E1E3E5;
}

body .quickViewTableText {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

body .quickViewFooter {
  display: flex;
  flex-direction: column;
  gap: 32px;
  position: absolute;
  bottom: 0;
  margin-bottom: 32px;
}

main .quickViewFooter button {
  width: 63px;
}

#factoringAccountContainer #quickViewDropDown .dx-icon-right {
  display: none;
}

#factoringAccountContainer #quickViewDropDown .dx-icon {
  width: 60px;
  height: 60px;
  padding-bottom: 1.5rem;
  padding-right: 0.7rem;
}

#factoringAccountContainer #quickViewDropDown .dx-button {
  background: none;
  border: none;
}

.disable-ddi {
  pointer-events: none;
  opacity: 0.5;
}

.disabledBackground {
  pointer-events: none;
  overflow: hidden;
  height: 100%;
  opacity: 0.6;
}

body .panelScreen2 .panelContainer .bottom-border {
  border-bottom: 0.5px solid;
  padding-bottom: 20px;
  text-align: center
}

body .panelScreen2 .panelContainer .top-border {
  border-top: 0.5px solid;
  position: absolute;
  bottom: 0;
  min-width: 91%;
}

body .panelScreen2 .panelContainer .close {
  margin-top: 20px;
  margin-bottom: 20px;
}

body .panelScreen2 .panelContainer .accountDetails {
  margin-top: 20px;
}

body #quickViewDropDown .dx-icon-right {
  display: none;
}

body #quickViewDropDown .dx-icon {
  width: 60px;
  height: 60px;
  padding-bottom: 1.5rem;
  padding-right: 0.7rem;
}

body #quickViewDropDown .dx-button {
  background: none;
  border: none;
}

body .disabledBackground {
  pointer-events: none;
  overflow: hidden;
  height: 100%;
}

body .quickViewText {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.container-elsa {
  max-width: 100%;
}

tr.misdirected-funds-row {
  display: none;
}

tr.same-color {
  background-color: #FAFBFB;
}

  tr.same-color:hover {
    background-color: #EDF4FE;
  }

.td-edit-disabled {
  height: 11px;
  background-image: url(/img/Assets/editIcon.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}

.container-elsa {
  max-width: 100%;
}

body .criticalPanelHeader {
  background: #D82C0D;
  margin: -32px -40px 0 -40px;
  height: 6rem;
}

body .critialPanelHeaderText {
  color: white;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding: 2.125rem 2.4688rem;
}

.deleteDebtorRequestPanelBody {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  gap: 2rem;
}

.warning-banner {
  background-color: #FFF4E0;
  color: #B98900;
  padding: 10px;
  border: 1px solid #B98900;
}
.warning-banner p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.info-orange-bold-icon {
  margin-top: 4px;
  height: 24px;
  width: 24px;
  background-image: url(/img/Assets/info_bold.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100;
}
.merged-debtor-banner {
  background-color: #FFF4E0;
  color: #B98900;
  font-weight: 600;
  margin-left: 20px;
  border: 1px solid #B98900;
}

.eclipse-migrated-banner {
  background-color: #AEE9D1;
  font-size: 16px;
  font-weight: 600;
  height: 28px;
  width: 48px;
  text-align: center;
  line-height: 26px;
  border-radius:2px;
}

.dx-calendar {
  min-height: 360px;
  min-width: 310px;
}

.alert-warning-text {
  color: #333;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.actionRequiredDiv {
  text-align: center;
}

.leftBorderLine {
  border-left: 3px solid lightgray !important;
  height: 60px;
}

.casesPadding {
  padding: 12px;
}

.journal-detail-header {
  background-color: #F1F2F3;
}

body .panelScreen3,
body.dx-viewport.dx-theme-material-typography .panelScreen3 {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}

body .panelScreen4,
body.dx-viewport.dx-theme-material-typography .panelScreen4 {
  display: none;
  height: 100%;
  width: 100vw;
  background: rgba(83, 83, 83, 0.33);
  position: fixed;
  top: 0;
  bottom: 0;
  flex-direction: row-reverse;
  overflow: auto;
  z-index: 100;
}


.panelContainerNoPadding {
  padding: 0px;
  border-radius: 3px 0px 0px 3px;
  background-color: #F0F0F0;
  width: 760px;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
}

.ml-1 {
  margin-left: 1em;
}

.bg-gray {
  background: #F0F0F0 !important;
}

.image-next, .image-prev {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 35%;
  z-index: 999999999999999999999;
}

.image-prev {
    left: 25px;
}

.image-next {
    right:25px;
}

.image-prev.thumb {
  left: -25px;
}

.image-next.thumb {
  right: 75px;
}

.image-next img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

body .bankAccountsHeader {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

body .bankAccountsFooter {
  display: flex;
  flex-direction: row;
  gap: 32px;
  bottom: 0;
  margin-bottom: 32px;
  margin-right: auto;
}

body form  .bankAccountsList {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

body form .bankAccountsList .bankAccountStatus {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: baseline;
}

body form .bankAccountsList .bankAccountStatusField {
  width: 20%;
}

.full-size {
  width: 100%;
  height: 100%;
}

.client-profile-summary-nested-grid .dx-master-detail-cell {
  background: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 0 0 30px !important;
  -webkit-box-shadow: inset 6px 0px 0px 0px #FFFFFF, inset 10px 0px 0px 0px #EDF4FE !important;
  box-shadow: inset 0px 0px 0px 0px #FFFFFF, inset 20px 0px 0px 0px #edf4fe !important;
}

.preview-item-slider .preview-doc {
  border-radius: 2px;
  border: 1px solid #C9CCCF;
  width: 125px;
  max-height: 155px;
  min-height: 155px;
  margin-left: 10px;
  /* margin-bottom: 10px; */
  overflow: hidden;
  /* display: flex; */
  justify-content: center;
}

.preview-item-slider .preview-doc:hover {
  -webkit-box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #449DA7;
  outline: 0;
  border-color: #8C9196;
}

.viewOriginalEmailPanel table tr:nth-of-type(even) {
  background-color: transparent;
}

.viewOriginalEmailPanel table tr:hover {
  background-color: transparent;
}

.viewOriginalEmailPanel table tr:hover td {
  background-color: transparent;
}

.viewOriginalEmailPanel .infoTableStyle {
  width: 100%;
}

.viewOriginalEmailPanel table td {
  padding: unset;
}

.viewOriginalEmailPanel table th {
  text-transform: none;
}

.backgroundColor {
  background-color: #F6F6F7;
}

.addCC {
  width: 80px;
}

.doc p {
  text-align: center;
  margin-top: 5px;
}

/*.slick-slide {
  margin: 0 27px;
}

.slick-list {
  margin: 0 -27px;
}

.submissionSlider .submissionSlider--pod-btm {
  position: absolute;
  bottom: 3px;
  left: 3px;
  padding: 4px 8px;
}

.submissionSlider .innerDoc {
  position: relative;
}
*/
.doc input {
  position: absolute;
  bottom: 3px;
  left: 84px;
}

.slick-prev {
  z-index: 100;
}

.containerError {
  border: 1px solid #FD5749;
}

.slick-slide.slick-cloned {
  display: none;
}

.fileGrid {
  display: flex;
  flex-wrap: wrap;
}

.fileGridItemSingle {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30px;
}

.fileGridItemBatch {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 30px;
}

.viewOriginalEmailPadding {
  padding-top: 12px;
  padding-bottom: 12px;
}

.loader-field {
  display: none;
  position: absolute;
  right: 30px;
  top: 52%;
  transform: translateY(-50%);
}

.lookup-container {
  position: relative;
}

.lookup-container.has-value:hover .clear-button {
  display: block;
}

.error-inherit {
  position: inherit;
}

.input-error__important {
  border-color: #FD5749 !important;
  background-color: #FFF4F4 !important;
}

.file-uploader__dragging {
  background-color: #eef;
}

.panelErrorMsg {
  position: inherit;
  bottom: auto;
  display: none;
}

.resendPanelCol5 {
  width: 5%
}

.resendPanelCol100 {
  width: 100%;
}

.form-grid.col6-quarter {
  display: grid;
  grid-template-columns: repeat(6, 1fr) 0.25fr;
}

.deleteRowButton {
  background-position: center;
  background-image: url(/img/Assets/deleteGreen.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g);
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  color: #202223;
  border-radius: 2px;
  border-left: 1px;
  font-weight: 400;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 50px;
  max-height: 32px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
  margin-left: 16px;
}

.panelErrorBox {
  background-color: #FFF4F4;
  display: flex;
  height: 60px;
  width: 100%;
  justify-content: center;
  border: 1px solid #FD5749;
  padding-left: 20px;
  margin: 12px 0 20px 0;
}

.panelErrorBox .errorMsg {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #202223;
  padding-left: 36px;
  margin-top: 0;
}

.invoiceContainerHead {
  display: flex;
  width: 100%;
}

.submissionMiddleCol {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.col.subLastCol {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.subInnerCol {
  flex: 1;
}

.flex-1 {
  flex: 1;
}

.borderRight {
  border-right: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.doc-thumb {
  flex: 1 1 20%;
  max-width: 200px;
}

.doc-thumb.selected {
  border: 2px solid #007A7A;
}

.doc-thumb img {
  width: 100%;
  height: auto;
  max-height: 200px;
}

.cursor-pointer {
  cursor: pointer;
}


#docMenu {
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  background-color: #FFFFFF;
  width: fit-content;
  border: 1px solid #bebebe;
  border-radius: .2em;
  z-index: 1001;
}

#docMenu li {
  list-style-type: none;
  padding: .2em 2em;
  text-decoration: none;
}

#docMenu li.active-tab {
  box-shadow: none;
}

#docMenu li img {
  padding-bottom: 5px;
  padding-left: 8px;
}

#docMenu li:hover {
  color: #fff;
  cursor: pointer;
  background-color: #2980b9;
}

.unselectable {
  pointer-events: none;
}

.unknownEntityBtn {
  justify-content: center;
  align-items: center;
  color: #202223;
  border-radius: 2px;
  border: none;
  font-weight: 400;
  font-size: 12px;
  padding: 8px 16px;
  max-height: 32px;
  white-space: nowrap;
  z-index: 1000;
  height: 32px;
  line-height: 16px;
  width: 130px;
}

.unknownEntityBtn_selected {
  background: #EEF4F8;
  cursor: pointer;
}

.w-700 {
  width: 700px;
}

.h-200 {
  height: 200px;
}

.clear-button {
  position: absolute;
  right: 10px;
  top: 52%;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
}

.clear-button:hover {
  content: url('/img/Assets/circleDeleteGreen.svg?v=MCjEz8ydDgJKBbQVLEpqk-Fgd7g'); /* Swap the image on hover */
}

.tiffDocViewer {
  overflow: auto;
  width: 680px;
  height: 845px;
  margin-top: -3%;
}
.panelScreenPdf {
  display: flex;
  z-index: 999;
  position: fixed;
  top: 0px;
  right: 0px; 
}

.leftLabelCheckbox {
  gap: 9px;
  align-items: center;
}

.docViewerRotateBtn {
  margin-bottom: 0.25em;
}

.pdf-viewer-dimensions {
  height: 60vh;
  width: 100%;
}

.image-viewer-style {
  overflow: auto;
  max-height: 60vh;
  position: relative;
  width: 100%;
  height: 100%;
}

.tiff-viewer-style {
  overflow: auto;
}

#viewDocumentImage {
  top: 50%;
  left: 50%;
  transform-origin: center center;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%) rotate(var(--rotation));
  -webkit-transform: translate(-50%, -50%) rotate(var(--rotation));
  -ms-transform: translate(-50%, -50%) rotate(var(--rotation));
}

#viewDocumentImage.rotated {
  --rotation: var(--angle);
}

.gap-20 {
  gap: 20px;
}

.flex-85 {
  flex: 8.5;
}

.flex-15 {
  flex: 1.5;
}

#previewActionBtnMenu {
  padding: .25em 0;
  margin: .3em;
  font-family: inherit;
  font-size: inherit;
  background-color: #FFFFFF;
  width: fit-content;
  border: 1px solid #bebebe;
  border-radius: .2em;
  z-index: 1001;
}

#previewActionBtnMenu li {
  list-style-type: none;
  padding: .2em 2em;
  text-decoration: none;
}

#previewActionBtnMenu li.active-tab {
  box-shadow: none;
}

#previewActionBtnMenu li:hover {
  color: #fff;
  cursor: pointer;
  background-color: #2980b9;
}

