/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&family=Roboto:wght@300;400;500;600;700&display=swap);
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/cdk/overlay-prebuilt.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.generic-snackbar {
  font-weight: 500;
  white-space: pre;
  min-width: auto !important;
  text-align: center;
  font-family: "Teko", sans-serif;
}

.error-snackbar {
  background-color: #db4b1d;
  color: white;
}

.success-snackbar {
  background-color: #9ccc65;
  color: white;
}

.info-snackbar {
  background-color: #e5e5e5;
  color: black;
}

/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url('Roboto-Regular.ae3a8db9374784f0.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url('Roboto-Medium.af9d01395a70ca18.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url('Roboto-Bold.88d61d57d557fec8.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  src: url('Teko-Regular.d271ce6daf60c1d4.ttf');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  src: url('Teko-Regular.d271ce6daf60c1d4.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 400;
  src: url('Teko-Regular.d271ce6daf60c1d4.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 500;
  src: url('Teko-Medium.196f7bb96555efa4.ttf');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 500;
  src: url('Teko-Medium.196f7bb96555efa4.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 500;
  src: url('Teko-Medium.196f7bb96555efa4.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 700;
  src: url('Teko-Bold.dd759e157b678da1.ttf');
  unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}
/* latin-ext */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 700;
  src: url('Teko-Bold.dd759e157b678da1.ttf');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Teko";
  font-style: normal;
  font-weight: 700;
  src: url('Teko-Bold.dd759e157b678da1.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
html,
body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #4B4B4B;
}

/* style for balloons */
.balloon-title {
  font-family: "Teko", sans-serif;
  font-weight: 700;
  font-size: 12px;
}

.balloon-text {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 10px;
  margin: 2px 0;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

.mat-app-background {
  background-color: var(--mat-app-background-color, transparent);
  color: var(--mat-app-text-color, inherit);
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}
html *,
body * {
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ts-empty-state__text-container {
  margin-top: 20px;
}

.ts-vapor .ts-ui-shell-v3__main.wide {
  padding: unset !important;
}

.mat-select-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.splash-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}

.loader-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 101;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.amcharts-graph-label {
  font-family: "Teko";
  width: 50px;
  height: 50px;
  font-size: 20px;
}

#legend {
  position: relative;
  margin-top: 50px;
}
#legend .amcharts-legend-label {
  font-size: 12px;
  text-transform: uppercase;
}

/* REAL TIME CHART STYLE */
/* DATE PICKER STYLE */
.ui-calendar .ui-datepicker {
  border: none !important;
  /* CALENDAR STYLE */
}
.ui-calendar .ui-datepicker .ui-datepicker-header {
  background: none !important;
  background-color: white !important;
  border-bottom: solid 2px #9e9e9e !important;
  /* HEAD STYLE */
}
.ui-calendar .ui-datepicker .ui-datepicker-header a {
  color: #e5856e;
}
.ui-calendar .ui-datepicker .ui-datepicker-header a span {
  font-weight: bold;
}
.ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  text-transform: uppercase;
  font-family: Teko-Bold;
  color: #9e9e9e;
}
.ui-calendar .ui-datepicker .ui-datepicker-calendar thead th {
  background-color: white !important;
}
.ui-calendar .ui-datepicker .ui-datepicker-calendar thead th span {
  font-family: Teko-Bold;
  text-transform: uppercase;
  color: #9e9e9e;
}
.ui-calendar .ui-datepicker .ui-datepicker-calendar tbody tr td {
  height: 30px;
  width: 30px;
  border: none;
}
.ui-calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  border-radius: 60px;
  height: 30px;
  width: 30px;
}
.ui-calendar .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active {
  background-color: #e5856e;
}

.chart-container .slide-container .mdc-switch__track {
  background-color: #e5856e !important;
}
.chart-container .slide-container .mdc-switch__handle {
  background-color: white !important;
  height: 20px !important;
  width: 20px !important;
}
.chart-container .slide-container .mat-mdc-slide-toggle-ripple .mat-ripple-element {
  background-color: rgba(221, 221, 221, 0.35) !important;
}
.chart-container .slide-container .mdc-switch__icons {
  display: none;
}
.chart-container .slide-container .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
.chart-container .slide-container .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle::after,
.chart-container .slide-container .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after,
.chart-container .slide-container .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after {
  background: white !important;
}
.chart-container .slide-container .mdc-switch:enabled:hover:not(:focus):not(:active) .mdc-switch__track::before,
.chart-container .slide-container .mdc-switch:enabled .mdc-switch__track::before {
  background: var(--mdc-switch-selected-track-color) !important;
}
.chart-container .slide-container .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__icon {
  fill: var(--mdc-switch-selected-icon-color);
}

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #4ba3c3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #cce6f4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #cce6f4;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #4ba3c3;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #4ba3c3;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #cce6f4;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #cce6f4;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #cce6f4;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #cce6f4;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #cce6f4;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #cce6f4;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #4ba3c3;
  --mdc-linear-progress-track-color: rgba(75, 163, 195, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #cce6f4;
  --mdc-linear-progress-track-color: rgba(204, 230, 244, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #cce6f4;
  --mdc-linear-progress-track-color: rgba(204, 230, 244, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #4ba3c3;
  --mdc-filled-text-field-focus-active-indicator-color: #4ba3c3;
  --mdc-filled-text-field-focus-label-text-color: rgba(75, 163, 195, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #cce6f4;
  --mdc-filled-text-field-error-focus-label-text-color: #cce6f4;
  --mdc-filled-text-field-error-label-text-color: #cce6f4;
  --mdc-filled-text-field-error-caret-color: #cce6f4;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #cce6f4;
  --mdc-filled-text-field-error-focus-active-indicator-color: #cce6f4;
  --mdc-filled-text-field-error-hover-active-indicator-color: #cce6f4;
  --mdc-outlined-text-field-caret-color: #4ba3c3;
  --mdc-outlined-text-field-focus-outline-color: #4ba3c3;
  --mdc-outlined-text-field-focus-label-text-color: rgba(75, 163, 195, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #cce6f4;
  --mdc-outlined-text-field-error-focus-label-text-color: #cce6f4;
  --mdc-outlined-text-field-error-label-text-color: #cce6f4;
  --mdc-outlined-text-field-error-hover-label-text-color: #cce6f4;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #cce6f4;
  --mdc-outlined-text-field-error-hover-outline-color: #cce6f4;
  --mdc-outlined-text-field-error-outline-color: #cce6f4;
  --mat-form-field-focus-select-arrow-color: rgba(75, 163, 195, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #cce6f4;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #cce6f4;
  --mdc-filled-text-field-focus-active-indicator-color: #cce6f4;
  --mdc-filled-text-field-focus-label-text-color: rgba(204, 230, 244, 0.87);
  --mdc-outlined-text-field-caret-color: #cce6f4;
  --mdc-outlined-text-field-focus-outline-color: #cce6f4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(204, 230, 244, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(204, 230, 244, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #cce6f4;
  --mdc-filled-text-field-focus-active-indicator-color: #cce6f4;
  --mdc-filled-text-field-focus-label-text-color: rgba(204, 230, 244, 0.87);
  --mdc-outlined-text-field-caret-color: #cce6f4;
  --mdc-outlined-text-field-focus-outline-color: #cce6f4;
  --mdc-outlined-text-field-focus-label-text-color: rgba(204, 230, 244, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(204, 230, 244, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(75, 163, 195, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 230, 244, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(204, 230, 244, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 230, 244, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(204, 230, 244, 0.87);
  --mat-select-invalid-arrow-color: rgba(204, 230, 244, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mdc-dialog-container-shadow-color: #000;
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-family: rounded;
  --mdc-chip-container-shape-radius: 16px 16px 16px 16px;
  --mdc-chip-with-avatar-avatar-shape-family: rounded;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #4ba3c3;
  --mdc-chip-elevated-selected-container-color: #4ba3c3;
  --mdc-chip-elevated-disabled-container-color: #4ba3c3;
  --mdc-chip-flat-disabled-selected-container-color: #4ba3c3;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #cce6f4;
  --mdc-chip-elevated-selected-container-color: #cce6f4;
  --mdc-chip-elevated-disabled-container-color: #cce6f4;
  --mdc-chip-flat-disabled-selected-container-color: #cce6f4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #cce6f4;
  --mdc-chip-elevated-selected-container-color: #cce6f4;
  --mdc-chip-elevated-disabled-container-color: #cce6f4;
  --mdc-chip-flat-disabled-selected-container-color: #cce6f4;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #4ba3c3;
  --mdc-switch-selected-handle-color: #4ba3c3;
  --mdc-switch-selected-hover-state-layer-color: #4ba3c3;
  --mdc-switch-selected-pressed-state-layer-color: #4ba3c3;
  --mdc-switch-selected-focus-handle-color: #175676;
  --mdc-switch-selected-hover-handle-color: #175676;
  --mdc-switch-selected-pressed-handle-color: #175676;
  --mdc-switch-selected-focus-track-color: #4ba3c3;
  --mdc-switch-selected-hover-track-color: #4ba3c3;
  --mdc-switch-selected-pressed-track-color: #4ba3c3;
  --mdc-switch-selected-track-color: #4ba3c3;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-handle-shadow-color: black;
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #4ba3c3;
  --mdc-switch-selected-handle-color: #4ba3c3;
  --mdc-switch-selected-hover-state-layer-color: #4ba3c3;
  --mdc-switch-selected-pressed-state-layer-color: #4ba3c3;
  --mdc-switch-selected-focus-handle-color: #175676;
  --mdc-switch-selected-hover-handle-color: #175676;
  --mdc-switch-selected-pressed-handle-color: #175676;
  --mdc-switch-selected-focus-track-color: #4ba3c3;
  --mdc-switch-selected-hover-track-color: #4ba3c3;
  --mdc-switch-selected-pressed-track-color: #4ba3c3;
  --mdc-switch-selected-track-color: #4ba3c3;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #4ba3c3;
  --mdc-switch-selected-handle-color: #4ba3c3;
  --mdc-switch-selected-hover-state-layer-color: #4ba3c3;
  --mdc-switch-selected-pressed-state-layer-color: #4ba3c3;
  --mdc-switch-selected-focus-handle-color: #175676;
  --mdc-switch-selected-hover-handle-color: #175676;
  --mdc-switch-selected-pressed-handle-color: #175676;
  --mdc-switch-selected-focus-track-color: #4ba3c3;
  --mdc-switch-selected-hover-track-color: #4ba3c3;
  --mdc-switch-selected-pressed-track-color: #4ba3c3;
  --mdc-switch-selected-track-color: #4ba3c3;
}

html {
  --mdc-switch-state-layer-size: 40px;
}

html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #4ba3c3;
  --mdc-radio-selected-hover-icon-color: #4ba3c3;
  --mdc-radio-selected-icon-color: #4ba3c3;
  --mdc-radio-selected-pressed-icon-color: #4ba3c3;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #4ba3c3;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cce6f4;
  --mdc-radio-selected-hover-icon-color: #cce6f4;
  --mdc-radio-selected-icon-color: #cce6f4;
  --mdc-radio-selected-pressed-icon-color: #cce6f4;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #cce6f4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cce6f4;
  --mdc-radio-selected-hover-icon-color: #cce6f4;
  --mdc-radio-selected-icon-color: #cce6f4;
  --mdc-radio-selected-pressed-icon-color: #cce6f4;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #cce6f4;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
}

html {
  --mdc-slider-handle-color: #4ba3c3;
  --mdc-slider-focus-handle-color: #4ba3c3;
  --mdc-slider-hover-handle-color: #4ba3c3;
  --mdc-slider-active-track-color: #4ba3c3;
  --mdc-slider-inactive-track-color: #4ba3c3;
  --mdc-slider-with-tick-marks-inactive-container-color: #4ba3c3;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-ripple-color: #4ba3c3;
  --mat-slider-hover-state-layer-color: rgba(75, 163, 195, 0.05);
  --mat-slider-focus-state-layer-color: rgba(75, 163, 195, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mat-slider-ripple-color: #cce6f4;
  --mat-slider-hover-state-layer-color: rgba(204, 230, 244, 0.05);
  --mat-slider-focus-state-layer-color: rgba(204, 230, 244, 0.2);
  --mdc-slider-handle-color: #cce6f4;
  --mdc-slider-focus-handle-color: #cce6f4;
  --mdc-slider-hover-handle-color: #cce6f4;
  --mdc-slider-active-track-color: #cce6f4;
  --mdc-slider-inactive-track-color: #cce6f4;
  --mdc-slider-with-tick-marks-inactive-container-color: #cce6f4;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
html .mat-warn {
  --mat-slider-ripple-color: #cce6f4;
  --mat-slider-hover-state-layer-color: rgba(204, 230, 244, 0.05);
  --mat-slider-focus-state-layer-color: rgba(204, 230, 244, 0.2);
  --mdc-slider-handle-color: #cce6f4;
  --mdc-slider-focus-handle-color: #cce6f4;
  --mdc-slider-hover-handle-color: #cce6f4;
  --mdc-slider-active-track-color: #cce6f4;
  --mdc-slider-inactive-track-color: #cce6f4;
  --mdc-slider-with-tick-marks-inactive-container-color: #cce6f4;
  --mdc-slider-with-tick-marks-active-container-color: white;
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #4ba3c3;
  --mdc-radio-selected-hover-icon-color: #4ba3c3;
  --mdc-radio-selected-icon-color: #4ba3c3;
  --mdc-radio-selected-pressed-icon-color: #4ba3c3;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cce6f4;
  --mdc-radio-selected-hover-icon-color: #cce6f4;
  --mdc-radio-selected-icon-color: #cce6f4;
  --mdc-radio-selected-pressed-icon-color: #cce6f4;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #cce6f4;
  --mdc-radio-selected-hover-icon-color: #cce6f4;
  --mdc-radio-selected-icon-color: #cce6f4;
  --mdc-radio-selected-pressed-icon-color: #cce6f4;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #4ba3c3;
  --mdc-checkbox-selected-hover-icon-color: #4ba3c3;
  --mdc-checkbox-selected-icon-color: #4ba3c3;
  --mdc-checkbox-selected-pressed-icon-color: #4ba3c3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #4ba3c3;
  --mdc-checkbox-selected-hover-state-layer-color: #4ba3c3;
  --mdc-checkbox-selected-pressed-state-layer-color: #4ba3c3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cce6f4;
  --mdc-checkbox-selected-hover-icon-color: #cce6f4;
  --mdc-checkbox-selected-icon-color: #cce6f4;
  --mdc-checkbox-selected-pressed-icon-color: #cce6f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-hover-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #cce6f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cce6f4;
  --mdc-checkbox-selected-hover-icon-color: #cce6f4;
  --mdc-checkbox-selected-icon-color: #cce6f4;
  --mdc-checkbox-selected-pressed-icon-color: #cce6f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-hover-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #cce6f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text {
  color: #4ba3c3;
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: #4ba3c3;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
}

html {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #4ba3c3;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #4ba3c3;
  --mat-tab-header-active-ripple-color: #4ba3c3;
  --mat-tab-header-inactive-ripple-color: #4ba3c3;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #4ba3c3;
  --mat-tab-header-active-hover-label-text-color: #4ba3c3;
  --mat-tab-header-active-focus-indicator-color: #4ba3c3;
  --mat-tab-header-active-hover-indicator-color: #4ba3c3;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #cce6f4;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #cce6f4;
  --mat-tab-header-active-ripple-color: #cce6f4;
  --mat-tab-header-inactive-ripple-color: #cce6f4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #cce6f4;
  --mat-tab-header-active-hover-label-text-color: #cce6f4;
  --mat-tab-header-active-focus-indicator-color: #cce6f4;
  --mat-tab-header-active-hover-indicator-color: #cce6f4;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #cce6f4;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #cce6f4;
  --mat-tab-header-active-ripple-color: #cce6f4;
  --mat-tab-header-inactive-ripple-color: #cce6f4;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #cce6f4;
  --mat-tab-header-active-hover-label-text-color: #cce6f4;
  --mat-tab-header-active-focus-indicator-color: #cce6f4;
  --mat-tab-header-active-hover-indicator-color: #cce6f4;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #4ba3c3;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #cce6f4;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #cce6f4;
  --mat-tab-header-with-background-foreground-color: white;
}

.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cce6f4;
  --mdc-checkbox-selected-hover-icon-color: #cce6f4;
  --mdc-checkbox-selected-icon-color: #cce6f4;
  --mdc-checkbox-selected-pressed-icon-color: #cce6f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-hover-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #cce6f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox {
  --mdc-form-field-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #4ba3c3;
  --mdc-checkbox-selected-hover-icon-color: #4ba3c3;
  --mdc-checkbox-selected-icon-color: #4ba3c3;
  --mdc-checkbox-selected-pressed-icon-color: #4ba3c3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #4ba3c3;
  --mdc-checkbox-selected-hover-state-layer-color: #4ba3c3;
  --mdc-checkbox-selected-pressed-state-layer-color: #4ba3c3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #cce6f4;
  --mdc-checkbox-selected-hover-icon-color: #cce6f4;
  --mdc-checkbox-selected-icon-color: #cce6f4;
  --mdc-checkbox-selected-pressed-icon-color: #cce6f4;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-hover-state-layer-color: #cce6f4;
  --mdc-checkbox-selected-pressed-state-layer-color: #cce6f4;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-keep-touch-target: false;
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-container-shadow-color: #000;
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #4ba3c3;
  --mat-text-button-state-layer-color: #4ba3c3;
  --mat-text-button-ripple-color: rgba(75, 163, 195, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #cce6f4;
  --mat-text-button-state-layer-color: #cce6f4;
  --mat-text-button-ripple-color: rgba(204, 230, 244, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #cce6f4;
  --mat-text-button-state-layer-color: #cce6f4;
  --mat-text-button-ripple-color: rgba(204, 230, 244, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #4ba3c3;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #cce6f4;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #cce6f4;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #4ba3c3;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #cce6f4;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #cce6f4;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #4ba3c3;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #4ba3c3;
  --mat-outlined-button-ripple-color: rgba(75, 163, 195, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #cce6f4;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #cce6f4;
  --mat-outlined-button-ripple-color: rgba(204, 230, 244, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #cce6f4;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #cce6f4;
  --mat-outlined-button-ripple-color: rgba(204, 230, 244, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #4ba3c3;
  --mat-icon-button-state-layer-color: #4ba3c3;
  --mat-icon-button-ripple-color: rgba(75, 163, 195, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #cce6f4;
  --mat-icon-button-state-layer-color: #cce6f4;
  --mat-icon-button-ripple-color: rgba(204, 230, 244, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #cce6f4;
  --mat-icon-button-state-layer-color: #cce6f4;
  --mat-icon-button-ripple-color: rgba(204, 230, 244, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-icon-size: 24px;
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-icon-size: 24px;
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
}

html {
  --mdc-fab-container-color: white;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-container-shadow-color: #000;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shadow-color: #000;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-shadow-color: #000;
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #4ba3c3;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #cce6f4;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #cce6f4;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #4ba3c3;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #cce6f4;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #cce6f4;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

html {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
  --mat-snack-bar-button-color: #cce6f4;
}

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #4ba3c3;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #cce6f4;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #cce6f4;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #4ba3c3;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #cce6f4;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #cce6f4;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #4ba3c3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(75, 163, 195, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(75, 163, 195, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(75, 163, 195, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #4ba3c3;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(75, 163, 195, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #cce6f4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(204, 230, 244, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(204, 230, 244, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(204, 230, 244, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(204, 230, 244, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #cce6f4;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(204, 230, 244, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(204, 230, 244, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(204, 230, 244, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(204, 230, 244, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #cce6f4;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #cce6f4;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #4ba3c3;
}
.mat-icon.mat-accent {
  --mat-icon-color: #cce6f4;
}
.mat-icon.mat-warn {
  --mat-icon-color: #cce6f4;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #4ba3c3;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #4ba3c3;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #4ba3c3;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #cce6f4;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #cce6f4;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #cce6f4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #cce6f4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #cce6f4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #cce6f4;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #cce6f4;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #cce6f4;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #4ba3c3;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #cce6f4;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #cce6f4;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mat-tree-node-min-height: 48px;
}

.cdk-overlay-container:has(ts-notification) {
  z-index: 1300 !important;
}
.cdk-overlay-container:has(ts-notification) .cdk-global-overlay-wrapper {
  padding-top: 40px !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/angular-ui-extra/shared/dx.material.vapor.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** Generated by the DevExpress ThemeBuilder
* Version: 24.1.3
* http://js.devexpress.com/ThemeBuilder/
*/

/* UI-EXTRA - SKIP IMPORT ROBOTO FROM GOOGLE API FONTS */
/* UI-EXTRA - SKIP IMPORT NOTOKUFIARABIC FROM GOOGLE API FONTS */
:root {
  --dx-font-size-heading-1: 96px;
  --dx-font-size-heading-2: 60px;
  --dx-font-size-heading-3: 48px;
  --dx-font-size-heading-4: 34px;
  --dx-font-size-heading-5: 24px;
  --dx-font-size-heading-6: 20px;
  --dx-font-size-xl: 34px;
  --dx-font-size-lg: 28px;
  --dx-font-size-md: 20px;
  --dx-font-size-sm: 18px;
  --dx-font-size-xs: 12px;
}
.dx-validationsummary-item {
  cursor: pointer;
}
.dx-invalid-message.dx-overlay {
  position: relative;
}
.dx-invalid-message.dx-overlay-wrapper {
  width: 100%;
  visibility: hidden;
  pointer-events: none;
}
.dx-invalid-message > .dx-overlay-content {
  display: inline-block;
  border-width: 0;
  word-wrap: break-word;
}
.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto,
.dx-invalid-message.dx-invalid-message-always,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible;
}
.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
@keyframes dx-valid-badge-frames {
  from {
    opacity: 0;
    transform: scale(0.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'),
    url('Roboto-300.0e01b6cd13b3857f.woff2') format('woff2'),
    url('Roboto-300.603ca9a537b88428.woff') format('woff'),
    url('Roboto-300.6c0fea71d0542cdb.ttf') format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'),
    url('Roboto-400.475ba9e4e2d63456.woff2') format('woff2'),
    url('Roboto-400.bcefbfee882bc1cb.woff') format('woff'),
    url('Roboto-400.83f6acca8a27a93c.ttf') format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'),
    url('Roboto-500.457532032ceb0168.woff2') format('woff2'),
    url('Roboto-500.6e1ae5f0b324a0aa.woff') format('woff'),
    url('Roboto-500.de4cbf7a2334c617.ttf') format('truetype');
}
@font-face {
  font-family: RobotoFallback;
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'),
    url('Roboto-700.447291a88c067396.woff2') format('woff2'),
    url('Roboto-700.fc482e6133cf5e26.woff') format('woff'),
    url('Roboto-700.f7aa49713d0a54c5.ttf') format('truetype');
}
.dx-theme-material-typography {
  background-color: #fff;
  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;
}
.dx-theme-material-typography input,
.dx-theme-material-typography textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-theme-material-typography h1 {
  font-weight: 300;
  font-size: 96px;
  letter-spacing: -1.5px;
}
.dx-theme-material-typography h2 {
  font-weight: 300;
  font-size: 60px;
  letter-spacing: -0.5px;
}
.dx-theme-material-typography h3 {
  font-weight: 400;
  font-size: 48px;
}
.dx-theme-material-typography h4 {
  font-weight: 400;
  font-size: 34px;
  letter-spacing: 0.25px;
}
.dx-theme-material-typography h5 {
  font-weight: 400;
  font-size: 24px;
}
.dx-theme-material-typography h6 {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.15px;
}
.dx-theme-material-typography .dx-font-xl {
  font-size: 34px;
}
.dx-theme-material-typography .dx-font-l {
  font-size: 28px;
}
.dx-theme-material-typography .dx-font-m {
  font-size: 20px;
}
.dx-theme-material-typography .dx-font-s {
  font-size: 18px;
}
.dx-theme-material-typography .dx-font-xs,
.dx-theme-material-typography small {
  font-size: 12px;
}
.dx-theme-material-typography a {
  color: #03a9f4;
}
@font-face {
  font-family: DXIcons;
  src: local('DevExtreme Material Icons'), local('devextreme_material_icons'),
    url('dxiconsmaterial.51a6c3f581d6df1d.woff2') format('woff2'),
    url('dxiconsmaterial.8e53bb09e99b6b00.woff') format('woff'),
    url('dxiconsmaterial.b0396fd7c862121b.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
.dx-icon {
  display: inline-block;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dx-icon-accountbox,
.dx-icon-activefolder,
.dx-icon-add,
.dx-icon-addtableheader,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowback,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-attach,
.dx-icon-back,
.dx-icon-background,
.dx-icon-bell,
.dx-icon-belloutline,
.dx-icon-blockquote,
.dx-icon-bmpfile,
.dx-icon-bold,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-bulletlist,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-cellproperties,
.dx-icon-chart,
.dx-icon-check,
.dx-icon-checklist,
.dx-icon-chevrondoubleleft,
.dx-icon-chevrondoubleright,
.dx-icon-chevrondown,
.dx-icon-chevronleft,
.dx-icon-chevronnext,
.dx-icon-chevronprev,
.dx-icon-chevronright,
.dx-icon-chevronup,
.dx-icon-clear,
.dx-icon-clearcircle,
.dx-icon-clearformat,
.dx-icon-clearsquare,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-coffee,
.dx-icon-collapse,
.dx-icon-color,
.dx-icon-columnchooser,
.dx-icon-columnfield,
.dx-icon-columnproperties,
.dx-icon-comment,
.dx-icon-contains,
.dx-icon-contentlayout,
.dx-icon-copy,
.dx-icon-cut,
.dx-icon-dataarea,
.dx-icon-datafield,
.dx-icon-datapie,
.dx-icon-datatrending,
.dx-icon-datausage,
.dx-icon-decreaseindent,
.dx-icon-decreaselinespacing,
.dx-icon-deletecolumn,
.dx-icon-deleterow,
.dx-icon-deletetable,
.dx-icon-description,
.dx-icon-detailslayout,
.dx-icon-doc,
.dx-icon-docfile,
.dx-icon-docxfile,
.dx-icon-doesnotcontain,
.dx-icon-download,
.dx-icon-dragvertical,
.dx-icon-edit,
.dx-icon-edittableheader,
.dx-icon-email,
.dx-icon-endswith,
.dx-icon-equal,
.dx-icon-errorcircle,
.dx-icon-event,
.dx-icon-eventall,
.dx-icon-expand,
.dx-icon-expandform,
.dx-icon-export,
.dx-icon-exportpdf,
.dx-icon-exportselected,
.dx-icon-exportxlsx,
.dx-icon-eyeclose,
.dx-icon-eyeopen,
.dx-icon-favorites,
.dx-icon-fieldchooser,
.dx-icon-fields,
.dx-icon-file,
.dx-icon-fill,
.dx-icon-filter,
.dx-icon-find,
.dx-icon-floppy,
.dx-icon-folder,
.dx-icon-font,
.dx-icon-fontsize,
.dx-icon-food,
.dx-icon-formula,
.dx-icon-fullscreen,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-greater,
.dx-icon-greaterorequal,
.dx-icon-group,
.dx-icon-growfont,
.dx-icon-handlehorizontal,
.dx-icon-handlevertical,
.dx-icon-header,
.dx-icon-help,
.dx-icon-hidepanel,
.dx-icon-hierarchy,
.dx-icon-home,
.dx-icon-image,
.dx-icon-imgarlock,
.dx-icon-imgarunlock,
.dx-icon-import,
.dx-icon-importselected,
.dx-icon-inactivefolder,
.dx-icon-increaseindent,
.dx-icon-increaselinespacing,
.dx-icon-indent,
.dx-icon-indeterminatestate,
.dx-icon-info,
.dx-icon-insertcolumnleft,
.dx-icon-insertcolumnright,
.dx-icon-insertrowabove,
.dx-icon-insertrowbelow,
.dx-icon-inserttable,
.dx-icon-isblank,
.dx-icon-isnotblank,
.dx-icon-italic,
.dx-icon-jpgfile,
.dx-icon-key,
.dx-icon-less,
.dx-icon-lessorequal,
.dx-icon-like,
.dx-icon-link,
.dx-icon-lock,
.dx-icon-login,
.dx-icon-map,
.dx-icon-mediumiconslayout,
.dx-icon-mention,
.dx-icon-menu,
.dx-icon-mergecells,
.dx-icon-message,
.dx-icon-minus,
.dx-icon-money,
.dx-icon-moon,
.dx-icon-more,
.dx-icon-movetofolder,
.dx-icon-music,
.dx-icon-newfolder,
.dx-icon-notequal,
.dx-icon-optionsgear,
.dx-icon-orderedlist,
.dx-icon-ordersbox,
.dx-icon-overflow,
.dx-icon-palette,
.dx-icon-panelleft,
.dx-icon-panelright,
.dx-icon-parentfolder,
.dx-icon-paste,
.dx-icon-pasteplaintext,
.dx-icon-pdffile,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-photooutline,
.dx-icon-pin,
.dx-icon-pinleft,
.dx-icon-pinmap,
.dx-icon-pinright,
.dx-icon-plus,
.dx-icon-pptfile,
.dx-icon-pptxfile,
.dx-icon-preferences,
.dx-icon-print,
.dx-icon-product,
.dx-icon-pulldown,
.dx-icon-range,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-rename,
.dx-icon-repeat,
.dx-icon-return,
.dx-icon-revert,
.dx-icon-rowfield,
.dx-icon-rowproperties,
.dx-icon-rtffile,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-selectall,
.dx-icon-send,
.dx-icon-share,
.dx-icon-showpanel,
.dx-icon-shrinkfont,
.dx-icon-smalliconslayout,
.dx-icon-sortdown,
.dx-icon-sortdowntext,
.dx-icon-sorted,
.dx-icon-sortup,
.dx-icon-sortuptext,
.dx-icon-spindown,
.dx-icon-spinleft,
.dx-icon-spinnext,
.dx-icon-spinprev,
.dx-icon-spinright,
.dx-icon-spinup,
.dx-icon-splitcells,
.dx-icon-square,
.dx-icon-startswith,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-sun,
.dx-icon-superscript,
.dx-icon-svgfile,
.dx-icon-tableproperties,
.dx-icon-tags,
.dx-icon-taskcomplete,
.dx-icon-taskhelpneeded,
.dx-icon-taskinprogress,
.dx-icon-taskrejected,
.dx-icon-taskstop,
.dx-icon-tel,
.dx-icon-textdocument,
.dx-icon-tips,
.dx-icon-to,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-trash,
.dx-icon-triangledown,
.dx-icon-triangleleft,
.dx-icon-triangleright,
.dx-icon-triangleup,
.dx-icon-txtfile,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-unlock,
.dx-icon-unpin,
.dx-icon-unselectall,
.dx-icon-upload,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-verticalalignbottom,
.dx-icon-verticalaligncenter,
.dx-icon-verticalaligntop,
.dx-icon-video,
.dx-icon-warning,
.dx-icon-xlsfile,
.dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-add:before {
  content: '\f00b';
}
.dx-icon-airplane:before {
  content: '\f000';
}
.dx-icon-bookmark:before {
  content: '\f017';
}
.dx-icon-box:before {
  content: '\f018';
}
.dx-icon-car:before {
  content: '\f01b';
}
.dx-icon-card:before {
  content: '\f019';
}
.dx-icon-cart:before {
  content: '\f01a';
}
.dx-icon-chart:before {
  content: '\f01c';
}
.dx-icon-check:before {
  content: '\f005';
}
.dx-icon-clear:before {
  content: '\f008';
}
.dx-icon-clock:before {
  content: '\f01d';
}
.dx-icon-close:before {
  content: '\f00a';
}
.dx-icon-coffee:before {
  content: '\f02a';
}
.dx-icon-comment:before {
  content: '\f01e';
}
.dx-icon-doc:before,
.dx-icon-file:before {
  content: '\f021';
}
.dx-icon-download:before {
  content: '\f022';
}
.dx-icon-dragvertical:before {
  content: '\f038';
}
.dx-icon-edit:before {
  content: '\f023';
}
.dx-icon-email:before {
  content: '\f024';
}
.dx-icon-event:before {
  content: '\f026';
}
.dx-icon-eventall:before {
  content: '\f043';
}
.dx-icon-favorites:before {
  content: '\f025';
}
.dx-icon-find:before {
  content: '\f027';
}
.dx-icon-filter:before {
  content: '\f050';
}
.dx-icon-activefolder:before,
.dx-icon-folder:before {
  content: '\f028';
}
.dx-icon-food:before {
  content: '\f029';
}
.dx-icon-gift:before {
  content: '\f02b';
}
.dx-icon-globe:before {
  content: '\f02c';
}
.dx-icon-group:before {
  content: '\f02e';
}
.dx-icon-help:before {
  content: '\f02f';
}
.dx-icon-home:before {
  content: '\f030';
}
.dx-icon-image:before {
  content: '\f031';
}
.dx-icon-info:before {
  content: '\f032';
}
.dx-icon-key:before {
  content: '\f033';
}
.dx-icon-like:before {
  content: '\f034';
}
.dx-icon-map:before {
  content: '\f035';
}
.dx-icon-menu:before {
  content: '\f00c';
}
.dx-icon-message:before {
  content: '\f024';
}
.dx-icon-money:before {
  content: '\f036';
}
.dx-icon-music:before {
  content: '\f037';
}
.dx-icon-overflow:before {
  content: '\f00d';
}
.dx-icon-percent:before {
  content: '\f039';
}
.dx-icon-photo:before {
  content: '\f03a';
}
.dx-icon-plus:before {
  content: '\f00b';
}
.dx-icon-minus:before {
  content: '\f074';
}
.dx-icon-preferences:before {
  content: '\f03b';
}
.dx-icon-product:before {
  content: '\f03c';
}
.dx-icon-pulldown:before {
  content: '\f062';
}
.dx-icon-refresh:before {
  content: '\f03d';
}
.dx-icon-remove:before {
  content: '\f00a';
}
.dx-icon-revert:before {
  content: '\f04c';
}
.dx-icon-runner:before {
  content: '\f040';
}
.dx-icon-save:before {
  content: '\f041';
}
.dx-icon-search:before {
  content: '\f027';
}
.dx-icon-tags:before {
  content: '\f009';
}
.dx-icon-tel:before {
  content: '\f003';
}
.dx-icon-tips:before {
  content: '\f004';
}
.dx-icon-todo:before {
  content: '\f005';
}
.dx-icon-toolbox:before {
  content: '\f007';
}
.dx-icon-trash:before {
  content: '\f03e';
}
.dx-icon-user:before {
  content: '\f02d';
}
.dx-icon-upload:before {
  content: '\f006';
}
.dx-icon-floppy:before {
  content: '\f073';
}
.dx-icon-arrowleft:before {
  content: '\f011';
}
.dx-icon-arrowdown:before {
  content: '\f015';
}
.dx-icon-arrowback:before {
  content: '\f15a';
}
.dx-icon-arrowright:before {
  content: '\f00e';
}
.dx-icon-arrowup:before {
  content: '\f013';
}
.dx-icon-spinleft:before,
.dx-icon-spinprev:before {
  content: '\f04f';
}
.dx-icon-spinnext:before,
.dx-icon-spinright:before {
  content: '\f04e';
}
.dx-icon-spindown:before {
  content: '\f001';
}
.dx-icon-spinup:before {
  content: '\f002';
}
.dx-icon-back:before,
.dx-icon-chevronleft:before,
.dx-icon-chevronprev:before {
  content: '\f012';
}
.dx-icon-chevronnext:before,
.dx-icon-chevronright:before {
  content: '\f010';
}
.dx-icon-chevrondown:before {
  content: '\f016';
}
.dx-icon-chevronup:before {
  content: '\f014';
}
.dx-icon-chevrondoubleleft:before {
  content: '\f042';
}
.dx-icon-chevrondoubleright:before {
  content: '\f03f';
}
.dx-icon-equal:before {
  content: '\f044';
}
.dx-icon-notequal:before {
  content: '\f045';
}
.dx-icon-less:before {
  content: '\f046';
}
.dx-icon-greater:before {
  content: '\f047';
}
.dx-icon-lessorequal:before {
  content: '\f048';
}
.dx-icon-greaterorequal:before {
  content: '\f049';
}
.dx-icon-isblank:before {
  content: '\f075';
}
.dx-icon-isnotblank:before {
  content: '\f076';
}
.dx-icon-sortup:before {
  content: '\f051';
}
.dx-icon-sortdown:before {
  content: '\f052';
}
.dx-icon-sortuptext:before {
  content: '\f053';
}
.dx-icon-sortdowntext:before {
  content: '\f054';
}
.dx-icon-sorted:before {
  content: '\f055';
}
.dx-icon-expand:before {
  content: '\f04a';
}
.dx-icon-collapse:before {
  content: '\f04b';
}
.dx-icon-columnfield:before {
  content: '\f057';
}
.dx-icon-rowfield:before {
  content: '\f058';
}
.dx-icon-datafield:before {
  content: '\f101';
}
.dx-icon-fields:before {
  content: '\f059';
}
.dx-icon-fieldchooser:before {
  content: '\f05a';
}
.dx-icon-columnchooser:before {
  content: '\f04d';
}
.dx-icon-pin:before {
  content: '\f05b';
}
.dx-icon-unpin:before {
  content: '\f05c';
}
.dx-icon-pinleft:before {
  content: '\f05d';
}
.dx-icon-pinright:before {
  content: '\f05e';
}
.dx-icon-contains:before {
  content: '\f063';
}
.dx-icon-startswith:before {
  content: '\f064';
}
.dx-icon-endswith:before {
  content: '\f065';
}
.dx-icon-doesnotcontain:before {
  content: '\f066';
}
.dx-icon-range:before {
  content: '\f06a';
}
.dx-icon-export:before {
  content: '\f05f';
}
.dx-icon-exportxlsx:before {
  content: '\f060';
}
.dx-icon-exportpdf:before {
  content: '\f061';
}
.dx-icon-exportselected:before {
  content: '\f06d';
}
.dx-icon-ordersbox:before {
  content: '\f06e';
}
.dx-icon-warning:before {
  content: '\f06b';
}
.dx-icon-taskhelpneeded:before {
  content: '\f06f';
}
.dx-icon-more:before {
  content: '\f06c';
}
.dx-icon-square:before {
  content: '\f067';
}
.dx-icon-clearsquare:before {
  content: '\f068';
}
.dx-icon-repeat:before {
  content: '\f069';
}
.dx-icon-selectall:before {
  content: '\f070';
}
.dx-icon-unselectall:before {
  content: '\f071';
}
.dx-icon-print:before {
  content: '\f072';
}
.dx-icon-bold:before {
  content: '\f077';
}
.dx-icon-italic:before {
  content: '\f078';
}
.dx-icon-underline:before {
  content: '\f079';
}
.dx-icon-strike:before {
  content: '\f07a';
}
.dx-icon-increaselinespacing:before,
.dx-icon-indent:before {
  content: '\f07b';
}
.dx-icon-font:before {
  content: '\f11b';
}
.dx-icon-fontsize:before {
  content: '\f07c';
}
.dx-icon-shrinkfont:before {
  content: '\f07d';
}
.dx-icon-growfont:before {
  content: '\f07e';
}
.dx-icon-color:before {
  content: '\f07f';
}
.dx-icon-background:before {
  content: '\f080';
}
.dx-icon-fill:before {
  content: '\f10d';
}
.dx-icon-palette:before {
  content: '\f120';
}
.dx-icon-superscript:before {
  content: '\f081';
}
.dx-icon-subscript:before {
  content: '\f082';
}
.dx-icon-header:before {
  content: '\f083';
}
.dx-icon-blockquote:before {
  content: '\f084';
}
.dx-icon-formula:before {
  content: '\f056';
}
.dx-icon-codeblock:before {
  content: '\f085';
}
.dx-icon-orderedlist:before {
  content: '\f086';
}
.dx-icon-bulletlist:before {
  content: '\f087';
}
.dx-icon-increaseindent:before {
  content: '\f088';
}
.dx-icon-decreaseindent:before {
  content: '\f089';
}
.dx-icon-decreaselinespacing:before {
  content: '\f106';
}
.dx-icon-alignleft:before {
  content: '\f08a';
}
.dx-icon-alignright:before {
  content: '\f08b';
}
.dx-icon-aligncenter:before {
  content: '\f08c';
}
.dx-icon-alignjustify:before {
  content: '\f08d';
}
.dx-icon-link:before {
  content: '\f08e';
}
.dx-icon-video:before {
  content: '\f08f';
}
.dx-icon-mention:before {
  content: '\f090';
}
.dx-icon-variable:before {
  content: '\f091';
}
.dx-icon-clearformat:before {
  content: '\f092';
}
.dx-icon-accountbox:before {
  content: '\f094';
}
.dx-icon-fullscreen:before {
  content: '\f11a';
}
.dx-icon-hierarchy:before {
  content: '\f124';
}
.dx-icon-docfile:before {
  content: '\f111';
}
.dx-icon-docxfile:before {
  content: '\f110';
}
.dx-icon-pdffile:before {
  content: '\f118';
}
.dx-icon-pptfile:before {
  content: '\f114';
}
.dx-icon-pptxfile:before {
  content: '\f115';
}
.dx-icon-rtffile:before {
  content: '\f112';
}
.dx-icon-txtfile:before {
  content: '\f113';
}
.dx-icon-xlsfile:before {
  content: '\f116';
}
.dx-icon-xlsxfile:before {
  content: '\f117';
}
.dx-icon-copy:before {
  content: '\f107';
}
.dx-icon-cut:before {
  content: '\f10a';
}
.dx-icon-paste:before {
  content: '\f108';
}
.dx-icon-share:before {
  content: '\f11f';
}
.dx-icon-inactivefolder:before {
  content: '\f105';
}
.dx-icon-newfolder:before {
  content: '\f123';
}
.dx-icon-movetofolder:before {
  content: '\f121';
}
.dx-icon-parentfolder:before {
  content: '\f122';
}
.dx-icon-rename:before {
  content: '\f109';
}
.dx-icon-detailslayout:before {
  content: '\f10b';
}
.dx-icon-contentlayout:before {
  content: '\f11e';
}
.dx-icon-smalliconslayout:before {
  content: '\f119';
}
.dx-icon-mediumiconslayout:before {
  content: '\f10c';
}
.dx-icon-undo:before {
  content: '\f04c';
}
.dx-icon-redo:before {
  content: '\f093';
}
.dx-icon-hidepanel:before {
  content: '\f11c';
}
.dx-icon-showpanel:before {
  content: '\f11d';
}
.dx-icon-checklist:before {
  content: '\f141';
}
.dx-icon-verticalaligntop:before {
  content: '\f14f';
}
.dx-icon-verticalaligncenter:before {
  content: '\f14e';
}
.dx-icon-verticalalignbottom:before {
  content: '\f14d';
}
.dx-icon-rowproperties:before {
  content: '\f14c';
}
.dx-icon-columnproperties:before {
  content: '\f14b';
}
.dx-icon-cellproperties:before {
  content: '\f14a';
}
.dx-icon-tableproperties:before {
  content: '\f140';
}
.dx-icon-splitcells:before {
  content: '\f139';
}
.dx-icon-mergecells:before {
  content: '\f138';
}
.dx-icon-deleterow:before {
  content: '\f137';
}
.dx-icon-deletecolumn:before {
  content: '\f136';
}
.dx-icon-insertrowabove:before {
  content: '\f135';
}
.dx-icon-insertrowbelow:before {
  content: '\f134';
}
.dx-icon-insertcolumnleft:before {
  content: '\f133';
}
.dx-icon-insertcolumnright:before {
  content: '\f132';
}
.dx-icon-inserttable:before {
  content: '\f130';
}
.dx-icon-deletetable:before {
  content: '\f131';
}
.dx-icon-edittableheader:before {
  content: '\f142';
}
.dx-icon-addtableheader:before {
  content: '\f143';
}
.dx-icon-pasteplaintext:before {
  content: '\f144';
}
.dx-icon-importselected:before {
  content: '\f145';
}
.dx-icon-import:before {
  content: '\f146';
}
.dx-icon-textdocument:before {
  content: '\f147';
}
.dx-icon-jpgfile:before {
  content: '\f148';
}
.dx-icon-bmpfile:before {
  content: '\f149';
}
.dx-icon-svgfile:before {
  content: '\f150';
}
.dx-icon-attach:before {
  content: '\f151';
}
.dx-icon-return:before {
  content: '\f152';
}
.dx-icon-indeterminatestate:before {
  content: '\f153';
}
.dx-icon-lock:before {
  content: '\f154';
}
.dx-icon-unlock:before {
  content: '\f155';
}
.dx-icon-imgarlock:before {
  content: '\f156';
}
.dx-icon-imgarunlock:before {
  content: '\f157';
}
.dx-icon-bell:before {
  content: '\f158';
}
.dx-icon-sun:before {
  content: '\f159';
}
.dx-icon-taskcomplete:before {
  content: '\f15b';
}
.dx-icon-taskrejected:before {
  content: '\f15c';
}
.dx-icon-taskinprogress:before {
  content: '\f15d';
}
.dx-icon-taskstop:before {
  content: '\f15e';
}
.dx-icon-clearcircle:before {
  content: '\f15f';
}
.dx-icon-send:before {
  content: '\f160';
}
.dx-icon-handlevertical:before {
  content: '\f161';
}
.dx-icon-photooutline:before {
  content: '\f162';
}
.dx-icon-panelright:before {
  content: '\f163';
}
.dx-icon-panelleft:before {
  content: '\f164';
}
.dx-icon-optionsgear:before {
  content: '\f165';
}
.dx-icon-moon:before {
  content: '\f166';
}
.dx-icon-login:before {
  content: '\f167';
}
.dx-icon-eyeopen:before {
  content: '\f168';
}
.dx-icon-eyeclose:before {
  content: '\f169';
}
.dx-icon-handlehorizontal:before {
  content: '\f16a';
}
.dx-icon-triangleup:before {
  content: '\f16b';
}
.dx-icon-triangledown:before {
  content: '\f16c';
}
.dx-icon-triangleright:before {
  content: '\f16d';
}
.dx-icon-triangleleft:before {
  content: '\f16e';
}
.dx-icon-expandform:before {
  content: '\f170';
}
.dx-icon-description:before {
  content: '\f171';
}
.dx-icon-belloutline:before {
  content: '\f172';
}
.dx-icon-to:before {
  content: '\f173';
}
.dx-icon-errorcircle:before {
  content: '\f174';
}
.dx-icon-datatrending:before {
  content: '\f175';
}
.dx-icon-dataarea:before {
  content: '\f176';
}
.dx-icon-datausage:before {
  content: '\f177';
}
.dx-icon-datapie:before {
  content: '\f178';
}
.dx-icon-pinmap:before {
  content: '\f179';
}
.dx-icon {
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  font-feature-settings: 'liga';
}
.dx-tab .dx-icon,
.dx-tab.dx-tab-selected .dx-icon {
  background-size: 100% 100%;
  background-position: 50% 50%;
}
.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;
}
.dx-loadindicator-image,
.dx-loadindicator-image-large,
.dx-loadindicator-image-small {
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-color-scheme {
  font-family: '#';
}
.dx-widget {
  display: block;
  -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;
}
.dx-widget,
.dx-widget *,
.dx-widget ::after,
.dx-widget ::before,
.dx-widget::after,
.dx-widget::before {
  box-sizing: border-box;
}
.dx-item {
  outline: 0;
}
.dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}
.dx-state-disabled {
  pointer-events: none;
}
.dx-widget input,
.dx-widget textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-state-disabled .dx-widget,
.dx-state-disabled.dx-widget {
  opacity: 0.38;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default;
}
.dx-state-disabled .dx-widget .dx-widget,
.dx-state-disabled.dx-widget .dx-widget {
  opacity: 1;
}
.dx-surface {
  background-color: #fff;
}
.dx-card {
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  background-color: #fff;
  margin: 2px 2px 3px;
}
.dx-fieldset .dx-field-value {
  margin: 0;
}
.dx-fieldset,
.dx-fieldset * {
  box-sizing: border-box;
}
.dx-fieldset-header:empty {
  display: none;
}
.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: flex;
}
.dx-field::after,
.dx-field::before {
  display: table;
  content: '';
  line-height: 0;
}
.dx-field::after {
  clear: both;
}
.dx-field-label {
  float: left;
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-field-value,
.dx-field-value-static {
  float: right;
}
.dx-field-value.dx-datebox {
  min-width: 60%;
}
.dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%;
}
.dx-field-value .dx-selectbox-tag-container {
  white-space: normal;
}
.dx-field-value:not(.dx-widget)
  > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  width: auto;
  text-align: left;
}
.dx-fieldset.dx-rtl .dx-field-label,
.dx-rtl .dx-fieldset .dx-field-label {
  float: right;
}
.dx-fieldset.dx-rtl .dx-field-value,
.dx-rtl .dx-fieldset .dx-field-value {
  float: left;
}
.dx-field input,
.dx-field textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-field-label i {
  font-style: normal;
}
.dx-field-value.dx-attention {
  color: #f44336;
  padding: 21px 10px 20px 32px;
  position: relative;
}
.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: #f44336;
  color: #fff;
  content: '!';
  border-radius: 50%;
  left: 0;
}
.dx-field-value-static,
.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 60%;
}
.dx-field-label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  cursor: default;
  align-self: center;
  padding-right: 15px;
}
.dx-field-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0;
}
.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
  float: right;
}
.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 15px 0;
}
.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 14px 0;
}
.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 10px 0;
}
.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 11px 0;
}
.dx-field-value-static {
  white-space: normal;
  padding: 21px 10px 20px;
}
.dx-fieldset {
  margin: 30px 20px;
  padding: 0;
}
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left;
}
.dx-fieldset-header {
  margin: 0 0 20px;
  font-size: 18px;
}
.dx-field {
  margin: 0 0 30px;
}
.dx-field:last-of-type {
  margin: 0;
}
.dx-theme-marker {
  font-family: 'dx.material.blue.light';
}
.dx-theme-accent-as-text-color {
  color: #03a9f4 !important;
}
.dx-theme-text-color {
  color: rgba(0, 0, 0, 0.87) !important;
}
.dx-theme-background-color-as-text-color {
  color: #fff !important;
}
.dx-theme-border-color-as-text-color {
  color: #e0e0e0 !important;
}
.dx-theme-accent-as-background-color {
  background-color: #03a9f4 !important;
  fill: #03a9f4 !important;
}
.dx-theme-text-color-as-background-color {
  background-color: rgba(0, 0, 0, 0.87) !important;
  fill: rgba(0, 0, 0, 0.87) !important;
}
.dx-theme-background-color {
  background-color: #fff !important;
  fill: #fff !important;
}
.dx-theme-typography-background-color {
  background-color: #fff !important;
}
.dx-theme-border-color-as-background-color {
  background-color: #e0e0e0 !important;
  fill: #e0e0e0 !important;
}
.dx-theme-accent-as-border-color {
  border-color: #03a9f4 !important;
}
.dx-theme-text-color-as-border-color {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
.dx-theme-background-color-as-border-color {
  border-color: #fff !important;
}
.dx-theme-border-color {
  border-color: #e0e0e0 !important;
}
.dx-inkripple {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.dx-inkripple-wave {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  opacity: 0;
  transform: scale(0);
  pointer-events: none;
}
.dx-inkripple-showing {
  transition: transform 0.1s linear;
  opacity: 1;
  transform: scale(1);
}
.dx-inkripple-hiding {
  transition: transform 0.1s linear, opacity 0.1s linear;
  transform: scale(1.01);
  opacity: 0;
}
.dx-resizable {
  display: block;
  position: relative;
}
.dx-resizable-handle {
  position: absolute;
  z-index: 50;
}
.dx-state-disabled .dx-resizable-handle {
  cursor: default;
}
.dx-resizable-handle-left,
.dx-resizable-handle-right {
  top: 0;
  height: 100%;
  width: 3px;
}
.dx-resizable-handle-left {
  left: 0;
  cursor: e-resize;
}
.dx-resizable-handle-right {
  right: 0;
  cursor: e-resize;
}
.dx-resizable-handle-bottom,
.dx-resizable-handle-top {
  left: 0;
  width: 100%;
  height: 3px;
}
.dx-resizable-handle-top {
  top: 0;
  cursor: s-resize;
}
.dx-resizable-handle-bottom {
  bottom: 0;
  cursor: s-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  width: 6px;
  height: 6px;
}
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-left {
  cursor: se-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-right {
  cursor: ne-resize;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-top-left {
  left: 0;
  border-bottom-right-radius: 100%;
}
.dx-resizable-handle-corner-bottom-right,
.dx-resizable-handle-corner-top-right {
  right: 0;
  border-bottom-left-radius: 100%;
}
.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-top-right {
  top: 0;
}
.dx-resizable-handle-corner-bottom-left,
.dx-resizable-handle-corner-bottom-right {
  bottom: 0;
}
.dx-draggable {
  left: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-draggable.dx-state-disabled,
.dx-state-disabled .dx-draggable {
  cursor: default;
}
.dx-draggable-clone {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2147483647;
}
.dx-clearfix::after,
.dx-clearfix::before {
  display: table;
  content: '';
  line-height: 0;
}
.dx-clearfix::after {
  clear: both;
}
.dx-translate-disabled {
  transform: none !important;
}
.dx-hidden-input {
  position: fixed;
  top: -10px;
  left: -10px;
  width: 0;
  height: 0;
}
.dx-user-select {
  -webkit-user-select: text;
  user-select: text;
}
.dx-hidden,
.dx-state-invisible {
  display: none !important;
}
.dx-gesture-cover {
  transform: translate3d(0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: 2147483647;
}
.dx-animating {
  pointer-events: none;
}
.dx-fade-animation.dx-enter,
.dx-fade-animation.dx-leave.dx-leave-active,
.dx-no-direction.dx-enter,
.dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0;
}
.dx-fade-animation.dx-enter.dx-enter-active,
.dx-fade-animation.dx-leave,
.dx-no-direction.dx-enter.dx-enter-active,
.dx-no-direction.dx-leave {
  opacity: 1;
}
.dx-overflow-animation.dx-enter.dx-forward {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.dx-overflow-animation.dx-enter.dx-backward,
.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward,
.dx-overflow-animation.dx-leave.dx-forward,
.dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-overflow-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
.dx-overflow-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-slide-animation.dx-enter.dx-forward {
  transform: translate3d(100%, 0, 0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-enter.dx-backward {
  transform: translate3d(-100%, 0, 0);
}
.dx-slide-animation.dx-enter.dx-enter-active.dx-backward,
.dx-slide-animation.dx-leave.dx-forward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-100%, 0, 0);
}
.dx-slide-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
}
.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0);
}
.dx-opendoor-animation.dx-enter.dx-forward {
  transform: matrix3d(
    0.71,
    0,
    0.71,
    0.001,
    0,
    1,
    0,
    0,
    -0.71,
    0,
    0.71,
    0,
    0,
    0,
    0,
    1
  );
  transform-origin: center left 0;
  opacity: 0;
}
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward,
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  transform: none;
  opacity: 1;
}
.dx-opendoor-animation.dx-leave.dx-backward,
.dx-opendoor-animation.dx-leave.dx-forward {
  transform: none;
  transform-origin: center left 0;
  opacity: 1;
}
.dx-opendoor-animation.dx-enter.dx-backward,
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  transform: matrix3d(
    0.5,
    0,
    0.87,
    -0.001,
    0,
    1,
    0,
    0,
    -0.87,
    0,
    0.5,
    0,
    0,
    0,
    0,
    1
  );
  transform-origin: center left 0;
  opacity: 0;
}
.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  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;
}
.dx-win-pop-animation.dx-enter.dx-forward {
  transform: scale(0.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-enter.dx-backward,
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  transform: scale(1.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  transform: scale(1);
  opacity: 1;
}
.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  transform: scale(0.5);
  opacity: 0;
}
.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(0, 150px, 0);
  opacity: 0;
}
.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dx-android-pop-animation.dx-enter.dx-forward,
.dx-android-pop-animation.dx-leave.dx-backward {
  z-index: 1;
}
.dx-ios7-slide-animation.dx-enter.dx-forward {
  z-index: 2;
  transform: translate3d(100%, 0, 0);
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
.dx-ios7-slide-animation.dx-enter.dx-backward {
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-leave.dx-forward {
  z-index: 1;
  transform: translate3d(0, 0, 0);
}
.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-20%, 0, 0);
  z-index: 1;
}
.dx-ios7-slide-animation.dx-leave.dx-backward {
  z-index: 2;
}
.dx-ios7-slide-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0);
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-forward {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-enter.dx-backward {
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward,
.dx-ios7-toolbar-animation.dx-leave.dx-forward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-40%, 0, 0);
  opacity: 0;
  z-index: 1;
}
.dx-ios7-toolbar-animation.dx-leave.dx-backward {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 2;
}
.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
  z-index: 2;
}
.dx-drop-animation.dx-enter,
.dx-drop-animation.dx-leave.dx-leave-active {
  transform: translate3d(0, -120%, 0);
}
.dx-drop-animation.dx-enter.dx-enter-active,
.dx-drop-animation.dx-leave {
  transform: translate3d(0, 0, 0);
}
.dx-3d-drop-animation.dx-enter,
.dx-3d-drop-animation.dx-leave.dx-leave-active {
  transform: rotate3d(1, 0, 0, 10deg) translate3d(0, -10px, 0)
    scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-3d-drop-animation.dx-enter.dx-enter-active,
.dx-3d-drop-animation.dx-leave {
  transform: rotate3d(1, 0, 0, 0) translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-fade-drop-animation.dx-enter,
.dx-fade-drop-animation.dx-leave.dx-leave-active {
  transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-fade-drop-animation.dx-enter.dx-enter-active,
.dx-fade-drop-animation.dx-leave {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-fade-rise-animation.dx-enter,
.dx-fade-rise-animation.dx-leave.dx-leave-active {
  transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1);
  opacity: 0;
}
.dx-fade-rise-animation.dx-enter.dx-enter-active,
.dx-fade-rise-animation.dx-leave {
  transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
  opacity: 1;
}
.dx-fade-slide-animation.dx-enter,
.dx-fade-slide-animation.dx-leave.dx-leave-active {
  transform: translate3d(40%, 0, 0);
  opacity: 0;
}
.dx-fade-slide-animation.dx-enter.dx-enter-active,
.dx-fade-slide-animation.dx-leave {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dx-fade-zoom-animation.dx-enter,
.dx-fade-zoom-animation.dx-leave.dx-leave-active {
  transform: scale3d(0.3, 0.3, 0.3);
  opacity: 0;
}
.dx-fade-zoom-animation.dx-enter.dx-enter-active,
.dx-fade-zoom-animation.dx-leave {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.dx-box-item-content {
  flex-direction: column;
  max-width: 100%;
  font-size: 14px;
}
.dx-button-disabled {
  cursor: default;
}
.dx-button {
  display: inline-flex;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.dx-button .dx-icon {
  -webkit-user-drag: none;
  display: inherit;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  background-size: contain;
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  color: rgba(0, 0, 0, 0.87);
}
.dx-button a {
  text-decoration: none;
}
.dx-button-content {
  flex: 1 1 auto;
  height: 100%;
  max-height: 100%;
  display: inherit;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  line-height: 0;
}
.dx-button-has-text .dx-button-content,
.dx-button-has-text .dx-button-content .dx-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-button-content > .dx-inkripple {
  display: none;
}
.dx-button-link {
  text-decoration: none;
}
.dx-button-submit-input {
  padding: 0;
  margin: 0;
  border: 0;
  height: 0;
  width: 0;
  font-size: 0;
  opacity: 0;
  visibility: hidden;
}
.dx-state-disabled .dx-button,
.dx-state-disabled.dx-button {
  cursor: default;
}
.dx-button-text {
  line-height: normal;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.dx-button {
  min-width: 36px;
  height: 36px;
  position: relative;
  border-radius: 4px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.dx-button .dx-button-content {
  padding-block: 8px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
  position: relative;
}
.dx-button-has-icon {
  min-width: 36px;
}
.dx-button-has-icon .dx-button-content {
  padding-block: 8px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.dx-button-has-icon .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.dx-button-has-text {
  min-width: 64px;
}
.dx-button-has-text .dx-button-content {
  padding-block: 6px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 9px;
  margin-inline-start: 0;
}
.dx-button-has-icon.dx-button-has-text .dx-button-content {
  padding-block: 6px;
  padding-inline-start: 12px;
  padding-inline-end: 16px;
}
.dx-button-has-icon.dx-button-has-text .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 8px;
  margin-inline-start: 0;
}
.dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  border-radius: 50%;
  box-shadow: none;
}
.dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.dx-button.dx-state-selected {
  background-color: #d1d1d1;
}
.dx-button.dx-state-selected,
.dx-button.dx-state-selected .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-button.dx-state-focused,
.dx-button.dx-state-hover {
  background-color: #ebebeb;
}
.dx-button.dx-state-active {
  background-color: #b3b3b3;
}
.dx-button .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-button.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-state-disabled .dx-button-text,
.dx-button.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default {
  border-radius: 4px;
  background-color: #03a9f4;
  color: #fff;
}
.dx-button.dx-button-default .dx-icon {
  color: #fff;
}
.dx-button.dx-button-default.dx-state-selected {
  background-color: #026592;
}
.dx-button.dx-button-default.dx-state-selected,
.dx-button.dx-button-default.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-default.dx-state-focused,
.dx-button.dx-button-default.dx-state-hover {
  background-color: #028bc9;
}
.dx-button.dx-button-default.dx-state-active {
  background-color: #026592;
}
.dx-button.dx-button-default .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-default.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-default.dx-state-disabled .dx-button-text,
.dx-button.dx-button-default.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger {
  border-radius: 4px;
  background-color: #f44336;
  color: #fff;
}
.dx-button.dx-button-danger .dx-icon {
  color: #fff;
}
.dx-button.dx-button-danger.dx-state-selected {
  background-color: #bc160a;
}
.dx-button.dx-button-danger.dx-state-selected,
.dx-button.dx-button-danger.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-danger.dx-state-focused,
.dx-button.dx-button-danger.dx-state-hover {
  background-color: #f11d0d;
}
.dx-button.dx-button-danger.dx-state-active {
  background-color: #bc160a;
}
.dx-button.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-danger.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-danger.dx-state-disabled .dx-button-text,
.dx-button.dx-button-danger.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success {
  border-radius: 4px;
  background-color: #8bc34a;
  color: #fff;
}
.dx-button.dx-button-success .dx-icon {
  color: #fff;
}
.dx-button.dx-button-success.dx-state-selected {
  background-color: #587f2a;
}
.dx-button.dx-button-success.dx-state-selected,
.dx-button.dx-button-success.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-button.dx-button-success.dx-state-focused,
.dx-button.dx-button-success.dx-state-hover {
  background-color: #75a938;
}
.dx-button.dx-button-success.dx-state-active {
  background-color: #587f2a;
}
.dx-button.dx-button-success .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-button.dx-button-success.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-button-success.dx-state-disabled .dx-button-text,
.dx-button.dx-button-success.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success.dx-state-disabled.dx-button-mode-contained {
  background-color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success.dx-state-disabled.dx-button-mode-outlined {
  border-color: rgba(0, 0, 0, 0.1);
}
.dx-button-mode-contained,
.dx-button-mode-contained.dx-state-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.dx-button-mode-contained.dx-state-focused {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.32);
}
.dx-button-mode-contained.dx-state-active {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.32);
}
.dx-button-mode-text {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-text .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-text.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.18);
}
.dx-button-mode-text.dx-state-selected,
.dx-button-mode-text.dx-state-selected .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-text.dx-state-focused,
.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-text.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-button-mode-text .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #03a9f4;
}
.dx-button-mode-text.dx-button-default .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-text.dx-button-default.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-button-mode-text.dx-button-default.dx-state-selected,
.dx-button-mode-text.dx-button-default.dx-state-selected .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  color: #f44336;
}
.dx-button-mode-text.dx-button-danger .dx-icon {
  color: #f44336;
}
.dx-button-mode-text.dx-button-danger.dx-state-selected {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-button-mode-text.dx-button-danger.dx-state-selected,
.dx-button-mode-text.dx-button-danger.dx-state-selected .dx-icon {
  color: #f44336;
}
.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(244, 67, 54, 0.08);
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(244, 67, 54, 0.2);
}
.dx-button-mode-text.dx-button-success {
  background-color: transparent;
  color: #8bc34a;
}
.dx-button-mode-text.dx-button-success .dx-icon {
  color: #8bc34a;
}
.dx-button-mode-text.dx-button-success.dx-state-selected {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-button-mode-text.dx-button-success.dx-state-selected,
.dx-button-mode-text.dx-button-success.dx-state-selected .dx-icon {
  color: #8bc34a;
}
.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(139, 195, 74, 0.08);
}
.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  background-color: rgba(139, 195, 74, 0.2);
}
.dx-button-mode-outlined {
  border: 1px solid rgba(0, 0, 0, 0.24);
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-outlined .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-outlined.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.18);
}
.dx-button-mode-outlined.dx-state-selected,
.dx-button-mode-outlined.dx-state-selected .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-button-mode-outlined.dx-state-focused,
.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-outlined.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-button-mode-outlined .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-button-mode-outlined.dx-button-default {
  border: 1px solid #03a9f4;
  background-color: transparent;
  color: #03a9f4;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-outlined.dx-button-default.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-button-mode-outlined.dx-button-default.dx-state-selected,
.dx-button-mode-outlined.dx-button-default.dx-state-selected .dx-icon {
  color: #03a9f4;
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-button-mode-outlined.dx-button-danger {
  border: 1px solid #f44336;
  background-color: transparent;
  color: #f44336;
}
.dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #f44336;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-selected {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-selected,
.dx-button-mode-outlined.dx-button-danger.dx-state-selected .dx-icon {
  color: #f44336;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(244, 67, 54, 0.08);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(244, 67, 54, 0.2);
}
.dx-button-mode-outlined.dx-button-success {
  border: 1px solid #8bc34a;
  background-color: transparent;
  color: #8bc34a;
}
.dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #8bc34a;
}
.dx-button-mode-outlined.dx-button-success.dx-state-selected {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-button-mode-outlined.dx-button-success.dx-state-selected,
.dx-button-mode-outlined.dx-button-success.dx-state-selected .dx-icon {
  color: #8bc34a;
}
.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(139, 195, 74, 0.08);
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
  background-color: rgba(139, 195, 74, 0.2);
}
.dx-buttongroup {
  display: inline-block;
}
.dx-buttongroup-wrapper {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  width: 100%;
}
.dx-buttongroup-mode-text .dx-buttongroup-wrapper {
  column-gap: 1px;
}
.dx-buttongroup-item {
  flex: 0 1 auto;
}
.dx-buttongroup-item.dx-button-mode-contained,
.dx-buttongroup-item.dx-button-mode-outlined {
  border-inline-start-width: 0;
}
.dx-buttongroup-item.dx-button-mode-contained.dx-button,
.dx-buttongroup-item.dx-button-mode-outlined.dx-button {
  border-radius: 0;
}
.dx-buttongroup-item-has-width {
  flex: 1 1 auto;
}
.dx-buttongroup.dx-state-disabled {
  opacity: 1;
}
.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-button-mode-outlined.dx-buttongroup-first-item {
  border-inline-start-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button {
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
}
.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-button-mode-outlined.dx-buttongroup-last-item {
  border-inline-end-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button {
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
}
.dx-buttongroup-mode-contained {
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.dx-buttongroup-mode-contained .dx-button-mode-contained {
  box-shadow: none;
  border-width: 0;
  border-style: solid;
  border-inline-end-width: 1px;
  border-inline-end-color: rgba(0, 0, 0, 0.24);
}
.dx-buttongroup-mode-contained
  .dx-button-mode-contained.dx-buttongroup-last-item {
  border-inline-end-width: 0;
}
.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
  position: absolute;
  display: none;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
  width: 40px;
  height: 40px;
  left: 50%;
  position: absolute;
  z-index: 1;
}
.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;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.dx-scrollable-native.dx-scrollable-native-android
  .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  transition: transform 0.1s linear;
}
.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;
  box-sizing: border-box;
}
.dx-scrollable-native.dx-scrollable-native-android
  .dx-scrollview-pull-down
  .dx-scrollview-pull-down-indicator
  .dx-loadindicator {
  float: left;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
  width: 100%;
  height: 100%;
  padding: 8px;
  font-size: 24px;
  box-sizing: border-box;
  transition: opacity 0.2s;
}
.dx-scrollable-native.dx-scrollable-native-android
  .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  transition: top 0.2s ease-out;
}
.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;
  transition: opacity 0.2s;
}
.dx-scrollable-native.dx-scrollable-native-android
  .dx-scrollview-pull-down-loading
  .dx-icon-pulldown {
  display: none;
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  position: absolute;
  left: 0;
  width: 100%;
  overflow-y: auto;
  transition: transform 0.4s;
  transform: translate(0, 0);
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  transition: transform 0.4s;
  transform: none;
}
.dx-scrollview-content {
  position: static;
}
.dx-scrollview-content::after,
.dx-scrollview-content::before {
  display: table;
  content: '';
  line-height: 0;
}
.dx-scrollview-content::after {
  clear: both;
}
.dx-scrollview-pull-down {
  width: 100%;
  height: 50px;
  padding: 15px 0;
  top: -80px;
  overflow: hidden;
  transform: translate(0, 0);
  -webkit-user-drag: none;
  box-sizing: content-box;
}
.dx-scrollview-pull-down-container {
  display: inline-block;
  width: 49%;
  text-align: right;
}
.dx-scrollview-pull-down-indicator {
  opacity: 0;
  left: 0;
  top: 50%;
  display: inline-block;
  margin: -15px 20px 0 15px;
  -webkit-user-drag: none;
}
.dx-scrollview-pull-down-image {
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
  height: 50px;
  background-size: contain;
  -webkit-user-drag: none;
  transform: translate(0, 0) rotate(0);
  transition: transform 0.2s linear;
}
.dx-scrollview-pull-down-text {
  vertical-align: middle;
  position: relative;
  overflow: visible;
  -webkit-user-drag: none;
}
.dx-scrollview-pull-down-text div {
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: visible;
  opacity: 0;
  position: relative;
}
.dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
  opacity: 1;
}
.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
  transform: translate(0, 0) rotate(-180deg);
}
.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
  opacity: 0;
}
.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
  opacity: 1;
}
.dx-scrollview-scrollbottom {
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  text-align: center;
  transform: translate(0, 0);
}
.dx-scrollview-scrollbottom::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dx-scrollview-scrollbottom-indicator {
  display: inline-block;
  margin: 0 10px 0 0;
  -webkit-user-drag: none;
}
.dx-scrollview-scrollbottom-text {
  margin-top: -20px;
  vertical-align: middle;
  -webkit-user-drag: none;
}
.dx-scrollview-scrollbottom-end {
  opacity: 0;
}
.dx-rtl
  .dx-scrollable-native.dx-scrollable-native-ios
  .dx-scrollview-top-pocket,
.dx-scrollable-native.dx-rtl.dx-scrollable-native-ios
  .dx-scrollview-top-pocket {
  left: auto;
  right: 0;
}
.dx-rtl .dx-scrollview-pull-down-container {
  text-align: left;
}
.dx-rtl .dx-scrollview-pull-down-indicator,
.dx-rtl .dx-scrollview-pull-down-text div {
  left: auto;
  right: 0;
}
.dx-rtl .dx-scrollview-scrollbottom-indicator {
  margin: 0 0 0 10px;
}
.dx-scrollview-pull-down-text,
.dx-scrollview-scrollbottom-text {
  margin-left: 10px;
  top: 18px;
  display: inline-block;
}
.dx-rtl .dx-scrollview-pull-down-text,
.dx-rtl .dx-scrollview-scrollbottom-text {
  margin-left: 0;
  margin-right: 10px;
}
.dx-scrollview-pull-down-image {
  display: none;
}
.dx-scrollview-pull-down {
  text-align: center;
}
.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px;
}
.dx-scrollview-pull-down-indicator,
.dx-scrollview-scrollbottom-indicator {
  margin-right: 0;
  height: 42px;
  width: 42px;
  border-radius: 21px;
  display: inline-flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.37);
  opacity: 1;
}
.dx-scrollview-pull-down-indicator > .dx-loadindicator,
.dx-scrollview-scrollbottom-indicator > .dx-loadindicator {
  height: 24px;
  width: 24px;
}
.dx-scrollview-pull-down-indicator
  > .dx-loadindicator
  > .dx-loadindicator-wrapper,
.dx-scrollview-scrollbottom-indicator
  > .dx-loadindicator
  > .dx-loadindicator-wrapper {
  font-size: 24px;
}
.dx-scrollview-pull-down-indicator {
  position: relative;
  margin-left: 0;
  margin-top: -21px;
}
.dx-scrollview-pull-down-text > div {
  display: none;
}
.dx-scrollview-pull-down-text > div.dx-scrollview-pull-down-text-visible {
  display: block;
}
.dx-checkbox {
  display: inline-block;
  cursor: pointer;
  line-height: 0;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-checkbox.dx-state-readonly {
  cursor: default;
}
.dx-checkbox-icon {
  flex-shrink: 0;
  position: relative;
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.dx-checkbox-container {
  overflow: hidden;
  white-space: nowrap;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  text-overflow: clip;
}
.dx-checkbox-text {
  text-align: start;
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: normal;
  padding-inline-start: 5px;
}
.dx-state-disabled .dx-checkbox,
.dx-state-disabled.dx-checkbox {
  cursor: default;
}
.dx-checkbox .dx-checkbox-container {
  overflow: visible;
}
.dx-checkbox.dx-state-disabled,
.dx-checkbox.dx-state-readonly {
  border-color: rgba(0, 0, 0, 0.26);
}
.dx-checkbox.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
}
.dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon::after,
.dx-checkbox.dx-checkbox-indeterminate.dx-state-focused
  .dx-checkbox-icon::after {
  background-color: rgba(3, 169, 244, 0.1);
  transform: scale(1);
}
.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: rgba(0, 0, 0, 0.26);
}
.dx-checkbox-checked.dx-state-readonly.dx-state-focused
  .dx-checkbox-icon::after,
.dx-checkbox-indeterminate.dx-state-readonly.dx-state-focused
  .dx-checkbox-icon::after,
.dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
}
.dx-checkbox-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
}
.dx-checkbox-icon::after {
  content: '';
  width: 2.222223em;
  height: 2.222223em;
  top: 50%;
  left: 50%;
  margin-top: -1.1111115em;
  margin-left: -1.1111115em;
  border-radius: 50%;
  display: block;
  position: absolute;
  z-index: 1;
  transform: scale(0.5);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.dx-checkbox-icon::before {
  z-index: 2;
}
.dx-checkbox-checked .dx-checkbox-icon {
  color: #fff;
  background-color: #03a9f4;
  border: none;
  font: 18px/1 DXIcons;
}
.dx-checkbox-checked .dx-checkbox-icon::before {
  content: '\f005';
  position: relative;
  display: block;
  width: 1em;
  height: 1em;
  top: 50%;
  margin-top: -0.5em;
  inset-inline-start: 50%;
  margin-inline-start: -0.5em;
  font-size: 0.888889em;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
  background-color: #03a9f4;
  border: none;
  color: #03a9f4;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  position: relative;
  display: block;
  width: 0.666667em;
  height: 0.111112em;
  top: 50%;
  margin-top: -0.055556em;
  inset-inline-start: 50%;
  margin-inline-start: -0.3333335em;
  font-size: inherit;
  content: '';
  background-color: #fff;
  border-radius: 0;
}
.dx-invalid .dx-checkbox-icon {
  border: 2px solid #f44336;
}
.dx-invalid.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(244, 67, 54, 0.1);
  transform: scale(1);
}
.dx-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
}
.dx-switch .dx-switch-wrapper {
  display: inline-block;
  text-align: left;
  height: 100%;
  width: 100%;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  inset-inline-start: -10px;
  top: -10px;
  overflow: hidden;
  vertical-align: middle;
  box-sizing: content-box;
}
.dx-switch .dx-switch-wrapper::before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.dx-switch-inner {
  display: flex;
  transform: translateX(-50%);
}
.dx-switch-container {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  height: 20px;
  overflow: visible;
  position: relative;
  padding: 0;
}
.dx-state-disabled .dx-switch,
.dx-state-disabled.dx-switch {
  cursor: default;
}
.dx-switch-handle,
.dx-switch-on-value .dx-switch-inner {
  transform: translateX(0);
}
.dx-switch-on-value .dx-switch-handle {
  transform: translateX(-100%);
}
.dx-rtl .dx-switch-wrapper,
.dx-rtl.dx-switch-wrapper {
  text-align: right;
}
.dx-rtl .dx-switch-inner {
  transform: translateX(50%);
}
.dx-rtl .dx-switch-handle {
  transform: translateX(-100%);
}
.dx-rtl.dx-switch-on-value .dx-switch-handle {
  transform: translateX(0);
}
.dx-switch {
  width: 36px;
  height: 20px;
}
.dx-switch-container::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 14px;
  border-radius: 500px;
  margin: 3px 0;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: #9e9e9e;
}
.dx-switch-inner {
  width: 200%;
  height: 100%;
}
.dx-switch-off,
.dx-switch-on {
  flex-shrink: 0;
  float: left;
  padding: 4px 0;
  width: 50%;
  height: 20px;
  color: transparent;
  text-align: center;
  line-height: 100%;
}
.dx-switch-on {
  background: 0 0;
}
.dx-switch-off {
  display: none;
  padding-bottom: 10px;
  background-color: transparent;
}
.dx-switch-handle {
  flex-basis: 20px;
  flex-shrink: 0;
  position: relative;
  float: left;
  margin: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fafafa;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.dx-switch-handle::before {
  display: block;
  content: ' ';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: #fafafa;
}
.dx-switch.dx-state-disabled .dx-switch-handle::before,
.dx-switch.dx-state-readonly .dx-switch-handle::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-switch.dx-state-disabled .dx-switch-container::before,
.dx-switch.dx-state-readonly .dx-switch-container::before {
  background-color: #bdbdbd;
}
.dx-switch.dx-state-active .dx-switch-handle::before,
.dx-switch.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.dx-switch-on-value.dx-state-readonly.dx-state-focused
  .dx-switch-handle::before,
.dx-switch.dx-state-readonly.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.dx-switch-on-value .dx-switch-container::before {
  background-color: rgba(3, 169, 244, 0.5);
}
.dx-switch-on-value .dx-switch-handle::before {
  background-color: #03a9f4;
}
.dx-switch-on-value.dx-state-active .dx-switch-handle::before,
.dx-switch-on-value.dx-state-focused .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(3, 169, 244, 0.1);
  border-radius: 50%;
}
.dx-rtl .dx-switch .dx-switch-off,
.dx-switch.dx-rtl .dx-switch-off {
  margin-left: 0;
}
.dx-rtl .dx-switch .dx-switch-handle,
.dx-switch.dx-rtl .dx-switch-handle {
  float: right;
  margin-left: 0;
  margin-right: -20px;
}
.dx-rtl .dx-switch .dx-switch-container,
.dx-switch.dx-rtl .dx-switch-container {
  margin: 0 0 0 -6px;
}
.dx-invalid.dx-switch .dx-switch-container::before {
  background-color: rgba(244, 67, 54, 0.5);
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(.dx-state-disabled)
  .dx-switch-container
  .dx-switch-handle::before {
  background-color: #f44336;
}
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(
    .dx-state-disabled
  ).dx-state-active
  .dx-switch-container
  .dx-switch-handle::before,
.dx-invalid.dx-switch-on-value:not(.dx-state-readonly):not(
    .dx-state-disabled
  ).dx-state-focused
  .dx-switch-container
  .dx-switch-handle::before {
  box-shadow: 0 0 0 10px rgba(244, 67, 54, 0.1);
}
.dx-tabs {
  padding: 0;
  background-color: #fff;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: flex;
  width: 100%;
}
.dx-tabs .dx-inkripple {
  overflow: hidden;
}
.dx-tabs .dx-scrollable {
  flex-basis: 100%;
}
.dx-tabs-styling-mode-primary.dx-tabs:not(.dx-tabs-vertical)
  .dx-tabs-scrollable
  .dx-tab {
  flex-basis: auto;
  min-width: 90px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-top
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  background-color: #03a9f4;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-top
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.13);
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-right
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  background-color: #03a9f4;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-right
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.13);
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  background-color: #03a9f4;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-bottom
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.13);
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-left
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  background-color: #03a9f4;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
.dx-tabs-styling-mode-primary.dx-tab-indicator-position-left
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.13);
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 2px;
}
:root {
  --dx-list-item-padding-inline: 16px;
  --dx-list-item-padding-block: 14px;
  --dx-component-color-bg: #fff;
  --dx-color-main-bg: #fff;
  --dx-color-primary: #03a9f4;
  --dx-color-danger: #f44336;
  --dx-color-success: #8bc34a;
  --dx-color-warning: #ffc107;
  --dx-color-border: #e0e0e0;
  --dx-color-text: rgba(0, 0, 0, 0.87);
  --dx-color-icon: rgba(0, 0, 0, 0.54);
  --dx-color-spin-icon: rgba(0, 0, 0, 0.54);
  --dx-color-link: #03a9f4;
  --dx-color-shadow: black;
  --dx-color-separator: #e0e0e0;
  --dx-component-height: 48px;
  --dx-font-size: 14px;
  --dx-border-width: 1px;
  --dx-border-radius: 4px;
  --dx-font-size-icon: 24px;
  --dx-button-padding-inline: 16px;
  --dx-texteditor-color-text: rgba(0, 0, 0, 0.87);
  --dx-texteditor-color-label: rgba(0, 0, 0, 0.6);
  --dx-toolbar-height: 56px;
  --dx-popup-toolbar-item-padding-inline: 8px;
}
.dx-icon-accountbox,
.dx-icon-add,
.dx-icon-addcolumnleft,
.dx-icon-addcolumnright,
.dx-icon-addrowabove,
.dx-icon-addrowbelow,
.dx-icon-addtable,
.dx-icon-airplane,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-arrowback,
.dx-icon-arrowdown,
.dx-icon-arrowleft,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-background,
.dx-icon-bell,
.dx-icon-blockquote,
.dx-icon-bold,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-bulletlist,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-cellproperties,
.dx-icon-chart,
.dx-icon-checklist,
.dx-icon-clear,
.dx-icon-clearcircle,
.dx-icon-clearformat,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-codeblock,
.dx-icon-color,
.dx-icon-columnproperties,
.dx-icon-comment,
.dx-icon-dataarea,
.dx-icon-datapie,
.dx-icon-datatrending,
.dx-icon-datausage,
.dx-icon-decreaseindent,
.dx-icon-doc,
.dx-icon-download,
.dx-icon-edit,
.dx-icon-email,
.dx-icon-errorcircle,
.dx-icon-event,
.dx-icon-eventall,
.dx-icon-favorites,
.dx-icon-find,
.dx-icon-folder,
.dx-icon-fontsize,
.dx-icon-food,
.dx-icon-formula,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-growfont,
.dx-icon-handlehorizontal,
.dx-icon-handlevertical,
.dx-icon-header,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-increaseindent,
.dx-icon-indent,
.dx-icon-info,
.dx-icon-italic,
.dx-icon-key,
.dx-icon-like,
.dx-icon-link,
.dx-icon-map,
.dx-icon-mention,
.dx-icon-menu,
.dx-icon-mergecells,
.dx-icon-money,
.dx-icon-music,
.dx-icon-orderedlist,
.dx-icon-ordersbox,
.dx-icon-overflow,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-pinmap,
.dx-icon-plus,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-redo,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-removecolumn,
.dx-icon-removerow,
.dx-icon-removetable,
.dx-icon-rowproperties,
.dx-icon-runner,
.dx-icon-save,
.dx-icon-search,
.dx-icon-shrinkfont,
.dx-icon-splitcells,
.dx-icon-strike,
.dx-icon-subscript,
.dx-icon-superscript,
.dx-icon-tableproperties,
.dx-icon-tags,
.dx-icon-taskcomplete,
.dx-icon-taskhelpneeded,
.dx-icon-taskinprogress,
.dx-icon-taskrejected,
.dx-icon-taskstop,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-to,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-triangledown,
.dx-icon-triangleleft,
.dx-icon-triangleright,
.dx-icon-triangleup,
.dx-icon-underline,
.dx-icon-undo,
.dx-icon-user,
.dx-icon-variable,
.dx-icon-verticalalignbottom,
.dx-icon-verticalaligncenter,
.dx-icon-verticalaligntop,
.dx-icon-video {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.dx-icon {
  background-position: 50% 50%;
}
.dx-svg-icon svg {
  pointer-events: none;
}
.dx-rtl .dx-icon-spinnext::before {
  content: '\f04f';
}
.dx-rtl .dx-icon-spinprev::before {
  content: '\f04e';
}
.dx-rtl .dx-icon-chevronnext::before {
  content: '\f012';
}
.dx-rtl .dx-icon-back::before,
.dx-rtl .dx-icon-chevronprev::before {
  content: '\f010';
}
.dx-rtl .dx-icon-undo::before {
  content: '\f093';
}
.dx-rtl .dx-icon-redo::before {
  content: '\f04c';
}
.dx-rtl .dx-icon-hidepanel::before {
  content: '\f11d';
}
.dx-rtl .dx-icon-showpanel::before {
  content: '\f11c';
}
.dx-tabs.dx-overflow-hidden {
  overflow: hidden;
}
.dx-tabs.dx-tabs-vertical .dx-tabs-wrapper .dx-tab-text {
  white-space: normal;
}
.dx-tabs .dx-tab-text-span,
.dx-tabs .dx-tab-text-span-pseudo {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-tabs-scrollable {
  width: 100%;
  overflow: hidden;
}
.dx-tabs-scrollable .dx-tabs-wrapper {
  white-space: nowrap;
  height: 100%;
}
.dx-tabs-scrollable .dx-scrollable-content {
  height: 100%;
}
.dx-tabs-wrapper {
  position: relative;
  display: flex;
  width: 100%;
}
.dx-tabs-expanded .dx-tab {
  flex-basis: 100%;
  flex-grow: 0;
}
.dx-tabs-stretched .dx-tab {
  flex-basis: unset;
  flex-grow: 1;
}
.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
  flex-basis: 100%;
  min-width: max-content;
}
.dx-tabs:not(.dx-tabs-scrolling-enabled) {
  min-width: min-content;
}
.dx-tab {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  justify-content: center;
  flex-basis: 100%;
  min-width: max-content;
  cursor: pointer;
}
.dx-tab a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-decoration: none;
  opacity: 0.001;
}
.dx-tab .dx-icon {
  display: inline-block;
  -webkit-user-drag: none;
}
.dx-tab-content {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
}
.dx-tab-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  -webkit-user-drag: none;
}
.dx-tabs-nav-button {
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
}
.dx-rtl.dx-tabs:not(.dx-tabs-vertical) {
  flex-direction: row-reverse;
}
.dx-tabs-vertical {
  display: inline-flex;
  flex-direction: column;
  width: auto;
}
.dx-tabs-vertical .dx-tab {
  min-width: 0;
}
.dx-tabs-vertical .dx-tabs-wrapper {
  flex-direction: column;
  height: auto;
}
.dx-tabs-vertical .dx-tabs-nav-button .dx-icon {
  transform: rotate(90deg);
}
.dx-tabs-vertical.dx-tabs-icon-position-end .dx-tab,
.dx-tabs-vertical.dx-tabs-icon-position-start .dx-tab {
  justify-content: flex-start;
}
.dx-tabs-icon-position-end .dx-tab-text {
  flex-direction: row-reverse;
}
.dx-tabs-icon-position-top .dx-tab-text {
  text-align: center;
  flex-direction: column;
}
.dx-tabs-icon-position-bottom .dx-tab-text {
  text-align: center;
  flex-direction: column-reverse;
}
.dx-scrollable-scrollbar-simulated {
  position: relative;
}
.dx-scrollable {
  display: block;
  height: 100%;
  min-height: 0;
}
.dx-scrollable:focus {
  outline: 0;
}
.dx-scrollable-native.dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-scrollbar {
  display: none;
}
.dx-scrollable-native.dx-scrollable-scrollbar-simulated
  .dx-scrollable-scrollbar {
  display: block;
}
.dx-scrollable-native > div.dx-scrollable-wrapper > .dx-scrollable-container,
.dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container {
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
}
.dx-scrollable-native.dx-scrollable-vertical,
.dx-scrollable-native.dx-scrollable-vertical
  > .dx-scrollable-wrapper
  > .dx-scrollable-container {
  touch-action: pan-y;
  overflow-x: hidden;
  overflow-y: auto;
}
.dx-scrollable-native.dx-scrollable-horizontal,
.dx-scrollable-native.dx-scrollable-horizontal
  > .dx-scrollable-wrapper
  > .dx-scrollable-container {
  touch-action: pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: hidden;
}
.dx-scrollable-native.dx-scrollable-both,
.dx-scrollable-native.dx-scrollable-both
  > .dx-scrollable-wrapper
  > .dx-scrollable-container {
  touch-action: pan-y pan-x;
  float: none;
  overflow-x: auto;
  overflow-y: auto;
}
.dx-scrollable-native.dx-scrollable-disabled,
.dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
  touch-action: auto;
}
.dx-scrollable-native.dx-scrollable-scrollbars-hidden
  > .dx-scrollable-wrapper
  > .dx-scrollable-container {
  overflow: hidden;
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
  min-height: 101%;
  box-sizing: content-box;
}
.dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal
  .dx-scrollable-content {
  min-height: 0;
  padding: 0;
}
.dx-scrollable-native.dx-scrollable-native-generic {
  overflow: hidden;
}
.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  height: auto;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  transform: none;
  z-index: 0;
}
.dx-scrollable-scrollbar-simulated,
.dx-scrollable-scrollbar-simulated .dx-scrollable-container {
  scrollbar-width: none;
}
.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar,
.dx-scrollable-scrollbar-simulated ::-webkit-scrollbar {
  display: none;
}
.dx-scrollable-container {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: none;
}
.dx-scrollable-container:focus {
  outline: 0;
}
.dx-scrollable-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.dx-scrollable-content {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  transform: none;
}
.dx-scrollable-content::after {
  display: block;
  content: '';
  clear: both;
}
.dx-scrollable-both .dx-scrollable-content,
.dx-scrollable-horizontal .dx-scrollable-content {
  display: block;
  float: left;
  min-width: 100%;
}
.dx-scrollable-scrollbar {
  position: absolute;
  pointer-events: auto;
}
.dx-scrollbar-vertical {
  top: 0;
  right: 0;
  height: 100%;
}
.dx-scrollbar-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
}
.dx-scrollable-scroll {
  position: relative;
  box-sizing: border-box;
  transform: translate(0, 0);
  background-color: transparent;
  opacity: 1;
  transition: opacity linear, background-color linear;
  overflow: hidden;
  padding: 2px;
}
.dx-scrollable-scroll.dx-state-invisible {
  display: block !important;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.5s linear 1s, background-color 0.5s linear 1s;
}
.dx-rtl .dx-scrollable-scroll {
  direction: rtl;
  float: left;
}
.dx-scrollable-scroll-content {
  width: 100%;
  height: 100%;
  background-color: rgba(191, 191, 191, 0.7);
}
.dx-rtl .dx-scrollable,
.dx-rtl .dx-scrollable .dx-scrollable-container,
.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-rtl.dx-scrollable,
.dx-rtl.dx-scrollable .dx-scrollable-container,
.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: ltr;
}
.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-container,
.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: rtl;
}
.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  float: right;
}
.dx-rtl .dx-scrollable .dx-scrollable-content > *,
.dx-rtl.dx-scrollable .dx-scrollable-content > * {
  direction: rtl;
}
.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  right: auto;
  left: 0;
}
.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
.dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  direction: ltr;
}
.dx-scrollable-simulated .dx-scrollable-content {
  overflow-anchor: none;
}
.dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
  pointer-events: none;
}
.dx-scrollbar-hoverable,
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-hoverable.dx-state-hover {
  background-color: transparent;
}
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active
  .dx-scrollable-scroll-content {
  background-color: rgba(191, 191, 191, 0.7);
}
.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  opacity: 1;
}
.dx-scrollbar-hoverable
  .dx-scrollable-scroll.dx-state-invisible
  .dx-scrollable-scroll-content {
  background-color: transparent;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
  float: right;
  width: 6px;
  padding-inline-end: 0;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 6px;
  transition: width 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color 0.5s linear 1s, width 0.2s linear 150ms;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable
  .dx-scrollable-scroll
  .dx-scrollable-scroll-content {
  transition: background-color 0.15s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable
  .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color 0.5s linear 1s, width 0.2s linear 0.15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable
  .dx-scrollable-scroll.dx-state-invisible
  .dx-scrollable-scroll-content {
  transition: background-color 0.5s linear 1s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active
  .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover
  .dx-scrollable-scroll {
  width: 13px;
}
.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 6px;
  padding-bottom: 0;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 6px;
  transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable
  .dx-scrollable-scroll
  .dx-scrollable-scroll-content {
  transition: background-color 0.15s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable
  .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color 0.5s linear 1s, height 0.2s linear 0.15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable
  .dx-scrollable-scroll.dx-state-invisible
  .dx-scrollable-scroll-content {
  transition: background-color 0.5s linear 1s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active
  .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover
  .dx-scrollable-scroll {
  height: 13px;
}
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content {
  padding-right: 6px;
}
.dx-rtl
  .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content,
.dx-rtl
  .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both.dx-rtl
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content {
  padding-right: 0;
  padding-left: 6px;
}
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content,
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal
  > .dx-scrollable-wrapper
  > .dx-scrollable-container
  > .dx-scrollable-content {
  padding-bottom: 6px;
}
.dx-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #03a9f4;
  color: #fff;
  font-size: 12px;
  padding: 3px 9px;
  line-height: normal;
  border-radius: 14px;
  margin-top: 1px;
}
.dx-tabs-styling-mode-secondary.dx-tabs-horizontal .dx-tabs-scrollable .dx-tab {
  flex-basis: auto;
}
.dx-tabs-styling-mode-secondary .dx-tab {
  min-width: 0;
}
.dx-tabs-styling-mode-secondary .dx-tab .dx-tab-text .dx-tab-text-span {
  text-transform: none;
}
.dx-tabs-styling-mode-secondary .dx-tab-content {
  position: relative;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-top
  .dx-tab.dx-tab-selected
  .dx-tab-content::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #03a9f4;
  top: -12px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-top
  .dx-tab-selected.dx-state-disabled
  .dx-tab-content::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.13);
  top: -12px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-top-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-right
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: #03a9f4;
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-right
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: rgba(0, 0, 0, 0.13);
  right: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom
  .dx-tab.dx-tab-selected
  .dx-tab-content::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #03a9f4;
  bottom: -12px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-bottom
  .dx-tab-selected.dx-state-disabled
  .dx-tab-content::after {
  content: '';
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.13);
  bottom: -12px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-left
  .dx-tab-selected::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: #03a9f4;
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tabs-styling-mode-secondary.dx-tab-indicator-position-left
  .dx-tab-selected.dx-state-disabled::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 3px;
  height: calc(100% - 24px);
  background-color: rgba(0, 0, 0, 0.13);
  left: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
.dx-tab {
  gap: 4px;
  padding: 12px 16px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
}
.dx-tab.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-tab.dx-tab-selected,
.dx-tab.dx-tab-selected .dx-icon {
  color: #03a9f4;
}
.dx-tab.dx-state-disabled,
.dx-tab.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.32);
}
.dx-tab.dx-state-active,
.dx-tab.dx-state-active .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.16);
}
.dx-tab .dx-tab-text {
  column-gap: 8px;
  line-height: 1.714286;
  font-weight: 500;
  text-transform: uppercase;
}
.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
  display: none;
}
.dx-tab .dx-icon {
  color: rgba(0, 0, 0, 0.54);
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-tab .dx-tabs-item-badge {
  align-self: center;
}
.dx-tabs.dx-state-focused .dx-tab.dx-state-focused {
  background-color: rgba(3, 169, 244, 0.12);
}
.dx-tabs-nav-button {
  border: none;
  background-color: #fff;
  height: auto;
  border-radius: 0;
  box-shadow: none;
}
.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);
  border-radius: 0;
}
.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);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(
    .dx-button-has-text
  ).dx-state-selected {
  background-color: rgba(2, 139, 201, 0.08);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(
    .dx-button-has-text
  ).dx-state-selected,
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(
    .dx-button-has-text
  ).dx-state-selected
  .dx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(
    .dx-button-has-text
  ).dx-state-active,
.dx-tabs-nav-button.dx-button.dx-tabs-nav-button.dx-button-has-icon:not(
    .dx-button-has-text
  ).dx-state-focused,
.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(2, 139, 201, 0.08);
}
.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(2, 139, 201, 0.08);
}
.dx-tabs-nav-button.dx-button-has-icon .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dx-tabs-nav-button.dx-state-active {
  border: none;
}
.dx-tabs-nav-button.dx-state-disabled {
  opacity: 1;
  background-color: #fff;
}
.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: 0;
}
.dx-tabs-nav-button .dx-button-content {
  flex: unset;
  padding: 0 4px;
}
.dx-tabs-vertical .dx-tabs-nav-button {
  padding: 4px 0;
}
.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;
}
.dx-overlay-wrapper,
.dx-overlay-wrapper *,
.dx-overlay-wrapper ::after,
.dx-overlay-wrapper ::before,
.dx-overlay-wrapper::after,
.dx-overlay-wrapper::before {
  box-sizing: border-box;
}
.dx-overlay-shader {
  pointer-events: auto;
  background-color: rgba(0, 0, 0, 0.32);
}
.dx-overlay-content {
  position: absolute;
  pointer-events: auto;
  z-index: 1000;
  outline: 0;
  overflow: clip;
}
.dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-validationsummary-item {
  color: #f44336;
}
.dx-invalid-message > .dx-overlay-content {
  color: #fff;
  background-color: #f44336;
  border-radius: 4px;
  padding: 4px 8px;
  line-height: 16px;
  font-size: 12px;
}
.dx-editor-filled
  .dx-invalid-message-bottom
  .dx-invalid-message
  > .dx-overlay-content,
.dx-editor-filled
  .dx-invalid-message-top
  .dx-invalid-message
  > .dx-overlay-content,
.dx-invalid-message-bottom
  .dx-invalid-message
  > .dx-overlay-content
  .dx-editor-outlined,
.dx-invalid-message-top
  .dx-invalid-message
  > .dx-overlay-content
  .dx-editor-outlined {
  padding-left: 16px;
  padding-right: 16px;
}
.dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
  margin-bottom: 10px;
}
.dx-form-validation-summary {
  margin-top: 20px;
}
.dx-searchbox .dx-icon-search {
  display: block;
  position: relative;
  pointer-events: none;
}
.dx-searchbox .dx-icon-search::before {
  display: inline-block;
  overflow: hidden;
  box-sizing: content-box;
  position: static;
  text-indent: 0;
}
.dx-texteditor {
  display: block;
}
.dx-texteditor.dx-texteditor-with-floating-label,
.dx-texteditor.dx-texteditor-with-label {
  position: relative;
}
.dx-placeholder {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: left;
  cursor: text;
  pointer-events: none;
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: normal;
}
.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;
}
.dx-placeholder::after {
  content: ' ';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.dx-texteditor-container {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dx-texteditor-buttons-container {
  display: flex;
  width: auto;
  flex-grow: 0;
  flex-basis: content;
  align-items: center;
}
.dx-texteditor-input-container {
  display: flex;
  flex-grow: 1;
  position: relative;
  align-items: baseline;
}
.dx-texteditor-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  outline: 0;
  border: 0;
  -webkit-user-select: text;
  user-select: text;
  margin: 0;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  font-size: 16px;
}
.dx-texteditor-input:autofill + .dx-placeholder {
  display: none !important;
}
.dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none;
}
.dx-texteditor-input::placeholder {
  color: transparent;
}
.dx-show-clear-button {
  position: relative;
}
.dx-clear-button-area {
  height: 100%;
  width: 34px;
  position: relative;
  cursor: pointer;
  text-align: justify;
}
.dx-clear-button-area .dx-icon-clear {
  position: absolute;
  display: inline-block;
  background-size: contain;
}
.dx-texteditor-empty .dx-clear-button-area {
  display: none;
}
.dx-state-disabled .dx-placeholder {
  cursor: auto;
}
.dx-state-disabled .dx-clear-button-area {
  display: none;
}
.dx-state-disabled .dx-texteditor-input {
  opacity: 1;
}
.dx-texteditor {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: relative;
}
.dx-texteditor::before {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: '';
  position: absolute;
  z-index: 2;
  transform: scale(0);
}
.dx-texteditor::after {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  content: '';
  position: absolute;
}
.dx-texteditor.dx-state-focused .dx-texteditor-label {
  color: #03a9f4;
  font-size: 12px;
}
.dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
  color: #f44336;
}
.dx-texteditor.dx-texteditor-label-outside .dx-texteditor-label {
  color: rgba(0, 0, 0, 0.87);
}
.dx-texteditor.dx-texteditor-label-outside.dx-invalid .dx-texteditor-label {
  color: #f44336;
}
.dx-texteditor.dx-state-active,
.dx-texteditor.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-texteditor.dx-state-active::before,
.dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #03a9f4;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.02, 1);
}
.dx-texteditor.dx-invalid.dx-editor-underlined .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-underlined .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-invalid.dx-editor-outlined .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-editor-outlined .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-texteditor.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-texteditor.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid.dx-editor-filled .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-texteditor.dx-invalid .dx-texteditor-input-container::after,
.dx-texteditor.dx-valid .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-texteditor.dx-validation-pending.dx-editor-underlined .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-texteditor.dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-texteditor.dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-texteditor.dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  inset-inline-end: 6px;
}
.dx-texteditor.dx-editor-filled .dx-lookup-field,
.dx-texteditor.dx-editor-filled .dx-placeholder::before,
.dx-texteditor.dx-editor-filled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined .dx-lookup-field,
.dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 15px 16px 14px;
}
.dx-texteditor.dx-editor-filled {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-texteditor.dx-editor-filled::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.dx-texteditor.dx-editor-filled.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.dx-texteditor.dx-editor-filled.dx-state-disabled,
.dx-texteditor.dx-editor-filled.dx-state-readonly,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.12);
}
.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-texteditor-input,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover
  .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-underlined {
  background-color: transparent;
}
.dx-texteditor.dx-editor-underlined::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}
.dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}
.dx-texteditor.dx-editor-underlined .dx-placeholder::before,
.dx-texteditor.dx-editor-underlined .dx-texteditor-input {
  padding: 15px 0 14px;
}
.dx-texteditor.dx-editor-underlined.dx-state-disabled::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after,
.dx-texteditor.dx-editor-underlined.dx-state-readonly::after {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: rgba(244, 67, 54, 0.4);
}
.dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.42);
}
.dx-texteditor.dx-editor-outlined::before {
  display: none;
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled,
.dx-texteditor.dx-editor-outlined.dx-state-readonly {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-outlined.dx-state-disabled .dx-texteditor-input,
.dx-texteditor.dx-editor-outlined.dx-state-readonly .dx-texteditor-input {
  color: rgba(0, 0, 0, 0.38);
}
.dx-texteditor.dx-editor-outlined.dx-state-hover {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.dx-texteditor.dx-editor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 2px #03a9f4;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  box-shadow: inset 0 0 0 2px #f44336;
}
.dx-texteditor.dx-editor-outlined.dx-invalid {
  box-shadow: inset 0 0 0 1px rgba(244, 67, 54, 0.4);
}
.dx-show-clear-button .dx-clear-button-area {
  width: 22px;
  min-width: 22px;
  right: 0;
}
.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;
}
.dx-show-clear-button .dx-icon-clear::before {
  position: absolute;
  display: block;
  width: 12px;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -6px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-underlined
  .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled
  .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined
  .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled
  .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid
  .dx-texteditor-input-container::after,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-valid
  .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input,
.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-filled
  .dx-texteditor-input-container
  .dx-pending-indicator,
.dx-show-clear-button:not(
    .dx-texteditor-empty
  ).dx-validation-pending.dx-editor-outlined
  .dx-texteditor-input-container
  .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-show-clear-button:not(.dx-texteditor-empty).dx-validation-pending
  .dx-texteditor-input-container
  .dx-pending-indicator {
  inset-inline-end: 6px;
}
.dx-invalid.dx-texteditor.dx-state-hover::after {
  border-bottom-color: rgba(244, 67, 54, 0.4);
}
.dx-invalid.dx-texteditor.dx-state-active::before,
.dx-invalid.dx-texteditor.dx-state-focused::before {
  border-bottom: 2px solid #f44336;
}
.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: #f44336;
  color: #fff;
  content: '!';
  border-radius: 50%;
}
.dx-texteditor-label {
  position: absolute;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: text;
  width: 100%;
  display: flex;
  flex-direction: row;
  top: 0;
  left: 0;
}
.dx-texteditor-label .dx-label {
  display: flex;
}
.dx-texteditor-label .dx-label span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto;
  max-width: 100%;
  display: block;
  margin-bottom: -1px;
}
.dx-invalid .dx-texteditor-label {
  color: #f44336;
}
.dx-editor-outlined .dx-texteditor-label {
  inset: 0;
}
.dx-editor-outlined .dx-label {
  padding: 0 2px;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-inline-width: 0;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: rgba(0, 0, 0, 0.42);
  margin-left: -2px;
  margin-right: -2px;
  border-radius: 1px;
  clip-path: inset(-12px 1px -1px 1px);
}
.dx-editor-outlined .dx-label span {
  position: relative;
  font-size: 12px;
  top: 0;
  margin-top: 0;
  transform: translate(0, -6.5px);
  height: 14px;
  line-height: normal;
}
.dx-editor-outlined .dx-label-before {
  border-block-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 0;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: rgba(0, 0, 0, 0.42);
  border-inline-start-color: rgba(0, 0, 0, 0.42);
  border-start-start-radius: 4px;
  border-end-start-radius: 4px;
  min-width: 16px;
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-editor-outlined .dx-label-after {
  flex-grow: 1;
  min-width: 16px;
  border-block-width: 1px;
  border-inline-end-width: 1px;
  border-inline-start-width: 0;
  border-style: solid;
  border-top-color: rgba(0, 0, 0, 0.42);
  border-bottom-color: rgba(0, 0, 0, 0.42);
  border-inline-end-color: rgba(0, 0, 0, 0.42);
  border-start-end-radius: 4px;
  border-end-end-radius: 4px;
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-editor-outlined.dx-rtl .dx-label-before {
  clip-path: inset(-1px -1px -1px 1px);
}
.dx-editor-outlined.dx-rtl .dx-label-after {
  clip-path: inset(-1px 1px -1px -1px);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label,
.dx-editor-outlined.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-daterangebox
  .dx-label {
  position: relative;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox
  .dx-label::before,
.dx-editor-outlined.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-daterangebox
  .dx-label::before {
  content: '';
  width: 100%;
  position: absolute;
  height: 3px;
  top: -0.5px;
  margin-inline-start: -2px;
  background-color: #fff;
}
.dx-editor-outlined.dx-texteditor-with-floating-label,
.dx-editor-outlined.dx-texteditor-with-label {
  outline: 0;
  margin-top: 6.5px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor:not(
    .dx-daterangebox
  ),
.dx-editor-outlined.dx-texteditor-with-label.dx-texteditor:not(
    .dx-daterangebox
  ) {
  border: none;
  box-shadow: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-label-before {
  border-style: solid;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly
  .dx-label-before {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-before {
  border-color: rgba(244, 67, 54, 0.4);
  border-bottom-color: rgba(244, 67, 54, 0.4);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover
  .dx-label-before {
  border-color: #f44336;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before {
  border-color: rgba(0, 0, 0, 0.87);
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-color: #03a9f4;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label {
  border-top-width: 0;
  border-bottom-width: 2px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label-before,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-width: 2px;
  border-inline-end-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-label-after,
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after {
  border-width: 2px;
  border-inline-start-width: 0;
}
.dx-editor-outlined.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  user-select: auto;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label-after,
.dx-editor-outlined.dx-texteditor-label-outside .dx-label-before {
  clip-path: none;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label {
  margin: 0;
  clip-path: none;
  border-top-width: 1px;
  border-radius: 0;
  border-start-end-radius: 1px;
  border-end-end-radius: 1px;
  margin-inline-start: 0;
  padding: 0;
}
.dx-editor-outlined.dx-texteditor-label-outside .dx-label span {
  position: absolute;
  width: 100%;
  cursor: default;
  pointer-events: auto;
  font-size: 14px;
  margin-top: 0;
  top: -24px;
  height: 1.4285714286em;
  line-height: 1.4285714286em;
}
.dx-editor-outlined.dx-texteditor-with-floating-label .dx-placeholder {
  display: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-placeholder,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-label {
  padding: 0 2px;
  border-top-width: 1px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-label
  span {
  transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -9.5px;
  height: 19px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-label::before {
  background-color: transparent;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-label,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused
  .dx-label {
  border-top-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-label
  span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused
  .dx-label
  span {
  transform: translate(0, -6.5px);
  font-size: 12px;
  margin-top: 0;
  top: 0;
  height: 14px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active
  .dx-label::before,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused
  .dx-label::before {
  background-color: #fff;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-textarea
  .dx-label
  span,
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused.dx-textarea
  .dx-label
  span {
  top: 0;
  margin-top: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder {
  display: none;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-label {
  padding: 0 2px;
  border-top-width: 2px;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-label
  span {
  transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  top: 50%;
  margin-top: -9.5px;
  height: 19px;
  line-height: normal;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused
  .dx-label::before {
  background-color: transparent;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea
  .dx-label
  span {
  top: 15px;
  margin-top: 0;
}
.dx-editor-filled .dx-texteditor-label .dx-label-after,
.dx-editor-filled .dx-texteditor-label .dx-label-before {
  min-width: 16px;
}
.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-lookup-field,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-texteditor-input {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-filled.dx-texteditor-with-floating-label
  .dx-lookup-field
  .dx-placeholder::before,
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-lookup-field
  .dx-placeholder::before {
  padding: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  user-select: auto;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  top: -24px;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-label {
  cursor: default;
}
.dx-editor-filled.dx-texteditor-label-outside .dx-label span {
  width: 100%;
  pointer-events: auto;
  position: absolute;
  margin-bottom: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-placeholder,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder {
  display: none;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label {
  transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  font-size: 16px;
  height: 16px;
  line-height: 17px;
  top: 50%;
  margin-top: -8px;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-placeholder,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label {
  height: 12px;
  line-height: 12px;
  font-size: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea
  .dx-texteditor-label,
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea
  .dx-texteditor-label {
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-lookup-field,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-texteditor-input {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-lookup-field
  .dx-placeholder::before,
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside)
  .dx-lookup-field
  .dx-placeholder::before {
  padding: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label {
  transform: translate(0, 0);
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-label-outside {
  margin-top: 24px;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-texteditor-label {
  -webkit-user-select: auto;
  user-select: auto;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  top: -24px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-label {
  cursor: default;
}
.dx-editor-underlined.dx-texteditor-label-outside .dx-label span {
  width: 100%;
  pointer-events: auto;
  position: absolute;
  margin-bottom: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-placeholder,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-placeholder {
  display: none;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty
  .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly
  .dx-texteditor-label {
  transition: font-size 0.2s cubic-bezier(0, 0, 0.2, 1),
    transform 0.2s cubic-bezier(0, 0, 0.2, 1),
    top 0.2s cubic-bezier(0, 0, 0.2, 1);
  transform: translate(0, 0);
  font-size: 16px;
  height: 16px;
  line-height: 17px;
  top: 50%;
  margin-top: -8px;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea
  .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea
  .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-placeholder,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-placeholder {
  display: block;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active
  .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused
  .dx-texteditor-label {
  transform: translate(0, 0);
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  top: 4px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea
  .dx-texteditor-label,
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea
  .dx-texteditor-label {
  top: 4px;
  margin-top: 0;
}
.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: #8bc34a;
  content: '\f005';
  opacity: 0;
  transform: scale(0);
  animation: 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s forwards
    dx-valid-badge-frames;
}
.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;
}
.dx-texteditor .dx-texteditor-buttons-container > .dx-button,
.dx-texteditor .dx-texteditor-buttons-container > .dx-clear-button-area {
  margin-inline-start: 5px;
  margin-inline-end: 5px;
}
.dx-texteditor
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-texteditor
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:first-child {
  margin-inline-start: 10px;
}
.dx-texteditor
  .dx-texteditor-buttons-container:first-child
  > .dx-button:last-child,
.dx-texteditor
  .dx-texteditor-buttons-container:first-child
  > .dx-clear-button-area:last-child {
  margin-inline-end: 0;
}
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-button:first-child,
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:first-child {
  margin-inline-start: 0;
}
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area:last-child {
  margin-inline-end: 10px;
}
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-clear-button-area,
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-dropdowneditor-button:last-child,
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > .dx-numberbox-spin-container:last-child {
  margin-inline-end: 8px;
}
.dx-texteditor
  .dx-texteditor-buttons-container:last-child
  > div:empty:last-child {
  display: none;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text,
.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-top: 1px;
  margin-bottom: 3px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}
.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-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: flex;
  justify-content: center;
  padding-top: 5px;
}
.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,
.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 {
  align-self: center;
  margin-top: 1px;
}
.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,
.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;
}
.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-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;
}
.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,
.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;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-inline-start: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child,
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-inline-end: 0;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text {
  height: 28px;
  margin-top: 1px;
  margin-bottom: 3px;
  margin-inline-end: 5px;
  margin-inline-start: 5px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content {
  display: flex;
  justify-content: center;
  padding-top: 5px;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container
  > .dx-button.dx-button-mode-text
  .dx-button-content
  .dx-icon {
  align-self: center;
  margin-top: 1px;
}
.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;
}
.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;
}
.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;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:first-child
  > .dx-button:first-child {
  margin-inline-start: 0;
}
.dx-editor-underlined.dx-texteditor-with-before-buttons
  .dx-texteditor-buttons-container:last-child
  > .dx-button:last-child {
  margin-inline-end: 0;
}
.dx-searchbox .dx-icon-search {
  font: 14px/1 DXIcons;
  color: rgba(0, 0, 0, 0.6);
}
.dx-searchbox .dx-icon-search::before {
  content: '\f027';
  color: rgba(0, 0, 0, 0.54);
}
.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;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  padding-inline-start: 0;
  padding-inline-end: 8px;
}
.dx-searchbox.dx-editor-underlined .dx-placeholder::before,
.dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  padding-inline-start: 30px;
}
.dx-searchbox.dx-editor-filled .dx-icon-search,
.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;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  padding-inline-start: 16px;
  padding-inline-end: 8px;
}
.dx-searchbox.dx-editor-filled .dx-placeholder::before,
.dx-searchbox.dx-editor-filled .dx-texteditor-input,
.dx-searchbox.dx-editor-outlined .dx-placeholder::before,
.dx-searchbox.dx-editor-outlined .dx-texteditor-input {
  padding-inline-start: 46px;
}
.dx-searchbar {
  padding-bottom: 5px;
}
.dx-searchbar .dx-texteditor {
  margin: 0;
}
.dx-list {
  margin: 0;
  min-height: 3em;
  border: none;
}
.dx-list .dx-scrollview-content:focus {
  outline: 0;
}
.dx-wrap-item-text
  > .dx-list-group
  > .dx-list-group-body
  > .dx-list-item
  > .dx-list-item-content,
.dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
  white-space: normal;
}
.dx-empty-collection .dx-list-select-all {
  display: none;
}
.dx-list-collapsible-groups .dx-list-group-header {
  cursor: pointer;
}
.dx-list-group-body {
  overflow: hidden;
}
.dx-list-item {
  cursor: pointer;
  display: table;
  width: 100%;
  table-layout: fixed;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-list-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: table-cell;
  width: 100%;
}
.dx-list-item-content::before {
  content: '_';
  color: transparent;
  display: inline-block;
  width: 0;
  float: left;
}
.dx-list .dx-empty-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  min-height: 3em;
}
.dx-list-item-badge-container {
  display: table-cell;
  width: 20px;
  text-align: right;
  vertical-align: middle;
}
.dx-list-item-badge {
  float: right;
  position: relative;
}
.dx-list-item-icon-container {
  display: inline-block;
}
.dx-list-item-chevron {
  transform: rotate(0);
  opacity: 1;
}
.dx-rtl .dx-list-item-chevron {
  transform: rotate(180deg);
}
.dx-list-item-response-wait {
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.dx-list-slide-menu-content {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.dx-list-item-after-bag,
.dx-list-item-before-bag {
  height: 100%;
  vertical-align: middle;
}
.dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  transition: 0.1s linear;
}
.dx-list-select-all-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: move;
  background-repeat: no-repeat;
  touch-action: manipulation;
}
.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: default;
}
.dx-list-switchable-menu-shield-positioning {
  position: relative;
  transform: translateZ(0);
}
.dx-list-switchable-delete-bottom-shield,
.dx-list-switchable-delete-top-shield {
  position: absolute;
  right: 0;
  left: 0;
  cursor: pointer;
}
.dx-list-switchable-delete-top-shield {
  top: 0;
}
.dx-list-switchable-delete-bottom-shield {
  bottom: 0;
}
.dx-list-switchable-delete-item-content-shield {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dx-list-switchable-delete-button-container {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.dx-list-switchable-delete-button-wrapper {
  display: table;
  height: 100%;
}
.dx-list-switchable-delete-button-inner-wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}
.dx-list-switchable-menu-item-shield-positioning,
.dx-list-switchable-menu-item-shield-positioning .dx-list-item-content,
.dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  position: relative;
}
.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
  transform: rotate(-90deg);
}
.dx-list-slide-menu-buttons-container {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.dx-list-slide-menu-buttons {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  display: table;
  height: 100%;
}
.dx-list-slide-menu-button {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  bottom: 1px;
}
.dx-list-static-delete-button .dx-button-content {
  overflow: visible;
}
.dx-list-next-button {
  padding: 5px;
  text-align: center;
}
.dx-state-disabled .dx-list-item,
.dx-state-disabled .dx-list-switchable-delete-button,
.dx-state-disabled .dx-list-toggle-delete-switch,
.dx-state-disabled.dx-list-item {
  cursor: default;
}
.dx-list-context-menuitem {
  cursor: pointer;
}
.dx-list-select-all-checkbox,
.dx-rtl .dx-list .dx-list-item-badge,
.dx-rtl.dx-list .dx-list-item-badge {
  float: left;
}
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
}
.dx-rtl .dx-list .dx-list-slide-item-delete-button-container,
.dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
  right: 100%;
  left: 0;
}
.dx-rtl .dx-list .dx-list-slide-item-delete-button,
.dx-rtl.dx-list .dx-list-slide-item-delete-button {
  right: auto;
  left: 0;
}
.dx-rtl .dx-list .dx-list-group-header::before,
.dx-rtl.dx-list .dx-list-group-header::before {
  float: left;
}
.dx-list-item-chevron {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  text-align: center;
  margin-inline-start: -5px;
  color: rgba(0, 0, 0, 0.54);
}
.dx-list-item-chevron::before {
  content: '\f010';
}
.dx-list-item-icon-container {
  width: 40px;
  height: 24px;
  vertical-align: bottom;
}
.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;
}
.dx-list-search {
  margin-bottom: 5px;
  padding-top: 4px;
}
.dx-list-search.dx-searchbox .dx-placeholder::before {
  font-size: 16px;
}
.dx-list-search.dx-searchbox .dx-clear-button-area {
  width: 23px;
}
.dx-list-group-header,
.dx-list-item,
.dx-list-select-all {
  position: relative;
}
.dx-list-group-header .dx-inkripple,
.dx-list-item .dx-inkripple,
.dx-list-select-all .dx-inkripple {
  overflow: hidden;
}
.dx-list-collapsible-groups .dx-list-group-header::before {
  content: none;
}
.dx-list-item-after-bag,
.dx-list-item-before-bag {
  display: table-cell;
  width: 0;
}
.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 57px);
}
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-hover
  .dx-radiobutton-icon,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-hover
  .dx-radiobutton-icon {
  border-color: #027fb8;
}
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-focused
  .dx-radiobutton
  .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-focused
  .dx-radiobutton
  .dx-radiobutton-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-focused
  .dx-radiobutton.dx-radiobutton-checked
  .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-focused
  .dx-radiobutton.dx-radiobutton-checked
  .dx-radiobutton-icon::after {
  background-color: rgba(3, 169, 244, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-focused
  .dx-checkbox
  .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-focused
  .dx-checkbox
  .dx-checkbox-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-focused
  .dx-checkbox.dx-checkbox-checked
  .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-item.dx-state-focused
  .dx-checkbox.dx-checkbox-indeterminate
  .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-focused
  .dx-checkbox.dx-checkbox-checked
  .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled
  .dx-list-select-all.dx-state-focused
  .dx-checkbox.dx-checkbox-indeterminate
  .dx-checkbox-icon::after {
  background-color: rgba(3, 169, 244, 0.1);
  transform: scale(1);
}
.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;
}
.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;
}
.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);
}
.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;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active,
.dx-list:not(.dx-list-select-decorator-enabled)
  .dx-list-item.dx-state-active
  .dx-list-slide-item-content {
  background-color: #ccc;
}
.dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-list-group:not(.dx-list-group-collapsed)
  + .dx-list-group:not(.dx-list-group-collapsed)
  .dx-list-group-header {
  border-top-color: transparent;
}
.dx-list-collapsible-groups
  .dx-list-group.dx-list-group-collapsed
  .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.dx-list-collapsible-groups
  .dx-list-group.dx-list-group-collapsed
  .dx-list-group-header-indicator::before {
  content: '\f016';
}
.dx-list-group.dx-list-group-collapsed .dx-list-group-header {
  color: rgba(0, 0, 0, 0.87);
}
.dx-list-group .dx-list-item:first-of-type {
  margin-top: 0;
}
.dx-list-group .dx-list-item:last-of-type {
  margin-bottom: 0;
}
.dx-list-group-header {
  font-weight: 500;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0);
  color: rgba(0, 0, 0, 0.87);
  border-top: 1px solid transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.dx-list-group-header .dx-list-group-header-indicator {
  color: rgba(0, 0, 0, 0.54);
  order: 1;
  position: absolute;
  inset-inline-end: 16px;
}
.dx-list-collapsible-groups
  .dx-list-group-header
  .dx-list-group-header-indicator {
  font: 24px/1 DXIcons;
}
.dx-list-collapsible-groups
  .dx-list-group-header
  .dx-list-group-header-indicator::before {
  content: '\f014';
}
.dx-list-group-header .dx-inkripple {
  height: auto;
  top: -1px;
  bottom: 0;
}
.dx-list-group-header::before {
  content: none;
}
.dx-list-items:not(:first-of-type) .dx-list-item {
  margin-top: 0;
}
.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%;
}
.dx-list-item.dx-state-active,
.dx-list-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.dx-list-item.dx-state-active .dx-list-switchable-delete-button-inner-wrapper,
.dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-list-item:first-of-type {
  border-top: none;
  margin-top: 8px;
}
.dx-list-item:last-of-type {
  border-bottom: none;
  margin-bottom: 8px;
}
.dx-list-item .dx-icon {
  color: rgba(0, 0, 0, 0.54);
}
.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(3, 169, 244, 0.5);
  border-bottom: 1px solid rgba(3, 169, 244, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-list .dx-empty-message,
.dx-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.dx-list-item-separator-hidden .dx-list .dx-empty-message,
.dx-list-item-separator-hidden .dx-list-item {
  border-top: none;
  border-bottom: none;
}
.dx-list-item-content {
  font-size: 16px;
  padding: 14px 16px 13px;
}
.dx-list .dx-empty-message {
  padding: 8px 16px 7px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
}
.dx-list-next-button .dx-button {
  margin-top: 20px;
  padding: 0;
}
.dx-list-next-button .dx-button .dx-button-content {
  padding-block: 6px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
  padding-left: 58px;
  padding-right: 58px;
}
.dx-list-next-button .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 9px;
  margin-inline-start: 0;
}
.dx-list-item-chevron-container {
  display: table-cell;
  vertical-align: middle;
  width: 27px;
  padding-top: 7px;
}
.dx-list-border-visible {
  border: 1px solid #e0e0e0;
}
.dx-list-item-before-bag .dx-list-toggle-delete-switch {
  display: block;
  float: left;
  padding: 3px 0;
}
.dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 46px;
}
.dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 56px;
}
.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  padding: 0;
  height: 24px;
  width: 24px;
  margin-inline-start: 15px;
  box-shadow: none;
}
.dx-list-item-before-bag
  .dx-button.dx-list-toggle-delete-switch
  .dx-button-content {
  padding: 0;
}
.dx-list-item-before-bag
  .dx-button.dx-list-toggle-delete-switch
  .dx-button-content
  .dx-inkripple-wave {
  display: none;
}
.dx-list-item-before-bag .dx-icon-toggle-delete {
  transition: 0.1s linear;
  width: 23px;
  height: 23px;
}
.dx-list-item-before-bag .dx-list-select-checkbox,
.dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-inline-start: 16px;
}
.dx-list-toggle-delete-switch-container + .dx-list-item-content {
  padding-left: 34px;
}
.dx-list-select-all {
  white-space: nowrap;
  padding: 13px 0;
  font-size: 16px;
  position: relative;
}
.dx-list-select-all::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #e0e0e0;
}
.dx-list-select-all-checkbox {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-inline-end: 0;
  margin-inline-start: 16px;
}
.dx-list-select-all-label {
  line-height: 17px;
  padding: 0 35px;
  margin-top: 2px;
}
.dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 37px;
}
.dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 44.8px;
}
.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;
}
.dx-list-item-after-bag .dx-list-reorder-handle::before {
  content: '\f038';
}
.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: #f44336;
  display: table-cell;
  vertical-align: middle;
  padding: 0 16px;
  width: 56px;
  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);
}
.dx-list-slide-menu-button-delete::before {
  content: '\f03e';
}
.dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #03a9f4;
}
.dx-list-static-delete-button {
  margin-inline-end: 16px;
  padding: 0;
  border-radius: 50%;
  height: 34px;
  margin-top: -2px;
}
.dx-list-static-delete-button.dx-button {
  box-shadow: none;
  background-color: transparent;
}
.dx-list-static-delete-button.dx-button .dx-button-content {
  z-index: 1;
}
.dx-list-switchable-delete-button-inner-wrapper {
  padding-inline-end: 6px;
  background-color: #fff;
}
.dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 0;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.dx-state-disabled .dx-list-item,
.dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: 0.6;
}
.dx-list-item-badge-container {
  padding-inline-end: 16px;
}
.dx-textarea {
  height: auto;
  font-size: 16px;
}
.dx-textarea .dx-texteditor-input {
  resize: none;
  font-family: inherit;
  display: block;
  overflow: auto;
  white-space: pre-wrap;
  margin: 0;
}
.dx-textarea .dx-texteditor-input-auto-resize {
  overflow-y: hidden;
}
.dx-textarea .dx-placeholder {
  height: auto;
}
.dx-textarea .dx-placeholder::before {
  white-space: normal;
}
.dx-textarea .dx-texteditor-input-container {
  align-items: stretch;
  margin: 2px;
}
.dx-textarea .dx-placeholder::before,
.dx-textarea .dx-texteditor-input {
  line-height: 24px;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled
  .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined
  .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined
  .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-filled
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-filled
  .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-outlined
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-outlined
  .dx-texteditor-input,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-underlined
  .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-underlined
  .dx-texteditor-input {
  padding-top: 0;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined
  .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-outlined
  .dx-texteditor-container {
  padding-top: 15px;
}
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled
  .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined
  .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-filled
  .dx-texteditor-container,
.dx-textarea.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  ).dx-editor-underlined
  .dx-texteditor-container {
  padding-top: 21px;
}
.dx-textarea .dx-icon-clear {
  top: 0;
  margin-top: 0;
}
.dx-numberbox {
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-numberbox input[type='number'] {
  -moz-appearance: textfield;
}
.dx-numberbox input[type='number']::-webkit-inner-spin-button,
.dx-numberbox input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.dx-numberbox-spin-container {
  height: 100%;
}
.dx-numberbox-spin-down,
.dx-numberbox-spin-up {
  position: relative;
  width: 100%;
  height: 50%;
  cursor: pointer;
}
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
  width: 50%;
  height: 100%;
  display: inline-block;
}
.dx-numberbox-spin-down-icon,
.dx-numberbox-spin-up-icon {
  width: 100%;
  height: 100%;
}
.dx-state-disabled .dx-numberbox-spin-container {
  opacity: 0.2;
  opacity: 1;
}
.dx-numberbox-spin-container {
  overflow: hidden;
  width: 24px;
}
.dx-numberbox-spin-up-icon {
  font: 14px/1 DXIcons;
  color: rgba(0, 0, 0, 0.54);
}
.dx-numberbox-spin-up-icon::before {
  content: '\f002';
}
.dx-numberbox-spin-down-icon {
  font: 14px/1 DXIcons;
  color: rgba(0, 0, 0, 0.54);
}
.dx-numberbox-spin-down-icon::before {
  content: '\f001';
}
.dx-numberbox-spin-down-icon,
.dx-numberbox-spin-up-icon {
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-numberbox-spin-down-icon::before,
.dx-numberbox-spin-up-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-numberbox-spin-button {
  padding: 1px;
  height: 50%;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-underlined
  .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-filled
  .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-outlined
  .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-filled
  .dx-texteditor-input,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-numberbox-spin.dx-numberbox-box.dx-invalid
  .dx-texteditor-input-container::after,
.dx-numberbox-spin.dx-numberbox-box.dx-valid
  .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-underlined
  .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 46px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled
  .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined
  .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled
  .dx-texteditor-input,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 62px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-invalid.dx-editor-outlined
  .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-filled
  .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid.dx-editor-outlined
  .dx-texteditor-input-container::after {
  inset-inline-end: 12px;
}
.dx-numberbox-spin-touch-friendly.dx-invalid
  .dx-texteditor-input-container::after,
.dx-numberbox-spin-touch-friendly.dx-valid
  .dx-texteditor-input-container::after {
  inset-inline-end: 6px;
}
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  width: 74px;
  border-inline-start: none;
}
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon {
  background-position: center;
}
.dx-calendar {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  position: relative;
  display: flex;
  direction: ltr;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid transparent;
  width: 272px;
  height: 264px;
  background-color: #fff;
  gap: 8px;
}
.dx-calendar.dx-rtl {
  direction: rtl;
}
.dx-calendar-views-wrapper {
  position: relative;
  display: flex;
  flex: auto;
  outline: 0;
}
.dx-calendar-navigator {
  display: flex;
  justify-content: space-between;
}
.dx-calendar-navigator .dx-calendar-caption-button {
  flex-grow: 1;
  overflow: hidden;
}
.dx-calendar-navigator .dx-button .dx-button-text {
  text-transform: none;
}
.dx-calendar-navigator .dx-button.dx-state-active,
.dx-calendar-navigator .dx-button.dx-state-hover {
  z-index: 1;
}
.dx-calendar-body {
  overflow: hidden;
  display: flex;
  flex: 1 1 auto;
}
.dx-calendar-body .dx-widget {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dx-calendar-body table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-spacing: 0;
  line-height: normal;
}
.dx-calendar-body td,
.dx-calendar-body th {
  padding: 0;
}
.dx-calendar-body thead th {
  font-weight: 500;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.dx-calendar-week-number-cell.dx-calendar-week-selection {
  cursor: pointer;
}
.dx-calendar-week-number-cell {
  position: relative;
  color: rgba(0, 0, 0, 0.56);
  width: 2em;
}
.dx-calendar-week-number-cell span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2em;
  inset: 0;
  background-color: rgba(224, 224, 224, 0.4);
  inset-inline-start: 0;
}
.dx-calendar-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.dx-calendar-cell span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
.dx-calendar-footer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dx-calendar-multiview .dx-calendar-caption-button .dx-button-content {
  justify-content: space-between;
  align-items: center;
}
.dx-calendar-multiview .dx-calendar-body .dx-widget,
.dx-calendar-multiview .dx-calendar-caption-button .dx-button-text {
  width: 50%;
}
.dx-calendar-multiview .dx-calendar-body table {
  padding: 0 10px;
}
.dx-calendar.dx-calendar-with-footer {
  height: 308px;
}
.dx-calendar.dx-calendar-multiview {
  width: 544px;
}
.dx-calendar.dx-invalid {
  border-color: rgba(244, 67, 54, 0.4);
}
.dx-calendar.dx-invalid.dx-state-focused {
  border-color: #f44336;
}
.dx-calendar-navigator-next-view,
.dx-calendar-navigator-previous-view {
  min-width: 36px;
  flex-shrink: 0;
}
.dx-calendar-navigator-next-view .dx-button-content,
.dx-calendar-navigator-previous-view .dx-button-content {
  padding-block: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.dx-calendar-navigator-next-view .dx-icon,
.dx-calendar-navigator-previous-view .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.dx-calendar-navigator .dx-button,
.dx-calendar-navigator .dx-button .dx-icon {
  color: #03a9f4;
}
.dx-calendar-body thead tr {
  height: 2em;
}
.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
  border-start-start-radius: 4px;
  border-start-end-radius: 4px;
}
.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
  border-end-start-radius: 4px;
  border-end-end-radius: 4px;
}
.dx-calendar-body .dx-week-number-header {
  font-size: 14px;
  width: 2.5em;
}
.dx-calendar-view-century .dx-calendar-cell span,
.dx-calendar-view-decade .dx-calendar-cell span,
.dx-calendar-view-year .dx-calendar-cell span {
  width: 4em;
  height: 4em;
  border-radius: 4px;
  word-spacing: 4em;
  line-height: 1em;
}
.dx-calendar-cell.dx-calendar-today span {
  border: 2px solid #03a9f4;
}
.dx-calendar-cell.dx-state-hover span {
  background-color: rgba(3, 169, 244, 0.24);
  color: rgba(0, 0, 0, 0.87);
}
.dx-calendar-cell.dx-state-active span {
  background-color: rgba(3, 169, 244, 0.4);
}
.dx-calendar-cell.dx-calendar-selected-date span {
  color: #fff;
  background-color: #03a9f4;
}
.dx-calendar-cell.dx-calendar-contoured-date span {
  box-shadow: 0 0 0 2px rgba(3, 169, 244, 0.5);
}
.dx-calendar-cell.dx-calendar-empty-cell,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span,
.dx-calendar-cell.dx-calendar-other-view,
.dx-calendar-cell.dx-calendar-other-view.dx-state-active span,
.dx-calendar-cell.dx-calendar-other-view.dx-state-hover span {
  color: rgba(0, 0, 0, 0.38);
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-calendar-selected-date span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
  color: #fff;
}
.dx-calendar-cell.dx-calendar-other-view::after,
.dx-calendar-cell.dx-calendar-other-view::before {
  content: none;
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover
  span {
  color: rgba(0, 0, 0, 0.38);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover
  span {
  background-color: rgba(3, 169, 244, 0.24);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active
  span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active
  span {
  background-color: rgba(3, 169, 244, 0.4);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span,
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span {
  color: rgba(0, 0, 0, 0.38);
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  color: rgba(0, 0, 0, 0.24);
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date
  span,
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date
  span {
  background-color: #03a9f4;
}
.dx-calendar-cell-in-range::before {
  content: '';
  position: absolute;
  z-index: 1;
  height: 2em;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  background-color: rgba(3, 169, 244, 0.24);
  border-width: 0;
  border-style: dashed;
  border-color: rgba(3, 169, 244, 0.6) transparent;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before,
.dx-calendar-cell-in-range.dx-calendar-cell-end::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start::before,
.dx-calendar-cell-in-range.dx-calendar-range-end-date::before,
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
  width: calc(50% + 1em);
}
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
  content: none;
}
.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before,
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover::after {
  content: '';
  position: absolute;
  z-index: 1;
  height: 2em;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 100%;
  background-color: inherit;
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(3, 169, 244, 0.6) transparent;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
  width: calc(50% + 1em);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
  content: none;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after,
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
  inset-inline-start: auto;
  border-start-start-radius: 999em;
  border-end-start-radius: 999em;
  border-inline-start-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
  border-start-end-radius: 999em;
  border-end-end-radius: 999em;
  border-inline-end-color: rgba(3, 169, 244, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
  width: 2em;
  inset-inline-start: calc(50% - 1em);
  inset-inline-end: auto;
}
.dx-dropdowneditor {
  position: relative;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable,
.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input {
  cursor: pointer;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable
  .dx-texteditor-buttons-container
  .dx-state-disabled
  .dx-button,
.dx-dropdowneditor.dx-dropdowneditor-field-clickable
  .dx-texteditor-buttons-container
  .dx-state-disabled.dx-button {
  pointer-events: auto;
}
.dx-dropdowneditor-input-wrapper {
  -webkit-tap-highlight-color: transparent;
  overflow: hidden;
  height: 100%;
  display: flex;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor {
  border: none;
  margin: 0;
  display: flex;
  flex-grow: 1;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  text-overflow: ellipsis;
}
.dx-dropdowneditor-field-template-wrapper {
  display: flex;
  flex-grow: 1;
  position: relative;
  align-items: baseline;
}
.dx-dropdowneditor-field-template-wrapper > * {
  flex-grow: 1;
}
.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  opacity: 0.35;
}
.dx-dropdowneditor-button {
  position: relative;
  display: inline-flex;
  float: right;
  height: 100%;
  cursor: pointer;
  width: 24px;
  min-width: 24px;
}
.dx-dropdowneditor-button .dx-button-content {
  text-align: center;
  white-space: nowrap;
}
.dx-rtl .dx-dropdowneditor-button,
.dx-rtl.dx-dropdowneditor-button {
  float: left;
}
.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
  cursor: default;
}
.dx-dropdowneditor-icon {
  background-position: center;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0.54);
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-state-disabled .dx-dropdowneditor,
.dx-state-disabled.dx-dropdowneditor {
  cursor: default;
}
.dx-state-disabled .dx-dropdowneditor-button {
  cursor: inherit;
}
.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}
.dx-dropdowneditor-icon::before {
  content: '\f001';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor::after,
.dx-dropdowneditor-input-wrapper .dx-texteditor::before {
  content: none;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-active
  .dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-disabled,
.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,
.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,
.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,
.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,
.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,
.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,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-focused.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-state-hover.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-state-readonly.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-floating-label
  .dx-texteditor-label
  .dx-label-before,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-after,
.dx-dropdowneditor-input-wrapper
  .dx-texteditor.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label-before {
  background-color: transparent;
  box-shadow: none;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 34px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-timeview
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-timeview
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-timeview
  .dx-texteditor-input {
  padding-inline-end: 0;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 50px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-start-datebox
  .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-start-datebox
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-start-datebox
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-start-datebox
  .dx-texteditor-input {
  padding-inline-end: 16px;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-timeview
  .dx-texteditor-input,
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-timeview
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-timeview
  .dx-texteditor-input,
.dx-valid.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-timeview
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-timeview
  .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-timeview
  .dx-texteditor-input {
  padding-inline-end: 0;
}
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  color: rgba(0, 0, 0, 0.54);
  opacity: 1;
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before,
.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;
}
.dx-invalid.dx-dropdowneditor .dx-texteditor-buttons-container::after,
.dx-valid.dx-dropdowneditor .dx-texteditor-buttons-container::after {
  inset-inline-end: 30px;
}
.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty)
  .dx-texteditor-buttons-container::after,
.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty)
  .dx-texteditor-buttons-container::after {
  inset-inline-end: 54px;
}
.dx-dropdowneditor-overlay.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.dx-dropdowneditor-overlay .dx-list-group-header,
.dx-dropdowneditor-overlay .dx-list-item-content {
  font-size: 14px;
  line-height: 20px;
}
.dx-texteditor input[type='date']::-webkit-inner-spin-button {
  height: 20px;
}
.dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder {
  display: none;
}
.dx-datebox {
  max-width: 100%;
}
.dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
  color: transparent;
}
.dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
  color: inherit;
}
.dx-datebox-wrapper .dx-popup-content {
  padding-top: 20px;
  padding-bottom: 20px;
}
.dx-rtl .dx-texteditor-input {
  text-align: right;
}
.dx-datebox-button-cell .dx-button {
  min-width: 90px;
}
.dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
  margin-right: 10px;
  margin-left: 0;
}
.dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
  margin-right: 0;
  margin-left: 0;
}
.dx-datebox-buttons-container {
  text-align: right;
  width: 100%;
}
.dx-colorview-container-cell {
  float: left;
}
.dx-timeview .dx-state-disabled .dx-widget,
.dx-timeview .dx-state-disabled.dx-widget,
.dx-timeview.dx-state-disabled .dx-widget,
.dx-timeview.dx-state-disabled.dx-widget {
  opacity: 1;
}
.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(%23a)%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.442v7.828h-1.682v-5.927c-.093.082-.203.16-.331.235a3.796%203.796%200%200%201-.4.198%204.92%204.92%200%200%201-.444.15%203.725%203.725%200%200%201-.454.085v-1.42a7.15%207.15%200%200%200%202.291-1.149h1.02Zm4.138%206.429h3.247v1.4h-5.094v-.578c0-.391.066-.742.197-1.052.132-.313.298-.592.497-.838.2-.249.416-.468.651-.657.239-.192.465-.364.678-.518.225-.16.42-.313.588-.459.17-.146.313-.29.427-.432.117-.146.205-.292.262-.438.057-.15.085-.308.085-.475%200-.328-.093-.575-.278-.743-.185-.167-.468-.25-.849-.25-.658%200-1.288.261-1.89.784v-1.484a4.065%204.065%200%200%201%202.254-.646c.387%200%20.735.052%201.04.155.31.1.572.244.786.432.213.189.375.419.486.689.114.267.17.566.17.897a2.5%202.5%200%200%201-.165.94%202.78%202.78%200%200%201-.433.747%203.902%203.902%200%200%201-.619.62c-.235.185-.479.365-.732.54-.17.12-.336.241-.496.362a4.299%204.299%200%200%200-.417.353%201.841%201.841%200%200%200-.288.336.585.585%200%200%200-.107.315Zm.364%20143.931c0%20.377-.066.729-.198%201.057a2.616%202.616%200%200%201-.55.854%202.595%202.595%200%200%201-1.9.769%202.71%202.71%200%200%201-1.16-.24%202.354%202.354%200%200%201-.859-.694%203.286%203.286%200%200%201-.54-1.122%205.522%205.522%200%200%201-.186-1.5c0-.659.08-1.255.24-1.789a4.19%204.19%200%200%201%20.694-1.378%203.131%203.131%200%200%201%202.537-1.196c.59%200%201.05.07%201.377.209v1.409a2.534%202.534%200%200%200-1.27-.331c-.285%200-.543.055-.775.166-.231.11-.43.267-.598.47a2.333%202.333%200%200%200-.39.737%203.294%203.294%200%200%200-.15.955h.033c.363-.502.899-.753%201.607-.753.317%200%20.604.057.86.171.256.114.475.276.657.486.181.207.322.456.421.748.1.292.15.616.15.972Zm-1.65.106c0-.822-.336-1.233-1.01-1.233a.99.99%200%200%200-.416.085.92.92%200%200%200-.32.241%201.129%201.129%200%200%200-.208.368c-.047.139-.07.294-.07.465%200%20.188.025.365.075.528.05.164.12.308.208.433.093.121.201.217.326.288a.827.827%200%200%200%20.416.107.9.9%200%200%200%20.412-.091.934.934%200%200%200%20.315-.261c.089-.114.156-.25.203-.406.046-.16.069-.335.069-.524Zm34.027-10.579c0%20.374-.065.712-.193%201.015a2.196%202.196%200%200%201-.55.779%202.399%202.399%200%200%201-.854.502%203.341%203.341%200%200%201-1.116.177c-.712%200-1.241-.107-1.586-.321v-.929c.52.335%201.052.502%201.597.502.277%200%20.527-.041.747-.123.224-.082.415-.196.572-.342.156-.146.275-.322.357-.528a1.75%201.75%200%200%200%20.128-.678c0-.499-.167-.889-.501-1.17-.335-.285-.821-.427-1.458-.427a12.509%2012.509%200%200%200-.668.021%206.259%206.259%200%200%200-.63.043l.262-3.839h3.54v.79h-2.782l-.155%202.248c.114-.007.235-.012.363-.016a6.41%206.41%200%200%201%20.342-.011c.406%200%20.769.054%201.089.161.321.106.591.26.812.459.224.196.393.438.507.726.118.285.177.605.177.961ZM124.405%2033.95h-.875v-6.615a2.152%202.152%200%200%201-.299.235c-.129.085-.275.17-.438.256-.16.086-.331.166-.513.24a3.605%203.605%200%200%201-.523.177v-.887a5.19%205.19%200%200%200%20.609-.213%207.948%207.948%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.331v7.828Zm28.265%2089.359v5.057h.982v.801h-.982v1.799h-.865v-1.799h-3.599v-.758a28.127%2028.127%200%200%200%201.992-2.515c.313-.442.601-.881.865-1.319.267-.442.491-.863.672-1.266h.935Zm-3.476%205.057h2.611v-3.748a24.073%2024.073%200%200%201-2.056%203.059l-.555.689Zm3.059-76.033c0-.235-.037-.44-.112-.614a1.148%201.148%200%200%200-.299-.433%201.174%201.174%200%200%200-.443-.261%201.832%201.832%200%200%200-1.057-.016c-.164.046-.324.11-.481.192a3.13%203.13%200%200%200-.849.673v-.94c.246-.239.52-.42.822-.545.307-.128.679-.192%201.116-.192.314%200%20.604.046.871.139.267.089.498.22.694.395.196.174.349.39.459.646.114.256.171.55.171.881%200%20.303-.036.577-.107.822a2.407%202.407%200%200%201-.315.695%203.29%203.29%200%200%201-.528.624c-.214.2-.465.402-.753.609-.36.256-.657.475-.892.657a3.991%203.991%200%200%200-.555.512%201.496%201.496%200%200%200-.289.476c-.053.156-.08.338-.08.544h3.813v.785h-4.726v-.379c0-.327.036-.616.107-.865.071-.25.189-.486.352-.71.164-.224.378-.449.641-.673.267-.224.593-.477.977-.758.278-.2.509-.39.694-.572a2.91%202.91%200%200%200%20.454-.544%201.93%201.93%200%200%200%20.241-.55%202.37%202.37%200%200%200%20.074-.598Zm10.071%2043.671v-1.469c.513.374%201.111.56%201.794.56.431%200%20.766-.092%201.004-.277.242-.185.363-.443.363-.774a.879.879%200%200%200-.448-.79c-.296-.186-.703-.278-1.223-.278h-.71v-1.292h.657c.996%200%201.495-.331%201.495-.993%200-.624-.383-.935-1.148-.935-.513%200-1.011.166-1.496.497v-1.378c.538-.27%201.165-.406%201.88-.406.783%200%201.392.176%201.826.529.438.352.657.81.657%201.372%200%201-.507%201.627-1.522%201.88v.026c.541.068.968.266%201.282.593.313.324.47.723.47%201.196%200%20.716-.262%201.282-.785%201.698-.524.417-1.246.625-2.168.625-.791%200-1.433-.128-1.928-.385ZM19.815%2092.057c0%20.68-.075%201.29-.225%201.827a3.878%203.878%200%200%201-.656%201.356%202.89%202.89%200%200%201-1.047.854%203.239%203.239%200%200%201-1.404.294c-.627%200-1.166-.1-1.618-.3v-1.387c.402.263.886.395%201.452.395.58%200%201.034-.198%201.362-.593.327-.395.493-.966.497-1.714l-.033-.01c-.338.501-.852.752-1.543.752-.313%200-.603-.059-.87-.176a2.143%202.143%200%200%201-.689-.486%202.322%202.322%200%200%201-.454-.748%202.717%202.717%200%200%201-.16-.95c0-.402.066-.769.198-1.1.131-.331.315-.616.55-.854a2.42%202.42%200%200%201%20.854-.55%202.951%202.951%200%200%201%201.1-.198c.416%200%20.79.082%201.121.246.331.16.613.393.844.7a3.2%203.2%200%200%201%20.534%201.126c.124.445.187.95.187%201.516Zm-1.704-.897c0-.195-.024-.379-.074-.55a1.45%201.45%200%200%200-.209-.448.987.987%200%200%200-.325-.294.875.875%200%200%200-.828-.016.98.98%200%200%200-.315.267c-.089.11-.158.244-.208.4-.05.157-.075.326-.075.508%200%20.2.025.377.075.534.05.153.119.283.208.39a.937.937%200%200%200%20.331.245%201.1%201.1%200%200%200%20.833-.005.979.979%200%200%200%20.31-.24c.089-.1.156-.217.203-.353.05-.135.074-.281.074-.438Zm7.951%2036.781c0-.203.032-.406.096-.609a2.26%202.26%200%200%201%20.272-.577%202.172%202.172%200%200%201%201.047-.833%202.282%202.282%200%200%201-.79-.71%201.699%201.699%200%200%201-.294-.967c0-.281.053-.541.16-.779.11-.239.262-.445.454-.62.192-.174.42-.309.683-.405.264-.1.548-.15.855-.15.31%200%20.596.05.86.15a2.1%202.1%200%200%201%20.683.411%201.845%201.845%200%200%201%20.608%201.393c0%20.353-.097.675-.293.967a2.31%202.31%200%200%201-.78.71c.221.086.418.201.593.347.174.146.32.308.438.486a2.153%202.153%200%200%201%20.374%201.186c0%20.334-.06.64-.182.918a2.054%202.054%200%200%201-.513.715%202.352%202.352%200%200%201-.784.46%202.92%202.92%200%200%201-1.004.165c-.364%200-.696-.055-.999-.165a2.425%202.425%200%200%201-.785-.46%202.116%202.116%200%200%201-.518-.715%202.276%202.276%200%200%201-.181-.918Zm.95-.075c0%20.238.036.454.107.646.075.192.178.356.31.491.135.135.297.24.486.315.192.071.404.107.635.107.224%200%20.43-.037.62-.112.188-.075.35-.18.485-.315a1.34%201.34%200%200%200%20.32-.491c.079-.193.118-.406.118-.641%200-.214-.037-.413-.112-.598a1.467%201.467%200%200%200-.31-.497%201.474%201.474%200%200%200-.486-.336%201.579%201.579%200%200%200-.635-.123c-.22%200-.425.039-.614.117a1.447%201.447%200%200%200-.806.812%201.616%201.616%200%200%200-.118.625Zm.273-3.551c0%20.181.032.351.096.507.067.153.158.289.272.406a1.261%201.261%200%200%200%20.897.368%201.294%201.294%200%200%200%20.897-.373c.114-.118.205-.253.272-.406.068-.157.102-.324.102-.502%200-.185-.034-.356-.102-.513a1.229%201.229%200%200%200-.267-.406%201.249%201.249%200%200%200-.405-.267%201.225%201.225%200%200%200-.497-.101c-.189%200-.361.034-.518.101a1.278%201.278%200%200%200-.4.278c-.11.114-.196.249-.257.406-.06.157-.09.324-.09.502Zm29.501%2027.983a28.493%2028.493%200%200%200-.95%201.778%2035.01%2035.01%200%200%200-.567%201.218c-.192.434-.372.883-.539%201.346-.167.462-.315.932-.443%201.409-.125.474-.216.94-.273%201.399h-.94c.065-.455.163-.92.294-1.393a19.884%2019.884%200%200%201%20.994-2.724c.188-.423.371-.813.55-1.169a28.662%2028.662%200%200%201%20.844-1.581h-3.84v-.79h4.87v.507ZM29.447%2060.652h-.876v-6.616a2.087%202.087%200%200%201-.299.235%205.733%205.733%200%200%201-.95.497%203.617%203.617%200%200%201-.523.176v-.886c.192-.054.395-.125.608-.214a8.022%208.022%200%200%200%201.228-.657%204.77%204.77%200%200%200%20.481-.363h.331v7.828Zm7.476-3.86c0%20.64-.06%201.208-.177%201.703-.114.495-.28.913-.502%201.255a2.261%202.261%200%200%201-.806.774%202.21%202.21%200%200%201-1.084.262c-.384%200-.728-.084-1.03-.251a2.184%202.184%200%200%201-.759-.742%203.75%203.75%200%200%201-.47-1.191%207.416%207.416%200%200%201-.16-1.623c0-.67.056-1.26.166-1.773.114-.513.28-.942.496-1.287.218-.349.486-.61.807-.785a2.268%202.268%200%200%201%201.11-.267c1.606%200%202.409%201.308%202.409%203.925Zm-.898.085c0-2.178-.517-3.268-1.553-3.268-1.093%200-1.64%201.11-1.64%203.327%200%202.068.536%203.102%201.608%203.102%201.057%200%201.586-1.053%201.586-3.16ZM57.039%2033.95h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.009%208.009%200%200%200%201.228-.657%204.94%204.94%200%200%200%20.48-.363h.332v7.828Zm5.895%200h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.023%208.023%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.332v7.828Z%22%20fill%3D%22rgba%280,%200,%200,%200.54%29%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22a%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%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%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%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%0A%3CfeBlend%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');
  min-width: 182px;
  min-height: 182px;
  max-height: 182px;
  background-size: 182px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 10px;
}
.dx-timeview-hourarrow,
.dx-timeview-minutearrow {
  position: absolute;
  left: 50%;
  width: 10px;
  margin-left: -5px;
  height: 50%;
  background-position: bottom;
  background-repeat: no-repeat;
  transform-origin: 50% 100%;
  backface-visibility: hidden;
}
.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%22%2303a9f4%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.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%22%2303a9f4%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%22%2303a9f4%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}
.dx-timeview {
  height: auto;
  width: auto;
}
.dx-timeview .dx-texteditor .dx-texteditor-input {
  padding-inline-end: 0;
  padding-inline-start: 12px;
}
.dx-timeview
  .dx-texteditor
  .dx-texteditor-container
  .dx-texteditor-buttons-container
  .dx-dropdowneditor-button {
  margin-inline-end: 0;
}
.dx-timeview-format12 {
  width: 64px;
  margin-inline-start: 5px;
}
.dx-timeview-time-separator {
  margin: 0 5px;
}
.dx-timeview-field {
  min-height: 35px;
}
.dx-timeview-field .dx-numberbox {
  width: 64px;
}
.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px;
}
.dx-dateview-item {
  margin: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: rgba(0, 0, 0, 0.87);
}
.dx-dateview-rollers {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  flex-flow: row nowrap;
}
.dx-dateview-item-selected-border,
.dx-dateviewroller-day .dx-dateview-name-formatter,
.dx-dateviewroller-month .dx-dateview-value-formatter {
  display: none;
}
.dx-dateview-rollers {
  width: auto;
  text-align: center;
  display: block;
}
.dx-dateviewroller-current .dx-dateview-item {
  transition: font-size 0.2s ease-out;
}
.dx-dateviewroller {
  position: relative;
  vertical-align: top;
  cursor: pointer;
  flex: 1 1 auto;
  min-width: 4em;
  text-align: center;
  display: inline-block;
}
.dx-dateviewroller .dx-button {
  display: none;
}
.dx-dateviewroller .dx-scrollable-content::after,
.dx-dateviewroller .dx-scrollable-content::before {
  content: '';
  height: 71px;
  display: block;
}
.dx-dateviewroller .dx-scrollable-container {
  height: 182px;
}
.dx-dateviewroller.dx-dateviewroller-year {
  min-width: 4.85em;
}
.dx-dateviewroller.dx-state-active .dx-button {
  display: none;
}
.dx-dateviewroller-month {
  min-width: 12em;
}
.dx-dateviewroller-hours::after {
  content: ':';
  font-size: 2.2em;
  position: absolute;
  inset-inline-end: -9%;
  font-weight: 700;
  top: 37%;
  color: rgba(0, 0, 0, 0.87);
}
.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%;
}
.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  width: 80%;
}
.dx-dateview-item-selected {
  font-size: 1.8em;
  color: #03a9f4;
}
.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%;
}
.dx-dateview-item-selected-frame::after,
.dx-dateview-item-selected-frame::before {
  pointer-events: none;
  backface-visibility: hidden;
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  height: 71px;
}
.dx-dateview-item-selected-frame::before {
  top: -71px;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    0deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 60%
  );
}
.dx-dateview-item-selected-frame::after {
  top: 40px;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.8) 60%
  );
}
.dx-device-phone .dx-dateview-rollers,
.dx-device-tablet .dx-dateview-rollers {
  display: flex;
  flex-flow: row nowrap;
}
.dx-device-phone .dx-dateviewroller-month,
.dx-device-tablet .dx-dateviewroller-month {
  min-width: 4em;
}
.dx-device-phone .dx-dateview-item,
.dx-device-tablet .dx-dateview-item {
  font-size: 1.1em;
}
.dx-device-phone .dx-dateview-item-selected,
.dx-device-tablet .dx-dateview-item-selected {
  font-size: 1.4em;
}
.dx-datebox-wrapper .dx-popup-title {
  min-height: 10px;
  border-bottom: none;
  background: 0 0;
}
.dx-datebox-wrapper .dx-item {
  border: none;
}
.dx-datebox-wrapper .dx-popup-bottom .dx-button {
  width: auto;
}
.dx-datebox-datetime-time-side {
  background-color: rgba(221, 221, 221, 0.2);
}
.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
  margin: 0 34px;
}
.dx-datebox-wrapper-list .dx-overlay-content {
  border-top: none;
}
.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
  padding: 10px;
}
.dx-datebox-time .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-time .dx-dropdowneditor-icon::before {
  content: '\f01d';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: '\f01d';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-date .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-date .dx-dropdowneditor-icon::before {
  content: '\f026';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: '\f026';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-datetime .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-datetime .dx-dropdowneditor-icon::before {
  content: '\f043';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  font: 24px/24px DXIcons;
  width: 24px;
  height: 100%;
  text-align: center;
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: '\f043';
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}
.dx-datebox-calendar.dx-dropdowneditor-active.dx-editor-filled {
  background: rgba(0, 0, 0, 0.07);
}
.dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0;
}
.dx-datebox-wrapper-calendar .dx-calendar {
  border: none;
  margin: 16px;
}
.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-right: 16px;
  margin-bottom: 16px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  padding: 16px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime
  .dx-datebox-container-cell {
  margin-top: -1px;
  margin-right: 16px;
}
@media (max-width: 320px) {
  .dx-datebox-wrapper-calendar .dx-calendar {
    margin: 18px;
  }
}
.dx-rtl
  .dx-datebox-wrapper
  .dx-popup-bottom
  .dx-toolbar-button
  + .dx-toolbar-button
  .dx-button {
  margin-right: 5px;
  margin-left: 0;
}
.dx-datebox-wrapper-list .dx-popup-content {
  padding: 0;
}
.dx-datebox input[type='date'] {
  line-height: normal;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-texteditor-input {
  padding-inline-end: 34px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-timeview
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined
  .dx-timeview
  .dx-texteditor-input {
  padding-inline-end: 0;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-texteditor-input {
  padding-inline-end: 50px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-start-datebox
  .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-start-datebox
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-start-datebox
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-start-datebox
  .dx-texteditor-input {
  padding-inline-end: 16px;
}
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-timeview
  .dx-texteditor-input,
.dx-datebox.dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-timeview
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-filled
  .dx-timeview
  .dx-texteditor-input,
.dx-datebox:not(
    .dx-texteditor-empty
  ).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-outlined
  .dx-timeview
  .dx-texteditor-input {
  padding-inline-end: 0;
}
.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px;
}
.dx-texteditor.dx-datebox-native .dx-texteditor-input {
  padding-right: 8px;
}
.dx-loadindicator {
  width: 32px;
  height: 32px;
  display: inline-block;
  overflow: hidden;
  border: none;
  background-color: transparent;
  line-height: 100%;
}
.dx-loadindicator-wrapper {
  width: 100%;
  height: 100%;
  font-size: 32px;
  margin: auto;
}
.dx-loadindicator-image {
  background-size: contain;
  transform-origin: 50% 50%;
  background-position: 50%;
  background-repeat: no-repeat;
}
.dx-loadindicator-icon-custom {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  transform-origin: 50% 50%;
  animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate;
}
@keyframes dx-loadindicator-icon-custom-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.dx-loadindicator-container > .dx-loadindicator {
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -16px;
  margin-left: -16px;
}
.dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
  margin-top: -16px;
  margin-left: -16px;
}
.dx-loadindicator-content {
  position: relative;
  height: 100%;
  width: 100%;
  animation: 1568ms linear infinite dx-content-rotation;
}
.dx-loadindicator-image .dx-loadindicator-content {
  animation: none;
}
.dx-loadindicator-icon {
  direction: ltr;
  position: absolute;
  height: 100%;
  width: 100%;
  animation: 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both dx-icon-rotation;
}
.dx-loadindicator-segment {
  height: 100%;
  width: 100%;
  position: absolute;
}
.dx-loadindicator-segment-inner {
  position: relative;
  height: 100%;
  border-color: #03a9f4 #03a9f4 transparent;
  border-width: 0.12em;
  border-style: solid;
  animation: none;
  border-radius: 50%;
}
.dx-loadindicator-segment0,
.dx-loadindicator-segment2 {
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.dx-loadindicator-segment0 .dx-loadindicator-segment-inner,
.dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
  width: 200%;
}
.dx-loadindicator-segment2 {
  left: 0;
}
.dx-loadindicator-segment2 .dx-loadindicator-segment-inner {
  border-right-color: transparent;
  transform: rotate(-129deg);
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-left-segment-rotation;
}
.dx-loadindicator-segment0 {
  right: 0;
}
.dx-loadindicator-segment0 .dx-loadindicator-segment-inner {
  left: -100%;
  border-left-color: transparent;
  transform: rotate(129deg);
  animation: 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
    dx-right-segment-rotation;
}
.dx-loadindicator-segment1 {
  position: absolute;
  top: 0;
  left: 45%;
  width: 10%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.dx-loadindicator-segment1 .dx-loadindicator-segment-inner {
  width: 1000%;
  left: -450%;
}
@keyframes dx-content-rotation {
  to {
    transform: rotate(360deg);
  }
}
@keyframes dx-icon-rotation {
  12.5% {
    transform: rotate(135deg);
  }
  25% {
    transform: rotate(270deg);
  }
  37.5% {
    transform: rotate(405deg);
  }
  50% {
    transform: rotate(540deg);
  }
  62.5% {
    transform: rotate(675deg);
  }
  75% {
    transform: rotate(810deg);
  }
  87.5% {
    transform: rotate(945deg);
  }
  to {
    transform: rotate(1080deg);
  }
}
@keyframes dx-left-segment-rotation {
  from,
  to {
    transform: rotate(130deg);
  }
  50% {
    transform: rotate(-5deg);
  }
}
@keyframes dx-right-segment-rotation {
  from,
  to {
    transform: rotate(-130deg);
  }
  50% {
    transform: rotate(5deg);
  }
}
.dx-treeview-loadindicator-wrapper {
  text-align: center;
}
.dx-treeview {
  height: 100%;
}
.dx-treeview .dx-scrollable:focus,
.dx-treeview :focus {
  outline: 0;
}
.dx-treeview .dx-empty-message {
  line-height: normal;
}
.dx-treeview .dx-treeview-node.dx-treeview-root-node {
  padding-inline-start: 0;
}
.dx-checkbox + .dx-treeview-node-container,
.dx-treeview-node-container:first-child {
  margin: 0;
  display: block;
}
.dx-treeview-select-all-item {
  width: 100%;
}
.dx-treeview-node-container {
  list-style-position: inside;
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
}
.dx-treeview-node-container.dx-treeview-node-container-opened {
  display: block;
}
.dx-treeview-node a {
  text-decoration: none;
}
.dx-treeview-node .dx-checkbox {
  order: 1;
  margin: 0;
}
.dx-treeview-item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dx-treeview-item .dx-treeview-item-content {
  flex: 1 1 auto;
  order: 2;
}
.dx-treeview-item .dx-treeview-item-content .dx-icon {
  margin-inline-end: 8px;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  vertical-align: bottom;
}
.dx-treeview-item .dx-treeview-item-content .dx-button-has-icon .dx-icon {
  margin-inline-end: 0;
}
.dx-treeview-item .dx-item-content .dx-item-url {
  display: flex;
  align-items: center;
}
.dx-treeview-item.dx-state-disabled {
  opacity: 0.5;
}
.dx-treeview-custom-collapse-icon,
.dx-treeview-custom-expand-icon,
.dx-treeview-toggle-item-visibility {
  cursor: pointer;
  order: 0;
}
.dx-treeview-custom-collapse-icon.dx-state-disabled,
.dx-treeview-custom-expand-icon.dx-state-disabled,
.dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default;
}
.dx-rtl .dx-treeview-custom-collapse-icon,
.dx-rtl .dx-treeview-custom-expand-icon,
.dx-rtl .dx-treeview-toggle-item-visibility {
  transform: scaleX(-1);
}
.dx-treeview-custom-collapse-icon,
.dx-treeview-custom-expand-icon {
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-treeview-item {
  gap: 12px;
  padding: 12px 16px;
  margin: 0;
}
.dx-treeview-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 0;
  color: rgba(0, 0, 0, 0.87);
}
.dx-state-selected > .dx-treeview-item {
  color: rgba(0, 0, 0, 0.87);
  border-radius: 0;
}
.dx-treeview-node {
  list-style-type: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  padding-inline-start: 18px;
}
.dx-treeview-toggle-item-visibility {
  font: 24px/1 DXIcons;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: rgba(0, 0, 0, 0.54);
}
.dx-treeview-toggle-item-visibility::before {
  content: '\f010';
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 24px/1 DXIcons;
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened::before {
  content: '\f016';
}
.dx-treeview-expander-icon-stub {
  display: flex;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
}
.dx-treeview-item-with-checkbox .dx-treeview-item {
  color: rgba(0, 0, 0, 0.87);
}
.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);
}
.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);
  border-radius: 0;
}
.dx-treeview-search {
  margin-bottom: 8px;
}
.dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 56px);
}
.dx-treeview-select-all-item {
  border-bottom: 1px solid #e0e0e0;
  padding: 15px 55px;
}
.dx-treeview-select-all-item .dx-checkbox-container {
  display: flex;
  align-items: center;
}
.dx-treeview-select-all-item .dx-checkbox-text {
  padding-inline-start: 12px;
}
.dx-treeview-node-loadindicator {
  width: 24px;
  height: 24px;
}
.dx-treeview-border-visible {
  border: 1px solid #e0e0e0;
}
.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-inline-start: 26px;
}
.dx-treeview-border-visible
  .dx-scrollable-content
  > .dx-treeview-node-container {
  padding: 1px 1px 1px 8px;
}
.dx-menu-base .dx-menu-item-wrapper,
.dx-menu-base .dx-menu-items-container {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  height: 100%;
}
.dx-menu-base .dx-menu-items-container {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
}
.dx-menu-base .dx-state-disabled,
.dx-menu-base.dx-state-disabled .dx-menu-items-container {
  cursor: default;
}
.dx-menu-base .dx-menu-item {
  display: inline-block;
  position: relative;
  height: 100%;
  width: 100%;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content {
  white-space: nowrap;
  height: 100%;
  width: 100%;
  line-height: 18px;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
  display: inline-block;
  vertical-align: middle;
  border: 0;
}
.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;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text-with-url {
  vertical-align: baseline;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon-with-url {
  vertical-align: top;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-item-url {
  vertical-align: middle;
}
.dx-menu-base
  .dx-menu-item
  .dx-menu-item-content
  .dx-menu-item-popout-container {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  width: 2em;
}
.dx-menu-base
  .dx-menu-item
  .dx-menu-item-content
  .dx-menu-item-popout-container
  .dx-menu-item-popout {
  height: 100%;
}
.dx-menu-base .dx-menu-item .dx-submenu {
  box-sizing: content-box;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout {
  transform: scaleX(-1);
}
.dx-menu-base.dx-overlay-content .dx-scrollable {
  overflow: visible;
}
.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-content {
  min-height: auto;
  transform: none !important;
}
.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-container {
  overscroll-behavior: contain;
}
.dx-menu-item {
  color: rgba(117, 117, 117, 0.87);
}
.dx-menu-item a {
  color: #03a9f4;
}
.dx-menu-item.dx-state-disabled {
  opacity: 0.5;
}
.dx-menu-item.dx-state-focused,
.dx-menu-item.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-menu-item-selected {
  background-color: rgba(224, 224, 224, 0.87);
  color: rgba(0, 0, 0, 0.87);
}
.dx-menu-item-selected.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.7);
}
.dx-menu-item-expanded,
.dx-menu-item-expanded.dx-state-focused,
.dx-menu-item-expanded.dx-state-hover {
  color: rgba(117, 117, 117, 0.87);
  background-color: rgba(224, 224, 224, 0.87);
}
.dx-menu-base {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  text-align: start;
  box-sizing: content-box;
  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;
}
.dx-menu-base input,
.dx-menu-base textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-menu-base.dx-state-focused {
  outline: 0;
}
.dx-menu-base .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;
}
.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout {
  min-width: 7px;
  min-height: 7px;
}
.dx-menu {
  position: relative;
  color: rgba(117, 117, 117, 0.87);
}
.dx-menu-horizontal {
  height: 100%;
}
.dx-menu-horizontal::after {
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle;
}
.dx-menu-horizontal .dx-menu-item-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.dx-menu-horizontal .dx-menu-separator {
  display: inline-block;
  margin-inline-end: 15px;
}
.dx-menu-vertical {
  height: 100%;
}
.dx-menu-vertical::after {
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle;
}
.dx-menu-vertical .dx-menu-item-wrapper {
  display: block;
}
.dx-menu-vertical .dx-menu-separator {
  margin-bottom: 15px;
}
.dx-context-menu-container-border {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
}
.dx-context-menu-content-delimiter {
  position: absolute;
  display: none;
  z-index: 2000;
  cursor: pointer;
}
.dx-menu-adaptive-mode .dx-treeview-item {
  cursor: pointer;
}
.dx-menu-adaptive-mode
  .dx-treeview-node-container:first-child
  > .dx-treeview-node {
  padding: 1px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-menu-adaptive-mode
  .dx-treeview-node-container:first-child
  > .dx-treeview-node
  .dx-item-content {
  padding-inline-start: 15px;
}
.dx-menu-adaptive-mode
  .dx-treeview-node-container:first-child
  > .dx-treeview-node:last-child {
  border-bottom: none;
}
.dx-menu-adaptive-mode-overlay-wrapper {
  display: flex;
  flex-flow: row wrap;
}
.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  display: flex;
}
.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  height: auto;
  flex: 1 1 auto;
}
.dx-context-menu-container-border,
.dx-context-menu-content-delimiter {
  background-color: transparent;
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  margin-inline-start: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
  content: '\f001';
}
.dx-menu .dx-menu-vertical .dx-menu-item-popout {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-menu .dx-menu-vertical .dx-menu-item-popout::before {
  content: '\f04e';
}
.dx-menu .dx-menu-item {
  font-size: 14px;
  border-radius: 4px;
}
.dx-menu .dx-menu-item .dx-menu-item-content {
  display: flex;
  padding: 12px 16px;
}
.dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.dx-menu .dx-menu-item.dx-menu-item-has-text .dx-menu-item-text {
  flex: 1 1 auto;
}
.dx-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin-inline-end: 8px;
}
.dx-menu-adaptive-mode {
  background-color: #fff;
}
.dx-menu-adaptive-mode .dx-treeview {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.dx-menu-adaptive-mode .dx-treeview,
.dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  order: 3;
  font-size: 18px;
}
.dx-menu-adaptive-mode
  .dx-treeview-node.dx-state-focused
  .dx-treeview-node
  .dx-treeview-toggle-item-visibility {
  color: inherit;
}
.dx-menu-adaptive-mode
  .dx-treeview-node.dx-state-focused
  .dx-treeview-toggle-item-visibility {
  color: #fff;
}
.dx-selectbox {
  cursor: pointer;
}
.dx-selectbox .dx-texteditor-input {
  max-width: 100%;
}
.dx-selectbox .dx-texteditor-input:read-only {
  cursor: pointer;
}
.dx-selectbox-container {
  position: relative;
}
.dx-state-disabled .dx-selectbox .dx-texteditor-input,
.dx-state-disabled.dx-selectbox .dx-texteditor-input {
  cursor: default;
}
.dx-dropdownlist-popup-wrapper .dx-list .dx-scrollable-content {
  margin: 0;
}
.dx-dropdownlist-popup-wrapper {
  height: 100%;
}
.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.dx-dropdownlist-popup-wrapper.dx-popup-wrapper
  .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.dx-dropdownlist-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px;
}
.dx-dropdownlist-popup-wrapper .dx-list {
  height: 100%;
  min-height: 48px;
}
.dx-dropdownlist-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.dx-dropdownlist-popup-wrapper .dx-empty-message,
.dx-dropdownlist-popup-wrapper .dx-list-item {
  border-top: 0;
}
.dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type,
.dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-selectbox-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-selectbox-popup-wrapper .dx-popup-content {
  padding: 0;
}
.dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff;
}
.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  height: 100%;
}
.dx-toolbar.dx-toolbar-multiline
  .dx-toolbar-items-container
  .dx-toolbar-before {
  position: relative;
}
.dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  height: 56px;
}
.dx-toolbar.dx-state-disabled {
  opacity: 1;
}
.dx-toolbar .dx-button .dx-icon {
  box-sizing: content-box;
}
.dx-toolbar-items-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.dx-toolbar-item {
  padding: 0 5px;
  display: table-cell;
  vertical-align: middle;
  box-sizing: content-box;
}
.dx-toolbar-item img {
  display: block;
}
.dx-toolbar-menu-container {
  display: table-cell;
  vertical-align: middle;
  box-sizing: content-box;
}
.dx-toolbar-menu-container img {
  display: block;
}
.dx-toolbar-group {
  float: left;
  margin: 0 10px;
}
.dx-toolbar-after,
.dx-toolbar-before {
  position: absolute;
}
.dx-toolbar-center:empty {
  display: none;
}
.dx-toolbar-before {
  left: 0;
}
.dx-toolbar-after {
  right: 0;
}
.dx-toolbar-label {
  white-space: nowrap;
  -webkit-user-drag: none;
}
.dx-toolbar-label .dx-toolbar-item-content > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-toolbar-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 -5px;
  padding: 0 5px;
}
.dx-toolbar-center {
  margin: 0 auto;
  text-align: center;
}
.dx-toolbar-after,
.dx-toolbar-before,
.dx-toolbar-center {
  top: 0;
  display: table;
  height: 100%;
}
.dx-rtl .dx-toolbar-before {
  right: 0;
  left: auto;
}
.dx-rtl .dx-toolbar-after {
  right: auto;
  left: 0;
}
.dx-toolbar-menu-section:empty {
  display: none;
}
.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-content {
  padding: 0;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-list-item-content
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-list-item-content
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-list-item-content.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-list-item-content.dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-auto-hide
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-auto-hide
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-auto-hide.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-auto-hide.dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-content
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-content
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-content.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-toolbar-item-content.dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-list-item-content
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-list-item-content
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-list-item-content.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-list-item-content.dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide.dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-content
  > .dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-content
  > .dx-buttongroup
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-content.dx-button
  .dx-button-content,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-content.dx-buttongroup
  .dx-button-content {
  justify-content: flex-start;
}
.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  border-bottom: none;
}
.dx-toolbar-menu-section .dx-list-item-content::before {
  content: none;
}
.dx-toolbar-menu-section .dx-list-item-content,
.dx-toolbar-menu-section .dx-list-item-content.dx-list,
.dx-toolbar-menu-section .dx-list-item-content > .dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-toolbar-item-content.dx-list,
.dx-toolbar-menu-section .dx-toolbar-item-content > .dx-list {
  padding: 0;
}
.dx-toolbar-menu-section .dx-list-item-content > .dx-button,
.dx-toolbar-menu-section .dx-list-item-content.dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-content > .dx-button,
.dx-toolbar-menu-section .dx-toolbar-item-content.dx-button {
  width: 100%;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  width: 100%;
  margin: 0;
  box-shadow: none;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-buttongroup {
  width: 100%;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-buttongroup
  .dx-buttongroup-wrapper {
  flex-direction: column;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  box-shadow: none;
}
.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
  display: none;
}
.dx-list-item-content > .dx-texteditor,
.dx-list-item-content.dx-texteditor,
.dx-toolbar-item-content > .dx-texteditor,
.dx-toolbar-item-content.dx-texteditor {
  width: 150px;
}
.dx-toolbar-item-invisible {
  display: none;
}
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  min-height: 0;
  min-width: 100px;
  border-radius: 8px;
}
.dx-dropdownmenu-popup-wrapper
  .dx-dropdownmenu-list
  .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-dropdownmenu-popup-wrapper .dx-popup-content {
  padding: 1px;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item {
  display: block;
  border-top: 0;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item-content {
  display: block;
}
.dx-dropdownmenu-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-toolbar {
  width: 100%;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 0;
  overflow: visible;
}
.dx-toolbar .dx-toolbar-before {
  padding-inline-end: 15px;
}
.dx-toolbar .dx-toolbar-after {
  padding-inline-start: 15px;
}
.dx-toolbar .dx-toolbar-after:empty,
.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-toolbar .dx-toolbar-items-container {
  height: 56px;
  overflow: visible;
}
.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  padding-inline-start: 5px;
}
.dx-toolbar .dx-toolbar-item {
  padding: 0;
  padding-inline-end: 5px;
}
.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-toolbar-after .dx-toolbar-item {
  padding: 0;
  padding-inline-start: 5px;
}
.dx-toolbar-after .dx-toolbar-item:last-child {
  padding-inline-start: 5px;
}
.dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.dx-toolbar-background {
  background-color: #fff;
}
.dx-toolbar-menu-section {
  border-bottom: 1px solid #e0e0e0;
}
.dx-toolbar-menu-section .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 14px 16px 13px;
}
.dx-toolbar-menu-section .dx-list-item-content {
  font-size: 14px;
  vertical-align: middle;
}
.dx-toolbar-menu-section .dx-list-item-content .dx-list-item-icon-container {
  height: 18px;
  width: 18px;
  margin-inline-end: 9px;
  margin-inline-start: 0;
}
.dx-toolbar-menu-section
  .dx-list-item-content
  .dx-list-item-icon-container
  .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;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button-group
  .dx-toolbar-item-auto-hide {
  padding: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  border: none;
  border-radius: 0;
  height: 48px;
  padding: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-text,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-text {
  text-transform: none;
  font-weight: 400;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-content {
  padding: 0 16px;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-selected {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-selected,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-selected
  .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-focused,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal.dx-state-active {
  background-color: rgba(0, 0, 0, 0.3);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-normal
  .dx-inkripple-wave {
  background-color: rgba(0, 0, 0, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default {
  background-color: transparent;
  color: #03a9f4;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default .dx-icon {
  color: #03a9f4;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-selected,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-selected
  .dx-icon {
  color: #03a9f4;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-focused,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-default
  .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger {
  background-color: transparent;
  color: #f44336;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger .dx-icon {
  color: #f44336;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-selected {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-selected,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-selected
  .dx-icon {
  color: #f44336;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-focused,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-hover {
  background-color: rgba(244, 67, 54, 0.08);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger.dx-state-active {
  background-color: rgba(244, 67, 54, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-danger
  .dx-inkripple-wave {
  background-color: rgba(244, 67, 54, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success {
  background-color: transparent;
  color: #8bc34a;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success .dx-icon {
  color: #8bc34a;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-selected {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-selected,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-selected
  .dx-icon {
  color: #8bc34a;
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-focused,
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-hover {
  background-color: rgba(139, 195, 74, 0.08);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success.dx-state-active {
  background-color: rgba(139, 195, 74, 0.36);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button-success
  .dx-inkripple-wave {
  background-color: rgba(139, 195, 74, 0.2);
}
.dx-toolbar-menu-section
  .dx-toolbar-hidden-button
  .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group {
  margin-top: 0;
  margin-bottom: 0;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group:first-of-type {
  margin-top: 8px;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group:last-of-type {
  margin-bottom: 8px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button {
  min-width: 36px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding-block: 8px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.dx-toolbar-button.dx-toolbar-text-auto-hide
  .dx-button-has-icon.dx-button-has-text {
  border-radius: 50%;
}
.dx-toolbar-button .dx-menu .dx-menu-item {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  font-weight: 500;
  height: 36px;
}
.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
  padding-top: 7px;
  padding-bottom: 7px;
  line-height: 24px;
}
.dx-toolbar-button
  .dx-menu
  .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon
  .dx-icon {
  margin-inline-end: 6px;
  margin-inline-start: 0;
}
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-active,
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-focused,
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-hover {
  background-color: #ebebeb;
}
.dx-toolbar-button .dx-switch {
  display: block;
  line-height: 0;
}
.dx-toolbar .dx-tab {
  padding: 4px;
}
.dx-popup-draggable .dx-popup-title {
  cursor: move;
  touch-action: pinch-zoom;
}
.dx-overlay-content > .dx-template-wrapper.dx-popup-title {
  height: auto;
  width: auto;
}
.dx-overlay-content .dx-popup-content > .dx-template-wrapper {
  height: 100%;
  width: 100%;
}
.dx-overlay-content .dx-popup-content {
  box-sizing: content-box;
}
.dx-popup-flex-height {
  display: flex;
  flex-wrap: wrap;
}
.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom,
.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
  width: 100%;
}
.dx-popup-flex-height .dx-popup-content {
  box-sizing: border-box;
  height: auto;
  flex: 1;
  max-width: 100%;
  flex-basis: 100%;
}
.dx-popup-inherit-height .dx-popup-content > .dx-scrollable,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-scrollable
  > .dx-scrollable-wrapper,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-scrollable
  > .dx-scrollable-wrapper
  > .dx-scrollable-container,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-treeview
  > .dx-scrollable
  > .dx-scrollable-wrapper,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-treeview
  > .dx-scrollable
  > .dx-scrollable-wrapper
  > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit;
}
.dx-popup-inherit-height .dx-popup-content > .dx-widget {
  max-height: inherit;
}
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-template-wrapper
  > .dx-scrollable,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-template-wrapper
  > .dx-scrollable
  > .dx-scrollable-wrapper,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-template-wrapper
  > .dx-scrollable
  > .dx-scrollable-wrapper
  > .dx-scrollable-container,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-template-wrapper
  > .dx-treeview
  > .dx-scrollable,
.dx-popup-inherit-height
  .dx-popup-content
  > .dx-template-wrapper
  > .dx-treeview
  > .dx-scrollable
  > .dx-scrollable-wrapper,
.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;
}
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
  max-height: inherit;
}
.dx-popup-content-scrollable {
  overflow: auto;
  overscroll-behavior: contain;
}
.dx-dialog-root .dx-overlay-shader {
  background-color: #444;
}
.dx-prevent-safari-scrolling {
  position: fixed;
  margin: 0;
  left: 0;
  right: 0;
  top: 0;
}
.dx-popup-wrapper > .dx-overlay-content {
  background: #fff;
  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: 4px;
}
.dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  box-shadow: 0 8px 40px 6px rgba(0, 0, 0, 0.4);
}
.dx-popup-title {
  padding: 10px;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  white-space: normal;
  position: relative;
  min-height: 28px;
  border-bottom: 1px solid #e0e0e0;
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.dx-popup-title.dx-toolbar {
  padding: 0 24px;
  overflow: visible;
  box-shadow: none;
}
.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-inline-end: 15px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-inline-start: 15px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-after:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 64px;
  overflow: visible;
}
.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  padding-inline-start: 8px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0;
  padding-inline-end: 8px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-popup-content {
  -webkit-user-drag: none;
  padding: 24px;
}
.dx-popup-content > .dx-button {
  margin: 0 8px;
}
.dx-popup-bottom {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.dx-popup-bottom.dx-toolbar {
  padding: 0 20px;
  overflow: visible;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-inline-end: 15px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-inline-start: 15px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 52px;
  overflow: visible;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0;
  padding-inline-start: 8px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0;
  padding-inline-end: 8px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
  font-weight: 500;
}
.dx-popup-content.dx-dialog-content {
  min-width: 172px;
  padding: 24px;
}
.dx-dialog-message {
  padding: 0;
}
.dx-dropdownbutton {
  display: inline-block;
  vertical-align: middle;
}
.dx-dropdownbutton-action {
  min-width: 0;
}
.dx-dropdownbutton-content.dx-popup-content {
  padding: 0;
}
.dx-dropdownbutton-content .dx-list .dx-empty-message,
.dx-dropdownbutton-content .dx-list .dx-list-item {
  border: none;
}
.dx-dropdownbutton-toggle {
  flex: 0 0 auto;
  min-width: 0;
}
.dx-dropdownbutton-toggle .dx-button-content {
  padding-inline: 0;
}
.dx-dropdownbutton-toggle .dx-icon-spindown {
  width: 24px;
  height: 24px;
}
.dx-dropdownbutton-action.dx-button-has-icon:not(.dx-button-has-text)
  .dx-button-content {
  padding-inline: 12px;
}
.dx-dropdownbutton-action.dx-button-has-icon .dx-icon.dx-icon-right,
.dx-dropdownbutton-action.dx-button-has-text .dx-icon.dx-icon-right {
  margin-inline-start: 4px;
  margin-inline-end: 0;
}
.dx-dropdownbutton-has-arrow
  .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button-has-text
  .dx-button-content {
  padding-inline-end: 12px;
}
.dx-dropdownbutton-popup-wrapper {
  height: 100%;
}
.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-top-width: 0;
  border-bottom-width: 1px;
}
.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper
  .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-top-width: 1px;
  border-bottom-width: 0;
}
.dx-dropdownbutton-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px;
}
.dx-dropdownbutton-popup-wrapper .dx-list {
  height: 100%;
  min-height: 48px;
}
.dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  padding: 16px 0 12px;
}
.dx-dropdownbutton-popup-wrapper .dx-empty-message,
.dx-dropdownbutton-popup-wrapper .dx-list-item {
  border-top: 0;
}
.dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type,
.dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-popover-wrapper .dx-popover-arrow::after {
  width: 14.1422712488px;
  height: 14.1422712488px;
}
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow,
.dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  width: 20px;
  height: 10px;
}
.dx-popover-wrapper.dx-position-left .dx-popover-arrow,
.dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  width: 10px;
  height: 20px;
}
.dx-popover-arrow {
  position: absolute;
  z-index: 2000;
  overflow: hidden;
}
.dx-popover-arrow::after {
  position: absolute;
  display: block;
  overflow: hidden;
  content: ' ';
  transform: rotate(-45deg);
}
.dx-popover-wrapper.dx-position-top .dx-popover-arrow::after {
  top: 0;
  left: 0;
  transform-origin: top left;
}
.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow::after {
  right: 0;
  bottom: 0;
  transform-origin: bottom right;
}
.dx-popover-wrapper.dx-position-left .dx-popover-arrow::after {
  bottom: 0;
  left: 0;
  transform-origin: bottom left;
}
.dx-popover-wrapper.dx-position-right .dx-popover-arrow::after {
  top: 0;
  right: 0;
  transform-origin: top right;
}
.dx-popover-wrapper .dx-overlay-content {
  overflow: visible;
}
.dx-popover-wrapper .dx-popup-content {
  overflow: hidden;
}
.dx-popover-wrapper .dx-popup-content-scrollable {
  overflow: auto;
}
.dx-popover-wrapper .dx-popup-title {
  margin: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.dx-popover-wrapper .dx-popover-arrow {
  display: none;
}
.dx-tooltip-wrapper .dx-overlay-content {
  min-width: 34px;
  text-align: center;
  line-height: 0;
  background-color: #616161;
  color: #fff;
  box-shadow: none;
  border-radius: 4px;
  min-height: auto;
}
.dx-tooltip-wrapper .dx-overlay-content::before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  display: inline-block;
  line-height: normal;
  white-space: nowrap;
  padding: 6px 8px;
  font-size: 12px;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
  display: none;
}
.dx-loadpanel-content::before {
  display: inline-block;
  height: 100%;
  content: '';
  vertical-align: middle;
}
.dx-loadpanel-content-wrapper {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.dx-loadpanel-message {
  text-align: center;
  display: none;
}
.dx-loadpanel-content.dx-loadpanel-pane-hidden {
  box-shadow: none;
  border: none;
  background: 0 0;
}
@keyframes dx-loadpanel-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.dx-loadpanel-content {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  border: 1px solid #e0e0e0;
  background: #fff;
  padding: 13px;
  border-radius: 50%;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select
  .dx-texteditor-input {
  border: none;
  color: transparent;
  text-shadow: 0 0 0 gray;
  min-width: 0;
  width: 0.1px;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select
  .dx-texteditor-input:focus {
  outline: 0;
}
.dx-tagbox.dx-state-disabled .dx-texteditor-input {
  background: 0 0;
}
.dx-tagbox.dx-state-disabled .dx-tag-content {
  cursor: default;
  background-color: #adadad;
}
.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
  flex-wrap: wrap;
  align-items: stretch;
}
.dx-tag {
  max-width: calc(100% - 1px);
  display: inline-flex;
  align-self: flex-start;
}
.dx-tag-container.dx-texteditor-input-container {
  outline: 0;
}
.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
  overflow: hidden;
  white-space: nowrap;
}
.dx-texteditor-container.dx-tag-container {
  white-space: normal;
}
.dx-tag-content {
  position: relative;
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: normal;
  margin: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-inline-start: 8px;
  padding-inline-end: 30px;
  min-width: 40px;
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 2em;
}
.dx-tag-remove-button {
  position: absolute;
  inset-inline-end: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 100%;
  font: 10px/1 DXIcons;
}
.dx-tagbox .dx-tag-container {
  height: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  gap: 4px;
}
.dx-tagbox .dx-tag-container .dx-texteditor-input {
  padding: 0;
}
.dx-tagbox .dx-texteditor-input {
  width: auto;
  height: 26px;
}
.dx-tagbox.dx-editor-filled .dx-tag-container,
.dx-tagbox.dx-editor-outlined .dx-tag-container {
  padding-inline-start: 16px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label
  .dx-placeholder::before,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-tag-container,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  )
  .dx-placeholder::before,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  )
  .dx-tag-container,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-placeholder::before,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-tag-container,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  )
  .dx-placeholder::before,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label:not(
    .dx-texteditor-label-outside
  )
  .dx-tag-container {
  padding-top: 18px;
  padding-bottom: 4px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-tag,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-tag,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-tag,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-tag {
  margin: 0;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label
  .dx-texteditor-input,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-input,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label
  .dx-texteditor-input,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-input {
  padding: 0;
}
.dx-tagbox.dx-state-disabled .dx-tag-content .dx-tag-remove-button::before {
  color: #adadad;
}
.dx-tagbox-single-line .dx-tag-container {
  padding-right: 0;
}
.dx-tag-remove-button::before {
  content: '\f008';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: #e0e0e0;
  background-color: rgba(0, 0, 0, 0.36);
  border-radius: 50%;
  transform: none;
}
.dx-tag:hover .dx-tag-content {
  background-color: #d9d9d9;
  color: rgba(0, 0, 0, 0.87);
}
.dx-tag.dx-state-focused .dx-tag-content {
  background-color: #adadad;
  color: rgba(0, 0, 0, 0.87);
}
.dx-tagbox.dx-invalid .dx-texteditor-container::after,
.dx-tagbox.dx-valid .dx-texteditor-container::after,
.dx-tagbox.dx-validation-pending
  .dx-texteditor-container
  .dx-pending-indicator {
  inset-inline-end: 12px;
}
.dx-tagbox-popup-wrapper .dx-list-select-all {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 12px;
  margin-bottom: 3px;
}
.dx-tagbox-popup-wrapper .dx-list-select-all::after {
  background-color: transparent;
}
.dx-radio-value-container {
  padding-inline-end: 10px;
}
.dx-radiogroup-horizontal .dx-collection {
  display: flex;
  flex-wrap: wrap;
  column-gap: 17px;
}
.dx-radiobutton {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.dx-radiobutton.dx-state-disabled {
  cursor: default;
  opacity: 0.38;
}
.dx-state-disabled .dx-radiobutton.dx-state-disabled {
  opacity: 1;
}
.dx-radiobutton-icon .dx-radiobutton-icon-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
  border: 0 solid #fff;
}
.dx-radiobutton-icon::after {
  content: '';
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px;
  border-radius: 50%;
  z-index: 1;
  transform: scale(0.5);
  transition: 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  border-width: 3px;
  transform: scale(1);
  background-color: #03a9f4;
}
.dx-radiobutton-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transition: border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid rgba(0, 0, 0, 0.54);
  background-color: #fff;
}
.dx-radiobutton-icon-checked {
  border-color: #03a9f4;
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon::after,
.dx-radiobutton.dx-state-focused .dx-radiobutton-icon::after {
  background-color: rgba(0, 0, 0, 0.1);
  transform: scale(1);
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon-checked::after,
.dx-radiobutton.dx-state-focused .dx-radiobutton-icon-checked::after {
  background-color: rgba(3, 169, 244, 0.1);
  transform: scale(1);
}
.dx-invalid .dx-radiobutton-icon {
  border-color: rgba(244, 67, 54, 0.4);
}
.dx-invalid .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: rgba(244, 67, 54, 0.4);
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon {
  border-color: #f44336;
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
  background-color: #f44336;
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon::after,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon::after {
  background-color: rgba(244, 67, 54, 0.1);
  transform: scale(1);
}
.dx-state-disabled .dx-radiobutton-icon,
.dx-state-readonly .dx-radiobutton-icon {
  border-color: rgba(0, 0, 0, 0.54);
}
.dx-state-disabled .dx-radiobutton-icon-dot,
.dx-state-readonly .dx-radiobutton-icon-dot {
  background-color: rgba(0, 0, 0, 0.54);
}
.dx-radiogroup .dx-radiobutton {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dx-radiogroup .dx-radiobutton-icon {
  margin-top: 0;
  margin-bottom: 0;
}
.dx-pager {
  overflow: hidden;
  width: 100%;
  line-height: normal;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  padding: 13px 16px;
}
.dx-pager .dx-pages {
  white-space: nowrap;
  float: right;
}
.dx-pager .dx-pages .dx-page-indexes {
  display: inline-block;
}
.dx-pager .dx-pages .dx-page {
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
  margin-right: 1px;
}
.dx-pager .dx-pages .dx-separator {
  display: inline-block;
}
.dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: 0.7;
}
.dx-pager .dx-pages .dx-navigate-button {
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  box-sizing: content-box;
}
.dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  opacity: 0.3;
  cursor: inherit;
}
.dx-pager .dx-page-sizes {
  float: left;
}
.dx-pager .dx-page-sizes .dx-page-size {
  display: inline-block;
  cursor: pointer;
  margin-left: 4px;
  margin-right: 1px;
}
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  cursor: inherit;
  text-shadow: none;
}
.dx-pager .dx-light-pages {
  display: inline-block;
}
.dx-pager .dx-light-pages .dx-page-index {
  width: 40px;
}
.dx-pager .dx-light-pages .dx-pages-count {
  cursor: pointer;
}
.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-pages-count {
  padding-left: 6px;
}
.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-page-index,
.dx-pager .dx-light-pages .dx-pages-count {
  display: table-cell;
}
.dx-pager.dx-rtl .dx-pages,
.dx-rtl .dx-pager .dx-pages {
  float: left;
  direction: ltr;
}
.dx-pager.dx-rtl .dx-pages .dx-page,
.dx-rtl .dx-pager .dx-pages .dx-page {
  direction: ltr;
}
.dx-pager.dx-rtl .dx-pages .dx-page:first-child,
.dx-rtl .dx-pager .dx-pages .dx-page:first-child {
  margin-left: 1px;
}
.dx-pager.dx-rtl .dx-pages .dx-info,
.dx-rtl .dx-pager .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0;
}
.dx-pager.dx-rtl .dx-page-sizes,
.dx-rtl .dx-pager .dx-page-sizes {
  float: right;
}
.dx-pager.dx-light-mode .dx-page-sizes {
  min-width: 62px;
}
.dx-pager.dx-light-mode .dx-page-index {
  min-width: 32px;
}
.dx-pager.dx-light-mode .dx-pages .dx-light-pages,
.dx-pager.dx-light-mode .dx-pages .dx-navigate-button,
.dx-pager.dx-light-mode .dx-pages .dx-page-indexes {
  vertical-align: middle;
}
.dx-pager .dx-pages .dx-page {
  padding: 9px 12px;
  line-height: 12px;
}
.dx-pager .dx-pages .dx-separator {
  padding-left: 8px;
  padding-right: 8px;
}
.dx-pager .dx-pages .dx-navigate-button {
  width: 9px;
  height: 12px;
  padding: 9px 12px;
}
.dx-pager .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons;
}
.dx-pager .dx-pages .dx-prev-button::before {
  content: '\f012';
}
.dx-pager .dx-pages .dx-next-button {
  font: 14px/1 DXIcons;
}
.dx-pager .dx-pages .dx-next-button::before {
  content: '\f010';
}
.dx-pager .dx-pages .dx-next-button,
.dx-pager .dx-pages .dx-prev-button {
  position: relative;
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}
.dx-pager .dx-pages .dx-next-button::before,
.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;
}
.dx-pager .dx-page,
.dx-pager .dx-page-size {
  font-size: 12px;
  border-radius: 20px;
}
.dx-pager .dx-page-size:hover,
.dx-pager .dx-page:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-pager .dx-page-sizes .dx-page-size {
  padding: 9px 12px;
  line-height: 12px;
}
.dx-pager .dx-page-sizes .dx-page-size.dx-first-child,
.dx-pager .dx-page-sizes .dx-page-size:first-child {
  margin-left: 0;
}
.dx-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  font-weight: 500;
  background-color: #03a9f4;
  color: #fff;
}
.dx-gridbase-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
}
.dx-gridbase-container > * {
  flex: 0 0 auto;
}
.dx-gridbase-a11y-status-container {
  width: 0;
  height: 0;
  overflow: hidden;
}
.dx-datagrid-checkbox-size {
  vertical-align: middle;
}
.dx-datagrid-important-margin {
  margin-right: 5px !important;
}
.dx-datagrid-table {
  background-color: transparent;
}
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-top: 0;
}
.dx-datagrid-borders > .dx-datagrid-pager {
  margin-top: -1px;
}
.dx-datagrid-borders > .dx-datagrid-header-panel {
  border-bottom: 0;
}
.dx-datagrid-borders
  > .dx-datagrid-rowsview.dx-last-row-border
  tbody:last-child
  > .dx-data-row:nth-last-child(2),
.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;
}
.dx-datagrid .dx-datagrid-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
  position: relative;
}
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
  pointer-events: auto;
}
.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;
}
.dx-datagrid
  .dx-datagrid-content-fixed
  .dx-datagrid-table
  .dx-header-row
  td.dx-pointer-events-none {
  border-bottom-color: transparent;
}
.dx-datagrid
  .dx-datagrid-content-fixed
  .dx-datagrid-table.dx-datagrid-table-fixed
  .dx-row
  td.dx-pointer-events-none {
  width: auto;
}
.dx-datagrid .dx-menu-subitem ul li {
  padding-top: 0;
}
.dx-datagrid .dx-menu-subitem ul li:first-child {
  padding-top: 1px;
}
.dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px;
}
.dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left;
}
.dx-datagrid .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden;
}
.dx-datagrid .dx-column-indicators .dx-sort-index-icon {
  width: 15px;
}
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block;
}
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter::after,
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px;
}
.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
  padding: 7px;
}
.dx-datagrid .dx-error-row {
  -webkit-user-select: initial;
  user-select: initial;
}
.dx-datagrid .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  user-select: text;
}
.dx-datagrid .dx-error-row .dx-error-message a {
  color: inherit;
}
.dx-datagrid .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0;
}
.dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  font-size: 16px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px;
}
.dx-datagrid-column-chooser
  .dx-overlay-content
  .dx-popup-content
  .dx-column-chooser-item.dx-datagrid-drag-action {
  opacity: 1;
  cursor: pointer;
  touch-action: pinch-zoom;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag
  .dx-treeview-node-container:first-child
  > .dx-treeview-node-is-leaf {
  padding: 0;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select
  .dx-datagrid-column-chooser-list
  .dx-treeview-node
  .dx-treeview-item,
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select
  .dx-datagrid-column-chooser-plain
  .dx-treeview-node
  .dx-treeview-item {
  padding-inline-start: 4px;
}
.dx-datagrid-nowrap,
.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  white-space: nowrap;
}
.dx-datagrid-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  box-sizing: content-box;
}
.dx-datagrid-drag-header.dx-drag-command-cell {
  padding: 0;
}
.dx-datagrid-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px;
}
.dx-datagrid-columns-separator-transparent {
  border-left: 0;
  border-right: 0;
}
.dx-datagrid-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize;
}
.dx-datagrid-table-content {
  position: absolute;
  top: 0;
}
.dx-datagrid-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden;
}
.dx-datagrid-action,
.dx-datagrid-drag-action {
  cursor: pointer;
}
.dx-datagrid-content {
  position: relative;
}
.dx-datagrid-content
  .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message {
  visibility: visible;
}
.dx-datagrid-content
  .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message
  .dx-overlay-content,
.dx-datagrid-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-datagrid-table-fixed {
  table-layout: fixed;
  width: 100%;
}
.dx-datagrid-content .dx-datagrid-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px;
}
.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
  max-width: none;
}
.dx-datagrid-content
  .dx-datagrid-table.dx-datagrid-table-fixed
  .dx-column-indicators
  .dx-sort.dx-sort-none {
  display: none;
}
.dx-datagrid-content
  .dx-datagrid-table.dx-datagrid-table-fixed
  .dx-column-indicators
  .dx-sort.dx-sort-index {
  width: 26px;
}
.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit {
  max-width: none !important;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-column-indicators {
  float: none !important;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-column-indicators
  > span {
  width: 14px;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-column-indicators
  .dx-sort.dx-sort-none {
  display: inline-block;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-header-row
  .dx-datagrid-text-content {
  max-width: none;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-datagrid-best-fit
  .dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-datagrid-content
  .dx-datagrid-table:not(.dx-datagrid-table-fixed)
  .dx-column-indicators {
  float: none !important;
}
.dx-datagrid-content
  .dx-datagrid-table:not(.dx-datagrid-table-fixed)
  .dx-column-indicators
  > span {
  width: 14px;
}
.dx-datagrid-content
  .dx-datagrid-table:not(.dx-datagrid-table-fixed)
  .dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-datagrid-content
  .dx-datagrid-table:not(.dx-datagrid-table-fixed)
  .dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-datagrid-content
  .dx-datagrid-table:not(.dx-datagrid-table-fixed)
  .dx-master-detail-cell {
  max-width: 0;
}
.dx-datagrid-content
  .dx-datagrid-table
  [class*='column']
  + [class*='column']:last-child {
  float: none;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: top;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-first-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
  border-left: 0;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-last-child,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-last-child {
  border-right: 0;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > tr
  > td.dx-datagrid-group-space {
  border-right: none;
  vertical-align: top;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td.dx-datagrid-group-space
  + td,
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > tr
  > td.dx-datagrid-group-space
  + td {
  border-left: none;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
  overflow: hidden;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-datagrid-invalid
  .dx-invalid-message.dx-overlay {
  position: static;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  max-width: 0;
  vertical-align: middle;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-editor-cell:not(.dx-datagrid-cell-expandable) {
  padding-left: 0;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor,
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-editor-cell
  .dx-texteditor-container {
  border: 0;
  margin: 0;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-command-edit.dx-command-edit-with-icons
  .dx-link {
  text-decoration: none;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link {
  display: inline-block;
}
.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;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle;
}
.dx-datagrid-content
  .dx-datagrid-table
  .dx-data-row
  .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
  border-right: none;
}
.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none;
}
.dx-cell-modified,
.dx-datagrid-invalid,
.dx-highlight-outline {
  position: relative;
  padding: 7px;
}
.dx-cell-modified::after,
.dx-datagrid-invalid::after,
.dx-highlight-outline::after {
  content: '';
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-cell-modified.dx-hidden,
.dx-datagrid-invalid.dx-hidden,
.dx-highlight-outline.dx-hidden {
  display: block !important;
}
.dx-cell-modified.dx-hidden::after,
.dx-datagrid-invalid.dx-hidden::after,
.dx-highlight-outline.dx-hidden::after {
  display: none;
}
.dx-editor-cell .dx-highlight-outline,
.dx-editor-cell.dx-cell-modified,
.dx-editor-cell.dx-datagrid-invalid {
  padding: 0;
}
.dx-column-lines .dx-cell-modified::after,
.dx-column-lines .dx-datagrid-invalid::after,
.dx-column-lines .dx-highlight-outline::after {
  left: 0;
}
.dx-datagrid-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-header-row > td > .dx-datagrid-text-content {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.dx-header-row
  > td
  > .dx-datagrid-text-content:not(.dx-sort-indicator):not(
    .dx-header-filter-indicator
  ) {
  max-width: 100%;
}
.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0;
}
.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;
}
.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
  border-top: 1px solid transparent;
}
.dx-datagrid-filter-range-overlay .dx-editor-container.dx-cell-modified,
.dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid {
  padding: 0;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
  display: none;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative;
}
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block;
}
.dx-datagrid-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-placeholder::before,
.dx-datagrid-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor-input {
  padding-left: 32px;
}
.dx-datagrid-filter-row .dx-cell-modified::after,
.dx-datagrid-filter-row .dx-datagrid-invalid::after {
  pointer-events: none;
}
.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after,
.dx-datagrid-filter-row .dx-focused.dx-cell-modified::after,
.dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid::after {
  border-color: transparent;
}
.dx-datagrid-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  overflow: visible;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%;
}
.dx-datagrid-filter-row
  .dx-menu
  .dx-menu-horizontal
  .dx-menu-item-popout-container,
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none;
}
.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
}
.dx-datagrid-filter-row > .dx-first-cell .dx-menu,
.dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.dx-datagrid-filter-row
  .dx-menu-horizontal
  .dx-overlay-content
  ul
  .dx-menu-item {
  padding: 5px 30px 5px 5px;
}
.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px;
}
.dx-datagrid-filter-row
  .dx-menu
  ul.dx-menu-horizontal
  > li
  > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px;
}
.dx-datagrid-filter-row .dx-menu-caption {
  padding-left: 6px;
}
.dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none;
}
.dx-datagrid-filter-row .dx-menu-item-highlight {
  font-weight: 400;
}
.dx-datagrid-scroll-container {
  overflow: hidden;
  width: 100%;
}
.dx-datagrid-header-panel {
  text-align: left;
}
.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px;
}
.dx-datagrid-search-panel {
  margin: 0 0 0 15px;
}
.dx-gridbase-container > .dx-datagrid-rowsview {
  flex: auto;
  height: auto;
}
.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  display: flex;
}
.dx-gridbase-container
  > .dx-datagrid-rowsview.dx-scrollable
  > .dx-scrollable-wrapper {
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.dx-datagrid-rowsview {
  position: relative;
  overflow: hidden;
}
.dx-datagrid-rowsview.dx-empty {
  height: 100px;
}
.dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
  height: 100%;
}
.dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2;
}
.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3;
}
.dx-datagrid-rowsview .dx-datagrid-content {
  overflow-anchor: none;
}
.dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  min-height: 100%;
}
.dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container {
  width: auto;
}
.dx-datagrid-rowsview
  .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
  height: auto;
}
.dx-datagrid-rowsview:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-row > td,
.dx-datagrid-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td,
.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none;
}
.dx-datagrid-rowsview .dx-data-row > td:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-selection > td .dx-link,
.dx-datagrid-rowsview .dx-selection > tr > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit;
}
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row,
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0;
}
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td,
.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-datagrid-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr
  > td
  > .dx-select-checkbox {
  display: none;
}
.dx-datagrid-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr.dx-selection
  > td
  > .dx-select-checkbox,
.dx-datagrid-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr
  > td:hover
  > .dx-select-checkbox {
  display: inline-block;
}
.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.dx-datagrid-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.dx-datagrid-bottom-load-panel {
  text-align: center;
  padding: 10px;
}
.dx-datagrid-hidden-column {
  white-space: nowrap;
}
.dx-datagrid .dx-row .dx-datagrid-hidden-column {
  border-right-width: 0;
  border-left-width: 0;
}
.dx-datagrid-hidden-column > * {
  display: none !important;
}
.dx-datagrid-summary-item {
  font-weight: 700;
}
.dx-datagrid-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  box-shadow: none;
}
.dx-datagrid-revert-tooltip.dx-popover-wrapper
  .dx-overlay-content
  .dx-popup-content {
  padding: 0;
}
.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0;
}
.dx-datagrid-notouch-action {
  touch-action: none;
}
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message,
.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item,
.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px;
}
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image,
.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right;
}
.dx-datagrid.dx-rtl .dx-texteditor-buttons-container,
.dx-rtl .dx-datagrid .dx-texteditor-buttons-container {
  text-align: start;
}
.dx-rtl .dx-datagrid-content .dx-datagrid-table {
  direction: rtl;
}
.dx-rtl
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td.dx-datagrid-group-space {
  border-left: none;
}
.dx-rtl
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td.dx-datagrid-group-space
  + td {
  border-right: none;
}
.dx-rtl
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-editor-container
  .dx-editor-cell
  .dx-checkbox.dx-checkbox-checked
  .dx-checkbox-icon {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  .dx-filter-range-content {
  padding: 7px 32px 7px 7px;
}
.dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated,
.dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated {
  direction: ltr;
}
.dx-rtl
  .dx-datagrid-headers
  .dx-datagrid-scrollable-simulated
  .dx-datagrid-table,
.dx-rtl
  .dx-datagrid-total-footer
  .dx-datagrid-scrollable-simulated
  .dx-datagrid-table {
  direction: rtl;
}
.dx-rtl
  .dx-datagrid-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor
  .dx-placeholder::before,
.dx-rtl
  .dx-datagrid-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor
  .dx-texteditor-input {
  padding-right: 32px;
}
.dx-rtl .dx-datagrid-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px;
}
.dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.dx-rtl
  .dx-datagrid-filter-row
  .dx-menu-horizontal
  .dx-overlay-content
  ul
  .dx-menu-item {
  padding: 5px 5px 5px 30px;
}
.dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
  padding-right: 6px;
}
.dx-rtl .dx-datagrid-header-panel {
  text-align: right;
}
.dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
  margin-left: 0;
}
.dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.dx-rtl .dx-datagrid-search-panel {
  margin: 0 15px 0 0;
}
.dx-datagrid-filter-panel,
.dx-datagrid-filter-panel-left {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  min-width: 0;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
  padding-right: 10px;
}
.dx-datagrid-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer;
}
.dx-datagrid {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal;
}
.dx-hidden.dx-group-cell {
  display: table-cell !important;
  font-size: 0 !important;
}
.dx-datagrid-group-panel {
  display: flex;
  white-space: nowrap;
  width: 100%;
  touch-action: pinch-zoom;
}
.dx-datagrid-group-panel .dx-group-panel-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-datagrid-group-panel .dx-group-panel-item {
  display: inline-block;
  min-width: 30px;
  white-space: nowrap;
}
.dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  margin-left: 6px;
}
.dx-datagrid-group-panel .dx-block-separator {
  position: relative;
  border-radius: 3px;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
  border-top: none;
}
.dx-datagrid-rowsview .dx-group-row:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-group-row.dx-row > td {
  border-left-color: transparent;
  border-right-color: transparent;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
  outline: 0;
}
.dx-datagrid-group-closed,
.dx-datagrid-group-opened {
  cursor: pointer;
  position: relative;
}
.dx-datagrid-group-closed::before,
.dx-datagrid-group-opened::before {
  position: absolute;
  display: block;
  right: 0;
  left: 0;
}
.dx-rtl .dx-datagrid-group-closed {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-group-row.dx-row.dx-column-lines
  > td {
  border-left: none;
  border-right: none;
}
.dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 0;
}
.dx-rtl .dx-datagrid-group-panel .dx-sort {
  margin-left: 0;
  margin-right: 6px;
}
.dx-datagrid-borders > .dx-datagrid-headers,
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-datagrid-borders > .dx-datagrid-headers {
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
  border-color: rgba(3, 169, 244, 0.5);
}
.dx-datagrid > .dx-datagrid-headers,
.dx-datagrid > .dx-datagrid-rowsview,
.dx-datagrid > .dx-datagrid-total-footer {
  background-color: #fff;
}
.dx-datagrid .dx-sort-up {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-sort-up::before {
  content: '\f051';
}
.dx-datagrid .dx-sort-down {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-sort-down::before {
  content: '\f052';
}
.dx-datagrid .dx-sort-down,
.dx-datagrid .dx-sort-up {
  font-family: inherit;
}
.dx-datagrid .dx-sort-down::before,
.dx-datagrid .dx-sort-up::before {
  font-family: DXIcons, sans-serif;
}
.dx-datagrid .dx-datagrid-header-panel .dx-toolbar {
  background-color: transparent;
}
.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item,
.dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  outline: 0;
}
.dx-datagrid
  .dx-datagrid-header-panel.dx-state-focused
  .dx-datagrid-group-panel
  .dx-group-panel-item:focus,
.dx-datagrid
  .dx-datagrid-header-panel.dx-state-focused
  .dx-datagrid-group-panel
  .dx-header-filter:focus {
  outline: #35baf6 solid 2px;
  outline-offset: -2px;
}
.dx-datagrid
  .dx-datagrid-header-panel.dx-state-focused
  .dx-datagrid-group-panel
  .dx-header-filter:focus {
  outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-headers .dx-header-filter,
.dx-datagrid .dx-datagrid-headers .dx-header-row > td {
  outline: 0;
}
.dx-datagrid
  .dx-datagrid-headers.dx-state-focused
  .dx-header-row
  td
  .dx-header-filter:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline: #35baf6 solid 2px;
  outline-offset: 2px;
}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px;
}
.dx-datagrid .dx-header-filter {
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-header-filter::before {
  content: '\f050';
}
.dx-datagrid .dx-header-filter-empty {
  color: rgba(0, 0, 0, 0.72);
}
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: #fff;
}
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-datagrid
  .dx-datagrid-headers
  .dx-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.dx-datagrid
  .dx-datagrid-headers
  .dx-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-last-cell {
  border-right: none;
}
.dx-datagrid
  .dx-datagrid-rowsview.dx-state-focused
  .dx-data-row
  > td.dx-command-edit
  > a.dx-link:focus {
  outline: #35baf6 solid 2px;
  outline-offset: 2px;
}
.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;
}
.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  background-color: #fff;
}
.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  position: relative;
}
.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;
}
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  > td[style*='text-align: right']::before {
  transform: scaleX(-1);
}
.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0;
}
.dx-datagrid .dx-column-lines > td:first-child {
  border-left: none;
}
.dx-datagrid .dx-column-lines > td:last-child {
  border-right: none;
}
.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon::before {
  content: '\f038';
}
.dx-datagrid-filter-panel {
  color: rgba(0, 0, 0, 0.87);
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-icon-filter {
  outline: 0;
}
.dx-datagrid-filter-panel.dx-state-focused
  .dx-datagrid-filter-panel-clear-filter:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus {
  outline: #35baf6 solid 2px;
  outline-offset: 3px;
}
.dx-datagrid-form-buttons-container {
  float: right;
}
.dx-datagrid-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.dx-datagrid-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons;
}
.dx-datagrid-adaptive-more::before {
  content: '\f06c';
}
.dx-datagrid-edit-popup .dx-error-message {
  background-color: #f88e86;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}
.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-data-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-rtl
  .dx-datagrid
  .dx-datagrid-headers
  .dx-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.dx-rtl
  .dx-datagrid
  .dx-datagrid-headers
  .dx-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-last-cell {
  border-left: none;
}
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td::before {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  > td[style*='text-align: left']::before {
  transform: scale(1);
}
.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl .dx-datagrid-form-buttons-container {
  float: left;
}
.dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.dx-datagrid-cell-updated-animation {
  animation: 1s dx-datagrid-highlight-change;
}
@keyframes dx-datagrid-highlight-change {
  50%,
  from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
.dx-datagrid-total-footer tr {
  outline: 0;
}
.dx-datagrid-total-footer:focus-within {
  outline: #35baf6 solid 2px;
  outline-offset: -2px;
}
.dx-datagrid .dx-menu,
.dx-datagrid-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.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;
}
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: rgba(86, 86, 86, 0.54);
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid-container.dx-filter-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid.dx-filter-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-datagrid .dx-editor-with-menu .dx-menu-item-content,
.dx-datagrid-container .dx-editor-with-menu .dx-menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dx-datagrid .dx-editor-with-menu .dx-menu-item-content .dx-icon,
.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;
}
.dx-datagrid
  .dx-editor-with-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid-container
  .dx-editor-with-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-datagrid .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-datagrid-container
  .dx-editor-with-menu
  .dx-texteditor
  .dx-placeholder::before,
.dx-datagrid-container
  .dx-editor-with-menu
  .dx-texteditor
  .dx-texteditor-input {
  padding-left: 40px;
}
.dx-datagrid-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc,
.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;
}
.dx-datagrid-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc::before,
.dx-datagrid.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc::before {
  content: '\f053';
}
.dx-datagrid-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc,
.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;
}
.dx-datagrid-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc::before,
.dx-datagrid.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc::before {
  content: '\f054';
}
.dx-datagrid-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-none,
.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;
}
.dx-datagrid .dx-header-filter,
.dx-datagrid .dx-sort-down,
.dx-datagrid .dx-sort-up,
.dx-datagrid-container .dx-header-filter,
.dx-datagrid-container .dx-sort-down,
.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;
}
.dx-datagrid .dx-header-filter:not(.dx-header-filter-empty),
.dx-datagrid-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #03a9f4;
}
.dx-datagrid .dx-icon-filter-operation-equals,
.dx-datagrid-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-equals::before,
.dx-datagrid-container .dx-icon-filter-operation-equals::before {
  content: '\f044';
}
.dx-datagrid .dx-icon-filter-operation-default,
.dx-datagrid-container .dx-icon-filter-operation-default {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-default::before,
.dx-datagrid-container .dx-icon-filter-operation-default::before {
  content: '\f027';
}
.dx-datagrid .dx-icon-filter-operation-not-equals,
.dx-datagrid-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-not-equals::before,
.dx-datagrid-container .dx-icon-filter-operation-not-equals::before {
  content: '\f045';
}
.dx-datagrid .dx-icon-filter-operation-less,
.dx-datagrid-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-less::before,
.dx-datagrid-container .dx-icon-filter-operation-less::before {
  content: '\f046';
}
.dx-datagrid .dx-icon-filter-operation-less-equal,
.dx-datagrid-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-less-equal::before,
.dx-datagrid-container .dx-icon-filter-operation-less-equal::before {
  content: '\f048';
}
.dx-datagrid .dx-icon-filter-operation-greater,
.dx-datagrid-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-greater::before,
.dx-datagrid-container .dx-icon-filter-operation-greater::before {
  content: '\f047';
}
.dx-datagrid .dx-icon-filter-operation-greater-equal,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-greater-equal::before,
.dx-datagrid-container .dx-icon-filter-operation-greater-equal::before {
  content: '\f049';
}
.dx-datagrid .dx-icon-filter-operation-contains,
.dx-datagrid-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-contains::before,
.dx-datagrid-container .dx-icon-filter-operation-contains::before {
  content: '\f063';
}
.dx-datagrid .dx-icon-filter-operation-not-contains,
.dx-datagrid-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-not-contains::before,
.dx-datagrid-container .dx-icon-filter-operation-not-contains::before {
  content: '\f066';
}
.dx-datagrid .dx-icon-filter-operation-starts-with,
.dx-datagrid-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-starts-with::before,
.dx-datagrid-container .dx-icon-filter-operation-starts-with::before {
  content: '\f064';
}
.dx-datagrid .dx-icon-filter-operation-ends-with,
.dx-datagrid-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-ends-with::before,
.dx-datagrid-container .dx-icon-filter-operation-ends-with::before {
  content: '\f065';
}
.dx-datagrid .dx-icon-filter-operation-between,
.dx-datagrid-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-icon-filter-operation-between::before,
.dx-datagrid-container .dx-icon-filter-operation-between::before {
  content: '\f06a';
}
.dx-datagrid .dx-column-indicators,
.dx-datagrid-container .dx-column-indicators {
  height: 16px;
}
.dx-datagrid .dx-column-indicators .dx-sort-index-icon,
.dx-datagrid-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.dx-datagrid .dx-column-indicators > div,
.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;
}
.dx-datagrid .dx-placeholder::before,
.dx-datagrid-container .dx-placeholder::before {
  font-size: 14px;
}
.dx-datagrid {
  color: rgba(0, 0, 0, 0.87);
  line-height: inherit;
}
.dx-datagrid .dx-row-alt {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.dx-datagrid .dx-row-alt > td {
  background-color: #f5f5f5;
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-datagrid .dx-link {
  text-decoration: underline;
  cursor: pointer;
  color: #03a9f4;
}
.dx-datagrid .dx-row-lines > td {
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.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;
}
.dx-datagrid .dx-error-row .dx-closebutton::before {
  content: '\f00a';
}
.dx-datagrid .dx-error-row .dx-error-message {
  background-color: #f88e86;
  white-space: normal;
  word-wrap: break-word;
  padding: 14px 35px 14px 14px;
}
.dx-datagrid .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.dx-datagrid .dx-datagrid-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.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
  .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
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
  vertical-align: middle;
}
.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,
.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,
.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;
}
.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-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-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;
}
.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:not(.dx-link-icon),
.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:not(.dx-link-icon),
.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:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px;
}
.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-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-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;
}
.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,
.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,
.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 4px;
  vertical-align: middle;
}
.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),
.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),
.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;
}
.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-state-disabled.dx-link,
.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-state-disabled.dx-link,
.dx-datagrid
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit
  .dx-state-disabled.dx-link {
  opacity: 0.38;
}
.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-state-disabled.dx-link-icon,
.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-state-disabled.dx-link-icon,
.dx-datagrid
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit
  .dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.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,
.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,
.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,
.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,
.dx-datagrid
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-datagrid-select-all)
  .dx-datagrid-group-space,
.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;
}
.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),
.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),
.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;
}
.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):not(.dx-datagrid-cell-expandable),
.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):not(
    .dx-datagrid-cell-expandable
  ),
.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):not(.dx-datagrid-cell-expandable) {
  padding-left: 0;
}
.dx-datagrid
  .dx-datagrid-rowsview
  .dx-virtual-row
  > td[style*='text-align: right']:before {
  background-position-y: 49px;
}
.dx-datagrid .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.dx-datagrid .dx-command-drag .dx-datagrid-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;
}
.dx-datagrid-edit-popup .dx-popup-content {
  padding: 0;
}
.dx-datagrid-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.dx-datagrid-edit-popup-form {
  padding: 24px;
}
.dx-datagrid-headers .dx-texteditor-input,
.dx-datagrid-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.dx-datagrid-headers .dx-lookup,
.dx-datagrid-rowsview .dx-lookup {
  height: auto;
}
.dx-datagrid-headers .dx-lookup .dx-lookup-field,
.dx-datagrid-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending
  .dx-texteditor-input {
  padding-right: 34px;
}
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl
  .dx-texteditor-input,
.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;
}
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending
  .dx-texteditor-input {
  padding-right: 34px;
}
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl
  .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-datagrid-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl
  .dx-texteditor-input,
.dx-datagrid-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl
  .dx-texteditor-input {
  padding-right: 0;
}
.dx-datagrid-column-chooser-list .dx-empty-message {
  color: rgba(66, 66, 66, 0.87);
  padding: 0 24px;
}
.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;
}
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag
  .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag
  .dx-popup-content
  .dx-treeview-search {
  margin-bottom: 10px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag
  .dx-popup-content
  .dx-treeview-node {
  padding-left: 20px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select
  .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select
  .dx-datagrid-column-chooser-list
  .dx-treeview-select-all-item,
.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select
  .dx-datagrid-column-chooser-plain
  .dx-treeview-select-all-item {
  padding-inline-start: 43px;
}
.dx-datagrid-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-column-chooser
  .dx-overlay-content
  .dx-popup-title
  .dx-toolbar-label {
  font-size: 20px;
}
.dx-datagrid-column-chooser
  .dx-overlay-content
  .dx-popup-content
  .dx-column-chooser-item {
  opacity: 0.5;
  margin: 2px 2px 8px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-drag-header {
  border-color: rgba(3, 169, 244, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.dx-datagrid-columns-separator {
  background-color: #03a9f4;
}
.dx-datagrid-columns-separator-transparent {
  background-color: transparent;
}
.dx-datagrid-drop-highlight > td {
  background-color: #03a9f4;
  color: #fff;
}
.dx-datagrid-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.dx-datagrid-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #03a9f4;
}
.dx-datagrid-focus-overlay:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #35baf6;
  left: 0;
  right: 1px;
}
.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);
}
.dx-datagrid-headers {
  color: rgba(0, 0, 0, 0.6);
  touch-action: pinch-zoom;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-headers .dx-datagrid-content {
  margin-bottom: -1px;
}
.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  border-bottom-width: 1px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid #e0e0e0;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
.dx-datagrid-headers
  .dx-datagrid-table
  .dx-row
  > td:hover
  .dx-datagrid-text-content {
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
  color: rgba(0, 0, 0, 0.38);
}
.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);
}
.dx-datagrid-headers.dx-header-multi-row
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row.dx-header-row
  .dx-command-select {
  padding-bottom: 19px;
}
.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 #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-datagrid-headers.dx-header-multi-row
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row.dx-header-row
  > td:first-child {
  border-left: none;
}
.dx-datagrid-headers.dx-header-multi-row
  .dx-datagrid-content
  .dx-datagrid-table
  .dx-row.dx-header-row
  > td:last-child {
  border-right: none;
}
.dx-datagrid-filter-row {
  background-color: #fafafa;
}
.dx-datagrid-filter-row .dx-menu {
  margin-left: 0;
}
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  position: absolute;
}
.dx-datagrid-filter-row
  .dx-menu
  .dx-menu-horizontal
  .dx-menu-items-container
  .dx-menu-item-wrapper {
  height: 100%;
}
.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  color: rgba(117, 117, 117, 0.87);
}
.dx-datagrid-filter-row .dx-filter-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.dx-datagrid .dx-datagrid-table .dx-datagrid-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-datagrid-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-datagrid-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor.dx-state-focused::after,
.dx-datagrid-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.dx-datagrid-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor
  .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.dx-datagrid-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor
  .dx-placeholder::before {
  padding-left: 12px;
}
.dx-datagrid-filter-range-overlay
  .dx-overlay-content
  .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.dx-cell-modified,
.dx-datagrid-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-datagrid-header-panel {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px;
}
.dx-datagrid-header-panel
  .dx-toolbar-text-auto-hide
  .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.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;
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
  content: '\f00b';
}
.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;
}
.dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {
  content: '\f04c';
}
.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;
}
.dx-datagrid-save-button .dx-icon-edit-button-save::before {
  content: '\f041';
}
.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);
}
.dx-row.dx-row-focused .dx-datagrid-adaptive-more {
  color: inherit;
}
.dx-datagrid-rowsview {
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-headers + .dx-datagrid-rowsview,
.dx-datagrid-rowsview.dx-datagrid-after-headers {
  border-top: none;
}
.dx-datagrid-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dx-datagrid-rowsview .dx-row:focus {
  outline: 0;
}
.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview
  .dx-master-detail-row:not(.dx-datagrid-edit-form)
  .dx-master-detail-cell,
.dx-datagrid-rowsview
  .dx-master-detail-row:not(.dx-datagrid-edit-form)
  > .dx-datagrid-group-space {
  background-color: #fafafa;
}
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row)
  .dx-cell-modified,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row)
  .dx-cell-modified,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row:not(.dx-edit-row)
  .dx-cell-modified,
.dx-datagrid-rowsview
  .dx-data-row.dx-selection:hover:not(.dx-edit-row)
  .dx-cell-modified,
.dx-datagrid-rowsview
  .dx-data-row.dx-selection:not(.dx-edit-row)
  .dx-cell-modified,
.dx-datagrid-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection
  .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection
  .dx-validator.dx-invalid,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection:hover
  .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview
  .dx-adaptive-detail-row.dx-selection:hover
  .dx-validator.dx-invalid,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid,
.dx-datagrid-rowsview
  .dx-data-row.dx-selection
  .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.dx-datagrid-rowsview
  .dx-data-row.dx-selection:hover
  .dx-validator.dx-datagrid-invalid,
.dx-datagrid-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid {
  background-color: rgba(244, 67, 54, 0.32);
}
.dx-datagrid-rowsview
  .dx-overlay-wrapper.dx-invalid-message
  .dx-overlay-content {
  padding: 9px 17px;
  background-color: #f44336;
  color: #fff;
}
.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.dx-datagrid-rowsview
  .dx-adaptive-detail-row
  .dx-field-item-content.dx-focused {
  padding: 0;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.dx-datagrid-rowsview
  .dx-adaptive-detail-row
  .dx-texteditor.dx-editor-outlined {
  box-shadow: none;
}
.dx-datagrid-rowsview .dx-item-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid) {
  background-color: #cdeefd;
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link
  .dx-datagrid-group-closed,
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link
  .dx-datagrid-group-opened,
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid)
  .dx-datagrid-group-closed,
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid)
  .dx-datagrid-group-opened {
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link:focus {
  background-color: #fff;
  color: #03a9f4;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row:not(.dx-row-lines)
  > tr:first-child
  > td {
  border-top: 1px solid #35baf6;
  border-bottom: 1px solid #35baf6;
}
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row.dx-edit-row
  > td.dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-invalid),
.dx-datagrid-rowsview
  .dx-row-focused.dx-data-row.dx-edit-row
  > tr
  > td.dx-editor-cell:not(.dx-command-select):not(.dx-datagrid-invalid) {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #cdeefd;
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed,
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened {
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td {
  background-color: rgba(3, 169, 244, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > td.dx-datagrid-group-space,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > tr
  > td.dx-datagrid-group-space,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > td.dx-datagrid-group-space,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td.dx-datagrid-group-space {
  border-right-color: rgba(3, 169, 244, 0.04);
}
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > td.dx-pointer-events-none,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > tr
  > td.dx-pointer-events-none,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > td.dx-pointer-events-none,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
}
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)
  > td,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)
  > td {
  border-bottom: 1px solid rgba(3, 169, 244, 0.04);
  border-top: 1px solid rgba(3, 169, 244, 0.04);
}
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines
  > td,
.dx-datagrid-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines
  > td {
  border-bottom-color: #e0e0e0;
}
.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  .dx-scrollable-wrapper
  .dx-scrollable-container
  .dx-scrollable-content {
  padding-right: 0;
}
.dx-datagrid-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0;
}
.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  inset-inline-end: 6px;
  right: 22px;
  background-color: transparent;
}
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator,
.dx-rtl.dx-datagrid-rowsview td.dx-validation-pending > .dx-pending-indicator {
  left: 22px;
}
.dx-datagrid-search-text {
  color: #fff;
  background-color: #03a9f4;
}
.dx-datagrid-nodata {
  color: rgba(0, 0, 0, 0.54);
  font-size: 17px;
}
.dx-datagrid-bottom-load-panel {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.dx-datagrid-summary-item {
  color: rgba(0, 0, 0, 0.7);
}
.dx-datagrid-total-footer {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-total-footer > .dx-datagrid-content {
  padding: 0;
}
.dx-datagrid-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.dx-datagrid-revert-tooltip .dx-revert-button {
  border-radius: 4px;
  background-color: #f44336;
  color: #fff;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-button-content {
  padding-block: 2px;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  color: #fff;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #f44336;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused,
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #f44336;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-datagrid-revert-tooltip
  .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  box-shadow: none;
}
.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;
}
.dx-rtl
  .dx-datagrid
  .dx-menu
  .dx-menu-item-has-submenu.dx-menu-item-has-icon
  .dx-icon,
.dx-rtl
  .dx-datagrid-container
  .dx-menu
  .dx-menu-item-has-submenu.dx-menu-item-has-icon
  .dx-icon {
  margin: 0 3px;
}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #e0e0e0;
}
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row
  > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row
  > tr
  > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row:hover
  > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row:hover
  > tr
  > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: rgba(3, 169, 244, 0.04);
}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row
  > tr
  > td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row:hover
  > td.dx-pointer-events-none,
.dx-rtl
  .dx-datagrid-rowsview
  .dx-selection.dx-row:hover
  > tr
  > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
}
.dx-rtl
  .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  .dx-scrollable-wrapper
  .dx-scrollable-container
  .dx-scrollable-content {
  padding-left: 0;
}
.dx-datagrid-form-buttons-container .dx-button {
  background-color: transparent;
  color: #03a9f4;
}
.dx-datagrid-form-buttons-container .dx-button .dx-icon {
  color: #03a9f4;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected,
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected .dx-icon {
  color: #03a9f4;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-focused,
.dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-datagrid-filter-panel {
  padding: 18px 16px;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  color: #03a9f4;
  font-size: 14px;
  line-height: 18px;
}
.dx-datagrid-filter-panel .dx-icon-filter {
  color: #03a9f4;
}
.dx-adaptive-item-text.dx-cell-modified,
.dx-adaptive-item-text.dx-datagrid-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-datagrid-group-panel {
  font-size: 14px;
  touch-action: pinch-zoom;
}
.dx-datagrid-group-panel .dx-group-panel-message {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  padding: 7px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  line-height: normal;
}
.dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  background: #e0e0e0;
  border-radius: 16px;
  padding: 8px 10px;
}
.dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  background-color: #03a9f4;
}
.dx-datagrid-group-panel .dx-sort {
  color: rgba(0, 0, 0, 0.6);
}
.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  border-top: none;
}
.dx-datagrid-rowsview .dx-row.dx-group-row {
  font-size: 14px;
  font-weight: 700;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: rgba(0, 0, 0, 0.54);
  background-color: #fff;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}
.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);
}
.dx-datagrid-group-opened::before {
  content: '\f016';
}
.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);
}
.dx-datagrid-group-closed::before {
  content: '\f010';
}
.dx-row.dx-datagrid-group-footer.dx-column-lines {
  border-bottom: 1px solid #e0e0e0;
}
.dx-row.dx-datagrid-group-footer > td {
  background-color: #fff;
  border-top: 1px solid #e0e0e0;
  border-left-width: 0;
  border-right-width: 0;
}
.dx-rtl .dx-datagrid-group-panel .dx-block-separator,
.dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-left: 10px;
}
.dx-treelist-important-margin {
  margin-right: 5px !important;
}
.dx-treelist-table {
  background-color: transparent;
}
.dx-treelist-borders > .dx-treelist-total-footer {
  border-top: 0;
}
.dx-treelist-borders > .dx-treelist-pager {
  margin-top: -1px;
}
.dx-treelist-borders > .dx-treelist-header-panel {
  border-bottom: 0;
}
.dx-treelist-borders
  > .dx-treelist-rowsview.dx-last-row-border
  tbody:last-child
  > .dx-data-row:nth-last-child(2),
.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;
}
.dx-treelist .dx-treelist-content-fixed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
  position: relative;
}
.dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
  pointer-events: auto;
}
.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;
}
.dx-treelist
  .dx-treelist-content-fixed
  .dx-treelist-table
  .dx-header-row
  td.dx-pointer-events-none {
  border-bottom-color: transparent;
}
.dx-treelist
  .dx-treelist-content-fixed
  .dx-treelist-table.dx-treelist-table-fixed
  .dx-row
  td.dx-pointer-events-none {
  width: auto;
}
.dx-treelist .dx-menu-subitem ul li {
  padding-top: 0;
}
.dx-treelist .dx-menu-subitem ul li:first-child {
  padding-top: 1px;
}
.dx-treelist .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px;
}
.dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left;
}
.dx-treelist .dx-link {
  text-decoration: underline;
  cursor: pointer;
}
.dx-treelist .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}
.dx-treelist .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden;
}
.dx-treelist .dx-column-indicators .dx-sort-index-icon {
  width: 15px;
}
.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter,
.dx-treelist .dx-column-indicators .dx-header-filter.dx-sort,
.dx-treelist .dx-column-indicators .dx-sort.dx-header-filter,
.dx-treelist .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block;
}
.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter::after,
.dx-treelist .dx-column-indicators .dx-sort.dx-header-filter::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -7px;
}
.dx-treelist .dx-row > td,
.dx-treelist .dx-row > tr > td {
  padding: 7px;
}
.dx-treelist .dx-error-row {
  -webkit-user-select: initial;
  user-select: initial;
}
.dx-treelist .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  user-select: text;
}
.dx-treelist .dx-error-row .dx-error-message a {
  color: inherit;
}
.dx-treelist .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  vertical-align: middle;
  padding: 0;
}
.dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing;
}
.dx-sortable-without-handle .dx-data-row {
  cursor: pointer;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  font-size: 16px;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px;
}
.dx-treelist-column-chooser
  .dx-overlay-content
  .dx-popup-content
  .dx-column-chooser-item.dx-treelist-drag-action {
  opacity: 1;
  cursor: pointer;
  touch-action: pinch-zoom;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag
  .dx-treeview-node-container:first-child
  > .dx-treeview-node-is-leaf {
  padding: 0;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select
  .dx-treelist-column-chooser-list
  .dx-treeview-node
  .dx-treeview-item,
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select
  .dx-treelist-column-chooser-plain
  .dx-treeview-node
  .dx-treeview-item {
  padding-inline-start: 4px;
}
.dx-treelist-nowrap,
.dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
  white-space: nowrap;
}
.dx-treelist-drag-header {
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  z-index: 10000;
  box-sizing: content-box;
}
.dx-treelist-drag-header.dx-drag-command-cell {
  padding: 0;
}
.dx-treelist-columns-separator {
  position: absolute;
  z-index: 3;
  width: 3px;
}
.dx-treelist-columns-separator-transparent {
  border-left: 0;
  border-right: 0;
}
.dx-treelist-tracker {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 3;
  cursor: col-resize;
}
.dx-treelist-table-content {
  position: absolute;
  top: 0;
}
.dx-treelist-focus-overlay {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  visibility: hidden;
}
.dx-treelist-action,
.dx-treelist-drag-action {
  cursor: pointer;
}
.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;
}
.dx-treelist-content {
  position: relative;
}
.dx-treelist-content
  .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message {
  visibility: visible;
}
.dx-treelist-content
  .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message
  .dx-overlay-content,
.dx-treelist-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-treelist-table-fixed {
  table-layout: fixed;
  width: 100%;
}
input.dx-hidden {
  display: inline-block !important;
  width: 0 !important;
}
.dx-hidden-cell {
  visibility: hidden;
}
.dx-row > td,
.dx-row > tr > td {
  border: none;
}
.dx-treelist-content .dx-treelist-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px;
}
.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
  max-width: none;
}
.dx-treelist-content
  .dx-treelist-table.dx-treelist-table-fixed
  .dx-column-indicators
  .dx-sort.dx-sort-none {
  display: none;
}
.dx-treelist-content
  .dx-treelist-table.dx-treelist-table-fixed
  .dx-column-indicators
  .dx-sort.dx-sort-index {
  width: 26px;
}
.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit {
  max-width: none !important;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-column-indicators {
  float: none !important;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-column-indicators
  > span {
  width: 14px;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-column-indicators
  .dx-sort.dx-sort-none {
  display: inline-block;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-header-row
  .dx-treelist-text-content {
  max-width: none;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-treelist-best-fit
  .dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-treelist-content
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-column-indicators {
  float: none !important;
}
.dx-treelist-content
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-column-indicators
  > span {
  width: 14px;
}
.dx-treelist-content
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-treelist-content
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-treelist-content
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-master-detail-cell {
  max-width: 0;
}
.dx-treelist-content
  .dx-treelist-table
  [class*='column']
  + [class*='column']:last-child {
  float: none;
}
.dx-treelist-content .dx-treelist-table .dx-row > td,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  vertical-align: top;
}
.dx-treelist-content .dx-treelist-table .dx-row > td.dx-first-child,
.dx-treelist-content .dx-treelist-table .dx-row > td:first-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-first-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
  border-left: 0;
}
.dx-treelist-content .dx-treelist-table .dx-row > td.dx-last-child,
.dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-last-child {
  border-right: 0;
}
.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space,
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  > tr
  > td.dx-treelist-group-space {
  border-right: none;
  vertical-align: top;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td.dx-treelist-group-space
  + td,
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  > tr
  > td.dx-treelist-group-space
  + td {
  border-left: none;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
  overflow: hidden;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-treelist-invalid
  .dx-invalid-message.dx-overlay {
  position: static;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  max-width: 0;
  vertical-align: middle;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-editor-cell:not(.dx-treelist-cell-expandable) {
  padding-left: 0;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor,
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-editor-cell
  .dx-texteditor-container {
  border: 0;
  margin: 0;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
  padding: 0;
  width: 70px;
  min-width: 70px;
  max-width: 70px;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  text-overflow: clip;
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-command-edit.dx-command-edit-with-icons {
  width: 80px;
  min-width: 80px;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-command-edit.dx-command-edit-with-icons
  .dx-link {
  text-decoration: none;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link {
  display: inline-block;
}
.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;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle;
}
.dx-treelist-content
  .dx-treelist-table
  .dx-data-row
  .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap;
}
.dx-treelist-content .dx-treelist-table .dx-filter-range-content {
  padding: 7px 7px 7px 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
  border-right: none;
}
.dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none;
}
.dx-cell-modified,
.dx-highlight-outline,
.dx-treelist-invalid {
  position: relative;
  padding: 7px;
}
.dx-cell-modified::after,
.dx-highlight-outline::after,
.dx-treelist-invalid::after {
  content: '';
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-cell-modified.dx-hidden,
.dx-highlight-outline.dx-hidden,
.dx-treelist-invalid.dx-hidden {
  display: block !important;
}
.dx-cell-modified.dx-hidden::after,
.dx-highlight-outline.dx-hidden::after,
.dx-treelist-invalid.dx-hidden::after {
  display: none;
}
.dx-editor-cell .dx-texteditor-input {
  margin: 0;
}
.dx-editor-cell .dx-highlight-outline,
.dx-editor-cell.dx-cell-modified,
.dx-editor-cell.dx-treelist-invalid {
  padding: 0;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  display: inline-block;
  content: '​';
  vertical-align: middle;
}
.dx-column-lines .dx-cell-modified::after,
.dx-column-lines .dx-highlight-outline::after,
.dx-column-lines .dx-treelist-invalid::after {
  left: 0;
}
.dx-treelist-headers {
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-header-row .dx-editor-cell .dx-select-checkbox {
  display: inline-block;
}
.dx-header-row > td {
  white-space: nowrap;
  overflow: hidden;
}
.dx-header-row > td > .dx-treelist-text-content {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.dx-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right,
.dx-header-row
  > td
  > .dx-treelist-text-content:not(.dx-sort-indicator):not(
    .dx-header-filter-indicator
  ) {
  max-width: 100%;
}
.dx-header-row .dx-header-filter-indicator,
.dx-header-row .dx-sort-indicator {
  max-width: calc(100% - 17px);
}
.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left,
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right,
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-header-row
  .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
.dx-header-row
  .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 34px);
}
.dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 31px);
}
.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);
}
.dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
  max-width: calc(100% - 29px);
}
.dx-header-row
  .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 43px);
}
.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);
}
.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);
}
.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0;
}
.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;
}
.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
  border-top: 1px solid transparent;
}
.dx-treelist-filter-range-overlay .dx-editor-container.dx-cell-modified,
.dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid {
  padding: 0;
}
.dx-treelist-filter-row .dx-editor-cell .dx-menu {
  display: none;
}
.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative;
}
.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block;
}
.dx-treelist-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-placeholder::before,
.dx-treelist-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor-input {
  padding-left: 32px;
}
.dx-treelist-filter-row .dx-cell-modified::after,
.dx-treelist-filter-row .dx-treelist-invalid::after {
  pointer-events: none;
}
.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after,
.dx-treelist-filter-row .dx-focused.dx-cell-modified::after,
.dx-treelist-filter-row .dx-focused.dx-treelist-invalid::after {
  border-color: transparent;
}
.dx-treelist-filter-row .dx-menu {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  height: 100%;
  overflow: visible;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%;
}
.dx-treelist-filter-row
  .dx-menu
  .dx-menu-horizontal
  .dx-menu-item-popout-container,
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none;
}
.dx-treelist-filter-row .dx-menu-item.dx-state-focused::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: '';
}
.dx-treelist-filter-row > .dx-first-cell .dx-menu,
.dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.dx-treelist-filter-row
  .dx-menu-horizontal
  .dx-overlay-content
  ul
  .dx-menu-item {
  padding: 5px 30px 5px 5px;
}
.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px;
}
.dx-treelist-filter-row
  .dx-menu
  ul.dx-menu-horizontal
  > li
  > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px;
}
.dx-treelist-filter-row .dx-menu-caption {
  padding-left: 6px;
}
.dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none;
}
.dx-treelist-filter-row .dx-menu-item-highlight {
  font-weight: 400;
}
.dx-treelist-scroll-container {
  overflow: hidden;
  width: 100%;
}
.dx-treelist-header-panel {
  text-align: left;
}
.dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px;
}
.dx-state-disabled {
  cursor: pointer;
}
.dx-state-disabled .dx-menu-item {
  cursor: default;
}
.dx-treelist-search-panel {
  margin: 0 0 0 15px;
}
.dx-gridbase-container > .dx-treelist-rowsview {
  flex: auto;
  height: auto;
}
.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  display: flex;
}
.dx-gridbase-container
  > .dx-treelist-rowsview.dx-scrollable
  > .dx-scrollable-wrapper {
  flex: 1;
  height: auto;
  min-width: 0;
  min-height: 0;
}
.dx-treelist-rowsview {
  position: relative;
  overflow: hidden;
}
.dx-treelist-rowsview.dx-empty {
  height: 100px;
}
.dx-treelist-rowsview.dx-empty .dx-scrollable-content {
  height: 100%;
}
.dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2;
}
.dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3;
}
.dx-treelist-rowsview .dx-treelist-content {
  overflow-anchor: none;
}
.dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
  min-height: 100%;
}
.dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container {
  width: auto;
}
.dx-treelist-rowsview
  .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
  height: auto;
}
.dx-treelist-rowsview:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-row > td,
.dx-treelist-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-treelist-rowsview .dx-row.dx-row-lines:first-child,
.dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td,
.dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none;
}
.dx-treelist-rowsview .dx-data-row > td:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-selection > td .dx-link,
.dx-treelist-rowsview .dx-selection > tr > td .dx-link,
.dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link,
.dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link {
  color: inherit;
}
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row,
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row {
  border-top: 0;
  border-bottom: 0;
}
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td,
.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-treelist-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr
  > td
  > .dx-select-checkbox {
  display: none;
}
.dx-treelist-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr.dx-selection
  > td
  > .dx-select-checkbox,
.dx-treelist-rowsview
  .dx-select-checkboxes-hidden
  > tbody
  > tr
  > td:hover
  > .dx-select-checkbox {
  display: inline-block;
}
.dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
  border-color: transparent;
}
.dx-treelist-nodata {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
}
.dx-treelist-bottom-load-panel {
  text-align: center;
  padding: 10px;
}
.dx-treelist-hidden-column {
  white-space: nowrap;
}
.dx-treelist .dx-row .dx-treelist-hidden-column {
  border-right-width: 0;
  border-left-width: 0;
}
.dx-treelist-hidden-column > * {
  display: none !important;
}
.dx-treelist-summary-item {
  font-weight: 700;
}
.dx-treelist-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}
.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  box-shadow: none;
}
.dx-treelist-revert-tooltip.dx-popover-wrapper
  .dx-overlay-content
  .dx-popup-content {
  padding: 0;
}
.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  width: 0;
  height: 0;
}
.dx-treelist-notouch-action {
  touch-action: none;
}
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message,
.dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
}
.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}
.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px;
}
.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image,
.dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right;
}
.dx-rtl .dx-treelist .dx-texteditor-buttons-container,
.dx-treelist.dx-rtl .dx-texteditor-buttons-container {
  text-align: start;
}
.dx-rtl .dx-treelist-content .dx-treelist-table {
  direction: rtl;
}
.dx-rtl
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td.dx-treelist-group-space {
  border-left: none;
}
.dx-rtl
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td.dx-treelist-group-space
  + td {
  border-right: none;
}
.dx-rtl
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-editor-container
  .dx-editor-cell
  .dx-checkbox.dx-checkbox-checked
  .dx-checkbox-icon {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  .dx-filter-range-content {
  padding: 7px 32px 7px 7px;
}
.dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated,
.dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated {
  direction: ltr;
}
.dx-rtl
  .dx-treelist-headers
  .dx-treelist-scrollable-simulated
  .dx-treelist-table,
.dx-rtl
  .dx-treelist-total-footer
  .dx-treelist-scrollable-simulated
  .dx-treelist-table {
  direction: rtl;
}
.dx-rtl
  .dx-treelist-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor
  .dx-placeholder::before,
.dx-rtl
  .dx-treelist-filter-row
  .dx-editor-cell
  .dx-editor-with-menu
  .dx-texteditor
  .dx-texteditor-input {
  padding-right: 32px;
}
.dx-rtl .dx-treelist-filter-row .dx-menu {
  right: 0;
  left: auto;
  margin-left: 0;
  margin-right: -2px;
}
.dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0;
}
.dx-rtl
  .dx-treelist-filter-row
  .dx-menu-horizontal
  .dx-overlay-content
  ul
  .dx-menu-item {
  padding: 5px 5px 5px 30px;
}
.dx-rtl .dx-treelist-filter-row .dx-menu-caption {
  padding-right: 6px;
}
.dx-rtl .dx-treelist-header-panel {
  text-align: right;
}
.dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
  margin-left: 0;
}
.dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.dx-rtl .dx-treelist-search-panel {
  margin: 0 15px 0 0;
}
.dx-treelist-filter-panel,
.dx-treelist-filter-panel-left {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  min-width: 0;
}
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover {
  text-decoration: underline;
  cursor: pointer;
}
.dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
  padding-right: 10px;
}
.dx-treelist-filter-panel .dx-icon-filter {
  margin: auto 7px auto auto;
  cursor: pointer;
}
.dx-treelist-container {
  position: relative;
  cursor: default;
  white-space: normal;
  line-height: normal;
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable,
.dx-treelist-rowsview
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-treelist-cell-expandable {
  white-space: nowrap;
}
.dx-treelist-rowsview
  .dx-treelist-best-fit.dx-treelist-cell-expandable
  .dx-treelist-text-content,
.dx-treelist-rowsview
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-treelist-cell-expandable
  .dx-treelist-text-content {
  display: inline;
  white-space: normal;
}
.dx-treelist-rowsview
  .dx-treelist-best-fit.dx-treelist-cell-expandable
  .dx-treelist-icon-container,
.dx-treelist-rowsview
  .dx-treelist-table:not(.dx-treelist-table-fixed)
  .dx-treelist-cell-expandable
  .dx-treelist-icon-container {
  float: none;
}
.dx-treelist-rowsview .dx-treelist-icon-container {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
  line-height: 1;
}
.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: left;
}
.dx-treelist-borders > .dx-treelist-headers,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-filter-panel,
.dx-treelist-borders > .dx-treelist-headers {
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-borders > .dx-treelist-filter-panel {
  border-top-width: 0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {
  border-color: rgba(3, 169, 244, 0.5);
}
.dx-treelist .dx-column-lines > td:first-child {
  border-left: none;
}
.dx-treelist .dx-column-lines > td:last-child {
  border-right: none;
}
.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-command-drag .dx-treelist-drag-icon::before {
  content: '\f038';
}
.dx-treelist-container > .dx-treelist-headers,
.dx-treelist-container > .dx-treelist-rowsview {
  background-color: #fff;
}
.dx-treelist-container .dx-sort-up {
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-up::before {
  content: '\f051';
}
.dx-treelist-container .dx-sort-down {
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-sort-down::before {
  content: '\f052';
}
.dx-treelist-container .dx-sort-down,
.dx-treelist-container .dx-sort-up {
  font-family: inherit;
}
.dx-treelist-container .dx-sort-down::before,
.dx-treelist-container .dx-sort-up::before {
  font-family: DXIcons, sans-serif;
}
.dx-treelist-container .dx-treelist-header-panel .dx-toolbar {
  background-color: transparent;
}
.dx-treelist-container .dx-treelist-headers .dx-header-filter,
.dx-treelist-container .dx-treelist-headers .dx-header-row > td {
  outline: 0;
}
.dx-treelist-container
  .dx-treelist-headers.dx-state-focused
  .dx-header-row
  td
  .dx-header-filter:focus,
.dx-treelist-container
  .dx-treelist-headers.dx-state-focused
  .dx-header-row
  td:focus {
  outline: #35baf6 solid 2px;
}
.dx-treelist-container
  .dx-treelist-headers.dx-state-focused
  .dx-header-row
  td:focus {
  outline-offset: -2px;
}
.dx-treelist-container
  .dx-treelist-headers.dx-state-focused
  .dx-header-row
  td
  .dx-header-filter:focus {
  outline-offset: 2px;
}
.dx-treelist-container .dx-header-filter {
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-header-filter::before {
  content: '\f050';
}
.dx-treelist-container .dx-header-filter-empty {
  color: rgba(0, 0, 0, 0.72);
}
.dx-treelist-container
  .dx-treelist-content-fixed
  .dx-treelist-table
  .dx-col-fixed {
  background-color: #fff;
}
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none,
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none,
.dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container
  .dx-treelist-headers
  .dx-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container
  .dx-treelist-headers
  .dx-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-last-cell {
  border-right: none;
}
.dx-treelist-container
  .dx-treelist-rowsview.dx-state-focused
  .dx-data-row
  > td.dx-command-edit
  > a.dx-link:focus {
  outline: #35baf6 solid 2px;
  outline-offset: 2px;
}
.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;
}
.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  background-color: #fff;
}
.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  position: relative;
}
.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;
}
.dx-treelist-container
  .dx-treelist-rowsview
  .dx-virtual-row
  > td[style*='text-align: right']::before {
  transform: scaleX(-1);
}
.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-container .dx-error-row td {
  color: #fff;
  padding: 0;
}
.dx-treelist-container .dx-error-row .dx-error-message {
  background-color: #f88e86;
  white-space: normal;
  word-wrap: break-word;
}
.dx-treelist-filter-panel {
  color: rgba(0, 0, 0, 0.87);
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  outline: 0;
}
.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-treelist-filter-panel.dx-state-focused
  .dx-treelist-filter-panel-clear-filter:focus,
.dx-treelist-filter-panel.dx-state-focused
  .dx-treelist-filter-panel-text:focus {
  outline: #35baf6 solid 2px;
}
.dx-treelist-form-buttons-container {
  float: right;
}
.dx-treelist-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.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;
}
.dx-treelist-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons;
}
.dx-treelist-adaptive-more::before {
  content: '\f06c';
}
.dx-treelist-edit-popup .dx-error-message {
  background-color: #f88e86;
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}
.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-headers
  .dx-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-headers
  .dx-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-first-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-header-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-treelist-container
  .dx-datagrid-rowsview
  .dx-virtual-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-headers
  .dx-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-data-row
  td.dx-pointer-events-none.dx-last-cell,
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-freespace-row
  td.dx-pointer-events-none.dx-last-cell {
  border-left: none;
}
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-virtual-row
  > td::before {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-treelist-container
  .dx-treelist-rowsview
  .dx-virtual-row
  > td[style*='text-align: left']::before {
  transform: scale(1);
}
.dx-rtl .dx-treelist-form-buttons-container {
  float: left;
}
.dx-rtl .dx-treelist-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px;
}
.dx-treelist-cell-updated-animation {
  animation: 1s dx-treelist-highlight-change;
}
@keyframes dx-treelist-highlight-change {
  50%,
  from {
    background-color: rgba(0, 0, 0, 0.08);
  }
}
.dx-treelist .dx-menu,
.dx-treelist-container .dx-menu {
  background-color: transparent;
  height: 100%;
}
.dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content,
.dx-treelist-container .dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 11px 4px;
}
.dx-treelist .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon,
.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;
}
.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-treelist.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: rgba(86, 86, 86, 0.54);
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-treelist-container.dx-filter-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default,
.dx-treelist.dx-filter-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-treelist .dx-editor-with-menu .dx-menu-item-content,
.dx-treelist-container .dx-editor-with-menu .dx-menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dx-treelist .dx-editor-with-menu .dx-menu-item-content .dx-icon,
.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;
}
.dx-treelist
  .dx-editor-with-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default,
.dx-treelist-container
  .dx-editor-with-menu
  .dx-menu-item-content
  .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-treelist .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-treelist .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-treelist-container
  .dx-editor-with-menu
  .dx-texteditor
  .dx-placeholder::before,
.dx-treelist-container
  .dx-editor-with-menu
  .dx-texteditor
  .dx-texteditor-input {
  padding-left: 40px;
}
.dx-treelist-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc,
.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;
}
.dx-treelist-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc::before,
.dx-treelist.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-asc::before {
  content: '\f053';
}
.dx-treelist-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc,
.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;
}
.dx-treelist-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc::before,
.dx-treelist.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-desc::before {
  content: '\f054';
}
.dx-treelist-container.dx-context-menu
  .dx-menu-items-container
  .dx-icon-context-menu-sort-none,
.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;
}
.dx-treelist .dx-header-filter,
.dx-treelist .dx-sort-down,
.dx-treelist .dx-sort-up,
.dx-treelist-container .dx-header-filter,
.dx-treelist-container .dx-sort-down,
.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;
}
.dx-treelist .dx-header-filter:not(.dx-header-filter-empty),
.dx-treelist-container .dx-header-filter:not(.dx-header-filter-empty) {
  color: #03a9f4;
}
.dx-treelist .dx-icon-filter-operation-equals,
.dx-treelist-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-equals::before,
.dx-treelist-container .dx-icon-filter-operation-equals::before {
  content: '\f044';
}
.dx-treelist .dx-icon-filter-operation-default,
.dx-treelist-container .dx-icon-filter-operation-default {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-default::before,
.dx-treelist-container .dx-icon-filter-operation-default::before {
  content: '\f027';
}
.dx-treelist .dx-icon-filter-operation-not-equals,
.dx-treelist-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-not-equals::before,
.dx-treelist-container .dx-icon-filter-operation-not-equals::before {
  content: '\f045';
}
.dx-treelist .dx-icon-filter-operation-less,
.dx-treelist-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-less::before,
.dx-treelist-container .dx-icon-filter-operation-less::before {
  content: '\f046';
}
.dx-treelist .dx-icon-filter-operation-less-equal,
.dx-treelist-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-less-equal::before,
.dx-treelist-container .dx-icon-filter-operation-less-equal::before {
  content: '\f048';
}
.dx-treelist .dx-icon-filter-operation-greater,
.dx-treelist-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-greater::before,
.dx-treelist-container .dx-icon-filter-operation-greater::before {
  content: '\f047';
}
.dx-treelist .dx-icon-filter-operation-greater-equal,
.dx-treelist-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-greater-equal::before,
.dx-treelist-container .dx-icon-filter-operation-greater-equal::before {
  content: '\f049';
}
.dx-treelist .dx-icon-filter-operation-contains,
.dx-treelist-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-contains::before,
.dx-treelist-container .dx-icon-filter-operation-contains::before {
  content: '\f063';
}
.dx-treelist .dx-icon-filter-operation-not-contains,
.dx-treelist-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-not-contains::before,
.dx-treelist-container .dx-icon-filter-operation-not-contains::before {
  content: '\f066';
}
.dx-treelist .dx-icon-filter-operation-starts-with,
.dx-treelist-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-starts-with::before,
.dx-treelist-container .dx-icon-filter-operation-starts-with::before {
  content: '\f064';
}
.dx-treelist .dx-icon-filter-operation-ends-with,
.dx-treelist-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-ends-with::before,
.dx-treelist-container .dx-icon-filter-operation-ends-with::before {
  content: '\f065';
}
.dx-treelist .dx-icon-filter-operation-between,
.dx-treelist-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons;
}
.dx-treelist .dx-icon-filter-operation-between::before,
.dx-treelist-container .dx-icon-filter-operation-between::before {
  content: '\f06a';
}
.dx-treelist .dx-column-indicators,
.dx-treelist-container .dx-column-indicators {
  height: 16px;
}
.dx-treelist .dx-column-indicators .dx-sort-index-icon,
.dx-treelist-container .dx-column-indicators .dx-sort-index-icon {
  padding-right: 4px;
  margin-left: -1px;
  font-size: 13px;
  position: relative;
  bottom: 1px;
}
.dx-treelist .dx-column-indicators > div,
.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;
}
.dx-treelist .dx-placeholder::before,
.dx-treelist-container .dx-placeholder::before {
  font-size: 14px;
}
.dx-treelist {
  line-height: inherit;
}
.dx-treelist .dx-row-alt {
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.dx-treelist .dx-row-alt > td {
  background-color: #f5f5f5;
}
.dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-treelist .dx-link {
  color: #03a9f4;
}
.dx-treelist .dx-row-lines > td {
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist .dx-column-lines > td {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.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;
}
.dx-treelist .dx-error-row .dx-closebutton::before {
  content: '\f00a';
}
.dx-treelist .dx-error-row .dx-error-message {
  padding: 14px 35px 14px 14px;
}
.dx-treelist .dx-row > td {
  padding: 14px 16px;
  font-size: 14px;
  line-height: 20px;
}
.dx-treelist .dx-treelist-table .dx-header-row > td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.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
  .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
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-treelist-select-all) {
  vertical-align: middle;
}
.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,
.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,
.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;
}
.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-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-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;
}
.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:not(.dx-link-icon),
.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:not(.dx-link-icon),
.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:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px;
}
.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-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-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;
}
.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,
.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,
.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 4px;
  vertical-align: middle;
}
.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),
.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),
.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;
}
.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-state-disabled.dx-link,
.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-state-disabled.dx-link,
.dx-treelist
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit
  .dx-state-disabled.dx-link {
  opacity: 0.38;
}
.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-state-disabled.dx-link-icon,
.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-state-disabled.dx-link-icon,
.dx-treelist
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-treelist-select-all).dx-command-edit
  .dx-state-disabled.dx-link-icon {
  opacity: 0.6;
}
.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,
.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,
.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,
.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,
.dx-treelist
  .dx-treelist-content
  .dx-treelist-table
  .dx-row
  > td:not(.dx-validation-pending):not(.dx-treelist-select-all)
  .dx-treelist-group-space,
.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;
}
.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),
.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),
.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;
}
.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):not(.dx-treelist-cell-expandable),
.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):not(
    .dx-treelist-cell-expandable
  ),
.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):not(.dx-treelist-cell-expandable) {
  padding-left: 0;
}
.dx-treelist
  .dx-treelist-rowsview
  .dx-virtual-row
  > td[style*='text-align: right']:before {
  background-position-y: 49px;
}
.dx-treelist .dx-command-drag {
  width: 56px;
  min-width: 56px;
}
.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;
}
.dx-treelist-edit-popup .dx-popup-content {
  padding: 0;
}
.dx-treelist-edit-popup .dx-error-message {
  padding: 14px 16px;
}
.dx-treelist-edit-popup-form {
  padding: 24px;
}
.dx-treelist-headers .dx-texteditor-input,
.dx-treelist-rowsview .dx-texteditor-input {
  min-height: 16px;
}
.dx-treelist-headers .dx-lookup,
.dx-treelist-rowsview .dx-lookup {
  height: auto;
}
.dx-treelist-headers .dx-lookup .dx-lookup-field,
.dx-treelist-rowsview .dx-lookup .dx-lookup-field {
  padding-left: 16px;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 14px;
}
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending
  .dx-texteditor-input {
  padding-right: 34px;
}
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-validation-pending.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-show-clear-button.dx-valid.dx-rtl
  .dx-texteditor-input,
.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;
}
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending
  .dx-texteditor-input {
  padding-right: 34px;
}
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-invalid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-valid.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-validation-pending.dx-rtl
  .dx-texteditor-input {
  padding-right: 0;
  padding-left: 34px;
}
.dx-treelist-headers
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl
  .dx-texteditor-input,
.dx-treelist-rowsview
  .dx-dropdowneditor-button-visible.dx-dropdowneditor.dx-rtl
  .dx-texteditor-input {
  padding-right: 0;
}
.dx-editor-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-editor-cell .dx-numberbox-spin-button {
  background-color: transparent;
}
.dx-editor-cell .dx-icon-clear {
  left: 0;
}
.dx-editor-cell .dx-texteditor,
.dx-editor-cell .dx-texteditor.dx-state-active,
.dx-editor-cell .dx-texteditor.dx-state-focused,
.dx-editor-cell .dx-texteditor.dx-state-hover {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
}
.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;
}
.dx-editor-cell .dx-texteditor .dx-placeholder::before {
  padding-right: 16px;
  padding-left: 16px;
}
.dx-editor-cell
  .dx-texteditor.dx-validation-pending
  .dx-texteditor-input-container
  .dx-texteditor-input {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-editor-cell .dx-texteditor .dx-tag-container {
  min-height: 48px;
  padding: 0;
}
.dx-editor-cell
  .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined)
  .dx-tag-container,
.dx-editor-cell
  .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined)
  .dx-texteditor-input {
  margin-top: 0;
}
.dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  right: 0;
}
.dx-editor-cell .dx-texteditor::after,
.dx-editor-cell .dx-texteditor::before {
  content: none;
}
.dx-editor-cell .dx-texteditor.dx-rtl .dx-texteditor-buttons-container,
.dx-rtl .dx-editor-cell .dx-texteditor .dx-texteditor-buttons-container {
  left: 0;
}
.dx-editor-cell .dx-dropdowneditor {
  background-color: rgba(255, 255, 255, 0);
}
.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  border-radius: 0;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 14px;
  padding-bottom: 14px;
}
.dx-treelist-column-chooser-list .dx-empty-message {
  color: rgba(66, 66, 66, 0.87);
  padding: 0 24px;
}
.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;
}
.dx-treelist-column-chooser input,
.dx-treelist-column-chooser textarea {
  font-family: Roboto, RobotoFallback, 'Noto Kufi Arabic', Helvetica, Arial,
    sans-serif;
  line-height: 1.2857;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag
  .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag
  .dx-popup-content
  .dx-treeview-search {
  margin-bottom: 10px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag
  .dx-popup-content
  .dx-treeview-node {
  padding-left: 20px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select
  .dx-popup-content {
  padding: 16px 24px 9px;
}
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select
  .dx-treelist-column-chooser-list
  .dx-treeview-select-all-item,
.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select
  .dx-treelist-column-chooser-plain
  .dx-treeview-select-all-item {
  padding-inline-start: 43px;
}
.dx-treelist-column-chooser .dx-overlay-content {
  background-color: #fff;
}
.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-column-chooser
  .dx-overlay-content
  .dx-popup-title
  .dx-toolbar-label {
  font-size: 20px;
}
.dx-treelist-column-chooser
  .dx-overlay-content
  .dx-popup-content
  .dx-column-chooser-item {
  opacity: 0.5;
  margin: 2px 2px 8px;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 14px;
  padding: 14px;
  line-height: 16px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-treelist-drag-header {
  border-color: rgba(3, 169, 244, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}
.dx-treelist-columns-separator {
  background-color: #03a9f4;
}
.dx-treelist-columns-separator-transparent {
  background-color: transparent;
}
.dx-treelist-drop-highlight > td {
  background-color: #03a9f4;
  color: #fff;
}
.dx-treelist-drop-highlight > td .dx-header-filter {
  color: #fff;
}
.dx-treelist-drop-highlight > td .dx-checkbox .dx-checkbox-icon {
  background-color: #fff;
  color: #03a9f4;
}
.dx-treelist-focus-overlay:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: #35baf6;
  left: 0;
  right: 1px;
}
.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);
}
.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);
}
.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);
}
.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;
}
.dx-treelist-headers {
  color: rgba(0, 0, 0, 0.6);
  touch-action: pinch-zoom;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-headers .dx-treelist-content {
  margin-bottom: -1px;
}
.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  border-bottom-width: 1px;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: 1px solid #e0e0e0;
  line-height: 16px;
  font-weight: 500;
  font-size: 14px;
}
.dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort,
.dx-treelist-headers .dx-treelist-table .dx-row > td .dx-sort-indicator,
.dx-treelist-headers
  .dx-treelist-table
  .dx-row
  > td:hover
  .dx-treelist-text-content {
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-headers .dx-treelist-table .dx-row > td:hover .dx-sort {
  color: rgba(0, 0, 0, 0.38);
}
.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);
}
.dx-treelist-headers.dx-header-multi-row
  .dx-treelist-content
  .dx-treelist-table
  .dx-row.dx-header-row
  .dx-command-select {
  padding-bottom: 19px;
}
.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 #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-treelist-headers.dx-header-multi-row
  .dx-treelist-content
  .dx-treelist-table
  .dx-row.dx-header-row
  > td:first-child {
  border-left: none;
}
.dx-treelist-headers.dx-header-multi-row
  .dx-treelist-content
  .dx-treelist-table
  .dx-row.dx-header-row
  > td:last-child {
  border-right: none;
}
.dx-treelist-filter-row {
  background-color: #fafafa;
}
.dx-treelist-filter-row .dx-menu {
  margin-left: 0;
}
.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-items-container {
  height: 100%;
  position: absolute;
}
.dx-treelist-filter-row
  .dx-menu
  .dx-menu-horizontal
  .dx-menu-items-container
  .dx-menu-item-wrapper {
  height: 100%;
}
.dx-treelist-filter-row .dx-menu .dx-overlay-content {
  color: rgba(117, 117, 117, 0.87);
}
.dx-treelist-filter-row .dx-filter-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 14px 16px 14px 40px;
}
.dx-treelist .dx-treelist-table .dx-treelist-filter-row > td {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-treelist-filter-range-overlay .dx-overlay-content {
  overflow: inherit;
  background-color: #fafafa;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.dx-treelist-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor.dx-state-focused::after,
.dx-treelist-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor.dx-state-hover::after {
  top: auto;
  bottom: 0;
}
.dx-treelist-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor
  .dx-texteditor-input {
  font-size: 14px;
  height: 49px;
  padding-right: 12px;
  padding-left: 12px;
}
.dx-treelist-filter-range-overlay
  .dx-overlay-content
  .dx-texteditor
  .dx-placeholder::before {
  padding-left: 12px;
}
.dx-treelist-filter-range-overlay
  .dx-overlay-content
  .dx-invalid-message.dx-overlay-wrapper {
  display: none;
}
.dx-cell-modified,
.dx-treelist-invalid {
  padding: 14px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-treelist-header-panel {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 16px;
}
.dx-treelist-header-panel
  .dx-toolbar-text-auto-hide
  .dx-button.dx-button-has-icon {
  border-radius: 50%;
}
.dx-icon-column-chooser {
  font: 14px/1 DXIcons;
}
.dx-icon-column-chooser::before {
  content: '\f04d';
}
.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;
}
.dx-treelist-addrow-button .dx-icon-edit-button-addrow::before {
  content: '\f00b';
}
.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;
}
.dx-treelist-cancel-button .dx-icon-edit-button-cancel::before {
  content: '\f04c';
}
.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;
}
.dx-treelist-save-button .dx-icon-edit-button-save::before {
  content: '\f041';
}
.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;
}
.dx-apply-button .dx-icon-apply-filter::before {
  content: '\f050';
}
.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected,
.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;
}
.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);
}
.dx-row.dx-row-focused .dx-treelist-adaptive-more {
  color: inherit;
}
.dx-treelist-rowsview {
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-headers + .dx-treelist-rowsview,
.dx-treelist-rowsview.dx-treelist-after-headers {
  border-top: none;
}
.dx-treelist-rowsview .dx-row {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dx-treelist-rowsview .dx-row:focus {
  outline: 0;
}
.dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  border-top-width: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview .dx-row.dx-edit-row > td {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 16px;
}
.dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell,
.dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-rowsview
  .dx-master-detail-row:not(.dx-treelist-edit-form)
  .dx-master-detail-cell,
.dx-treelist-rowsview
  .dx-master-detail-row:not(.dx-treelist-edit-form)
  > .dx-treelist-group-space {
  background-color: #fafafa;
}
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row)
  .dx-cell-modified,
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection:not(.dx-edit-row)
  .dx-cell-modified,
.dx-treelist-rowsview
  .dx-adaptive-detail-row:not(.dx-edit-row)
  .dx-cell-modified,
.dx-treelist-rowsview
  .dx-data-row.dx-selection:hover:not(.dx-edit-row)
  .dx-cell-modified,
.dx-treelist-rowsview
  .dx-data-row.dx-selection:not(.dx-edit-row)
  .dx-cell-modified,
.dx-treelist-rowsview .dx-data-row:not(.dx-edit-row) .dx-cell-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection
  .dx-validator.dx-invalid,
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection
  .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection:hover
  .dx-validator.dx-invalid,
.dx-treelist-rowsview
  .dx-adaptive-detail-row.dx-selection:hover
  .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-invalid,
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection .dx-validator.dx-invalid,
.dx-treelist-rowsview
  .dx-data-row.dx-selection
  .dx-validator.dx-treelist-invalid,
.dx-treelist-rowsview .dx-data-row.dx-selection:hover .dx-validator.dx-invalid,
.dx-treelist-rowsview
  .dx-data-row.dx-selection:hover
  .dx-validator.dx-treelist-invalid {
  background-color: rgba(244, 67, 54, 0.32);
}
.dx-treelist-rowsview
  .dx-overlay-wrapper.dx-invalid-message
  .dx-overlay-content {
  padding: 9px 17px;
  background-color: #f44336;
  color: #fff;
}
.dx-treelist-rowsview .dx-row-removed > td {
  background-color: #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: rgba(0, 0, 0, 0.6);
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-label {
  padding-top: 0;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-field-item-content {
  line-height: 40px;
  min-height: 40px;
  font-size: 14px;
}
.dx-treelist-rowsview
  .dx-adaptive-detail-row
  .dx-field-item-content.dx-focused {
  padding: 0;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor-input {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
}
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::after,
.dx-treelist-rowsview .dx-adaptive-detail-row .dx-texteditor::before {
  content: none;
}
.dx-treelist-rowsview
  .dx-adaptive-detail-row
  .dx-texteditor.dx-editor-outlined {
  box-shadow: none;
}
.dx-treelist-rowsview .dx-item-modified {
  background-color: rgba(139, 195, 74, 0.32);
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link,
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid) {
  background-color: #cdeefd;
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link
  .dx-treelist-group-closed,
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link
  .dx-treelist-group-opened,
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid)
  .dx-treelist-group-closed,
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-treelist-invalid)
  .dx-treelist-group-opened {
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row
  .dx-command-edit
  .dx-link:focus {
  background-color: #fff;
  color: #03a9f4;
}
.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td,
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row:not(.dx-row-lines)
  > tr:first-child
  > td {
  border-top: 1px solid #35baf6;
  border-bottom: 1px solid #35baf6;
}
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row.dx-edit-row
  > td.dx-editor-cell:not(.dx-command-select):not(.dx-treelist-invalid),
.dx-treelist-rowsview
  .dx-row-focused.dx-data-row.dx-edit-row
  > tr
  > td.dx-editor-cell:not(.dx-command-select):not(.dx-treelist-invalid) {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #cdeefd;
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed,
.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened {
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td {
  background-color: rgba(3, 169, 244, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > td.dx-treelist-group-space,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > tr
  > td.dx-treelist-group-space,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > td.dx-treelist-group-space,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td.dx-treelist-group-space {
  border-right-color: rgba(3, 169, 244, 0.04);
}
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > td.dx-pointer-events-none,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused)
  > tr
  > td.dx-pointer-events-none,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > td.dx-pointer-events-none,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover
  > tr
  > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
  border-right-color: #e0e0e0;
}
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines)
  > td,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines)
  > td {
  border-bottom: 1px solid rgba(3, 169, 244, 0.04);
  border-top: 1px solid rgba(3, 169, 244, 0.04);
}
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines
  > td,
.dx-treelist-rowsview
  .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines
  > td {
  border-bottom-color: #e0e0e0;
}
.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  .dx-scrollable-wrapper
  .dx-scrollable-container
  .dx-scrollable-content {
  padding-right: 0;
}
.dx-treelist-rowsview td.dx-validation-pending {
  position: relative;
  padding: 0;
}
.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding: 14px 46px 14px 16px;
}
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending .dx-treelist-invalid,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified {
  padding-left: 46px;
  padding-right: 16px;
}
.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  inset-inline-end: 6px;
  right: 22px;
  background-color: transparent;
}
.dx-rtl .dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator,
.dx-rtl.dx-treelist-rowsview td.dx-validation-pending > .dx-pending-indicator {
  left: 22px;
}
.dx-treelist-search-text {
  color: #fff;
  background-color: #03a9f4;
}
.dx-treelist-nodata {
  color: rgba(0, 0, 0, 0.54);
  font-size: 17px;
}
.dx-treelist-bottom-load-panel {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}
.dx-treelist-summary-item {
  color: rgba(0, 0, 0, 0.7);
}
.dx-treelist-total-footer {
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-treelist-total-footer > .dx-treelist-content {
  padding: 0;
}
.dx-treelist-revert-tooltip .dx-overlay-content {
  background-color: transparent;
  min-width: inherit;
}
.dx-treelist-revert-tooltip .dx-revert-button {
  border-radius: 4px;
  background-color: #f44336;
  color: #fff;
  margin: 0 0 0 1px;
  height: 48px;
  box-shadow: none;
  min-width: inherit;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-button-content {
  padding-block: 2px;
  padding-inline-start: 2px;
  padding-inline-end: 2px;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  color: #fff;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #f44336;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected .dx-icon {
  color: #fff;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused,
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #f44336;
}
.dx-treelist-revert-tooltip .dx-revert-button .dx-inkripple-wave {
  background-color: rgba(255, 255, 255, 0.2);
}
.dx-treelist-revert-tooltip
  .dx-revert-button.dx-button-has-icon:not(.dx-button-has-text) {
  border-radius: 2px;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  box-shadow: none;
}
.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;
}
.dx-rtl
  .dx-treelist
  .dx-menu
  .dx-menu-item-has-submenu.dx-menu-item-has-icon
  .dx-icon,
.dx-rtl
  .dx-treelist-container
  .dx-menu
  .dx-menu-item-has-submenu.dx-menu-item-has-icon
  .dx-icon {
  margin: 0 3px;
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #e0e0e0;
}
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row
  > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row
  > tr
  > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row:hover
  > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row:hover
  > tr
  > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: rgba(3, 169, 244, 0.04);
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row
  > tr
  > td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row:hover
  > td.dx-pointer-events-none,
.dx-rtl
  .dx-treelist-rowsview
  .dx-selection.dx-row:hover
  > tr
  > td.dx-pointer-events-none {
  border-left-color: #e0e0e0;
}
.dx-rtl
  .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both
  .dx-scrollable-wrapper
  .dx-scrollable-container
  .dx-scrollable-content {
  padding-left: 0;
}
.dx-header-filter-menu .dx-popup-content {
  padding: 12px 8px 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-treelist-form-buttons-container .dx-button {
  background-color: transparent;
  color: #03a9f4;
}
.dx-treelist-form-buttons-container .dx-button .dx-icon {
  color: #03a9f4;
}
.dx-treelist-form-buttons-container .dx-button.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-treelist-form-buttons-container .dx-button.dx-state-selected,
.dx-treelist-form-buttons-container .dx-button.dx-state-selected .dx-icon {
  color: #03a9f4;
}
.dx-treelist-form-buttons-container .dx-button.dx-state-focused,
.dx-treelist-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-treelist-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-treelist-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-command-adaptive {
  width: 56px;
  min-width: 56px;
}
.dx-treelist-filter-panel {
  padding: 18px 16px;
}
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  color: #03a9f4;
  font-size: 14px;
  line-height: 18px;
}
.dx-treelist-filter-panel .dx-icon-filter {
  color: #03a9f4;
}
.dx-adaptive-item-text {
  padding-left: 16px;
  padding-right: 16px;
}
.dx-adaptive-item-text.dx-cell-modified,
.dx-adaptive-item-text.dx-treelist-invalid {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-treelist-rowsview .dx-treelist-empty-space {
  position: relative;
  top: -2px;
  display: inline-block;
  font: 14px/1 DXIcons;
  width: 24px;
}
.dx-treelist-rowsview .dx-treelist-empty-space::before {
  content: '\f014';
  visibility: hidden;
}
.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: rgba(98, 98, 98, 0.54);
}
.dx-treelist-rowsview .dx-treelist-expanded span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.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;
}
.dx-treelist-rowsview .dx-treelist-collapsed span {
  font: 24px/24px DXIcons;
  text-align: center;
  cursor: pointer;
}
.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;
}
.dx-treelist-rowsview .dx-header-filter,
.dx-treelist-rowsview .dx-sort-down,
.dx-treelist-rowsview .dx-sort-up {
  vertical-align: middle;
}
.dx-treelist-rowsview
  tr:not(.dx-row-focused).dx-selection
  .dx-treelist-empty-space {
  color: rgba(98, 98, 98, 0.54);
}
.dx-treelist-rowsview .dx-treelist-cell-expandable {
  white-space: nowrap;
}
.dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: normal;
}
.dx-treelist-rowsview.dx-treelist-nowrap
  .dx-treelist-table
  .dx-treelist-cell-expandable
  .dx-treelist-text-content {
  white-space: nowrap;
}
.dx-treelist-checkbox-size {
  vertical-align: middle;
  line-height: 0;
}
.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-checkbox {
  position: absolute;
}
.dx-treelist-icon-container {
  max-height: 20px;
}
.dx-treelist-icon-container.dx-editor-inline-block {
  position: relative;
  padding-right: 34px;
}
.dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  top: 50%;
  margin-top: -9px;
}
.dx-treelist-select-all {
  position: relative;
}
.dx-treelist-select-all .dx-checkbox {
  left: 40px;
}
.dx-treelist
  .dx-treelist-headers
  .dx-treelist-content
  .dx-treelist-table
  .dx-header-row
  > .dx-treelist-select-all {
  padding-left: 74px;
}
.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed,
.dx-rtl .dx-treelist-rowsview .dx-treelist-expanded {
  transform: scaleX(-1);
}
.dx-rtl
  .dx-treelist-rowsview
  .dx-treelist-table-fixed
  .dx-treelist-icon-container {
  float: right;
}
.dx-rtl .dx-treelist-select-all .dx-checkbox {
  left: calc(100% - 58px);
}
.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;
}
.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  padding-left: 34px;
  padding-right: 0;
}
.dx-context-menu.dx-overlay-content {
  overflow: inherit;
  position: absolute;
}
.dx-context-menu .dx-menu-item .dx-submenu {
  position: fixed;
  z-index: 1003;
}
.dx-context-menu .dx-menu-item {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
}
.dx-context-menu .dx-menu-item .dx-menu-item-content {
  display: flex;
  align-items: center;
  padding: 12px 16px;
}
.dx-context-menu
  .dx-menu-item
  .dx-menu-item-content
  .dx-menu-item-popout-container {
  inset-inline-end: 16px;
  width: 24px;
  display: flex;
  align-items: center;
}
.dx-context-menu
  .dx-menu-item
  .dx-menu-item-content
  .dx-menu-item-popout-container
  .dx-menu-item-popout {
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.54);
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-context-menu
  .dx-menu-item
  .dx-menu-item-content
  .dx-menu-item-popout-container
  .dx-menu-item-popout::before {
  content: '\f04e';
}
.dx-context-menu
  .dx-menu-item.dx-menu-item-has-submenu
  > .dx-menu-item-content {
  padding-inline-end: 64px;
}
.dx-context-menu
  .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon
  .dx-icon {
  margin-inline-end: 8px;
}
.dx-context-menu .dx-menu-items-container {
  padding: 8px 0;
}
.dx-context-menu.dx-overlay-content.dx-state-focused {
  box-shadow: none;
}
.dx-context-menu .dx-submenu {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-context-menu .dx-menu-separator {
  height: 1px;
  margin: 5px 0;
  background-color: #e0e0e0;
}
.dx-multiview-wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%;
  touch-action: pinch-zoom pan-y;
}
.dx-multiview-item-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.dx-multiview-item-container .dx-empty-message {
  text-align: center;
}
.dx-multiview-item {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.dx-multiview-item.dx-item-selected {
  position: relative;
}
.dx-multiview-item-content {
  width: 100%;
  height: 100%;
}
.dx-multiview-item-hidden {
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}
.dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body {
  visibility: hidden;
}
.dx-tabpanel {
  display: flex;
  flex-direction: column;
}
.dx-tabpanel .dx-tabs-vertical .dx-tabs-wrapper {
  min-height: 100%;
}
.dx-tabpanel .dx-tabs-vertical .dx-tabpanel-tab {
  flex-grow: 0;
}
.dx-tabpanel-tab {
  flex-basis: unset;
}
.dx-tabpanel-tabs-position-right {
  flex-direction: row-reverse;
}
.dx-tabpanel-tabs-position-right.dx-rtl {
  flex-direction: row;
}
.dx-tabpanel-tabs-position-bottom {
  flex-direction: column-reverse;
}
.dx-tabpanel-tabs-position-left {
  flex-direction: row;
}
.dx-tabpanel-tabs-position-left.dx-rtl {
  flex-direction: row-reverse;
}
.dx-tabpanel .dx-tabpanel-tabs .dx-tabs {
  height: 100%;
}
.dx-tabpanel-container {
  flex-grow: 1;
  min-height: 0;
  min-width: 0;
}
.dx-tabpanel .dx-tabpanel-tab {
  min-width: 72px;
  flex-basis: unset;
  flex-grow: 0;
  flex-shrink: 0;
}
.dx-tabpanel .dx-tabs-scrollable .dx-tab {
  flex-basis: auto;
}
.dx-tabpanel .dx-tabs-nav-button {
  height: auto;
}
.dx-tabpanel-tabs-position-top .dx-tabs {
  border-bottom: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-top .dx-tabs {
  border-bottom: none;
}
.dx-tabpanel-tabs-position-bottom .dx-tabs {
  border-top: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-bottom .dx-tabs {
  border-top: none;
}
.dx-tabpanel-tabs-position-left .dx-tabs {
  border-right: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-left .dx-tabs {
  border-right: none;
}
.dx-tabpanel-tabs-position-right .dx-tabs {
  border-left: 1px solid #e0e0e0;
}
.dx-empty-collection.dx-tabpanel-tabs-position-right .dx-tabs {
  border-left: none;
}
.dx-scheduler-appointment-popup .dx-popup-content {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scrollable-content {
  padding-top: 20px;
}
.dx-scheduler-appointment-popup
  .dx-form.dx-recurrence-editor-container
  .dx-scrollable-content {
  padding-top: 0;
}
.dx-scheduler .dx-empty-message {
  line-height: normal;
}
.dx-scheduler-all-day-panel td {
  padding: 0;
}
.dx-scheduler-appointment-collector {
  display: block;
  height: 20px;
  cursor: pointer;
  margin: 3px 0 0 3px;
}
.dx-scheduler-appointment-collector .dx-button-content,
.dx-scheduler-appointment-collector
  .dx-scheduler-appointment-collector-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0 4px;
  padding: 0;
}
.dx-scheduler-appointment-collector .dx-button-content::after,
.dx-scheduler-appointment-collector
  .dx-scheduler-appointment-collector-content::after {
  display: inline-block;
  position: relative;
  height: 100%;
  content: '';
  vertical-align: middle;
  font-size: 0;
}
.dx-scheduler-appointment-collector.dx-button.dx-button-default {
  padding: 0;
  max-width: none;
  border-radius: 20px;
}
.dx-scheduler-work-space-mouse-selection .dx-scheduler-all-day-appointments,
.dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments,
.dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
  pointer-events: none;
}
.dx-rtl .dx-scheduler-appointment-collector {
  margin: 3px 3px 0 0;
}
@media (max-width: 450px) {
  .dx-scheduler-adaptive .dx-scheduler-view-switcher-label {
    display: none;
  }
}
.dx-scheduler-adaptive
  .dx-scheduler-work-space-week
  .dx-scheduler-header-panel-cell {
  line-height: 1.3;
  white-space: nowrap;
}
.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
  margin: 0;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content,
.dx-scheduler-overlay-panel .dx-popup-content {
  padding: 0;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-popup-content
  .dx-list-item,
.dx-scheduler-overlay-panel .dx-popup-content .dx-list-item {
  width: 360px;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-popup-content
  .dx-list-item
  .dx-list-item-content,
.dx-scheduler-overlay-panel
  .dx-popup-content
  .dx-list-item
  .dx-list-item-content {
  padding: 5px;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-overlay-panel .dx-overlay-content {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item,
.dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
  display: flex;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-marker-body,
.dx-scheduler-overlay-panel
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-marker-body {
  margin-top: 7px;
  margin-left: 5px;
  background: #03a9f4;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-delete-button
  .dx-icon,
.dx-scheduler-overlay-panel
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-delete-button
  .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content,
.dx-scheduler-overlay-panel
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content {
  flex-basis: 100%;
  margin: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-subject,
.dx-scheduler-overlay-panel
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-subject {
  text-align: left;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-date,
.dx-scheduler-overlay-panel
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-date {
  text-align: left;
  font-size: 12px;
  opacity: 0.8;
  margin-top: 10px;
}
.dx-scheduler-overlay-panel .dx-overlay-content {
  position: relative;
  background: #fff;
}
.dx-scheduler-appointment-content-date {
  opacity: 0.7;
  display: inline-block;
  white-space: pre-wrap;
}
.dx-scheduler-appointment-content-details {
  margin-top: 2px;
}
.dx-scheduler-appointment-content-allday {
  display: none;
}
.dx-scheduler-appointment {
  border-bottom: 1px solid transparent;
  background-clip: padding-box;
  position: absolute;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background-color: #03a9f4;
  color: #fff;
  box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
  left: 0;
  min-width: 4px;
  min-height: 4px;
}
.dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-appointment.dx-state-active {
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.3),
    inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment .dx-scheduler-appointment,
.dx-scheduler-appointment.dx-state-focused {
  box-shadow: none;
}
.dx-scheduler-appointment
  .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.dx-scheduler-appointment.dx-state-focused:not(
    .dx-scheduler-appointment-drag-source
  )::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.98;
}
.dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 0 5px 0 0 rgba(0, 0, 0, 0.3),
    inset 0 -2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  height: 5px;
}
.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  width: 5px;
}
.dx-scheduler-appointment.dx-resizable-resizing {
  z-index: 1000;
  opacity: 0.7;
}
.dx-scheduler-appointment .dx-resizable-handle-left {
  left: -1px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon {
  font: 18px/1 DXIcons;
  top: 3px;
  position: absolute;
  right: 5px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon::before {
  content: '\f069';
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  font: 18px/1 DXIcons;
  top: 3px;
  position: absolute;
  right: 5px;
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before {
  content: '\f15a';
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  right: auto;
  left: 3px;
}
.dx-scheduler-appointment.dx-scheduler-appointment-empty
  .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-appointment.dx-scheduler-appointment-tail
  .dx-scheduler-appointment-reduced-icon {
  display: none;
}
.dx-scheduler-appointment.dx-state-disabled {
  cursor: default;
  opacity: 0.6;
  pointer-events: auto;
}
.dx-scheduler-appointment.dx-scheduler-appointment-drag-source {
  opacity: 0.7;
}
.dx-scheduler-fixed-appointments {
  z-index: 100;
  position: absolute;
}
.dx-scheduler-fixed-appointments .dx-draggable-dragging {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging
  .dx-scheduler-appointment,
.dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused {
  box-shadow: none;
}
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging
  .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before,
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging.dx-state-focused:not(
    .dx-scheduler-appointment-drag-source
  )::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.98;
}
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging
  .dx-scheduler-appointment {
  box-shadow: 7px 7px 15px 0 rgba(50, 50, 50, 0.2),
    inset 0 -2px 0 0 rgba(0, 0, 0, 0.3), inset 0 2px 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-agenda .dx-scheduler-appointment {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.87);
  padding: 10px;
  border-radius: 5px;
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused {
  color: rgba(0, 0, 0, 0.87);
  background-color: rgba(0, 0, 0, 0.08);
  box-shadow: none;
}
.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused::before {
  background: 0 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon {
  position: static;
  color: #fff;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-left-layout {
  overflow: visible;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 10px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content,
.dx-scheduler-agenda
  .dx-scheduler-appointment-recurrence
  .dx-scheduler-appointment-content {
  padding: 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content {
  display: flex;
  flex-direction: row;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-date {
  opacity: 1;
  white-space: nowrap;
}
.dx-scheduler-agenda .dx-scheduler-appointment-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-details {
  display: flex;
  font-size: 12px;
  opacity: 0.7;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  display: flex;
  padding-right: 5px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item,
.dx-scheduler-agenda .dx-scheduler-appointment-resource-list {
  display: flex;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item {
  margin-left: 15px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-resource-item-value {
  margin-left: 3px;
}
.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #03a9f4;
}
.dx-scheduler-agenda .dx-rtl .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 0;
  margin-right: 10px;
}
.dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-content,
.dx-scheduler-agenda
  .dx-rtl
  .dx-scheduler-appointment-recurrence
  .dx-scheduler-appointment-content {
  padding: 0;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  ):not(.dx-scheduler-work-space-all-day)
  .dx-scheduler-header-panel-container {
  display: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-empty-cell {
  border: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-date-table-cell {
  border-right: none;
  border-left: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-all-day-table-cell {
  border-top: none;
  border-left: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-time-panel {
  border: none;
}
.dx-scheduler-work-space-day:not(
    .dx-scheduler-work-space-count
  ).dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-header-panel-container {
  display: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)
  .dx-scheduler-header-panel-empty-cell {
  margin-top: 0;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)
  .dx-scheduler-header-panel {
  margin-top: 1px;
}
.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-left: none;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel {
  width: 100%;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(
    .dx-scheduler-work-space-count
  ):not(.dx-scheduler-work-space-grouped)
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(
    .dx-scheduler-work-space-count
  ):not(.dx-scheduler-work-space-grouped)
  .dx-scheduler-time-panel {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-all-day-table-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-all-day-table-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-cell {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-cell:first-child {
  border-left: none;
}
.dx-rtl
  .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-time-panel {
  border: none;
}
.dx-rtl
  .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl
  .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-date-table-cell:first-child,
.dx-rtl
  .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-cell:first-child,
.dx-rtl
  .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  ).dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel-empty-cell,
.dx-rtl
  .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  ).dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  width: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table {
  width: 100%;
  height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-vertical-grouped
  )
  .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-vertical-grouped
  )
  .dx-scrollable-content {
  height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  height: 50px;
  vertical-align: top;
  text-align: right;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.dx-scheduler-work-space-month
  .dx-scheduler-date-table-cell
  .dx-scheduler-date-table-cell-text {
  padding-right: 6px;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count
  .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-count
  .dx-scheduler-date-table-first-of-month {
  color: #03a9f4;
  background-color: rgba(3, 169, 244, 0.15);
  font-weight: 700;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-sidebar-scrollable {
  display: block;
  float: left;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-group-header {
  box-shadow: 0 -2px 0 #e0e0e0;
  border-bottom: none;
}
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel {
  border-bottom: none;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell {
  width: 160px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-two
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-two
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header {
  width: 80px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell {
  width: 240px;
}
.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-month.dx-scheduler-group-column-count-three
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-week.dx-scheduler-group-column-count-three
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header,
.dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header {
  width: 80px;
}
.dx-scheduler-timeline-day .dx-scheduler-date-table-container,
.dx-scheduler-timeline-day .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-month .dx-scheduler-date-table-container,
.dx-scheduler-timeline-month .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-week .dx-scheduler-date-table-container,
.dx-scheduler-timeline-week .dx-scheduler-date-table-scrollable-content,
.dx-scheduler-timeline-work-week .dx-scheduler-date-table-container,
.dx-scheduler-timeline-work-week .dx-scheduler-date-table-scrollable-content {
  min-height: 100%;
  height: 100%;
  width: 100%;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel,
.dx-scheduler-timeline-month .dx-scheduler-header-panel,
.dx-scheduler-timeline-week .dx-scheduler-header-panel,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-month .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-week .dx-scheduler-header-panel thead,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
.dx-scheduler-timeline-day .dx-scheduler-header-row,
.dx-scheduler-timeline-month .dx-scheduler-header-row,
.dx-scheduler-timeline-week .dx-scheduler-header-row,
.dx-scheduler-timeline-work-week .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-month
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-week
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-timeline-work-week
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  display: flex;
  flex-flow: row-reverse nowrap;
}
.dx-scheduler-timeline-day .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell,
.dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell {
  flex-basis: 0;
}
.dx-scheduler-timeline-day
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-month
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-week
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell,
.dx-scheduler-timeline-work-week
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell,
.dx-scheduler-timeline
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  display: none;
}
.dx-scheduler-timeline .dx-scheduler-date-table {
  border-spacing: 0;
  border-collapse: separate;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100px;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  flex: 1 1 auto;
  height: inherit;
  min-height: 50px;
}
.dx-scheduler-timeline .dx-scheduler-group-table {
  border-spacing: 0;
  border-collapse: separate;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-group-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
}
.dx-scheduler-timeline .dx-scheduler-group-header {
  min-height: 50px;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content {
  overflow: visible;
  flex-grow: 1;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content div {
  white-space: normal;
  line-height: normal;
}
.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date
  .dx-scheduler-group-header {
  width: 200px;
}
.dx-scheduler-timeline .dx-scheduler-date-table,
.dx-scheduler-timeline
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content,
.dx-scheduler-timeline .dx-scheduler-group-table,
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  height: 100%;
  min-height: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-sidebar-scrollable
  .dx-scrollable-content {
  height: auto;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell {
  border-top-color: transparent;
}
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel,
.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel-empty-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-sidebar-scrollable {
  display: block;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-group-row
  .dx-scheduler-group-header {
  border: none;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date
  .dx-scheduler-group-row
  .dx-scheduler-group-header,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date
  .dx-scheduler-group-row
  .dx-scheduler-last-group-cell {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-rtl
  .dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-date-table-cell:first-child {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler:not(.dx-scheduler-native)
  .dx-scheduler-timeline
  .dx-scheduler-date-table
  .dx-scheduler-date-table-row {
  flex: 1;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-group-table {
  border-spacing: 0;
  margin-top: 0;
  height: 100%;
  float: left;
}
.dx-scheduler-agenda .dx-scheduler-time-panel {
  margin-top: 0;
  width: 70px;
  border: none;
}
.dx-scheduler-agenda .dx-scheduler-date-table-cell,
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  border: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  float: right;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-group-row:first-child
  .dx-scheduler-group-header-content::before {
  border-bottom: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  vertical-align: top;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 700;
  padding: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  width: 40px;
  font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content {
  width: 80px;
  overflow: hidden;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content div {
  white-space: normal;
}
.dx-scheduler-agenda-nodata {
  text-align: center;
  opacity: 0.5;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel {
  border: none;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-time-panel {
  width: 70px;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-group-table,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-sidebar-scrollable
  .dx-scrollable-content {
  min-height: 100%;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content {
  display: flex;
  flex-direction: column;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-container,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table
  > tbody {
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-row {
  height: 50px;
  flex-shrink: 0;
  flex-grow: 1;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-cell {
  height: auto;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-virtual
  .dx-scheduler-date-table-row {
  height: 50px;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-container,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-scrollable,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-tables-container {
  width: 100%;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-tables-container {
  flex-shrink: 1;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-scrollable
  .dx-scrollable-content {
  min-width: 100%;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-cell,
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel-cell {
  flex-shrink: 0;
}
.dx-scheduler.dx-scheduler-native
  .dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar)
  .dx-scheduler-date-table
  .dx-scheduler-date-table-row {
  flex: 1;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  color: #03a9f4;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
  position: absolute;
  top: 37px;
  right: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #eb5757;
}
.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 65px;
}
.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 97.5px;
}
.dx-scheduler-group-column-count-two
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header {
  width: 48.75px;
}
.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-group-column-count-three
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header {
  width: 43.3333333333px;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-empty-cell {
  width: 65px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell {
  width: 162.5px;
}
.dx-scheduler-work-space-day.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell {
  width: 195px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:nth-child(odd)
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:nth-child(odd)
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:nth-child(odd)
  .dx-scheduler-date-table-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell {
  border-top: none;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells
  .dx-scheduler-time-panel-row:nth-child(2n)
  .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-time-panel-row:nth-child(2n)
  .dx-scheduler-time-panel-cell::after,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells
  .dx-scheduler-time-panel-row:nth-child(2n)
  .dx-scheduler-time-panel-cell::after {
  background-color: #e0e0e0;
}
.dx-scheduler-work-space {
  border: 1px solid #e0e0e0;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  width: 100%;
  border-top: none;
  float: left;
}
.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda)
  .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda)
  .dx-scheduler-date-table-cell {
  border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(
    .dx-scheduler-agenda
  )
  .dx-scheduler-all-day-panel
  td {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(
    .dx-scheduler-work-space-month
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-header-panel,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(
    .dx-scheduler-work-space-month
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-header-panel-empty-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(
    .dx-scheduler-work-space-month
  ):not(
    .dx-scheduler-timeline
  ).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(
    .dx-scheduler-work-space-month
  ):not(
    .dx-scheduler-timeline
  ).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel-empty-cell {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month:not(
    .dx-scheduler-work-space-vertical-grouped
  )
  .dx-scheduler-header-panel {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-header-panel-container {
  display: flex;
  flex-shrink: 0;
}
.dx-scheduler-header-panel-empty-cell {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
  width: 0;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-header-tables-container {
  overflow: hidden;
  width: 100%;
}
.dx-scheduler-date-table-container {
  position: relative;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count)
  .dx-scheduler-date-table-container {
  height: 100%;
}
.dx-scheduler-date-table-scrollable {
  width: 100%;
  overflow: hidden;
}
.dx-scheduler-date-table-scrollable .dx-scrollable-content {
  overflow: hidden;
}
.dx-scheduler-date-table-scrollable-content,
.dx-scheduler-side-bar-scrollable-content {
  display: flex;
  align-items: flex-start;
}
.dx-scheduler-date-table-scrollable-content {
  position: relative;
  float: left;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-group-header,
.dx-scheduler-header-panel-cell,
.dx-scheduler-time-panel-cell {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  cursor: default;
}
.dx-scheduler-date-table-current-date {
  font-weight: 700;
}
.dx-scheduler-date-table-other-month {
  opacity: 0.5;
}
.dx-scheduler-work-space-flex-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  min-height: 0;
}
.dx-scheduler-group-flex-container {
  flex: 0 0 100%;
  min-height: 100%;
  display: flex;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  min-width: 0;
}
.dx-scheduler-group-flex-container
  .dx-scheduler-group-row:last-child
  .dx-scheduler-group-header {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-group-flex-container
  .dx-scheduler-group-row
  .dx-scheduler-group-header {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 0;
  padding: 0 5px;
  height: auto;
  width: 65px;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-day
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-week
  .dx-scheduler-date-table
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell,
.dx-scheduler-work-space-work-week
  .dx-scheduler-date-table-row:first-child
  .dx-scheduler-date-table-cell {
  border-top: none;
}
.dx-scheduler-all-day-table-cell,
.dx-scheduler-date-table-cell {
  border-top: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-header-panel-cell {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count
  .dx-scheduler-all-day-title,
.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-title,
.dx-scheduler-timeline .dx-scheduler-time-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title,
.dx-scheduler-work-space-month .dx-scheduler-time-panel {
  display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: none;
}
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-header-panel-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-week
  .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-week
  .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-week
  .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: none;
}
.dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-work-week
  .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: none;
}
.dx-rtl
  .dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-rtl
  .dx-scheduler-work-space-work-week
  .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl
  .dx-scheduler-work-space-work-week
  .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-left: none;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-date-table-cell:nth-child(7n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-all-day-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-date-table-cell:nth-child(7n),
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-week
  .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-date-table-cell:nth-child(5n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-table-cell:nth-child(5n),
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-date-table-cell:nth-child(5n),
.dx-rtl
  .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week
  .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.dx-scheduler-header-panel {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.dx-scheduler-work-space.dx-scheduler-work-space-all-day
  .dx-scheduler-header-panel-empty-cell {
  border-bottom: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: auto;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  float: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  height: auto;
  flex-shrink: 0;
}
.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-all-day-table-row
  .dx-scheduler-all-day-table-cell:first-child,
.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-row
  .dx-scheduler-date-table-cell:first-child {
  border-left: none;
}
.dx-scheduler-header-panel-cell {
  position: relative;
  color: rgba(0, 0, 0, 0.54);
  padding: 0;
  font-weight: 400;
  border-left: 1px solid #e0e0e0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-header-panel-cell:first-child {
  border-left: 1px solid transparent;
}
.dx-scheduler-all-day-panel {
  width: 100%;
  position: relative;
}
.dx-scheduler-all-day-title {
  color: rgba(0, 0, 0, 0.54);
  width: 65px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.dx-scheduler-small .dx-scheduler-all-day-title {
  width: 32.5px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  height: 50px;
  line-height: 50px;
}
.dx-scheduler-all-day-table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}
.dx-scheduler-group-header {
  height: 30px;
  text-align: center;
}
.dx-scheduler-time-panel {
  flex: 0 0 auto;
  width: 65px;
  border-collapse: collapse;
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-small .dx-scheduler-time-panel {
  width: 32.5px;
  font-size: 14px;
}
.dx-scheduler-time-panel .dx-scheduler-time-panel-row:first-of-type td > div {
  margin-top: 0;
}
.dx-scheduler-time-panel-cell {
  color: rgba(0, 0, 0, 0.54);
  position: relative;
  width: 100%;
  text-align: right;
  vertical-align: top;
  border-bottom: 1px solid transparent;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-left: 0;
}
.dx-scheduler-time-panel-cell::after {
  position: absolute;
  bottom: -1px;
  width: 10%;
  height: 1px;
  right: 0;
  background-color: #e0e0e0;
  content: none;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  color: #03a9f4;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: inherit;
  background-color: #eb5757;
}
.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell::after {
  display: none;
}
.dx-scheduler-time-panel-title-cell {
  padding: 0;
}
.dx-scheduler-date-table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  background-color: rgba(3, 169, 244, 0.12);
}
.dx-scheduler-all-day-table-cell.dx-state-focused,
.dx-scheduler-date-table-cell.dx-state-focused {
  background-color: rgba(3, 169, 244, 0.12);
  opacity: 1;
}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  box-shadow: inset 0 0 0 1px #03a9f4;
}
.dx-scheduler-all-day-table-cell > div,
.dx-scheduler-date-table-cell > div {
  pointer-events: none;
}
.dx-scheduler-date-table-droppable-cell {
  background-color: #f2f2f2;
}
.dx-scheduler-group-header-content div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-group-header-content {
  display: flex;
  height: 40px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-group-header-content
  > div {
  margin: auto;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-group-row,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-header-panel,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline
  .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-group-header {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date
  .dx-scheduler-group-header {
  flex-basis: auto;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(
    .dx-scheduler-work-space-group-by-date
  )
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell {
  border-right: none;
}
.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-work-space-vertical-group-table {
  height: 100%;
  min-height: 100px;
  border-top: 1px solid #e0e0e0;
  border-spacing: 0;
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day
  .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week
  .dx-scheduler-all-day-title,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-title {
  top: 0;
  height: 50px !important;
  line-height: 50px !important;
  border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  display: table-cell;
  position: relative;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  height: 50px;
}
.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell
  > div {
  margin-top: 0;
}
.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  border-bottom: none;
  box-shadow: inset 0 -1px 0 #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  border-bottom: 2px solid #e0e0e0;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-sidebar-scrollable {
  border-top: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-header-panel-empty-cell {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-rtl .dx-scheduler-date-table-scrollable-content,
.dx-rtl .dx-scheduler-side-bar-scrollable-content {
  direction: rtl;
}
.dx-rtl
  .dx-scheduler-sidebar-scrollable
  .dx-scheduler-group-row:last-child
  .dx-scheduler-group-header,
.dx-rtl
  .dx-scheduler-work-space-vertical-grouped
  .dx-scheduler-group-row:last-child
  .dx-scheduler-group-header {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-header-panel {
  left: 0;
  right: inherit;
}
.dx-rtl .dx-scheduler-time-panel,
.dx-rtl .dx-scheduler-work-space-vertical-group-table {
  float: right;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-time-panel-cell {
  padding-left: 10px;
}
.dx-rtl .dx-scheduler-time-panel-cell::after {
  right: auto;
  left: 0;
}
.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell,
.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  border-right: 1px solid #e0e0e0;
  border-left: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-all-day-table-row
  .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-table-row
  .dx-scheduler-date-table-cell:first-child,
.dx-rtl.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-row
  .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-sidebar-scrollable {
  float: right;
}
.dx-rtl
  .dx-scheduler-timeline.dx-scheduler-work-space-grouped
  .dx-scheduler-group-header {
  padding: 0 5px 0 10px;
}
.dx-rtl
  .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-three
  .dx-scheduler-group-header:last-child,
.dx-rtl
  .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-two
  .dx-scheduler-group-header:last-child {
  text-align: right;
}
.dx-rtl .dx-scheduler-all-day-table-cell:first-child,
.dx-rtl .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
  border-left: 1px solid #e0e0e0;
}
.dx-rtl .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-small
  .dx-scheduler-work-space-day
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-week
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week
  .dx-scheduler-header-panel-empty-cell {
  width: 32.5px;
}
.dx-scheduler-small
  .dx-scheduler-work-space-day.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-week.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one
  .dx-scheduler-header-panel-empty-cell {
  width: 97.5px;
}
.dx-scheduler-small
  .dx-scheduler-work-space-day.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two
  .dx-scheduler-header-panel-empty-cell {
  width: 130px;
}
.dx-scheduler-small
  .dx-scheduler-work-space-day.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three
  .dx-scheduler-header-panel-empty-cell {
  width: 162.5px;
}
.dx-recurrence-repeat-end-wrapper {
  display: flex;
}
.dx-recurrence-numberbox-interval-wrapper .dx-layout-manager .dx-field-item,
.dx-recurrence-repeat-on .dx-layout-manager .dx-field-item {
  padding-right: 0;
  padding-left: 0;
}
.dx-recurrence-numberbox-interval-wrapper
  .dx-box-item:first-child:not(:only-child),
.dx-recurrence-repeat-on .dx-box-item:first-child:not(:only-child) {
  flex-grow: 0 !important;
  min-width: auto !important;
}
.dx-recurrence-numberbox-interval-wrapper .dx-field-item-label {
  white-space: nowrap;
}
.dx-layout-manager .dx-field-item.dx-recurrence-repeat-on {
  padding-top: 0;
}
.dx-recurrence-repeat-end-label {
  line-height: 36px;
}
.dx-recurrence-radiogroup-repeat-type .dx-item {
  padding-bottom: 10px;
}
.dx-recurrence-button-group {
  width: 100%;
}
.dx-recurrence-button-group .dx-buttongroup-wrapper > div {
  flex: 1;
  min-width: 0;
}
.dx-recurrence-numberbox-interval {
  margin-right: 11px;
}
.dx-recurrence-numberbox-interval-label {
  font-size: 14px;
  margin-top: 40px;
}
.dx-recurrence-button-group .dx-button-content {
  padding: 6px;
}
.dx-recurrence-radiogroup-repeat-type {
  margin: 15px 0;
}
.dx-recurrence-datebox-until-date {
  margin-left: 23px;
}
.dx-recurrence-numberbox-repeat-count {
  margin: 0 11px;
}
.dx-scheduler-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.dx-scheduler-header {
  border: 1px solid #e0e0e0;
  position: relative;
  z-index: 1;
  width: 100%;
  flex-shrink: 0;
}
.dx-scheduler-header .dx-toolbar {
  height: 100%;
  background-color: transparent;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
  height: 100%;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container .dx-icon::before {
  content: '\f016';
}
.dx-scheduler-view-switcher-dropdown-button-content .dx-list-item {
  display: list-item;
}
.dx-scheduler-date-time-shader-all-day {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.03);
  position: absolute;
  pointer-events: none;
}
.dx-scheduler-date-time-indicator {
  background-color: #eb5757;
  position: absolute;
  pointer-events: none;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
}
.dx-scheduler-date-time-indicator::before {
  font-size: 30px;
  color: #eb5757;
  position: absolute;
  z-index: 1000;
  margin-top: -14px;
  margin-left: -12px;
  text-shadow: rgba(255, 255, 255, 0.1) 1px 0 0;
}
.dx-scheduler-date-time-shader {
  pointer-events: none;
}
.dx-scheduler-work-space-day
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content,
.dx-scheduler-work-space-week
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content {
  padding-right: 40px;
}
.dx-scheduler-work-space-day
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-day
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-week
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-week
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week
  .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment)
  .dx-scheduler-appointment-reduced-icon {
  top: 9px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  margin-left: 65px;
  font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator::before {
  content: '\f04e';
  display: none;
}
.dx-scheduler-small
  .dx-scheduler-work-space-day
  .dx-scheduler-date-time-indicator,
.dx-scheduler-small
  .dx-scheduler-work-space-week
  .dx-scheduler-date-time-indicator,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week
  .dx-scheduler-date-time-indicator {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader {
  margin-left: 65px;
}
.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader,
.dx-scheduler-small
  .dx-scheduler-work-space-week
  .dx-scheduler-date-time-shader,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week
  .dx-scheduler-date-time-shader {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top::before {
  width: inherit;
  height: inherit;
  content: '';
  left: inherit;
  position: absolute;
  margin-left: 65px;
  background-color: rgba(0, 0, 0, 0.03);
}
.dx-scheduler-small
  .dx-scheduler-work-space-day
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small
  .dx-scheduler-work-space-day
  .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-small
  .dx-scheduler-work-space-week
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small
  .dx-scheduler-work-space-week
  .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small
  .dx-scheduler-work-space-work-week
  .dx-scheduler-date-time-shader-top::before {
  margin-left: 32.5px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-all-day,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-date-time-shader-top::before {
  margin-left: 0;
}
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator {
  margin-left: 0;
  font: 14px/1 DXIcons;
}
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator::before,
.dx-scheduler-work-space-work-week.dx-rtl
  .dx-scheduler-date-time-indicator::before {
  content: '\f04f';
  margin-right: -12px;
}
.dx-scheduler-work-space-day.dx-rtl
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-week.dx-rtl
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top::before,
.dx-scheduler-work-space-work-week.dx-rtl
  .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-work-space-work-week.dx-rtl
  .dx-scheduler-date-time-shader-top::before {
  margin-left: 0;
  margin-right: 65px;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  width: 1px;
  top: 0;
  font: 14px/1 DXIcons;
}
.dx-scheduler-timeline .dx-scheduler-date-time-indicator::before {
  content: '\f001';
  margin-left: -14px;
  margin-top: -12px;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader {
  height: 100%;
  position: absolute;
}
.dx-scheduler-timeline .dx-scheduler-date-time-shader::before {
  width: inherit;
  height: 100%;
  content: '';
  left: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.03);
}
.dx-scheduler-timeline
  .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  box-shadow: none;
}
.dx-scheduler-timeline
  .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background-color: #eb5757;
}
.dx-scheduler-timeline
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-recurrence-icon {
  top: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  padding: 0 7px;
}
.dx-scheduler-work-space-month
  .dx-scheduler-appointment-recurrence
  .dx-scheduler-appointment-content {
  padding: 0 25px 0 7px;
}
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-appointment-recurrence
  .dx-scheduler-appointment-content {
  padding: 0 7px 0 25px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced-icon {
  top: 0;
}
.dx-scheduler-all-day-appointments,
.dx-scheduler-scrollable-appointments {
  position: absolute;
  top: 0;
}
.dx-scheduler-all-day-appointments.dx-rtl,
.dx-scheduler-scrollable-appointments.dx-rtl {
  left: 0;
}
.dx-scheduler-all-day-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-resizable-resizing,
.dx-scheduler-all-day-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3),
    inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-state-hover,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month
  .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 5px 0 0 0 rgba(0, 0, 0, 0.3),
    inset -2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable,
.dx-rtl
  .dx-scheduler-timeline
  .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset -5px 0 0 0 rgba(0, 0, 0, 0.3),
    inset 2px 0 0 0 rgba(0, 0, 0, 0.3);
}
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging
  .dx-scheduler-all-day-appointment,
.dx-scheduler-timeline .dx-draggable-dragging .dx-scheduler-appointment,
.dx-scheduler-work-space-month
  .dx-draggable-dragging
  .dx-scheduler-appointment {
  box-shadow: inset -2px 0 0 0 rgba(0, 0, 0, 0.3),
    inset 2px 0 0 0 rgba(0, 0, 0, 0.3), 7px 7px 15px 0 rgba(50, 50, 50, 0.2);
}
.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
  box-shadow: none;
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  position: absolute;
  top: 15%;
}
.dx-scheduler-appointment-reduced.dx-scheduler-appointment-head
  .dx-scheduler-appointment-recurrence-icon {
  right: 20px;
}
.dx-scheduler-appointment-content {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.99;
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month
  .dx-scheduler-appointment-content {
  font-size: 12px;
}
.dx-scheduler-appointment-content > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-title {
  display: none;
}
.dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details,
.dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  display: none;
}
.dx-scheduler-appointment-popup
  .dx-form
  .dx-field-item.dx-appointment-form-switch
  > div {
  flex-grow: 0;
  width: auto;
}
.dx-scheduler-appointment-popup
  .dx-layout-manager
  .dx-label-h-align
  .dx-field-item-content
  .dx-checkbox,
.dx-scheduler-appointment-popup
  .dx-layout-manager
  .dx-label-h-align
  .dx-field-item-content
  .dx-switch {
  margin: 0;
}
.dx-scheduler-appointment-popup .dx-field-item-label-location-left {
  padding-right: 20px;
}
.dx-scheduler-appointment-popup .dx-field {
  min-height: 0;
}
.dx-scheduler-appointment-popup .dx-field-label {
  width: auto;
}
.dx-scheduler-appointment-popup .dx-field-value {
  padding-left: 0;
  padding-right: 0;
}
.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  float: left;
}
.dx-scheduler-appointment-popup
  .dx-field-value:not(.dx-widget)
  > .dx-checkbox.dx-rtl {
  float: right;
}
.dx-scheduler-appointment-collector.dx-button,
.dx-scheduler-appointment-collector.dx-button.dx-state-active,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover {
  background-color: #03a9f4;
  color: #fff;
  border: none;
  box-shadow: none;
}
.dx-scheduler-appointment-collector.dx-button.dx-state-hover::before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0.98;
}
.dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover
  .dx-scheduler-appointment-collector-content {
  color: #fff;
  opacity: 0.99;
}
.dx-scheduler-appointment-collector-compact .dx-button-content span:last-child,
.dx-scheduler-appointment-collector-compact
  .dx-scheduler-appointment-collector-content
  span:last-child {
  padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  width: 100%;
  height: 0;
}
.dx-scheduler-agenda .dx-scheduler-appointment {
  position: relative;
  box-shadow: none;
  margin-top: 5px;
  margin-bottom: 5px;
}
.dx-scheduler-agenda
  .dx-scheduler-appointment.dx-scheduler-last-in-date-agenda-appointment {
  margin-bottom: 20px;
}
.dx-rtl .dx-scheduler-appointment-recurrence-icon {
  left: 5px;
  right: auto;
}
.dx-rtl
  .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head
  .dx-scheduler-appointment-recurrence-icon {
  left: 20px;
  right: auto;
}
.dx-rtl
  .dx-scheduler-work-space-day
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content,
.dx-rtl
  .dx-scheduler-work-space-week
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content,
.dx-rtl
  .dx-scheduler-work-space-work-week
  .dx-scheduler-appointment-reduced
  .dx-scheduler-appointment-content {
  padding-right: 5px;
  padding-left: 40px;
}
.dx-rtl .dx-scheduler-all-day-appointments,
.dx-rtl .dx-scheduler-scrollable-appointments {
  left: 0;
}
.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-bottom::before,
.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-top::before {
  margin-right: 32.5px;
}
.dx-scheduler-time-panel-cell {
  height: 38px;
  padding-right: 8px;
}
.dx-scheduler-time-panel-cell > div {
  margin-top: -6px;
  font-size: 12px;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell > div {
  font-size: 11px;
}
.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-right: 2px;
}
.dx-rtl .dx-scheduler-time-panel-cell {
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}
.dx-rtl.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-left: 2px;
}
.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell::before {
  content: none;
}
.dx-scheduler-date-table-cell {
  height: 38px;
}
.dx-scheduler-all-day-title {
  height: 57px;
  line-height: 57px;
  font-size: 12px;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-small .dx-scheduler-all-day-title {
  font-size: 9.6px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  height: 19px;
  line-height: 19px;
}
.dx-scheduler-all-day-table {
  height: 57px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  height: 19px;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 25px 5px 7px;
}
.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 7px 5px 25px;
}
.dx-scheduler-appointment-content {
  padding: 5px 7px;
}
.dx-scheduler-appointment-title {
  font-size: 12px;
}
.dx-scheduler-appointment-content-details {
  white-space: pre;
  overflow: hidden;
  font-size: 10px;
}
.dx-scheduler-work-space-day
  .dx-scheduler-all-day-appointment
  .dx-scheduler-appointment-content,
.dx-scheduler-work-space-week
  .dx-scheduler-all-day-appointment
  .dx-scheduler-appointment-content,
.dx-scheduler-work-space-work-week
  .dx-scheduler-all-day-appointment
  .dx-scheduler-appointment-content {
  padding: 5px 7px;
}
.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-week .dx-scheduler-date-time-indicator,
.dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  height: 2px;
}
.dx-scheduler-header-panel {
  margin-top: 0;
}
.dx-scheduler-header-panel-cell {
  height: 56px;
  text-align: left;
  vertical-align: bottom;
}
.dx-rtl .dx-scheduler-header-panel-cell {
  text-align: right;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-header-panel-cell {
  height: 22px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell),
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  height: 34px;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 11px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month
  .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week
  .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week
  .dx-scheduler-header-panel-cell {
  display: flex;
  flex-flow: column nowrap;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day
  .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-month
  .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-week
  .dx-scheduler-header-panel-cell,
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-work-week
  .dx-scheduler-header-panel-cell {
  align-items: flex-start;
  justify-content: flex-end;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day
  .dx-scheduler-header-panel-cell {
  align-items: flex-end;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day
  .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  height: 34px;
  font-size: 12px;
  padding-left: 14px;
  padding-right: 14px;
}
.dx-scheduler-work-space.dx-scheduler-timeline.dx-scheduler-timeline-day
  .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  align-items: flex-start;
  display: flex;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-week-cell {
  border-bottom: 1px solid #e0e0e0;
  flex-flow: column;
  justify-content: flex-end;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
  content: none;
}
.dx-scheduler-header-panel-cell .dx-scheduler-header-panel-cell-date {
  display: block;
  margin: 0 14px;
}
.dx-scheduler-small
  .dx-scheduler-header-panel-cell
  .dx-scheduler-header-panel-cell-date {
  margin: 0 7px;
}
.dx-scheduler-header-panel-cell
  .dx-scheduler-header-panel-cell-date:first-child {
  font-size: 12px;
  line-height: 7px;
}
.dx-scheduler-header-panel-cell
  .dx-scheduler-header-panel-cell-date:last-child {
  font-size: 30px;
  line-height: 35px;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
  border-right: none;
  height: 50px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count
  .dx-scheduler-header-panel {
  margin-top: 0;
}
.dx-scheduler-work-space-day
  .dx-scheduler-header-panel
  .dx-scheduler-group-row:not(:first-child) {
  border-bottom: none;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-empty-cell,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-time-panel {
  border-right: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-appointment-content {
  padding-top: 3px;
  font-size: 12px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-first-of-month {
  border-left: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-header-panel {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-scrollable
  .dx-scrollable-content {
  min-height: 600px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-cell {
  font-size: 14px;
  text-align: left;
  height: 100px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-cell
  > div {
  padding: 8px;
}
.dx-rtl
  .dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-cell {
  text-align: right;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-header-panel-cell
  .dx-scheduler-header-panel-cell-date {
  font-size: 12px;
  margin-left: 8px;
  line-height: 22px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-appointment-collector {
  margin-top: 7px;
  margin-left: 52px;
}
.dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-date-table-current-date {
  color: #03a9f4;
}
.dx-scheduler-adaptive
  .dx-scheduler-work-space.dx-scheduler-work-space-month
  .dx-scheduler-appointment-collector {
  margin: 0;
}
.dx-scheduler-appointment-collector {
  background-color: #03a9f4;
  color: #fff;
  margin-top: 5px;
  position: absolute;
}
.dx-scheduler-appointment-collector.dx-button {
  border-radius: 12px;
  height: 22px;
  min-width: auto;
  width: auto;
}
.dx-scheduler-appointment-collector.dx-button::before {
  display: none;
}
.dx-scheduler-appointment-collector.dx-button .dx-button-content {
  padding: 4px 0;
  font-size: 12px;
}
.dx-scheduler-header {
  height: 58px;
  background-color: #fff;
}
.dx-scheduler-header .dx-toolbar .dx-toolbar-item-content,
.dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 16px;
}
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-scheduler-navigator-caption {
  min-width: 180px;
}
.dx-scheduler-adaptive
  .dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-scheduler-navigator-caption {
  min-width: 140px;
}
.dx-scheduler-header .dx-toolbar .dx-button.dx-item-selected,
.dx-scheduler-header .dx-toolbar .dx-button.dx-state-focused,
.dx-scheduler-header .dx-toolbar .dx-button.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button.dx-item-selected {
  background-color: #fff;
}
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button.dx-item-selected.dx-state-focused,
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button.dx-item-selected.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-scheduler-header .dx-toolbar .dx-button,
.dx-scheduler-header .dx-toolbar .dx-button .dx-icon {
  color: #03a9f4;
}
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button
  .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
}
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button.dx-item-selected,
.dx-scheduler-header
  .dx-toolbar
  .dx-scheduler-navigator
  .dx-buttongroup
  .dx-button.dx-item-selected
  .dx-icon {
  color: #03a9f4;
}
.dx-scheduler-header .dx-button-text {
  text-transform: none;
}
.dx-scheduler-header .dx-scheduler-navigator-next,
.dx-scheduler-header .dx-scheduler-navigator-previous {
  min-width: 36px;
}
.dx-scheduler-header .dx-scheduler-navigator-next .dx-button-content,
.dx-scheduler-header .dx-scheduler-navigator-previous .dx-button-content {
  padding-block: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.dx-scheduler-header .dx-scheduler-navigator-next .dx-icon,
.dx-scheduler-header .dx-scheduler-navigator-previous .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-header {
  font-weight: 700;
}
.dx-scheduler-group-table .dx-scheduler-group-row .dx-scheduler-group-header,
.dx-scheduler-header-panel .dx-scheduler-group-row .dx-scheduler-group-header {
  font-weight: 500;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.87);
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content {
  padding-left: 14px;
}
.dx-scheduler-agenda
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-scheduler-agenda
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-scheduler-work-space-month
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-scheduler-work-space-month
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content {
  padding-left: 8px;
}
.dx-rtl
  .dx-scheduler-agenda
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-rtl
  .dx-scheduler-agenda
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-rtl
  .dx-scheduler-work-space-month
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content {
  padding-right: 8px;
  padding-left: 0;
}
.dx-scheduler-timeline
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content,
.dx-scheduler-timeline
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content {
  padding-left: 0;
}
.dx-scheduler-timeline
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header,
.dx-scheduler-timeline
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header {
  vertical-align: top;
}
.dx-scheduler-timeline
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content
  div,
.dx-scheduler-timeline
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content
  div {
  top: 8px;
  transform: none;
}
.dx-rtl
  .dx-scheduler-group-table
  .dx-scheduler-group-row
  .dx-scheduler-group-header,
.dx-rtl
  .dx-scheduler-header-panel
  .dx-scheduler-group-row
  .dx-scheduler-group-header {
  text-align: right;
}
.dx-scheduler-all-day-panel {
  background-color: #fff;
}
.dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped
  .dx-scheduler-all-day-title {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-all-day:not(
    .dx-scheduler-work-space-week
  ):not(.dx-scheduler-work-space-work-week)
  .dx-scheduler-group-header {
  border-bottom: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda
  .dx-scheduler-date-table-cell {
  border: none;
}
.dx-rtl
  .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline
  .dx-scheduler-group-row
  th {
  border-left: none;
  border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-work-space-both-scrollbar:not(
    .dx-scheduler-agenda
  )
  .dx-scheduler-all-day-panel
  .dx-scheduler-first-group-cell {
  border-left: none;
}
.dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
  border-top: none;
}
.dx-scheduler-all-day-table-cell.dx-state-active,
.dx-scheduler-date-table-cell.dx-state-active {
  background-color: rgba(221, 221, 221, 0.7);
}
.dx-scheduler-all-day-table-cell.dx-state-hover,
.dx-scheduler-date-table-cell.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.54);
}
.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell,
.dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  box-shadow: none;
}
.dx-scheduler-appointment-popup .dx-form {
  padding: 0 10px;
}
.dx-scheduler-appointment-popup .dx-popup-title {
  background-color: #fff;
  border-bottom: none;
}
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton,
.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
  margin: 0;
}
.dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-right: 4px;
}
.dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-left: 4px;
  margin-right: 0;
}
.dx-scheduler-appointment-popup .dx-form-validation-summary {
  padding: 10px 20px;
}
.dx-scheduler-header-panel,
.dx-scheduler-time-panel {
  font-size: 16px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda)
  .dx-scheduler-group-row
  th,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(
    .dx-scheduler-work-space-vertical-grouped
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-last-group-cell {
  border-right: 1px solid #bfbfbf;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda)
  .dx-scheduler-group-row
  th:last-child,
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(
    .dx-scheduler-work-space-vertical-grouped
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-last-group-cell:last-child {
  border-right: none;
}
.dx-rtl
  .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda)
  .dx-scheduler-group-row
  th,
.dx-rtl
  .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(
    .dx-scheduler-work-space-vertical-grouped
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-last-group-cell {
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #e0e0e0;
}
.dx-rtl
  .dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda)
  .dx-scheduler-group-row
  th:last-child,
.dx-rtl
  .dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(
    .dx-scheduler-work-space-vertical-grouped
  ):not(.dx-scheduler-timeline)
  .dx-scheduler-last-group-cell:last-child {
  border-left: none;
}
.dx-rtl .dx-scheduler-appointment,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment {
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  box-shadow: none;
  border-radius: 2px;
}
.dx-rtl .dx-scheduler-appointment.dx-state-focused,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
  color: #fff;
}
.dx-rtl .dx-scheduler-appointment.dx-resizable-resizing,
.dx-rtl .dx-scheduler-appointment.dx-state-active,
.dx-rtl .dx-scheduler-appointment.dx-state-hover,
.dx-rtl .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-rtl
  .dx-scheduler-timeline
  .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-appointment.dx-state-active,
.dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-fixed-appointments
  .dx-draggable-dragging
  .dx-scheduler-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover,
.dx-scheduler-work-space-month
  .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: none;
}
.dx-scheduler-dropdown-appointment-date {
  color: rgba(0, 0, 0, 0.54);
}
.dx-scheduler-appointment-strip {
  display: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month
  .dx-scheduler-date-table-scrollable {
  border-top: 1px solid #e0e0e0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  background-color: #fff;
}
.dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel
  .dx-scheduler-group-header:first-child {
  border-left: none;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  font-size: 14px;
  width: 100px;
}
.dx-scheduler-agenda
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content {
  padding-top: 2px;
  width: 100px;
}
.dx-scheduler-agenda
  .dx-scheduler-group-header
  .dx-scheduler-group-header-content::before {
  display: none;
}
.dx-scheduler-agenda .dx-scheduler-date-table-row,
.dx-scheduler-agenda .dx-scheduler-time-panel-row {
  box-shadow: inset 0 -1px 0 0 #e0e0e0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  vertical-align: top;
  text-align: left;
  padding-left: 8px;
  padding-right: 0;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  text-align: right;
  padding-right: 8px;
  padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell > span {
  font-size: 12px;
}
.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  padding-top: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-header,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-group-table
  .dx-scheduler-group-row,
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row {
  border-bottom: none;
}
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-date-table-row.dx-scheduler-date-table-last-row:not(
    :last-child
  ),
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-group-table
  .dx-scheduler-group-row:not(:last-child),
.dx-scheduler-agenda.dx-scheduler-work-space-grouped
  .dx-scheduler-time-panel-row.dx-scheduler-date-table-last-row:not(
    :last-child
  ) {
  box-shadow: inset 0 -1px 0 0 #bfbfbf;
}
.dx-scheduler-agenda-nodata {
  font-size: 16px;
}
.dx-popup-content .dx-scheduler-dropdown-appointment-buttons-block .dx-button {
  min-width: auto;
  padding: 0;
  background-color: transparent;
  color: #03a9f4;
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button
  .dx-icon {
  color: #03a9f4;
  width: 24px;
  height: 24px;
  background-position: 0 0;
  background-size: 24px 24px;
  padding: 0;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-selected {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-selected,
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-selected
  .dx-icon {
  color: #03a9f4;
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-focused,
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-hover {
  background-color: rgba(3, 169, 244, 0.08);
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button.dx-state-active {
  background-color: rgba(3, 169, 244, 0.36);
}
.dx-popup-content
  .dx-scheduler-dropdown-appointment-buttons-block
  .dx-button
  .dx-inkripple-wave {
  background-color: rgba(3, 169, 244, 0.2);
}
.dx-rtl
  .dx-scheduler-work-space-both-scrollbar
  .dx-scheduler-header-panel
  .dx-scheduler-group-header:first-child {
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-header-panel-empty-cell,
.dx-rtl.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(
    .dx-scheduler-work-space-grouped
  )
  .dx-scheduler-time-panel {
  border-left: 1px solid #e0e0e0;
  border-right: none;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler-overlay-panel .dx-overlay-content {
  background-color: #fff;
}
.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-popup-content {
  padding: 0;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item,
.dx-scheduler-overlay-panel .dx-overlay-content .dx-list .dx-list-item {
  margin-bottom: 0;
  margin-top: 0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item:last-of-type,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item:last-of-type {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item:first-of-type,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item {
  margin-left: 10px;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-marker-body,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-marker-body {
  width: 24px;
  height: 24px;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-subject,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-subject {
  margin-top: 4px;
  font-size: 18px;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-date,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-content
  .dx-tooltip-appointment-item-content-date {
  font-size: 14px;
  opacity: 1;
  margin-top: 4px;
}
.dx-scheduler-appointment-tooltip-wrapper
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-delete-button-container,
.dx-scheduler-overlay-panel
  .dx-overlay-content
  .dx-list
  .dx-list-item
  .dx-tooltip-appointment-item
  .dx-tooltip-appointment-item-delete-button-container {
  padding-top: 1px;
}
.dx-scheduler-timeline
  .dx-scheduler-group-flex-container
  .dx-scheduler-group-header {
  width: 100px;
}
.dx-scheduler-header-panel-empty-cell {
  margin-top: 0;
}
.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 10px;
}
.dx-layout-manager .dx-field-empty-item {
  width: 100%;
}
.dx-layout-manager.dx-layout-manager-one-col
  .dx-single-column-item-content
  > .dx-field-item {
  padding-left: 0;
  padding-right: 0;
}
.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;
}
.dx-layout-manager .dx-label-h-align.dx-flex-layout {
  display: flex;
}
.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
  display: block;
}
.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-content,
.dx-layout-manager
  .dx-label-h-align.dx-flex-layout
  .dx-field-item-content-wrapper {
  flex-shrink: 1;
  flex-grow: 1;
  flex-basis: auto;
  display: block;
}
.dx-layout-manager
  .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
  align-items: baseline;
}
.dx-layout-manager
  .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout)
  .dx-field-item-label {
  vertical-align: baseline;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper,
.dx-layout-manager .dx-label-h-align .dx-field-item-label {
  display: table-cell;
}
.dx-layout-manager
  .dx-label-h-align
  .dx-field-item-content-wrapper
  .dx-field-item-content {
  display: block;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-label {
  white-space: nowrap;
  vertical-align: middle;
}
.dx-layout-manager
  .dx-label-h-align
  .dx-field-item-label
  .dx-field-item-label-content {
  display: block;
}
.dx-layout-manager
  .dx-label-h-align
  .dx-field-item-label
  .dx-field-item-custom-label-content {
  display: inline-block;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager
  .dx-label-h-align
  .dx-field-item-label
  .dx-field-item-custom-label-content
  .dx-icon {
  vertical-align: top;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox,
.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin-top: 7px;
  margin-bottom: 4px;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  width: 100%;
}
.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 20px;
}
.dx-field-item-label-location-top {
  display: block;
}
.dx-field-item-label-location-top .dx-field-item-custom-label-content {
  display: inline-block;
}
.dx-field-item-label-location-top .dx-field-item-custom-label-content .dx-icon {
  vertical-align: top;
}
.dx-form-group-content {
  border-width: 0;
  padding: 0;
  margin: 0;
}
.dx-form-group-custom-caption {
  display: flex;
  align-items: center;
  font-size: 20px;
}
.dx-layout-manager-hidden-label {
  position: absolute;
  display: block;
  visibility: hidden;
}
.dx-field-item-label-location-left {
  padding-inline-end: 10px;
}
.dx-field-item-label-location-right {
  padding-inline-start: 10px;
}
.dx-field-item-optional .dx-label > span::after,
.dx-field-item-required .dx-label > span::after {
  content: attr(data-mark);
}
.dx-rtl .dx-field-item-optional-mark,
.dx-rtl .dx-field-item-required-mark {
  unicode-bidi: embed;
}
.dx-form-group-caption {
  font-size: 20px;
}
.dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #e0e0e0;
  padding-bottom: 20px;
  padding-top: 19px;
  margin-top: 6px;
}
.dx-form > .dx-scrollable-wrapper > .dx-scrollable-container {
  margin-left: -10px;
  padding-left: 10px;
}
.dx-scrollable-content > .dx-layout-manager {
  padding-inline-end: 5px;
}
.dx-layout-manager .dx-field-item {
  padding-bottom: 10px;
  font-size: 14px;
}
.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-inline-end: 20px;
}
.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-inline-start: 20px;
}
.dx-layout-manager .dx-field-item .dx-field-item.dx-last-row {
  padding-bottom: 0;
}
.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;
}
.dx-form
  > .dx-layout-manager.dx-layout-manager-one-col
  .dx-field-item
  .dx-form-group
  .dx-single-column-item-content
  > .dx-first-row.dx-col-0.dx-field-item {
  padding-top: 0;
}
.dx-form
  > .dx-layout-manager.dx-layout-manager-one-col
  .dx-field-item
  .dx-box-item:not(:first-child)
  .dx-single-column-item-content
  > .dx-field-item {
  padding-top: 10px;
}
.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;
}
.dx-field-item .dx-switch {
  vertical-align: middle;
}
.dx-field-item .dx-toggle-controls-paddings {
  padding-inline-start: 16px;
}
.dx-field-item-content-wrapper.dx-invalid .dx-field-item-help-text {
  color: transparent;
}
.dx-field-item-label-location-top {
  padding: 16px 0 3px;
  padding-inline-start: 16px;
  padding-inline-end: 16px;
}
.dx-form-styling-mode-underlined .dx-field-item-label-location-top {
  padding-left: 0;
  padding-right: 0;
}
.dx-field-item-label-text {
  color: rgba(0, 0, 0, 0.6);
}
.dx-field-item-help-text {
  white-space: normal;
  color: rgba(0, 0, 0, 0.6);
  padding: 6px 16px 2px;
  font-style: normal;
}
.dx-form-styling-mode-underlined .dx-field-item-help-text {
  padding-left: 0;
  padding-right: 0;
}
.dx-field-item-optional .dx-label > span::after,
.dx-field-item-optional-mark,
.dx-field-item-required .dx-label > span::after,
.dx-field-item-required-mark {
  color: rgba(0, 0, 0, 0.6);
}
.dx-field-item-custom-label-content .dx-icon {
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
  margin-inline-end: 8px;
  margin-inline-start: 0;
}
.dx-form-group-custom-caption .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-inline-end: 8px;
  margin-inline-start: 0;
}
.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon,
.dx-filterbuilder.dx-rtl .dx-filterbuilder-text {
  margin-left: 5px;
  margin-right: 0;
}
.dx-filterbuilder.dx-rtl
  .dx-filterbuilder-group
  .dx-filterbuilder-group-content
  .dx-filterbuilder-group-content {
  padding-left: 0;
  padding-right: 26px;
}
.dx-filterbuilder .dx-filterbuilder-action-icon,
.dx-filterbuilder .dx-filterbuilder-text {
  margin-left: 0;
  margin-right: 5px;
}
.dx-filterbuilder .dx-filterbuilder-action-icon:focus,
.dx-filterbuilder .dx-filterbuilder-item-value-text:focus,
.dx-filterbuilder .dx-filterbuilder-text:focus {
  outline: 0;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
  display: inline-block;
  white-space: nowrap;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text {
  display: inline-block;
  cursor: pointer;
  white-space: pre;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text
  .dx-filterbuilder-range {
  white-space: nowrap;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text
  .dx-filterbuilder-range-separator,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text
  .dx-filterbuilder-text-separator {
  margin: 0 7px;
  opacity: 0.3;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text
  .dx-filterbuilder-item-value-text,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text.dx-filterbuilder-group-operation,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text.dx-filterbuilder-item-field,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  min-width: 20px;
  padding: 2px 7px 3px;
}
.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;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-action {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-content
  .dx-filterbuilder-group-content {
  padding-left: 26px;
}
.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 5px;
}
.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 5px;
}
.dx-filterbuilder-overlay {
  white-space: nowrap;
}
.dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
  padding-left: 0;
}
.dx-filterbuilder-overlay
  .dx-treeview
  .dx-treeview-node
  .dx-treeview-node-container-opened {
  margin-left: 15px;
}
.dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 0;
}
.dx-filterbuilder-overlay
  .dx-treeview.dx-rtl
  .dx-treeview-node
  .dx-treeview-node-container-opened {
  margin-right: 15px;
}
.dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
  border-radius: 0;
}
.dx-filterbuilder-overlay
  .dx-overlay-content.dx-popup-normal
  > .dx-popup-content {
  padding: 0;
}
.dx-filterbuilder-overlay .dx-scrollable-container {
  max-height: 360px;
}
.dx-filterbuilder-overlay .dx-menu-items-container {
  padding: 0;
}
.dx-filterbuilder {
  background-color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  color: rgba(0, 0, 0, 0.87);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  background-color: rgba(244, 67, 54, 0.3);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  background-color: rgba(244, 67, 54, 0.5);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus {
  background-color: #f44336;
  color: #fff;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-field {
  background-color: rgba(3, 169, 244, 0.3);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  background-color: rgba(3, 169, 244, 0.5);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
  background-color: #03a9f4;
  color: #fff;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  background-color: rgba(139, 195, 74, 0.3);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  background-color: rgba(139, 195, 74, 0.5);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus {
  background-color: #8bc34a;
  color: #fff;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text
  .dx-filterbuilder-item-value-text,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text
  .dx-filterbuilder-item-value-text:hover {
  background-color: rgba(224, 224, 224, 0.5);
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text
  .dx-filterbuilder-item-value-text.dx-state-active,
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-text
  .dx-filterbuilder-item-value-text:focus {
  background-color: #e0e0e0;
  color: #fff;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  color: rgba(139, 195, 74, 0.7);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  color: #8bc34a;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  color: rgba(244, 67, 54, 0.7);
}
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus,
.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  color: #f44336;
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations
  .dx-treeview-item
  .dx-icon {
  color: rgba(0, 0, 0, 0.87);
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations
  .dx-treeview-expander-icon-stub {
  display: none;
}
.dx-filterbuilder .dx-filterbuilder-action-icon {
  font-size: 21px;
}
.dx-filterbuilder
  .dx-filterbuilder-group
  .dx-filterbuilder-group-item
  .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  padding: 8px;
  vertical-align: middle;
}
.dx-filterbuilder
  .dx-filterbuilder-item-value
  .dx-editor-filled
  .dx-texteditor-input,
.dx-filterbuilder
  .dx-filterbuilder-item-value
  .dx-editor-outlined
  .dx-texteditor-input {
  padding: 13px 12px;
}
.dx-filterbuilder .dx-filterbuilder-item-value-text,
.dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 5px;
}
.dx-filterbuilder-range-separator {
  color: rgba(0, 0, 0, 0.87);
}
.dx-filterbuilder-overlay.dx-popup-wrapper > .dx-overlay-content {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 8px;
}
.dx-filterbuilder-overlay.dx-filterbuilder-operations
  .dx-rtl
  .dx-treeview-item {
  padding-right: 8px;
}
.dx-filterbuilder-overlay .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 8px;
}
.dx-filterbuilder-overlay .dx-treeview-item {
  padding: 8px 24px 8px 8px;
  min-height: 36px;
}
.dx-filterbuilder-overlay .dx-treeview-item .dx-icon {
  margin-right: 10px;
}
.dx-filterbuilder-overlay .dx-treeview-toggle-item-visibility {
  left: 16px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-node > .dx-treeview-item {
  padding-right: 16px;
}
.dx-filterbuilder-overlay
  .dx-rtl
  .dx-treeview-node.dx-treeview-node-is-leaf
  > .dx-treeview-item {
  padding-right: 8px;
}
.dx-filterbuilder-overlay
  .dx-rtl
  .dx-treeview-node
  .dx-treeview-node-container-opened {
  margin-right: 8px;
  margin-left: 0;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item .dx-icon {
  margin-left: 10px;
}
.dx-filterbuilder-overlay .dx-rtl .dx-treeview-toggle-item-visibility {
  right: 16px;
}
.dx-sortable {
  overflow: hidden;
}
.dx-sortable-dragging.dx-sortable-clone {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0.9;
  z-index: 2147483647;
}
.dx-sortable-dragging.dx-sortable-clone .dx-inkripple {
  overflow: hidden;
}
.dx-sortable-dragging.dx-sortable-clone * {
  cursor: pointer;
  cursor: grabbing;
}
.dx-sortable-source {
  opacity: 0.5;
}
.dx-sortable-source-hidden {
  opacity: 0;
}
.dx-sortable-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #03a9f4;
  box-sizing: border-box;
  z-index: 2147483647;
}
.dx-sortable-placeholder-inside {
  border-width: 2px;
}
.dx-sortable-dragging > * {
  border-color: rgba(3, 169, 244, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/design-tokens/dist/css/VaporWeb_Light/variables.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --vds-color-white: #ffffff;
  --vds-color-black: #000000;
  --vds-color-null: rgba(0, 0, 0, 0);
  --vds-color-brand-vapor-neutral-100: hsla( 206, 12%, 91%, 1 );
  --vds-color-brand-vapor-neutral-150: hsla( 206, 12%, 86%, 1 );
  --vds-color-brand-vapor-neutral-200: hsla( 206, 12%, 81%, 1 );
  --vds-color-brand-vapor-neutral-250: hsla( 206, 12%, 76%, 1 );
  --vds-color-brand-vapor-neutral-300: hsla( 206, 12%, 71%, 1 );
  --vds-color-brand-vapor-neutral-350: hsla( 206, 12%, 66%, 1 );
  --vds-color-brand-vapor-neutral-400: hsla( 206, 12%, 61%, 1 );
  --vds-color-brand-vapor-neutral-450: hsla( 206, 12%, 55%, 1 );
  --vds-color-brand-vapor-neutral-500: hsla( 206, 12%, 51%, 1 );
  --vds-color-brand-vapor-neutral-550: hsla( 206, 12%, 46%, 1 );
  --vds-color-brand-vapor-neutral-600: hsla( 206, 12%, 41%, 1 );
  --vds-color-brand-vapor-neutral-650: hsla( 206, 12%, 34%, 1 );
  --vds-color-brand-vapor-neutral-700: hsla( 206, 12%, 29%, 1 );
  --vds-color-brand-vapor-neutral-750: hsla( 206, 12%, 23%, 1 );
  --vds-color-brand-vapor-neutral-800: hsla( 206, 12%, 16%, 1 );
  --vds-color-brand-vapor-neutral-850: hsla( 206, 12%, 10%, 1 );
  --vds-color-brand-vapor-neutral-900: hsla( 206, 12%, 7%, 1 );
  --vds-color-brand-vapor-neutral-050: hsla( 206, 12%, 96%, 1 );
  --vds-color-brand-vapor-primary-100: hsla( 199, 100%,  91%, 1 );
  --vds-color-brand-vapor-primary-150: hsla( 199, 100%,  86%, 1 );
  --vds-color-brand-vapor-primary-200: hsla( 199, 100%,  81%, 1 );
  --vds-color-brand-vapor-primary-250: hsla( 199, 100%,  76%, 1 );
  --vds-color-brand-vapor-primary-300: hsla( 199, 100%,  71%, 1 );
  --vds-color-brand-vapor-primary-350: hsla( 199, 100%,  66%, 1 );
  --vds-color-brand-vapor-primary-400: hsla( 199, 100%,  61%, 1 );
  --vds-color-brand-vapor-primary-450: hsla( 199, 100%,  55%, 1 );
  --vds-color-brand-vapor-primary-500: hsla( 199, 100%,  51%, 1 );
  --vds-color-brand-vapor-primary-550: hsla( 199, 100%,  46%, 1 );
  --vds-color-brand-vapor-primary-600: hsla( 199, 100%,  41%, 1 );
  --vds-color-brand-vapor-primary-650: hsla( 199, 100%,  34%, 1 );
  --vds-color-brand-vapor-primary-700: hsla( 199, 100%,  29%, 1 );
  --vds-color-brand-vapor-primary-750: hsla( 199, 100%,  23%, 1 );
  --vds-color-brand-vapor-primary-800: hsla( 199, 100%,  16%, 1 );
  --vds-color-brand-vapor-primary-850: hsla( 199, 100%,  10%, 1 );
  --vds-color-brand-vapor-primary-900: hsla( 199, 100%,  7%, 1 );
  --vds-color-brand-vapor-primary-050: hsla( 199, 100%,  96%, 1 );
  --vds-color-brand-fic-primary-100: hsla( 199, 88%, 91%, 1 );
  --vds-color-brand-fic-primary-150: hsla( 199, 88%, 86%, 1 );
  --vds-color-brand-fic-primary-200: hsla( 199, 88%, 81%, 1 );
  --vds-color-brand-fic-primary-250: hsla( 199, 88%, 76%, 1 );
  --vds-color-brand-fic-primary-300: hsla( 199, 88%, 71%, 1 );
  --vds-color-brand-fic-primary-350: hsla( 199, 88%, 66%, 1 );
  --vds-color-brand-fic-primary-400: hsla( 199, 88%, 61%, 1 );
  --vds-color-brand-fic-primary-450: hsla( 199, 88%, 55%, 1 );
  --vds-color-brand-fic-primary-500: hsla( 199, 88%, 51%, 1 );
  --vds-color-brand-fic-primary-550: hsla( 199, 88%, 46%, 1 );
  --vds-color-brand-fic-primary-600: hsla( 199, 88%, 41%, 1 );
  --vds-color-brand-fic-primary-650: hsla( 199, 88%, 34%, 1 );
  --vds-color-brand-fic-primary-700: hsla( 199, 88%, 29%, 1 );
  --vds-color-brand-fic-primary-750: hsla( 199, 88%, 23%, 1 );
  --vds-color-brand-fic-primary-800: hsla( 199, 88%, 16%, 1 );
  --vds-color-brand-fic-primary-850: hsla( 199, 88%, 10%, 1 );
  --vds-color-brand-fic-primary-900: hsla( 199, 88%, 7%, 1 );
  --vds-color-brand-fic-primary-050: hsla( 199, 88%, 96%, 1 );
  --vds-color-brand-dic-primary-100: hsla( 216, 100%,  91%, 1 );
  --vds-color-brand-dic-primary-150: hsla( 216, 100%,  86%, 1 );
  --vds-color-brand-dic-primary-200: hsla( 216, 100%,  81%, 1 );
  --vds-color-brand-dic-primary-250: hsla( 216, 100%,  76%, 1 );
  --vds-color-brand-dic-primary-300: hsla( 216, 100%,  71%, 1 );
  --vds-color-brand-dic-primary-350: hsla( 216, 100%,  66%, 1 );
  --vds-color-brand-dic-primary-400: hsla( 216, 100%,  61%, 1 );
  --vds-color-brand-dic-primary-450: hsla( 216, 100%,  55%, 1 );
  --vds-color-brand-dic-primary-500: hsla( 216, 100%,  51%, 1 );
  --vds-color-brand-dic-primary-550: hsla( 216, 100%,  46%, 1 );
  --vds-color-brand-dic-primary-600: hsla( 216, 100%,  41%, 1 );
  --vds-color-brand-dic-primary-650: hsla( 216, 100%,  34%, 1 );
  --vds-color-brand-dic-primary-700: hsla( 216, 100%,  29%, 1 );
  --vds-color-brand-dic-primary-750: hsla( 216, 100%,  23%, 1 );
  --vds-color-brand-dic-primary-800: hsla( 216, 100%,  16%, 1 );
  --vds-color-brand-dic-primary-850: hsla( 216, 100%,  10%, 1 );
  --vds-color-brand-dic-primary-900: hsla( 216, 100%,  7%, 1 );
  --vds-color-brand-dic-primary-050: hsla( 216, 100%,  96%, 1 );
  --vds-color-status-error-100: hsla( 0, 100%, 91%, 1 );
  --vds-color-status-error-150: hsla( 0, 100%, 86%, 1 );
  --vds-color-status-error-200: hsla( 0, 100%, 81%, 1 );
  --vds-color-status-error-250: hsla( 0, 100%, 76%, 1 );
  --vds-color-status-error-300: hsla( 0, 100%, 71%, 1 );
  --vds-color-status-error-350: hsla( 0, 100%, 66%, 1 );
  --vds-color-status-error-400: hsla( 0, 100%, 61%, 1 );
  --vds-color-status-error-450: hsla( 0, 100%, 55%, 1 );
  --vds-color-status-error-500: hsla( 0, 100%, 51%, 1 );
  --vds-color-status-error-550: hsla( 0, 100%, 46%, 1 );
  --vds-color-status-error-600: hsla( 0, 100%, 41%, 1 );
  --vds-color-status-error-650: hsla( 0, 100%, 34%, 1 );
  --vds-color-status-error-700: hsla( 0, 100%, 29%, 1 );
  --vds-color-status-error-750: hsla( 0, 100%, 23%, 1 );
  --vds-color-status-error-800: hsla( 0, 100%, 16%, 1 );
  --vds-color-status-error-850: hsla( 0, 100%, 10%, 1 );
  --vds-color-status-error-900: hsla( 0, 100%, 7%, 1 );
  --vds-color-status-error-050: hsla( 0, 100%, 96%, 1 );
  --vds-color-status-success-100: hsla( 136, 55%, 91%, 1 );
  --vds-color-status-success-150: hsla( 136, 55%, 86%, 1 );
  --vds-color-status-success-200: hsla( 136, 55%, 81%, 1 );
  --vds-color-status-success-250: hsla( 136, 55%, 76%, 1 );
  --vds-color-status-success-300: hsla( 136, 55%, 71%, 1 );
  --vds-color-status-success-350: hsla( 136, 55%, 66%, 1 );
  --vds-color-status-success-400: hsla( 136, 55%, 61%, 1 );
  --vds-color-status-success-450: hsla( 136, 55%, 55%, 1 );
  --vds-color-status-success-500: hsla( 136, 55%, 51%, 1 );
  --vds-color-status-success-550: hsla( 136, 55%, 46%, 1 );
  --vds-color-status-success-600: hsla( 136, 55%, 41%, 1 );
  --vds-color-status-success-650: hsla( 136, 55%, 34%, 1 );
  --vds-color-status-success-700: hsla( 136, 55%, 29%, 1 );
  --vds-color-status-success-750: hsla( 136, 55%, 23%, 1 );
  --vds-color-status-success-800: hsla( 136, 55%, 16%, 1 );
  --vds-color-status-success-850: hsla( 136, 55%, 10%, 1 );
  --vds-color-status-success-900: hsla( 136, 55%, 7%, 1 );
  --vds-color-status-success-050: hsla( 136, 55%, 96%, 1 );
  --vds-color-status-warning-100: hsla( 41, 75%, 91%, 1 );
  --vds-color-status-warning-150: hsla( 41, 75%, 86%, 1 );
  --vds-color-status-warning-200: hsla( 41, 75%, 81%, 1 );
  --vds-color-status-warning-250: hsla( 41, 75%, 76%, 1 );
  --vds-color-status-warning-300: hsla( 41, 75%, 71%, 1 );
  --vds-color-status-warning-350: hsla( 41, 75%, 66%, 1 );
  --vds-color-status-warning-400: hsla( 41, 75%, 61%, 1 );
  --vds-color-status-warning-450: hsla( 41, 75%, 55%, 1 );
  --vds-color-status-warning-500: hsla( 41, 75%, 51%, 1 );
  --vds-color-status-warning-550: hsla( 41, 75%, 46%, 1 );
  --vds-color-status-warning-600: hsla( 41, 75%, 41%, 1 );
  --vds-color-status-warning-650: hsla( 41, 75%, 34%, 1 );
  --vds-color-status-warning-700: hsla( 41, 75%, 29%, 1 );
  --vds-color-status-warning-750: hsla( 41, 75%, 23%, 1 );
  --vds-color-status-warning-800: hsla( 41, 75%, 16%, 1 );
  --vds-color-status-warning-850: hsla( 41, 75%, 10%, 1 );
  --vds-color-status-warning-900: hsla( 41, 75%, 7%, 1 );
  --vds-color-status-warning-050: hsla( 41, 75%, 96%, 1 );
  --vds-color-accent-1-100: hsla( 94, 50%, 91%, 1 );
  --vds-color-accent-1-150: hsla( 94, 50%, 86%, 1 );
  --vds-color-accent-1-200: hsla( 94, 50%, 81%, 1 );
  --vds-color-accent-1-250: hsla( 94, 50%, 76%, 1 );
  --vds-color-accent-1-300: hsla( 94, 50%, 71%, 1 );
  --vds-color-accent-1-350: hsla( 94, 50%, 66%, 1 );
  --vds-color-accent-1-400: hsla( 94, 50%, 61%, 1 );
  --vds-color-accent-1-450: hsla( 94, 50%, 55%, 1 );
  --vds-color-accent-1-500: hsla( 94, 50%, 51%, 1 );
  --vds-color-accent-1-550: hsla( 94, 50%, 46%, 1 );
  --vds-color-accent-1-600: hsla( 94, 50%, 41%, 1 );
  --vds-color-accent-1-650: hsla( 94, 50%, 34%, 1 );
  --vds-color-accent-1-700: hsla( 94, 50%, 29%, 1 );
  --vds-color-accent-1-750: hsla( 94, 50%, 23%, 1 );
  --vds-color-accent-1-800: hsla( 94, 50%, 16%, 1 );
  --vds-color-accent-1-850: hsla( 94, 50%, 10%, 1 );
  --vds-color-accent-1-900: hsla( 94, 50%, 7%, 1 );
  --vds-color-accent-1-050: hsla( 94, 50%, 96%, 1 );
  --vds-color-accent-2-100: hsla( 166, 50%, 91%, 1 );
  --vds-color-accent-2-150: hsla( 166, 50%, 86%, 1 );
  --vds-color-accent-2-200: hsla( 166, 50%, 81%, 1 );
  --vds-color-accent-2-250: hsla( 166, 50%, 76%, 1 );
  --vds-color-accent-2-300: hsla( 166, 50%, 71%, 1 );
  --vds-color-accent-2-350: hsla( 166, 50%, 66%, 1 );
  --vds-color-accent-2-400: hsla( 166, 50%, 61%, 1 );
  --vds-color-accent-2-450: hsla( 166, 50%, 55%, 1 );
  --vds-color-accent-2-500: hsla( 166, 50%, 51%, 1 );
  --vds-color-accent-2-550: hsla( 166, 50%, 46%, 1 );
  --vds-color-accent-2-600: hsla( 166, 50%, 41%, 1 );
  --vds-color-accent-2-650: hsla( 166, 50%, 34%, 1 );
  --vds-color-accent-2-700: hsla( 166, 50%, 29%, 1 );
  --vds-color-accent-2-750: hsla( 166, 50%, 23%, 1 );
  --vds-color-accent-2-800: hsla( 166, 50%, 16%, 1 );
  --vds-color-accent-2-850: hsla( 166, 50%, 10%, 1 );
  --vds-color-accent-2-900: hsla( 166, 50%, 7%, 1 );
  --vds-color-accent-2-050: hsla( 166, 50%, 96%, 1 );
  --vds-color-accent-3-100: hsla( 191, 75%, 91%, 1 );
  --vds-color-accent-3-150: hsla( 191, 75%, 86%, 1 );
  --vds-color-accent-3-200: hsla( 191, 75%, 81%, 1 );
  --vds-color-accent-3-250: hsla( 191, 75%, 76%, 1 );
  --vds-color-accent-3-300: hsla( 191, 75%, 71%, 1 );
  --vds-color-accent-3-350: hsla( 191, 75%, 66%, 1 );
  --vds-color-accent-3-400: hsla( 191, 75%, 61%, 1 );
  --vds-color-accent-3-450: hsla( 191, 75%, 55%, 1 );
  --vds-color-accent-3-500: hsla( 191, 75%, 51%, 1 );
  --vds-color-accent-3-550: hsla( 191, 75%, 46%, 1 );
  --vds-color-accent-3-600: hsla( 191, 75%, 41%, 1 );
  --vds-color-accent-3-650: hsla( 191, 75%, 34%, 1 );
  --vds-color-accent-3-700: hsla( 191, 75%, 29%, 1 );
  --vds-color-accent-3-750: hsla( 191, 75%, 23%, 1 );
  --vds-color-accent-3-800: hsla( 191, 75%, 16%, 1 );
  --vds-color-accent-3-850: hsla( 191, 75%, 10%, 1 );
  --vds-color-accent-3-900: hsla( 191, 75%, 7%, 1 );
  --vds-color-accent-3-050: hsla( 191, 75%, 96%, 1 );
  --vds-color-accent-4-100: hsla( 230, 100%, 91%, 1 );
  --vds-color-accent-4-150: hsla( 230, 100%, 86%, 1 );
  --vds-color-accent-4-200: hsla( 230, 100%, 81%, 1 );
  --vds-color-accent-4-250: hsla( 230, 100%, 76%, 1 );
  --vds-color-accent-4-300: hsla( 230, 100%, 71%, 1 );
  --vds-color-accent-4-350: hsla( 230, 100%, 66%, 1 );
  --vds-color-accent-4-400: hsla( 230, 100%, 61%, 1 );
  --vds-color-accent-4-450: hsla( 230, 100%, 55%, 1 );
  --vds-color-accent-4-500: hsla( 230, 100%, 51%, 1 );
  --vds-color-accent-4-550: hsla( 230, 100%, 46%, 1 );
  --vds-color-accent-4-600: hsla( 230, 100%, 41%, 1 );
  --vds-color-accent-4-650: hsla( 230, 100%, 34%, 1 );
  --vds-color-accent-4-700: hsla( 230, 100%, 29%, 1 );
  --vds-color-accent-4-750: hsla( 230, 100%, 23%, 1 );
  --vds-color-accent-4-800: hsla( 230, 100%, 16%, 1 );
  --vds-color-accent-4-850: hsla( 230, 100%, 10%, 1 );
  --vds-color-accent-4-900: hsla( 230, 100%, 7%, 1 );
  --vds-color-accent-4-050: hsla( 230, 100%, 96%, 1 );
  --vds-color-accent-5-100: hsla( 20, 100%,  91%, 1 );
  --vds-color-accent-5-150: hsla( 20, 100%,  86%, 1 );
  --vds-color-accent-5-200: hsla( 20, 100%,  81%, 1 );
  --vds-color-accent-5-250: hsla( 20, 100%,  76%, 1 );
  --vds-color-accent-5-300: hsla( 20, 100%,  71%, 1 );
  --vds-color-accent-5-350: hsla( 20, 100%,  66%, 1 );
  --vds-color-accent-5-400: hsla( 20, 100%,  61%, 1 );
  --vds-color-accent-5-450: hsla( 20, 100%,  55%, 1 );
  --vds-color-accent-5-500: hsla( 20, 100%,  51%, 1 );
  --vds-color-accent-5-550: hsla( 20, 100%,  46%, 1 );
  --vds-color-accent-5-600: hsla( 20, 100%,  41%, 1 );
  --vds-color-accent-5-650: hsla( 20, 100%,  34%, 1 );
  --vds-color-accent-5-700: hsla( 20, 100%,  29%, 1 );
  --vds-color-accent-5-750: hsla( 20, 100%,  23%, 1 );
  --vds-color-accent-5-800: hsla( 20, 100%,  16%, 1 );
  --vds-color-accent-5-850: hsla( 20, 100%,  10%, 1 );
  --vds-color-accent-5-900: hsla( 20, 100%,  7%, 1 );
  --vds-color-accent-5-050: hsla( 20, 100%,  96%, 1 );
  --vds-color-accent-6-100: hsla( 340, 100%, 91%, 1 );
  --vds-color-accent-6-150: hsla( 340, 100%, 86%, 1 );
  --vds-color-accent-6-200: hsla( 340, 100%, 81%, 1 );
  --vds-color-accent-6-250: hsla( 340, 100%, 76%, 1 );
  --vds-color-accent-6-300: hsla( 340, 100%, 71%, 1 );
  --vds-color-accent-6-350: hsla( 340, 100%, 66%, 1 );
  --vds-color-accent-6-400: hsla( 340, 100%, 61%, 1 );
  --vds-color-accent-6-450: hsla( 340, 100%, 55%, 1 );
  --vds-color-accent-6-500: hsla( 340, 100%, 51%, 1 );
  --vds-color-accent-6-550: hsla( 340, 100%, 46%, 1 );
  --vds-color-accent-6-600: hsla( 340, 100%, 41%, 1 );
  --vds-color-accent-6-650: hsla( 340, 100%, 34%, 1 );
  --vds-color-accent-6-700: hsla( 340, 100%, 29%, 1 );
  --vds-color-accent-6-750: hsla( 340, 100%, 23%, 1 );
  --vds-color-accent-6-800: hsla( 340, 100%, 16%, 1 );
  --vds-color-accent-6-850: hsla( 340, 100%, 10%, 1 );
  --vds-color-accent-6-900: hsla( 340, 100%, 7%, 1 );
  --vds-color-accent-6-050: hsla( 340, 100%, 96%, 1 );
  --vds-color-accent-7-100: hsla( 288, 100%, 91%, 1 );
  --vds-color-accent-7-150: hsla( 288, 100%, 86%, 1 );
  --vds-color-accent-7-200: hsla( 288, 100%, 81%, 1 );
  --vds-color-accent-7-250: hsla( 288, 100%, 76%, 1 );
  --vds-color-accent-7-300: hsla( 288, 100%, 71%, 1 );
  --vds-color-accent-7-350: hsla( 288, 100%, 66%, 1 );
  --vds-color-accent-7-400: hsla( 288, 100%, 61%, 1 );
  --vds-color-accent-7-450: hsla( 288, 100%, 55%, 1 );
  --vds-color-accent-7-500: hsla( 288, 100%, 51%, 1 );
  --vds-color-accent-7-550: hsla( 288, 100%, 46%, 1 );
  --vds-color-accent-7-600: hsla( 288, 100%, 41%, 1 );
  --vds-color-accent-7-650: hsla( 288, 100%, 34%, 1 );
  --vds-color-accent-7-700: hsla( 288, 100%, 29%, 1 );
  --vds-color-accent-7-750: hsla( 288, 100%, 23%, 1 );
  --vds-color-accent-7-800: hsla( 288, 100%, 16%, 1 );
  --vds-color-accent-7-850: hsla( 288, 100%, 10%, 1 );
  --vds-color-accent-7-900: hsla( 288, 100%, 7%, 1 );
  --vds-color-accent-7-050: hsla( 288, 100%, 96%, 1 );
  --vds-color-accent-8-100: hsla( 264, 100%, 91%, 1 );
  --vds-color-accent-8-150: hsla( 264, 100%, 86%, 1 );
  --vds-color-accent-8-200: hsla( 264, 100%, 81%, 1 );
  --vds-color-accent-8-250: hsla( 264, 100%, 76%, 1 );
  --vds-color-accent-8-300: hsla( 264, 100%, 71%, 1 );
  --vds-color-accent-8-350: hsla( 264, 100%, 66%, 1 );
  --vds-color-accent-8-400: hsla( 264, 100%, 61%, 1 );
  --vds-color-accent-8-450: hsla( 264, 100%, 55%, 1 );
  --vds-color-accent-8-500: hsla( 264, 100%, 51%, 1 );
  --vds-color-accent-8-550: hsla( 264, 100%, 46%, 1 );
  --vds-color-accent-8-600: hsla( 264, 100%, 41%, 1 );
  --vds-color-accent-8-650: hsla( 264, 100%, 34%, 1 );
  --vds-color-accent-8-700: hsla( 264, 100%, 29%, 1 );
  --vds-color-accent-8-750: hsla( 264, 100%, 23%, 1 );
  --vds-color-accent-8-800: hsla( 264, 100%, 16%, 1 );
  --vds-color-accent-8-850: hsla( 264, 100%, 10%, 1 );
  --vds-color-accent-8-900: hsla( 264, 100%, 7%, 1 );
  --vds-color-accent-8-050: hsla( 264, 100%, 96%, 1 );
  --vds-color-modifier-jump-100: 91%,;
  --vds-color-modifier-jump-150: 86%,;
  --vds-color-modifier-jump-200: 81%,;
  --vds-color-modifier-jump-250: 76%,;
  --vds-color-modifier-jump-300: 71%,;
  --vds-color-modifier-jump-350: 66%,;
  --vds-color-modifier-jump-400: 61%,;
  --vds-color-modifier-jump-450: 55%,;
  --vds-color-modifier-jump-500: 51%,;
  --vds-color-modifier-jump-550: 46%,;
  --vds-color-modifier-jump-600: 41%,;
  --vds-color-modifier-jump-650: 34%,;
  --vds-color-modifier-jump-700: 29%,;
  --vds-color-modifier-jump-750: 23%,;
  --vds-color-modifier-jump-800: 16%,;
  --vds-color-modifier-jump-850: 10%,;
  --vds-color-modifier-jump-900: 7%,;
  --vds-color-modifier-jump-050: 96%,;
  --vds-color-modifier-saturation-full: 100%,;
  --vds-color-modifier-base-vapor-primary: 199, 100%, ;
  --vds-color-modifier-base-vapor-neutral: 206, 12%,;
  --vds-color-modifier-base-accents-green-1: 94, 50%,;
  --vds-color-modifier-base-accents-green-2: 166, 50%,;
  --vds-color-modifier-base-accents-cyan-1: 191, 75%,;
  --vds-color-modifier-base-accents-cyan-2: 230, 100%,;
  --vds-color-modifier-base-accents-red-1: 20, 100%, ;
  --vds-color-modifier-base-accents-red-2: 340, 100%,;
  --vds-color-modifier-base-accents-violet-1: 288, 100%,;
  --vds-color-modifier-base-accents-violet-2: 264, 100%,;
  --vds-color-modifier-base-status-success: 136, 55%,;
  --vds-color-modifier-base-status-alert: 0, 100%,;
  --vds-color-modifier-base-status-warning: 41, 75%,;
  --vds-color-modifier-base-cloud-fic: 199, 88%,;
  --vds-color-modifier-base-cloud-dic: 216, 100%, ;
  --vds-color-interactive-default: hsla( 199, 100%,  34%, 1 ); /* The default color used to highlight all interactive elements */
  --vds-color-interactive-focus: hsla( 199, 100%,  34%, 1 ); /* The default color used to highlight all interactive & focused elements */
  --vds-color-interactive-hover-soft: hsla( 199, 100%,  91%, 1 ); /* A lighter hover color */
  --vds-color-interactive-hover-hard: hsla( 199, 100%,  29%, 1 ); /* A darker hover color */
  --vds-color-interactive-pressed: hsla( 199, 100%,  23%, 1 ); /* A darker hover color */
  --vds-color-interactive-active: hsla( 199, 100%,  86%, 1 ); /* The default color used to highlight activated elements */
  --vds-color-interactive-selected: hsla( 199, 100%,  96%, 1 ); /* The default color used to highlight selected elements */
  --vds-color-interactive-visited-default: hsla( 264, 100%, 23%, 1 ); /* The default color used to highlight visited hyperlinks elements */
  --vds-color-interactive-visited-hover: hsla( 264, 100%, 16%, 1 ); /* The default color used to highlight visited hyperlinks elements */
  --vds-color-content-secondary: hsla( 206, 12%, 34%, 1 ); /* The color used for all content besides the titles and labels */
  --vds-color-content-informative: hsla( 199, 100%,  16%, 1 ); /* The color used to highlight informative elements */
  --vds-color-content-primary: hsla( 206, 12%, 7%, 1 ); /* The default color for titles, labels and content elements of primary importance */
  --vds-color-content-light: #ffffff; /* The lightest color for content elements */
  --vds-color-content-decorative: hsla( 206, 12%, 66%, 1 ); /* Only for decorative and not accessible purposes */
  --vds-color-content-contrast: hsla( 206, 12%, 55%, 1 );
  --vds-color-states-disabled: hsla( 206, 12%, 81%, 1 ); /* The default color for disabled elements */
  --vds-color-states-error: hsla( 0, 100%, 41%, 1 ); /* The default color for errors and alerts */
  --vds-color-states-success: hsla( 136, 55%, 34%, 1 ); /* The default color fo succesful states */
  --vds-color-states-warning: hsla( 41, 75%, 34%, 1 ); /* The default color used to warn and suggest caution */
  --vds-color-strate-interactive-active: hsla( 199, 100%,  86%, 1 ); /* The default color used to highlight all interactive & focused elements' backgrounds */
  --vds-color-strate-interactive-selected: hsla( 199, 100%,  91%, 1 ); /* The default color used to highlight selected elements' background */
  --vds-color-strate-interactive-disabled: hsla( 206, 12%, 81%, 1 ); /* The default color used as the background of disabled elements */
  --vds-color-strate-layer1: #ffffff; /* The base layer of all products */
  --vds-color-strate-backdrop: hsla( 206, 12%, 66%, 1 ); /* The background behind the base layer */
  --vds-color-strate-layer2: hsla( 206, 12%, 96%, 1 ); /* The layer immediately above the base one */
  --vds-color-strate-layer3: hsla( 206, 12%, 91%, 1 ); /* The second layer of the product above the base */
  --vds-color-strate-layer4: hsla( 206, 12%, 86%, 1 ); /* The third layer of the product above the base */
  --vds-color-strate-container-info: hsla( 199, 100%,  16%, 1 ); /* Informative content background */
  --vds-color-strate-container-transparent: rgba(0, 0, 0, 0);
  --vds-color-strate-accent-green-1-default: hsla( 94, 50%, 34%, 1 );
  --vds-color-strate-accent-green-1-hover: hsla( 94, 50%, 29%, 1 );
  --vds-color-strate-accent-green-1-active: hsla( 94, 50%, 23%, 1 );
  --vds-color-strate-accent-green-1-duotone-default: hsla( 94, 50%, 91%, 1 );
  --vds-color-strate-accent-green-1-duotone-hover: hsla( 94, 50%, 86%, 1 );
  --vds-color-strate-accent-green-1-duotone-active: hsla( 94, 50%, 81%, 1 );
  --vds-color-strate-accent-green-2-default: hsla( 166, 50%, 34%, 1 );
  --vds-color-strate-accent-green-2-hover: hsla( 166, 50%, 29%, 1 );
  --vds-color-strate-accent-green-2-active: hsla( 166, 50%, 23%, 1 );
  --vds-color-strate-accent-green-2-duotone-default: hsla( 166, 50%, 91%, 1 );
  --vds-color-strate-accent-green-2-duotone-hover: hsla( 166, 50%, 86%, 1 );
  --vds-color-strate-accent-green-2-duotone-active: hsla( 166, 50%, 81%, 1 );
  --vds-color-strate-accent-cyan-1-default: hsla( 191, 75%, 34%, 1 );
  --vds-color-strate-accent-cyan-1-hover: hsla( 191, 75%, 29%, 1 );
  --vds-color-strate-accent-cyan-1-active: hsla( 191, 75%, 23%, 1 );
  --vds-color-strate-accent-cyan-1-duotone-default: hsla( 191, 75%, 91%, 1 );
  --vds-color-strate-accent-cyan-1-duotone-hover: hsla( 191, 75%, 86%, 1 );
  --vds-color-strate-accent-cyan-1-duotone-active: hsla( 191, 75%, 81%, 1 );
  --vds-color-strate-accent-cyan-2-default: hsla( 230, 100%, 34%, 1 );
  --vds-color-strate-accent-cyan-2-hover: hsla( 230, 100%, 29%, 1 );
  --vds-color-strate-accent-cyan-2-active: hsla( 230, 100%, 23%, 1 );
  --vds-color-strate-accent-cyan-2-duotone-default: hsla( 230, 100%, 91%, 1 );
  --vds-color-strate-accent-cyan-2-duotone-hover: hsla( 230, 100%, 86%, 1 );
  --vds-color-strate-accent-cyan-2-duotone-active: hsla( 230, 100%, 81%, 1 );
  --vds-color-strate-accent-red-1-default: hsla( 20, 100%,  34%, 1 );
  --vds-color-strate-accent-red-1-hover: hsla( 20, 100%,  29%, 1 );
  --vds-color-strate-accent-red-1-active: hsla( 20, 100%,  23%, 1 );
  --vds-color-strate-accent-red-1-duotone-default: hsla( 20, 100%,  91%, 1 );
  --vds-color-strate-accent-red-1-duotone-hover: hsla( 20, 100%,  86%, 1 );
  --vds-color-strate-accent-red-1-duotone-active: hsla( 20, 100%,  81%, 1 );
  --vds-color-strate-accent-red-2-default: hsla( 340, 100%, 34%, 1 );
  --vds-color-strate-accent-red-2-hover: hsla( 340, 100%, 29%, 1 );
  --vds-color-strate-accent-red-2-active: hsla( 340, 100%, 23%, 1 );
  --vds-color-strate-accent-red-2-duotone-default: hsla( 340, 100%, 91%, 1 );
  --vds-color-strate-accent-red-2-duotone-hover: hsla( 340, 100%, 86%, 1 );
  --vds-color-strate-accent-red-2-duotone-active: hsla( 340, 100%, 81%, 1 );
  --vds-color-strate-accent-violet-1-default: hsla( 288, 100%, 34%, 1 );
  --vds-color-strate-accent-violet-1-hover: hsla( 288, 100%, 29%, 1 );
  --vds-color-strate-accent-violet-1-active: hsla( 288, 100%, 23%, 1 );
  --vds-color-strate-accent-violet-1-duotone-default: hsla( 288, 100%, 91%, 1 );
  --vds-color-strate-accent-violet-1-duotone-hover: hsla( 288, 100%, 86%, 1 );
  --vds-color-strate-accent-violet-1-duotone-active: hsla( 288, 100%, 81%, 1 );
  --vds-color-strate-accent-violet-2-default: hsla( 264, 100%, 34%, 1 );
  --vds-color-strate-accent-violet-2-hover: hsla( 264, 100%, 29%, 1 );
  --vds-color-strate-accent-violet-2-active: hsla( 264, 100%, 23%, 1 );
  --vds-color-strate-accent-violet-2-duotone-default: hsla( 264, 100%, 91%, 1 );
  --vds-color-strate-accent-violet-2-duotone-hover: hsla( 264, 100%, 86%, 1 );
  --vds-color-strate-accent-violet-2-duotone-active: hsla( 264, 100%, 81%, 1 );
  --vds-color-strate-state-success-default: hsla( 136, 55%, 34%, 1 );
  --vds-color-strate-state-success-hover: hsla( 136, 55%, 29%, 1 );
  --vds-color-strate-state-success-active: hsla( 136, 55%, 23%, 1 );
  --vds-color-strate-state-success-duotone-default: hsla( 136, 55%, 91%, 1 );
  --vds-color-strate-state-success-duotone-hover: hsla( 136, 55%, 86%, 1 );
  --vds-color-strate-state-success-duotone-active: hsla( 136, 55%, 81%, 1 );
  --vds-color-strate-state-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-color-strate-state-error-hover: hsla( 0, 100%, 34%, 1 );
  --vds-color-strate-state-error-active: hsla( 0, 100%, 29%, 1 );
  --vds-color-strate-state-error-duotone-default: hsla( 0, 100%, 91%, 1 );
  --vds-color-strate-state-error-duotone-hover: hsla( 0, 100%, 86%, 1 );
  --vds-color-strate-state-error-duotone-active: hsla( 0, 100%, 81%, 1 );
  --vds-color-strate-state-warning-default: hsla( 41, 75%, 34%, 1 );
  --vds-color-strate-state-warning-hover: hsla( 41, 75%, 29%, 1 );
  --vds-color-strate-state-warning-active: hsla( 41, 75%, 23%, 1 );
  --vds-color-strate-state-warning-duotone-default: hsla( 41, 75%, 91%, 1 );
  --vds-color-strate-state-warning-duotone-hover: hsla( 41, 75%, 86%, 1 );
  --vds-color-strate-state-warning-duotone-active: hsla( 41, 75%, 81%, 1 );
  --vds-color-strate-overlay: hsla( 206, 12%, 16%, 0.48 );
  --vds-color-border-action-secondary-default: hsla( 199, 100%,  34%, 1 );
  --vds-color-border-action-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-border-action-error-default: hsla( 0, 100%, 51%, 1 );
  --vds-color-border-action-error-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-border-interactive-hover: hsla( 199, 100%,  34%, 1 );
  --vds-color-border-interactive-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-border-duotone-state-success-default: hsla( 136, 55%, 16%, 1 );
  --vds-color-border-duotone-state-success-hover: hsla( 136, 55%, 10%, 1 );
  --vds-color-border-duotone-state-success-active: hsla( 136, 55%, 7%, 1 );
  --vds-color-border-duotone-state-error-default: hsla( 0, 100%, 16%, 1 );
  --vds-color-border-duotone-state-error-hover: hsla( 0, 100%, 10%, 1 );
  --vds-color-border-duotone-state-error-active: hsla( 0, 100%, 7%, 1 );
  --vds-color-border-duotone-state-warning-default: hsla( 41, 75%, 16%, 1 );
  --vds-color-border-duotone-state-warning-hover: hsla( 41, 75%, 10%, 1 );
  --vds-color-border-duotone-state-warning-active: hsla( 41, 75%, 7%, 1 );
  --vds-color-border-duotone-accent-green-1-default: hsla( 94, 50%, 16%, 1 );
  --vds-color-border-duotone-accent-green-1-hover: hsla( 94, 50%, 10%, 1 );
  --vds-color-border-duotone-accent-green-1-active: hsla( 94, 50%, 7%, 1 );
  --vds-color-border-duotone-accent-green-2-default: hsla( 166, 50%, 16%, 1 );
  --vds-color-border-duotone-accent-green-2-hover: hsla( 166, 50%, 10%, 1 );
  --vds-color-border-duotone-accent-green-2-active: hsla( 166, 50%, 7%, 1 );
  --vds-color-border-duotone-accent-cyan-1-default: hsla( 191, 75%, 16%, 1 );
  --vds-color-border-duotone-accent-cyan-1-hover: hsla( 191, 75%, 10%, 1 );
  --vds-color-border-duotone-accent-cyan-1-active: hsla( 191, 75%, 7%, 1 );
  --vds-color-border-duotone-accent-cyan-2-default: hsla( 230, 100%, 16%, 1 );
  --vds-color-border-duotone-accent-cyan-2-hover: hsla( 230, 100%, 10%, 1 );
  --vds-color-border-duotone-accent-cyan-2-active: hsla( 230, 100%, 7%, 1 );
  --vds-color-border-duotone-accent-red-1-default: hsla( 20, 100%,  16%, 1 );
  --vds-color-border-duotone-accent-red-1-hover: hsla( 20, 100%,  10%, 1 );
  --vds-color-border-duotone-accent-red-1-active: hsla( 20, 100%,  7%, 1 );
  --vds-color-border-duotone-accent-red-2-default: hsla( 340, 100%, 16%, 1 );
  --vds-color-border-duotone-accent-red-2-hover: hsla( 340, 100%, 10%, 1 );
  --vds-color-border-duotone-accent-red-2-active: hsla( 340, 100%, 7%, 1 );
  --vds-color-border-duotone-accent-violet-1-default: hsla( 288, 100%, 16%, 1 );
  --vds-color-border-duotone-accent-violet-1-hover: hsla( 288, 100%, 10%, 1 );
  --vds-color-border-duotone-accent-violet-1-active: hsla( 288, 100%, 7%, 1 );
  --vds-color-border-duotone-accent-violet-2-default: hsla( 264, 100%, 16%, 1 );
  --vds-color-border-duotone-accent-violet-2-hover: hsla( 264, 100%, 10%, 1 );
  --vds-color-border-duotone-accent-violet-2-active: hsla( 264, 100%, 7%, 1 );
  --vds-color-text-action-primary-default: #ffffff;
  --vds-color-text-action-primary-disabled: #ffffff;
  --vds-color-text-action-secondary-default: hsla( 199, 100%,  34%, 1 );
  --vds-color-text-action-secondary-hover: #ffffff;
  --vds-color-text-action-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-action-secondary-active: #ffffff;
  --vds-color-text-action-tertiary-default: hsla( 199, 100%,  34%, 1 );
  --vds-color-text-action-tertiary-hover: hsla( 199, 100%,  23%, 1 );
  --vds-color-text-action-tertiary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-action-tertiary-active: hsla( 199, 100%,  23%, 1 );
  --vds-color-text-action-error-primary: #ffffff;
  --vds-color-text-action-error-secondary-default: hsla( 0, 100%, 41%, 1 );
  --vds-color-text-action-error-secondary-hover: #ffffff;
  --vds-color-text-action-error-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-action-error-secondary-active: #ffffff;
  --vds-color-text-action-error-tertiary-default: hsla( 0, 100%, 41%, 1 );
  --vds-color-text-action-error-tertiary-hover: hsla( 0, 100%, 34%, 1 );
  --vds-color-text-action-error-tertiary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-action-error-tertiary-active: hsla( 0, 100%, 29%, 1 );
  --vds-color-text-interactive-default: hsla( 199, 100%,  34%, 1 );
  --vds-color-text-interactive-selectable: hsla( 199, 100%,  29%, 1 );
  --vds-color-text-interactive-selected: hsla( 206, 12%, 7%, 1 );
  --vds-color-text-interactive-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-interactive-on-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-color-text-interactive-on-interactive: #ffffff;
  --vds-color-text-interactive-error: hsla( 0, 100%, 41%, 1 );
  --vds-color-text-body-default: hsla( 206, 12%, 7%, 1 );
  --vds-color-text-body-caption: hsla( 206, 12%, 34%, 1 );
  --vds-color-text-body-error: hsla( 0, 100%, 41%, 1 );
  --vds-color-text-body-success: hsla( 136, 55%, 34%, 1 );
  --vds-color-text-body-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-body-inverse: hsla( 206, 12%, 96%, 1 );
  --vds-color-text-body-interface-active: hsla( 206, 12%, 7%, 1 );
  --vds-color-text-body-interface-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-color-text-body-interface-on-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-color-text-body-interface-error: hsla( 0, 100%, 41%, 1 );
  --vds-color-text-duotone-state-success-default: hsla( 136, 55%, 16%, 1 );
  --vds-color-text-duotone-state-success-hover: hsla( 136, 55%, 10%, 1 );
  --vds-color-text-duotone-state-success-active: hsla( 136, 55%, 7%, 1 );
  --vds-color-text-duotone-state-error-default: hsla( 0, 100%, 16%, 1 );
  --vds-color-text-duotone-state-error-hover: hsla( 0, 100%, 10%, 1 );
  --vds-color-text-duotone-state-error-active: hsla( 0, 100%, 7%, 1 );
  --vds-color-text-duotone-state-warning-default: hsla( 41, 75%, 16%, 1 );
  --vds-color-text-duotone-state-warning-hover: hsla( 41, 75%, 10%, 1 );
  --vds-color-text-duotone-state-warning-active: hsla( 41, 75%, 7%, 1 );
  --vds-color-text-duotone-accent-green-1-default: hsla( 94, 50%, 16%, 1 );
  --vds-color-text-duotone-accent-green-1-hover: hsla( 94, 50%, 10%, 1 );
  --vds-color-text-duotone-accent-green-1-active: hsla( 94, 50%, 7%, 1 );
  --vds-color-text-duotone-accent-green-2-default: hsla( 166, 50%, 16%, 1 );
  --vds-color-text-duotone-accent-green-2-hover: hsla( 166, 50%, 10%, 1 );
  --vds-color-text-duotone-accent-green-2-active: hsla( 166, 50%, 7%, 1 );
  --vds-color-text-duotone-accent-cyan-1-default: hsla( 191, 75%, 16%, 1 );
  --vds-color-text-duotone-accent-cyan-1-hover: hsla( 191, 75%, 10%, 1 );
  --vds-color-text-duotone-accent-cyan-1-active: hsla( 191, 75%, 7%, 1 );
  --vds-color-text-duotone-accent-cyan-2-default: hsla( 230, 100%, 16%, 1 );
  --vds-color-text-duotone-accent-cyan-2-hover: hsla( 230, 100%, 10%, 1 );
  --vds-color-text-duotone-accent-cyan-2-active: hsla( 230, 100%, 7%, 1 );
  --vds-color-text-duotone-accent-red-1-default: hsla( 20, 100%,  16%, 1 );
  --vds-color-text-duotone-accent-red-1-hover: hsla( 20, 100%,  10%, 1 );
  --vds-color-text-duotone-accent-red-1-active: hsla( 20, 100%,  7%, 1 );
  --vds-color-text-duotone-accent-red-2-default: hsla( 340, 100%, 16%, 1 );
  --vds-color-text-duotone-accent-red-2-hover: hsla( 340, 100%, 10%, 1 );
  --vds-color-text-duotone-accent-red-2-active: hsla( 340, 100%, 7%, 1 );
  --vds-color-text-duotone-accent-violet-1-default: hsla( 288, 100%, 16%, 1 );
  --vds-color-text-duotone-accent-violet-1-hover: hsla( 288, 100%, 10%, 1 );
  --vds-color-text-duotone-accent-violet-1-active: hsla( 288, 100%, 7%, 1 );
  --vds-color-text-duotone-accent-violet-2-default: hsla( 264, 100%, 16%, 1 );
  --vds-color-text-duotone-accent-violet-2-hover: hsla( 264, 100%, 10%, 1 );
  --vds-color-text-duotone-accent-violet-2-active: hsla( 264, 100%, 7%, 1 );
  --vds-space-base: 16px;
  --vds-space-size-100: 16px;
  --vds-space-size-200: 32px;
  --vds-space-size-300: 48px;
  --vds-space-size-400: 64px;
  --vds-space-size-00: 1px;
  --vds-space-size-0125: 2px;
  --vds-space-size-025: 4px;
  --vds-space-size-050: 8px;
  --vds-space-xs: 2px;
  --vds-space-s: 4px;
  --vds-space-sm: 6px;
  --vds-space-m: 8px;
  --vds-space-md: 12px;
  --vds-space-l: 16px;
  --vds-space-xl: 32px;
  --vds-space-null: 0;
  --vds-scale-base: 16px;
  --vds-scale-size-100: 16px;
  --vds-scale-size-150: 24px;
  --vds-scale-size-200: 32px;
  --vds-scale-size-250: 40px;
  --vds-scale-size-300: 48px;
  --vds-scale-size-400: 64px;
  --vds-border-radius-base: 16px;
  --vds-border-radius-size-100: 16px;
  --vds-border-radius-size-200: 32px;
  --vds-border-radius-size-300: 48px;
  --vds-border-radius-size-1000: 200px;
  --vds-border-radius-size-min: 2px;
  --vds-border-radius-size-025: 4px;
  --vds-border-radius-size-050: 8px;
  --vds-border-radius-size-061: 10px;
  --vds-border-radius-size-075: 12px;
  --vds-border-radius-interactive: 4px;
  --vds-border-radius-container: 8px;
  --vds-border-radius-group: 200px;
  --vds-border-radius-none: 0;
  --vds-border-base: 16px;
  --vds-border-size-null: 0;
  --vds-border-size-xs: 1px;
  --vds-border-size-s: 2px;
  --vds-border-size-m: 4px;
  --vds-border-size-l: 8px;
  --vds-border-stroke-base: 1px;
  --vds-border-stroke-size-null: 0;
  --vds-border-stroke-size-min: 1px;
  --vds-border-stroke-size-strong: 2px;
  --vds-border-action-secondary-default-color: hsla( 199, 100%,  34%, 1 );
  --vds-border-action-secondary-default-width: 1px;
  --vds-border-action-secondary-default-style: solid;
  --vds-border-action-error-secondary-default-color: hsla( 0, 100%, 51%, 1 );
  --vds-border-action-error-secondary-default-width: 1px;
  --vds-border-action-error-secondary-default-style: solid;
  --vds-border-interactive-active-color: hsla( 206, 12%, 76%, 1 );
  --vds-border-interactive-active-width: 1px;
  --vds-border-interactive-active-style: solid;
  --vds-border-interactive-hover-color: hsla( 199, 100%,  34%, 1 );
  --vds-border-interactive-hover-width: 1px;
  --vds-border-interactive-hover-style: solid;
  --vds-border-interactive-selectable-color: hsla( 199, 100%,  34%, 1 );
  --vds-border-interactive-selectable-width: 1px;
  --vds-border-interactive-selectable-style: solid;
  --vds-border-interactive-disabled-color: hsla( 206, 12%, 81%, 1 );
  --vds-border-interactive-disabled-width: 1px;
  --vds-border-interactive-disabled-style: solid;
  --vds-border-interactive-error-color: hsla( 0, 100%, 51%, 1 );
  --vds-border-interactive-error-width: 1px;
  --vds-border-interactive-error-style: solid;
  --vds-border-interactive-readonly-color: hsla( 206, 12%, 81%, 1 );
  --vds-border-interactive-readonly-width: 1px;
  --vds-border-interactive-readonly-style: solid;
  --vds-border-interactive-success-color: hsla( 136, 55%, 34%, 1 );
  --vds-border-interactive-success-width: 1px;
  --vds-border-interactive-success-style: solid;
  --vds-border-interactive-warning-color: hsla( 41, 75%, 34%, 1 );
  --vds-border-interactive-warning-width: 1px;
  --vds-border-interactive-warning-style: solid;
  --vds-border-interactive-focus-color: hsla( 199, 100%,  34%, 1 );
  --vds-border-interactive-focus-width: 2px;
  --vds-border-interactive-focus-style: solid;
  --vds-font-size-rem: 16px;
  --vds-font-size-scale-1: 16px;
  --vds-font-size-scale-2: 32px;
  --vds-font-size-scale-0-6: 10px;
  --vds-font-size-scale-0-75: 12px;
  --vds-font-size-scale-0-87: 14px;
  --vds-font-size-scale-1-25: 20px;
  --vds-font-size-scale-1-5: 24px;
  --vds-font-size-scale-2-1: 34px;
  --vds-font-size-scale-2-6: 42px;
  --vds-font-size-scale-3-1: 50px;
  --vds-font-size-scale-3-75: 60px;
  --vds-font-size-scale-4-5: 72px;
  --vds-font-family-roboto: Roboto;
  --vds-font-family-cairo: Cairo;
  --vds-font-family-inter: Inter;
  --vds-font-family-icons: 'Font Awesome 6 Pro';
  --vds-font-family-body: Roboto;
  --vds-font-family-headings: Cairo;
  --vds-font-weight-300: 300;
  --vds-font-weight-400: 400;
  --vds-font-weight-500: 500;
  --vds-font-weight-600: 600;
  --vds-font-weight-700: 700;
  --vds-font-weight-solid: solid;
  --vds-font-tracking-base: 0.08em;
  --vds-font-tracking-scale-null: 0em;
  --vds-font-tracking-scale-xs: 0.04em;
  --vds-font-tracking-scale-s: 0.08em;
  --vds-font-tracking-scale-m: 0.16em;
  --vds-font-tracking-scale-l: 0.24em;
  --vds-font-tracking-scale-xl: 0.32em;
  --vds-font-tracking-scale-xxl: 0.4em;
  --vds-font-lh-narrow: 1;
  --vds-font-lh-compact: 1.25;
  --vds-font-lh-spacious: 1.5;
  --vds-font-lh-wide: 1.67;
  --vds-font-ls-narrow: 0em;
  --vds-font-ls-compact: 0.04em;
  --vds-font-ls-spacious: 0.08em;
  --vds-font-ls-extended: 0.16em;
  --vds-font-ls-wide: 0.32em;
  --vds-lh-size-xs: 1;
  --vds-lh-size-s: 1.25;
  --vds-lh-size-m: 1.5;
  --vds-lh-size-l: 1.67;
  --vds-alpha-null: 0;
  --vds-btn-color-bg-primary-hover: hsla( 199, 100%,  29%, 1 );
  --vds-btn-color-bg-primary-active: hsla( 199, 100%,  23%, 1 );
  --vds-btn-color-bg-primary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-bg-primary-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-bg-primary-error-hover: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-bg-primary-error-active: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-bg-primary-default: hsla( 199, 100%,  34%, 1 );
  --vds-btn-color-bg-secondary-hover: hsla( 199, 100%,  29%, 1 );
  --vds-btn-color-bg-secondary-default: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-secondary-disabled: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-secondary-error-hover: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-bg-secondary-error-default: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-secondary-error-active: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-bg-secondary-active: hsla( 199, 100%,  23%, 1 );
  --vds-btn-color-bg-tertiary-active: hsla( 199, 100%,  86%, 1 );
  --vds-btn-color-bg-tertiary-hover: hsla( 199, 100%,  91%, 1 );
  --vds-btn-color-bg-tertiary-default: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-tertiary-disabled: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-tertiary-error-hover: hsla( 0, 100%, 91%, 1 );
  --vds-btn-color-bg-tertiary-error-default: rgba(0, 0, 0, 0);
  --vds-btn-color-bg-tertiary-error-active: hsla( 0, 100%, 86%, 1 );
  --vds-btn-color-bg-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-text-primary-all: #ffffff;
  --vds-btn-color-text-primary-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-btn-color-text-primary-error-all: #ffffff;
  --vds-btn-color-text-secondary-default: hsla( 199, 100%,  34%, 1 );
  --vds-btn-color-text-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-text-secondary-hover: #ffffff;
  --vds-btn-color-text-secondary-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-text-secondary-error-hover: #ffffff;
  --vds-btn-color-text-tertiary-default: hsla( 199, 100%,  34%, 1 );
  --vds-btn-color-text-tertiary-hover: hsla( 199, 100%,  29%, 1 );
  --vds-btn-color-text-tertiary-active: hsla( 199, 100%,  29%, 1 );
  --vds-btn-color-text-tertiary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-text-tertiary-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-text-tertiary-error-hover: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-btn-color-border-secondary-default: hsla( 199, 100%,  34%, 1 );
  --vds-btn-color-border-secondary-hover: rgba(0, 0, 0, 0);
  --vds-btn-color-border-secondary-active: rgba(0, 0, 0, 0);
  --vds-btn-color-border-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-border-secondary-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-btn-color-border-secondary-error-hover: rgba(0, 0, 0, 0);
  --vds-btn-color-border-secondary-error-active: rgba(0, 0, 0, 0);
  --vds-btn-color-border-secondary-error-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-btn-color-border-error-focus: hsla( 199, 100%,  34%, 1 );
  --vds-btn-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-forms-color-bg-default: #ffffff;
  --vds-forms-color-bg-error: #ffffff;
  --vds-forms-color-bg-success: #ffffff;
  --vds-forms-color-bg-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-forms-color-bg-readonly: hsla( 206, 12%, 81%, 1 );
  --vds-forms-color-text-label: hsla( 206, 12%, 7%, 1 );
  --vds-forms-color-text-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-forms-color-text-error: hsla( 0, 100%, 41%, 1 );
  --vds-forms-color-text-caption: hsla( 206, 12%, 34%, 1 );
  --vds-forms-color-text-input-fill: hsla( 206, 12%, 7%, 1 );
  --vds-forms-color-text-input-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-forms-color-text-input-readonly: hsla( 206, 12%, 7%, 1 );
  --vds-forms-color-border-default: hsla( 206, 12%, 55%, 1 );
  --vds-forms-color-border-hover: hsla( 199, 100%,  34%, 1 );
  --vds-forms-color-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-forms-color-border-error: hsla( 0, 100%, 41%, 1 );
  --vds-forms-chips-bg-default: rgba(0, 0, 0, 0); /* The background color for the default state of the "Chip" is transparent */
  --vds-forms-chips-bg-selected-default: hsla( 199, 100%,  34%, 1 ); /* The default state of the selected "Chip" */
  --vds-forms-chips-bg-selected-hover: hsla( 199, 100%,  29%, 1 ); /* Color used for when the selected "Chip" is hovered */
  --vds-forms-chips-bg-selected-active: hsla( 199, 100%,  23%, 1 ); /* Color used when the selected "Chip" is pressed */
  --vds-forms-chips-bg-selected-focus: hsla( 199, 100%,  34%, 1 ); /* The default state of the selected "Chip" once is keyboard focused */
  --vds-forms-chips-bg-hover: hsla( 199, 100%,  91%, 1 ); /* Background color for the hovered chip */
  --vds-forms-chips-bg-active: hsla( 199, 100%,  86%, 1 ); /* Background color for when the default "Chip" (not in a selected state) is pressed */
  --vds-forms-chips-text-default: hsla( 199, 100%,  34%, 1 ); /* Default color for the "Chip" Label and aesthetic elements */
  --vds-forms-chips-text-selected: #ffffff; /* The text color of the selected Chip */
  --vds-forms-chips-text-hover: hsla( 199, 100%,  29%, 1 ); /* The text color for the hovered Chip */
  --vds-forms-chips-border-default: hsla( 199, 100%,  34%, 1 ); /* Border color for the default state of the Chip */
  --vds-forms-chips-border-hover: hsla( 199, 100%,  29%, 1 ); /* Border color for the default Chip once is hovered */
  --vds-forms-tags-filter-bg-default: hsla( 199, 100%,  91%, 1 );
  --vds-forms-tags-filter-bg-focus: hsla( 199, 100%,  91%, 1 );
  --vds-forms-tags-filter-bg-hover: hsla( 199, 100%,  86%, 1 );
  --vds-forms-tags-filter-bg-active: hsla( 199, 100%,  81%, 1 );
  --vds-forms-tags-filter-border-default: hsla( 199, 100%,  34%, 1 );
  --vds-forms-tags-filter-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-forms-tags-filter-content-default: hsla( 199, 100%,  16%, 1 ); /* Color used for text, border and aesthetic elements in duotone tags */
  --vds-forms-tags-filter-content-hover: hsla( 199, 100%,  10%, 1 ); /* Color used for text, border and aesthetic elements in duotone tags */
  --vds-forms-tags-filter-content-active: hsla( 199, 100%,  7%, 1 ); /* Color used for text, border and aesthetic elements in duotone tags */
  --vds-forms-tags-standard-tone-1-filled-bg-default: hsla( 94, 50%, 34%, 1 );
  --vds-forms-tags-standard-tone-1-filled-bg-hover: hsla( 94, 50%, 29%, 1 );
  --vds-forms-tags-standard-tone-1-filled-bg-active: hsla( 94, 50%, 23%, 1 );
  --vds-forms-tags-standard-tone-1-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-1-duotone-bg-default: hsla( 94, 50%, 91%, 1 );
  --vds-forms-tags-standard-tone-1-duotone-bg-hover: hsla( 94, 50%, 86%, 1 );
  --vds-forms-tags-standard-tone-1-duotone-bg-active: hsla( 94, 50%, 81%, 1 );
  --vds-forms-tags-standard-tone-1-duotone-content-default: hsla( 94, 50%, 16%, 1 );
  --vds-forms-tags-standard-tone-1-duotone-content-hover: hsla( 94, 50%, 10%, 1 );
  --vds-forms-tags-standard-tone-1-duotone-content-active: hsla( 94, 50%, 7%, 1 );
  --vds-forms-tags-standard-tone-2-filled-bg-default: hsla( 166, 50%, 34%, 1 );
  --vds-forms-tags-standard-tone-2-filled-bg-hover: hsla( 166, 50%, 29%, 1 );
  --vds-forms-tags-standard-tone-2-filled-bg-active: hsla( 166, 50%, 23%, 1 );
  --vds-forms-tags-standard-tone-2-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-2-duotone-bg-default: hsla( 166, 50%, 91%, 1 );
  --vds-forms-tags-standard-tone-2-duotone-bg-hover: hsla( 166, 50%, 86%, 1 );
  --vds-forms-tags-standard-tone-2-duotone-bg-active: hsla( 166, 50%, 81%, 1 );
  --vds-forms-tags-standard-tone-2-duotone-content-default: hsla( 166, 50%, 16%, 1 );
  --vds-forms-tags-standard-tone-2-duotone-content-hover: hsla( 166, 50%, 10%, 1 );
  --vds-forms-tags-standard-tone-2-duotone-content-active: hsla( 166, 50%, 7%, 1 );
  --vds-forms-tags-standard-tone-3-filled-bg-default: hsla( 191, 75%, 34%, 1 );
  --vds-forms-tags-standard-tone-3-filled-bg-hover: hsla( 191, 75%, 29%, 1 );
  --vds-forms-tags-standard-tone-3-filled-bg-active: hsla( 191, 75%, 23%, 1 );
  --vds-forms-tags-standard-tone-3-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-3-duotone-bg-default: hsla( 191, 75%, 91%, 1 );
  --vds-forms-tags-standard-tone-3-duotone-bg-hover: hsla( 191, 75%, 86%, 1 );
  --vds-forms-tags-standard-tone-3-duotone-bg-active: hsla( 191, 75%, 81%, 1 );
  --vds-forms-tags-standard-tone-3-duotone-content-default: hsla( 191, 75%, 16%, 1 );
  --vds-forms-tags-standard-tone-3-duotone-content-hover: hsla( 191, 75%, 10%, 1 );
  --vds-forms-tags-standard-tone-3-duotone-content-active: hsla( 191, 75%, 7%, 1 );
  --vds-forms-tags-standard-tone-4-filled-bg-default: hsla( 230, 100%, 34%, 1 );
  --vds-forms-tags-standard-tone-4-filled-bg-hover: hsla( 230, 100%, 29%, 1 );
  --vds-forms-tags-standard-tone-4-filled-bg-active: hsla( 230, 100%, 23%, 1 );
  --vds-forms-tags-standard-tone-4-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-4-duotone-bg-default: hsla( 230, 100%, 91%, 1 );
  --vds-forms-tags-standard-tone-4-duotone-bg-hover: hsla( 230, 100%, 86%, 1 );
  --vds-forms-tags-standard-tone-4-duotone-bg-active: hsla( 230, 100%, 81%, 1 );
  --vds-forms-tags-standard-tone-4-duotone-content-default: hsla( 230, 100%, 16%, 1 );
  --vds-forms-tags-standard-tone-4-duotone-content-hover: hsla( 230, 100%, 10%, 1 );
  --vds-forms-tags-standard-tone-4-duotone-content-active: hsla( 230, 100%, 7%, 1 );
  --vds-forms-tags-standard-tone-5-filled-bg-default: hsla( 20, 100%,  34%, 1 );
  --vds-forms-tags-standard-tone-5-filled-bg-hover: hsla( 20, 100%,  29%, 1 );
  --vds-forms-tags-standard-tone-5-filled-bg-active: hsla( 20, 100%,  23%, 1 );
  --vds-forms-tags-standard-tone-5-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-5-duotone-bg-default: hsla( 20, 100%,  91%, 1 );
  --vds-forms-tags-standard-tone-5-duotone-bg-hover: hsla( 20, 100%,  86%, 1 );
  --vds-forms-tags-standard-tone-5-duotone-bg-active: hsla( 20, 100%,  81%, 1 );
  --vds-forms-tags-standard-tone-5-duotone-content-default: hsla( 20, 100%,  16%, 1 );
  --vds-forms-tags-standard-tone-5-duotone-content-hover: hsla( 20, 100%,  10%, 1 );
  --vds-forms-tags-standard-tone-5-duotone-content-active: hsla( 20, 100%,  7%, 1 );
  --vds-forms-tags-standard-tone-6-filled-bg-default: hsla( 340, 100%, 34%, 1 );
  --vds-forms-tags-standard-tone-6-filled-bg-hover: hsla( 340, 100%, 29%, 1 );
  --vds-forms-tags-standard-tone-6-filled-bg-active: hsla( 340, 100%, 23%, 1 );
  --vds-forms-tags-standard-tone-6-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-6-duotone-bg-default: hsla( 340, 100%, 91%, 1 );
  --vds-forms-tags-standard-tone-6-duotone-bg-hover: hsla( 340, 100%, 86%, 1 );
  --vds-forms-tags-standard-tone-6-duotone-bg-active: hsla( 340, 100%, 81%, 1 );
  --vds-forms-tags-standard-tone-6-duotone-content-default: hsla( 340, 100%, 16%, 1 );
  --vds-forms-tags-standard-tone-6-duotone-content-hover: hsla( 340, 100%, 10%, 1 );
  --vds-forms-tags-standard-tone-6-duotone-content-active: hsla( 340, 100%, 7%, 1 );
  --vds-forms-tags-standard-tone-7-filled-bg-default: hsla( 288, 100%, 34%, 1 );
  --vds-forms-tags-standard-tone-7-filled-bg-hover: hsla( 288, 100%, 29%, 1 );
  --vds-forms-tags-standard-tone-7-filled-bg-active: hsla( 288, 100%, 23%, 1 );
  --vds-forms-tags-standard-tone-7-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-7-duotone-bg-default: hsla( 288, 100%, 91%, 1 );
  --vds-forms-tags-standard-tone-7-duotone-bg-hover: hsla( 288, 100%, 86%, 1 );
  --vds-forms-tags-standard-tone-7-duotone-bg-active: hsla( 288, 100%, 81%, 1 );
  --vds-forms-tags-standard-tone-7-duotone-content-default: hsla( 288, 100%, 16%, 1 );
  --vds-forms-tags-standard-tone-7-duotone-content-hover: hsla( 288, 100%, 10%, 1 );
  --vds-forms-tags-standard-tone-7-duotone-content-active: hsla( 288, 100%, 7%, 1 );
  --vds-forms-tags-standard-tone-8-filled-bg-default: hsla( 264, 100%, 34%, 1 );
  --vds-forms-tags-standard-tone-8-filled-bg-hover: hsla( 264, 100%, 29%, 1 );
  --vds-forms-tags-standard-tone-8-filled-bg-active: hsla( 264, 100%, 23%, 1 );
  --vds-forms-tags-standard-tone-8-filled-content: #ffffff;
  --vds-forms-tags-standard-tone-8-duotone-bg-default: hsla( 264, 100%, 91%, 1 );
  --vds-forms-tags-standard-tone-8-duotone-bg-hover: hsla( 264, 100%, 86%, 1 );
  --vds-forms-tags-standard-tone-8-duotone-bg-active: hsla( 264, 100%, 81%, 1 );
  --vds-forms-tags-standard-tone-8-duotone-content-default: hsla( 264, 100%, 16%, 1 );
  --vds-forms-tags-standard-tone-8-duotone-content-hover: hsla( 264, 100%, 10%, 1 );
  --vds-forms-tags-standard-tone-8-duotone-content-active: hsla( 264, 100%, 7%, 1 );
  --vds-forms-tags-status-success-filled-bg-default: hsla( 136, 55%, 34%, 1 );
  --vds-forms-tags-status-success-filled-bg-hover: hsla( 136, 55%, 29%, 1 );
  --vds-forms-tags-status-success-filled-bg-active: hsla( 136, 55%, 23%, 1 );
  --vds-forms-tags-status-success-filled-content: #ffffff;
  --vds-forms-tags-status-success-duotone-bg-default: hsla( 136, 55%, 91%, 1 );
  --vds-forms-tags-status-success-duotone-bg-hover: hsla( 136, 55%, 86%, 1 );
  --vds-forms-tags-status-success-duotone-bg-active: hsla( 136, 55%, 81%, 1 );
  --vds-forms-tags-status-success-duotone-content-default: hsla( 136, 55%, 16%, 1 );
  --vds-forms-tags-status-success-duotone-content-hover: hsla( 136, 55%, 10%, 1 );
  --vds-forms-tags-status-success-duotone-content-active: hsla( 136, 55%, 7%, 1 );
  --vds-forms-tags-status-error-filled-bg-default: hsla( 0, 100%, 41%, 1 );
  --vds-forms-tags-status-error-filled-bg-hover: hsla( 0, 100%, 34%, 1 );
  --vds-forms-tags-status-error-filled-bg-active: hsla( 0, 100%, 29%, 1 );
  --vds-forms-tags-status-error-filled-content: #ffffff;
  --vds-forms-tags-status-error-duotone-bg-default: hsla( 0, 100%, 91%, 1 );
  --vds-forms-tags-status-error-duotone-bg-hover: hsla( 0, 100%, 86%, 1 );
  --vds-forms-tags-status-error-duotone-bg-active: hsla( 0, 100%, 81%, 1 );
  --vds-forms-tags-status-error-duotone-content-default: hsla( 0, 100%, 16%, 1 );
  --vds-forms-tags-status-error-duotone-content-hover: hsla( 0, 100%, 10%, 1 );
  --vds-forms-tags-status-error-duotone-content-active: hsla( 0, 100%, 7%, 1 );
  --vds-forms-tags-status-warning-filled-bg-default: hsla( 41, 75%, 34%, 1 );
  --vds-forms-tags-status-warning-filled-bg-hover: hsla( 41, 75%, 29%, 1 );
  --vds-forms-tags-status-warning-filled-bg-active: hsla( 41, 75%, 23%, 1 );
  --vds-forms-tags-status-warning-filled-content: #ffffff;
  --vds-forms-tags-status-warning-duotone-bg-default: hsla( 41, 75%, 91%, 1 );
  --vds-forms-tags-status-warning-duotone-bg-hover: hsla( 41, 75%, 86%, 1 );
  --vds-forms-tags-status-warning-duotone-bg-active: hsla( 41, 75%, 81%, 1 );
  --vds-forms-tags-status-warning-duotone-content-default: hsla( 41, 75%, 16%, 1 );
  --vds-forms-tags-status-warning-duotone-content-hover: hsla( 41, 75%, 10%, 1 );
  --vds-forms-tags-status-warning-duotone-content-active: hsla( 41, 75%, 7%, 1 );
  --vds-forms-tags-status-informative-filled-bg-default: hsla( 199, 100%,  23%, 1 );
  --vds-forms-tags-status-informative-filled-bg-hover: hsla( 199, 100%,  16%, 1 );
  --vds-forms-tags-status-informative-filled-bg-active: hsla( 199, 100%,  10%, 1 );
  --vds-forms-tags-status-informative-filled-content: hsla( 206, 12%, 96%, 1 );
  --vds-forms-tags-status-informative-duotone-bg-default: hsla( 199, 100%,  91%, 1 );
  --vds-forms-tags-status-informative-duotone-bg-hover: hsla( 199, 100%,  86%, 1 );
  --vds-forms-tags-status-informative-duotone-bg-active: hsla( 199, 100%,  81%, 1 );
  --vds-forms-tags-status-informative-duotone-content-default: hsla( 199, 100%,  16%, 1 );
  --vds-forms-tags-status-informative-duotone-content-hover: hsla( 199, 100%,  10%, 1 );
  --vds-forms-tags-status-informative-duotone-content-active: hsla( 199, 100%,  7%, 1 );
  --vds-forms-uploader-area-text-default: hsla( 206, 12%, 34%, 1 );
  --vds-forms-uploader-area-text-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-forms-uploader-area-bg-default: rgba(0, 0, 0, 0);
  --vds-forms-uploader-area-bg-active: hsla( 199, 100%,  96%, 1 );
  --vds-container-color-bg-hover: hsla( 199, 100%,  91%, 1 );
  --vds-container-color-bg-open: hsla( 199, 100%,  96%, 1 );
  --vds-container-color-bg-default: #ffffff;
  --vds-container-color-bg-active: hsla( 199, 100%,  86%, 1 );
  --vds-container-color-bg-footer: hsla( 206, 12%, 96%, 1 );
  --vds-container-color-text-interactive-default: hsla( 199, 100%,  34%, 1 );
  --vds-container-color-text-interactive-hover: hsla( 199, 100%,  29%, 1 );
  --vds-container-color-text-interactive-open: hsla( 199, 100%,  29%, 1 );
  --vds-container-color-text-title: hsla( 206, 12%, 7%, 1 );
  --vds-container-color-text-desc: hsla( 206, 12%, 34%, 1 );
  --vds-container-color-text-subtitle: hsla( 206, 12%, 34%, 1 );
  --vds-container-color-text-content: hsla( 206, 12%, 7%, 1 );
  --vds-container-color-border-error: hsla( 0, 100%, 41%, 1 );
  --vds-container-color-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-container-color-border-hover: hsla( 199, 100%,  29%, 1 );
  --vds-container-color-border-default: hsla( 206, 12%, 66%, 1 );
  --vds-container-tooltip-color-bg: hsla( 199, 100%,  16%, 1 );
  --vds-container-tooltip-color-text: hsla( 206, 12%, 96%, 1 );
  --vds-container-overlay: hsla( 206, 12%, 16%, 0.48 );
  --vds-container-picker-bg-default: #ffffff;
  --vds-container-picker-bg-range: hsla( 199, 100%,  91%, 1 );
  --vds-container-picker-bg-selected: hsla( 199, 100%,  23%, 1 );
  --vds-container-picker-border-default: hsla( 199, 100%,  34%, 1 );
  --vds-container-picker-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-container-picker-border-hover: hsla( 199, 100%,  29%, 1 );
  --vds-container-picker-text-default: hsla( 206, 12%, 7%, 1 );
  --vds-container-picker-text-readonly: hsla( 206, 12%, 34%, 1 );
  --vds-container-picker-text-selected: #ffffff;
  --vds-feedback-notification-color-bg: #ffffff;
  --vds-feedback-notification-color-border-info: hsla( 199, 100%,  16%, 1 );
  --vds-feedback-notification-color-border-interactive: hsla( 199, 100%,  34%, 1 );
  --vds-feedback-notification-color-border-error: hsla( 0, 100%, 41%, 1 );
  --vds-feedback-notification-color-border-success: hsla( 136, 55%, 34%, 1 );
  --vds-feedback-notification-color-border-warning: hsla( 41, 75%, 34%, 1 );
  --vds-feedback-notification-color-text: hsla( 206, 12%, 7%, 1 );
  --vds-feedback-badge-bg-alert: hsla( 0, 100%, 41%, 1 );
  --vds-feedback-badge-bg-counter: hsla( 206, 12%, 66%, 1 );
  --vds-feedback-badge-bg-success: hsla( 136, 55%, 34%, 1 );
  --vds-feedback-badge-bg-warning: hsla( 41, 75%, 34%, 1 );
  --vds-feedback-badge-bg-info: hsla( 199, 100%,  16%, 1 );
  --vds-feedback-badge-text-default: #ffffff;
  --vds-feedback-badge-text-counter: hsla( 206, 12%, 7%, 1 );
  --vds-feedback-badge-border-default: #ffffff;
  --vds-feedback-load-spinner-color: hsla( 199, 100%,  34%, 1 );
  --vds-feedback-load-text: hsla( 206, 12%, 7%, 1 ); /* Use this for all the text used in loaders components */
  --vds-feedback-load-progress-track: hsla( 206, 12%, 66%, 1 );
  --vds-feedback-load-progress-bar-percent: hsla( 199, 100%,  34%, 1 );
  --vds-feedback-load-progress-bar-full: hsla( 136, 55%, 34%, 1 );
  --vds-feedback-load-progress-bar-error: hsla( 0, 100%, 41%, 1 );
  --vds-nav-link-color-text-default: hsla( 199, 100%,  34%, 1 ); /* Used for Breadcrumbs and Hypertexts */
  --vds-nav-link-color-text-hover: hsla( 199, 100%,  29%, 1 ); /* Used for Breadcrumbs and Hypertexts */
  --vds-nav-link-color-focus: hsla( 199, 100%,  34%, 1 ); /* Used for Breadcrumbs and Hypertexts */
  --vds-nav-tabs-color-bg-primary-default: #ffffff;
  --vds-nav-tabs-color-bg-primary-progressive: hsla( 206, 12%, 96%, 1 );
  --vds-nav-tabs-color-bg-primary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-tabs-color-bg-primary-hover: hsla( 199, 100%,  91%, 1 );
  --vds-nav-tabs-color-bg-primary-current-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-tabs-color-bg-primary-current-hover: hsla( 199, 100%,  41%, 1 );
  --vds-nav-tabs-color-bg-primary-active: hsla( 199, 100%,  86%, 1 );
  --vds-nav-tabs-color-bg-secondary-default: rgba(0, 0, 0, 0);
  --vds-nav-tabs-color-bg-secondary-focus: rgba(0, 0, 0, 0);
  --vds-nav-tabs-color-bg-secondary-hover: hsla( 199, 100%,  91%, 1 );
  --vds-nav-tabs-color-bg-secondary-current: hsla( 199, 100%,  86%, 1 );
  --vds-nav-tabs-color-text-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-tabs-color-text-active: hsla( 199, 100%,  29%, 1 );
  --vds-nav-tabs-color-text-current: #ffffff;
  --vds-nav-tabs-color-text-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-nav-tabs-color-text-inactive: hsla( 206, 12%, 7%, 1 );
  --vds-nav-tabs-color-text-secondary-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-tabs-color-text-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-tabs-color-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-nav-tabs-color-border-group: hsla( 206, 12%, 66%, 1 );
  --vds-nav-switch-color-bg-default: #ffffff;
  --vds-nav-switch-color-bg-hover: hsla( 199, 100%,  91%, 1 );
  --vds-nav-switch-color-bg-current: hsla( 199, 100%,  23%, 1 );
  --vds-nav-switch-color-border-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-switch-color-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-nav-switch-color-border-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-switch-color-text-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-switch-color-text-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-switch-color-text-selected: #ffffff;
  --vds-nav-stepper-color-step-bg-default: #ffffff;
  --vds-nav-stepper-color-step-bg-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-stepper-color-step-bg-success-default: hsla( 136, 55%, 34%, 1 );
  --vds-nav-stepper-color-step-bg-success-hover: hsla( 136, 55%, 29%, 1 );
  --vds-nav-stepper-color-step-text-default: hsla( 206, 12%, 34%, 1 );
  --vds-nav-stepper-color-step-text-current-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-stepper-color-step-text-current-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-stepper-color-step-text-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-stepper-color-step-text-done: #ffffff;
  --vds-nav-stepper-color-step-border-default: hsla( 206, 12%, 55%, 1 );
  --vds-nav-stepper-color-step-border-hover: hsla( 206, 12%, 34%, 1 );
  --vds-nav-stepper-color-step-border-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-stepper-color-step-border-current-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-stepper-color-step-border-current-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-stepper-color-step-border-done: hsla( 199, 100%,  34%, 1 );
  --vds-nav-stepper-color-step-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-nav-stepper-color-text-title: hsla( 206, 12%, 7%, 1 );
  --vds-nav-stepper-color-text-desc: hsla( 206, 12%, 34%, 1 );
  --vds-nav-stepper-color-text-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-nav-title-bar-color-bg: #ffffff;
  --vds-nav-title-bar-color-text-title: hsla( 206, 12%, 7%, 1 );
  --vds-nav-title-bar-color-text-description: hsla( 206, 12%, 34%, 1 );
  --vds-nav-title-bar-color-border: hsla( 199, 100%,  34%, 1 );
  --vds-nav-shell-bg: hsla( 199, 100%,  7%, 1 );
  --vds-nav-shell-text: #ffffff;
  --vds-nav-shell-menu-text-default: #ffffff;
  --vds-nav-shell-menu-text-hover: #ffffff;
  --vds-nav-shell-menu-text-active: #ffffff;
  --vds-nav-shell-menu-bg-default: hsla( 199, 100%,  7%, 1 );
  --vds-nav-shell-menu-bg-hover: hsla( 199, 100%,  16%, 1 );
  --vds-nav-shell-menu-bg-active: hsla( 199, 100%,  23%, 1 );
  --vds-nav-shell-menu-bg-selected-default: hsla( 199, 100%,  86%, 1 );
  --vds-nav-shell-menu-bg-selected-hover: hsla( 199, 100%,  91%, 1 );
  --vds-nav-shell-menu-bg-selected-active: hsla( 199, 100%,  96%, 1 );
  --vds-nav-breadcrumb-bg-default: rgba(0, 0, 0, 0);
  --vds-nav-breadcrumb-bg-hover: hsla( 199, 100%,  91%, 1 );
  --vds-nav-breadcrumb-bg-focus: hsla( 199, 100%,  34%, 1 );
  --vds-nav-breadcrumb-bg-active: hsla( 199, 100%,  86%, 1 );
  --vds-nav-breadcrumb-text-default: hsla( 199, 100%,  34%, 1 );
  --vds-nav-breadcrumb-text-active: hsla( 199, 100%,  29%, 1 );
  --vds-nav-breadcrumb-text-hover: hsla( 199, 100%,  29%, 1 );
  --vds-nav-breadcrumb-text-readonly: hsla( 206, 12%, 7%, 1 );
  --vds-ctrl-color-text-label: hsla( 206, 12%, 7%, 1 );
  --vds-ctrl-color-text-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-ctrl-color-text-icon-selected: #ffffff;
  --vds-ctrl-color-text-icon-disabled: hsla( 206, 12%, 61%, 1 );
  --vds-ctrl-color-border-input-default: hsla( 199, 100%,  34%, 1 );
  --vds-ctrl-color-border-input-hover: hsla( 199, 100%,  29%, 1 );
  --vds-ctrl-color-border-input-focus: hsla( 199, 100%,  34%, 1 );
  --vds-ctrl-color-border-input-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-ctrl-color-bg-input-selected-default: hsla( 199, 100%,  34%, 1 );
  --vds-ctrl-color-bg-input-selected-hover: hsla( 199, 100%,  29%, 1 );
  --vds-ctrl-color-bg-input-default: #ffffff;
  --vds-ctrl-color-bg-input-hover: hsla( 199, 100%,  91%, 1 );
  --vds-ctrl-color-bg-input-disabled: hsla( 206, 12%, 81%, 1 );
  --vds-ctrl-color-bg-toggle-inactive-default: hsla( 206, 12%, 34%, 1 );
  --vds-ctrl-color-bg-toggle-inactive-hover: hsla( 206, 12%, 34%, 1 );
  --vds-ctrl-color-bg-toggle-handle: #ffffff;
  --vds-ctrl-color-bg-toggle-active-default: hsla( 199, 100%,  34%, 1 );
  --vds-ctrl-color-bg-toggle-active-hover: hsla( 199, 100%,  29%, 1 );
  --vds-utilities-avatar-bg-tenant-default: hsla( 199, 100%,  34%, 1 );
  --vds-utilities-avatar-bg-tenant-hover: hsla( 199, 100%,  29%, 1 );
  --vds-utilities-avatar-bg-company-default: hsla( 206, 12%, 86%, 1 );
  --vds-utilities-avatar-bg-company-hover: hsla( 206, 12%, 81%, 1 );
  --vds-utilities-avatar-content-tenant: #ffffff;
  --vds-utilities-avatar-content-company: hsla( 206, 12%, 7%, 1 );
  --vds-utilities-divider-border: hsla( 206, 12%, 66%, 1 );
  --vds-dataviz-table-border-default: hsla( 206, 12%, 66%, 1 );
  --vds-dataviz-table-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-dataviz-table-border-interactive: hsla( 199, 100%,  34%, 1 );
  --vds-dataviz-table-border-error-hover: hsla( 0, 100%, 34%, 1 );
  --vds-dataviz-table-border-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-dataviz-table-bg-default: #ffffff;
  --vds-dataviz-table-bg-hover: hsla( 199, 100%,  91%, 1 );
  --vds-dataviz-table-bg-active: hsla( 199, 100%,  86%, 1 );
  --vds-dataviz-table-bg-fixed: hsla( 206, 12%, 91%, 1 );
  --vds-dataviz-table-bg-error-default: hsla( 0, 100%, 91%, 1 );
  --vds-dataviz-table-bg-error-hover: hsla( 0, 100%, 86%, 1 );
  --vds-dataviz-table-text-content: hsla( 206, 12%, 7%, 1 );
  --vds-dataviz-table-text-desc: hsla( 206, 12%, 34%, 1 );
  --vds-dataviz-table-text-error-default: hsla( 0, 100%, 41%, 1 );
  --vds-dataviz-table-text-error-hover: hsla( 0, 100%, 34%, 1 );
  --vds-global-border-alpha: rgba(0, 0, 0, 0);
  --vds-global-border-focus: hsla( 199, 100%,  34%, 1 );
  --vds-text-headings-display-font-family: Cairo; /* Prova prova */
  --vds-text-headings-display-font-weight: 700; /* Prova prova */
  --vds-text-headings-display-line-height: 1.67; /* Prova prova */
  --vds-text-headings-display-font-size: 50px; /* Prova prova */
  --vds-text-headings-page-font-family: Cairo;
  --vds-text-headings-page-font-weight: 700;
  --vds-text-headings-page-line-height: 1.5;
  --vds-text-headings-page-font-size: 42px;
  --vds-text-headings-section-font-family: Cairo;
  --vds-text-headings-section-font-weight: 700;
  --vds-text-headings-section-line-height: 1.5;
  --vds-text-headings-section-font-size: 32px;
  --vds-text-headings-subtitle-font-family: Cairo;
  --vds-text-headings-subtitle-font-weight: 700;
  --vds-text-headings-subtitle-line-height: 1.5;
  --vds-text-headings-subtitle-font-size: 24px;
  --vds-text-headings-subsection-font-family: Cairo;
  --vds-text-headings-subsection-font-weight: 700;
  --vds-text-headings-subsection-line-height: 1.5;
  --vds-text-headings-subsection-font-size: 20px;
  --vds-text-headings-eyebrows-font-family: Cairo;
  --vds-text-headings-eyebrows-font-weight: 400;
  --vds-text-headings-eyebrows-line-height: 1.5;
  --vds-text-headings-eyebrows-font-size: 14px;
  --vds-text-headings-interface-small-regular-font-family: Cairo;
  --vds-text-headings-interface-small-regular-font-weight: 400;
  --vds-text-headings-interface-small-regular-line-height: 1;
  --vds-text-headings-interface-small-regular-font-size: 16px;
  --vds-text-headings-interface-small-strong-font-family: Cairo;
  --vds-text-headings-interface-small-strong-font-weight: 500;
  --vds-text-headings-interface-small-strong-line-height: 1;
  --vds-text-headings-interface-small-strong-font-size: 16px;
  --vds-text-headings-interface-small-heavy-font-family: Cairo;
  --vds-text-headings-interface-small-heavy-font-weight: 700;
  --vds-text-headings-interface-small-heavy-line-height: 1;
  --vds-text-headings-interface-small-heavy-font-size: 16px;
  --vds-text-headings-interface-compact-default-font-family: Cairo;
  --vds-text-headings-interface-compact-default-font-weight: 400;
  --vds-text-headings-interface-compact-default-line-height: 1;
  --vds-text-headings-interface-compact-default-font-size: 14px;
  --vds-text-headings-interface-compact-hover-font-family: Cairo;
  --vds-text-headings-interface-compact-hover-font-weight: 500;
  --vds-text-headings-interface-compact-hover-line-height: 1;
  --vds-text-headings-interface-compact-hover-font-size: 14px;
  --vds-text-headings-interface-compact-selected-font-family: Cairo;
  --vds-text-headings-interface-compact-selected-font-weight: 700;
  --vds-text-headings-interface-compact-selected-line-height: 1;
  --vds-text-headings-interface-compact-selected-font-size: 14px;
  --vds-text-headings-interface-large-regular-font-family: Cairo;
  --vds-text-headings-interface-large-regular-font-weight: 400;
  --vds-text-headings-interface-large-regular-line-height: 1;
  --vds-text-headings-interface-large-regular-font-size: 24px;
  --vds-text-headings-interface-large-strong-font-family: Cairo;
  --vds-text-headings-interface-large-strong-font-weight: 500;
  --vds-text-headings-interface-large-strong-line-height: 1;
  --vds-text-headings-interface-large-strong-font-size: 24px;
  --vds-text-headings-interface-large-heavy-font-family: Cairo;
  --vds-text-headings-interface-large-heavy-font-weight: 700;
  --vds-text-headings-interface-large-heavy-line-height: 1;
  --vds-text-headings-interface-large-heavy-font-size: 24px;
  --vds-text-body-large-regular-font-family: Roboto;
  --vds-text-body-large-regular-font-weight: 400;
  --vds-text-body-large-regular-line-height: 1.5;
  --vds-text-body-large-regular-font-size: 16px;
  --vds-text-body-large-heavy-font-family: Roboto;
  --vds-text-body-large-heavy-font-weight: 700;
  --vds-text-body-large-heavy-line-height: 1.5;
  --vds-text-body-large-heavy-font-size: 16px;
  --vds-text-body-small-regular-font-family: Roboto;
  --vds-text-body-small-regular-font-weight: 400;
  --vds-text-body-small-regular-line-height: 1.5;
  --vds-text-body-small-regular-font-size: 14px;
  --vds-text-body-small-heavy-font-family: Roboto;
  --vds-text-body-small-heavy-font-weight: 700;
  --vds-text-body-small-heavy-line-height: 1.5;
  --vds-text-body-small-heavy-font-size: 14px;
  --vds-text-body-helper-regular-font-family: Roboto;
  --vds-text-body-helper-regular-font-weight: 400;
  --vds-text-body-helper-regular-line-height: 1.25;
  --vds-text-body-helper-regular-font-size: 12px;
  --vds-text-body-helper-strong-font-family: Roboto;
  --vds-text-body-helper-strong-font-weight: 500;
  --vds-text-body-helper-strong-line-height: 1.25;
  --vds-text-body-helper-strong-font-size: 12px;
  --vds-text-body-helper-heavy-font-family: Roboto;
  --vds-text-body-helper-heavy-font-weight: 700;
  --vds-text-body-helper-heavy-line-height: 1.25;
  --vds-text-body-helper-heavy-font-size: 12px;
  --vds-text-body-caption-default-font-family: Roboto;
  --vds-text-body-caption-default-font-weight: 400;
  --vds-text-body-caption-default-line-height: 1.5;
  --vds-text-body-caption-default-font-size: 10px;
  --vds-text-body-caption-strong-font-family: Roboto;
  --vds-text-body-caption-strong-font-weight: 500;
  --vds-text-body-caption-strong-line-height: 1.5;
  --vds-text-body-caption-strong-font-size: 10px;
  --vds-text-body-caption-heavy-font-family: Roboto;
  --vds-text-body-caption-heavy-font-weight: 700;
  --vds-text-body-caption-heavy-line-height: 1.5;
  --vds-text-body-caption-heavy-font-size: 10px;
  --vds-text-body-interface-large-regular-font-family: Roboto;
  --vds-text-body-interface-large-regular-font-weight: 400;
  --vds-text-body-interface-large-regular-line-height: 1;
  --vds-text-body-interface-large-regular-font-size: 16px;
  --vds-text-body-interface-large-regular2-font-family: Roboto;
  --vds-text-body-interface-large-regular2-font-weight: 400;
  --vds-text-body-interface-large-regular2-line-height: 1;
  --vds-text-body-interface-large-regular2-font-size: 16px;
  --vds-text-body-interface-large-extended-font-family: Roboto;
  --vds-text-body-interface-large-extended-font-weight: 400;
  --vds-text-body-interface-large-extended-line-height: 1.5;
  --vds-text-body-interface-large-extended-font-size: 16px;
  --vds-text-body-interface-large-strong-font-family: Roboto;
  --vds-text-body-interface-large-strong-font-weight: 500;
  --vds-text-body-interface-large-strong-line-height: 1;
  --vds-text-body-interface-large-strong-font-size: 16px;
  --vds-text-body-interface-large-heavy-font-family: Roboto;
  --vds-text-body-interface-large-heavy-font-weight: 700;
  --vds-text-body-interface-large-heavy-line-height: 1;
  --vds-text-body-interface-large-heavy-font-size: 16px;
  --vds-text-body-interface-small-code-font-family: Roboto;
  --vds-text-body-interface-small-code-font-weight: 400;
  --vds-text-body-interface-small-code-line-height: 1;
  --vds-text-body-interface-small-code-font-size: 14px;
  --vds-text-body-interface-small-code-letter-spacing: 0.16em;
  --vds-text-body-interface-small-regular-font-family: Roboto;
  --vds-text-body-interface-small-regular-font-weight: 400;
  --vds-text-body-interface-small-regular-line-height: 1;
  --vds-text-body-interface-small-regular-font-size: 14px;
  --vds-text-body-interface-small-extended-font-family: Roboto;
  --vds-text-body-interface-small-extended-font-weight: 400;
  --vds-text-body-interface-small-extended-line-height: 1.5;
  --vds-text-body-interface-small-extended-font-size: 14px;
  --vds-text-body-interface-small-strong-font-family: Roboto;
  --vds-text-body-interface-small-strong-font-weight: 500;
  --vds-text-body-interface-small-strong-line-height: 1;
  --vds-text-body-interface-small-strong-font-size: 14px;
  --vds-text-body-interface-small-heavy-font-family: Roboto;
  --vds-text-body-interface-small-heavy-font-weight: 700;
  --vds-text-body-interface-small-heavy-line-height: 1;
  --vds-text-body-interface-small-heavy-font-size: 14px;
  --vds-text-body-interface-small-password-visible-font-family: Roboto;
  --vds-text-body-interface-small-password-visible-font-weight: 400;
  --vds-text-body-interface-small-password-visible-line-height: 1;
  --vds-text-body-interface-small-password-visible-font-size: 14px;
  --vds-text-body-interface-small-password-visible-letter-spacing: 0.16em;
  --vds-text-body-interface-small-password-hidden-font-family: Roboto;
  --vds-text-body-interface-small-password-hidden-font-weight: 400;
  --vds-text-body-interface-small-password-hidden-line-height: 1;
  --vds-text-body-interface-small-password-hidden-font-size: 14px;
  --vds-text-body-interface-small-password-hidden-letter-spacing: 0.32em;
  --vds-spacing-min: 2px; /* Used for design purposes */
  --vds-spacing-inner: 4px; /* Used for design purposes */
  --vds-spacing-element: 8px; /* Used for design purposes */
  --vds-spacing-group: 16px; /* Used for design purposes */
  --vds-spacing-sections: 32px; /* Used for design purposes */
  --vds-friend-bestest: 2px;
  --vds-friend-best: 4px;
  --vds-friend-close: 8px;
  --vds-friend-aquaintance: 32px;
  --vds-size-xs: 8px;
  --vds-size-s: 16px;
  --vds-size-m: 24px;
  --vds-size-l: 32px;
  --vds-size-xl: 40px;
  --vds-size-xxl: 48px;
  --vds-size-huge: 64px;
  --vds-elevation-1-blur: 4px;
  --vds-elevation-1-spread: 0;
  --vds-elevation-1-color: rgba(hsla( 206, 12%, 51%, 1 ),0.64);
  --vds-elevation-1-type: dropShadow;
  --vds-elevation-1-offset-x: 0;
  --vds-elevation-1-offset-y: 2px;
  --vds-elevation-2-color: rgba(hsla( 206, 12%, 55%, 1 ),0.72);
  --vds-elevation-2-type: dropShadow;
  --vds-elevation-2-blur: 8px;
  --vds-elevation-2-spread: 0;
  --vds-elevation-2-offset-x: 0;
  --vds-elevation-2-offset-y: 2px;
  --vds-elevation-3-blur: 16px;
  --vds-elevation-3-spread: 0;
  --vds-elevation-3-color: rgba(hsla( 206, 12%, 61%, 1 ),0.80);
  --vds-elevation-3-type: dropShadow;
  --vds-elevation-3-offset-x: 0;
  --vds-elevation-3-offset-y: 4px;
  --vds-elevation-4-blur: 24px;
  --vds-elevation-4-spread: 0;
  --vds-elevation-4-color: rgba(hsla( 206, 12%, 66%, 1 ),0.88);
  --vds-elevation-4-type: dropShadow;
  --vds-elevation-4-offset-x: 0;
  --vds-elevation-4-offset-y: 8px;
  --vds-inset-focus-active-blur: 0;
  --vds-inset-focus-active-spread: 2px;
  --vds-inset-focus-active-color: #ffffff;
  --vds-inset-focus-active-type: innerShadow;
  --vds-inset-focus-active-offset-x: 0;
  --vds-inset-focus-active-offset-y: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/angular-ui/shared/css/vapor.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

:root {
  --z-index-table: 100;
  --z-index-fab: 500;
  --z-index-page-title: 800;
  --z-index-overlay-cdk: 1100;
  --z-index-app-shell-header: 1200;
  --z-index-bottombar: 1200;
  --z-index-app-shell-sidebar: 1300;
  --z-index-overlay-spinner: 1500;
  --z-index-popup: 1600;
  --tmp-bookmark-color: #0076ad;
  --tmp-user-profile-avatar-color: #0076ad;
  --tmp-delegable-color: #0076ad;
  --tmp-non-delegable-color: #c53090;
  --tmp-white-color: #fff;
}

.cdk-overlay-pane.ts-display-none {
  display: none;
}

.cdk-overlay-container {
  z-index: var(--z-index-overlay-cdk) !important;
}

body {
  font-size: --font-size-base;
}

input::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

::-webkit-input-placeholder,
::placeholder,
:-ms-input-placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:focus {
  outline: none;
}

.vaporAngularNgScrollbarViewport .ng-scroll-content {
  width: 100%;
  max-width: 100%;
  display: block;
}

.vaporAngularNgScrollbarDrawerViewport .ng-scroll-content {
  width: max-content;
  max-width: 100%;
}

:root {
  --vds-elevation-1-color: hsla(206, 12%, 51%, 0.64);
  --vds-elevation-2-color: hsla(206, 12%, 55%, 0.72);
  --vds-elevation-3-color: hsla(206, 12%, 61%, 0.8);
  --vds-elevation-4-color: hsla(206, 12%, 66%, 0.88);
}

.body-large, .ts__body__large {
  font-family: var(--vds-text-body-large-regular-font-family);
  font-weight: var(--vds-text-body-large-regular-font-weight);
  line-height: var(--vds-text-body-large-regular-line-height);
  font-size: var(--vds-text-body-large-regular-font-size);
}

.body-regular, .ts__body__regular {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}

.buttons-and-cta, .ts__cta {
  font-family: var(--vds-text-body-interface-large-strong-font-family);
  font-weight: var(--vds-text-body-interface-large-strong-font-weight);
  line-height: var(--vds-text-body-interface-large-strong-line-height);
  font-size: var(--vds-text-body-interface-large-strong-font-size);
}

.center, .ts__hyperlink {
  text-align: center;
}

.descriptive, .ts__desc {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
  color: var(--vds-color-content-secondary);
}

.eyebrow, .ts__eyebrow {
  font-family: var(--vds-text-headings-eyebrows-font-family);
  font-weight: var(--vds-text-headings-eyebrows-font-weight);
  line-height: var(--vds-text-headings-eyebrows-line-height);
  font-size: var(--vds-text-headings-eyebrows-font-size);
}

.h1, .ts__h1 {
  font-family: var(--vds-text-headings-page-font-family);
  font-weight: var(--vds-text-headings-page-font-weight);
  line-height: var(--vds-text-headings-page-line-height);
  font-size: var(--vds-text-headings-page-font-size);
}

.h1-lead, .ts__h1__lead {
  font-family: var(--vds-text-headings-display-font-family);
  font-weight: var(--vds-text-headings-display-font-weight);
  line-height: var(--vds-text-headings-display-line-height);
  font-size: var(--vds-text-headings-display-font-size);
}

.h2, .ts__h2 {
  font-family: var(--vds-text-headings-section-font-family);
  font-weight: var(--vds-text-headings-section-font-weight);
  line-height: var(--vds-text-headings-section-line-height);
  font-size: var(--vds-text-headings-section-font-size);
}

.h2-lead, .ts__h2__lead {
  font-family: var(--vds-text-headings-display-font-family);
  font-weight: var(--vds-text-headings-display-font-weight);
  line-height: var(--vds-text-headings-display-line-height);
  font-size: var(--vds-text-headings-display-font-size);
}

.h3, .ts__h3 {
  font-family: var(--vds-text-headings-subtitle-font-family);
  font-weight: var(--vds-text-headings-subtitle-font-weight);
  line-height: var(--vds-text-headings-subtitle-line-height);
  font-size: var(--vds-text-headings-subtitle-font-size);
}

.h3-lead, .ts__h3__lead {
  font-family: var(--vds-text-headings-display-font-family);
  font-weight: var(--vds-text-headings-display-font-weight);
  line-height: var(--vds-text-headings-display-line-height);
  font-size: var(--vds-text-headings-display-font-size);
}

.h4, .ts__h4 {
  font-family: var(--vds-text-headings-subsection-font-family);
  font-weight: var(--vds-text-headings-subsection-font-weight);
  line-height: var(--vds-text-headings-subsection-line-height);
  font-size: var(--vds-text-headings-subsection-font-size);
}

.h5, .ts__h5 {
  font-family: var(--vds-text-headings-interface-small-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-small-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-small-heavy-line-height);
  font-size: var(--vds-text-headings-interface-small-heavy-font-size);
}

.new-mouseover, .ts__hyperlink:not(:visited):hover {
  color: var(--vds-color-interactive-hover-hard);
}

.subtitle-large, .ts__sub__lg {
  font-family: var(--vds-text-headings-interface-large-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-large-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-large-heavy-line-height);
  font-size: var(--vds-text-headings-interface-large-heavy-font-size);
}

.subtitle-regular, .ts__sub__rg {
  font-family: var(--vds-text-headings-interface-small-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-small-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-small-heavy-line-height);
  font-size: var(--vds-text-headings-interface-small-heavy-font-size);
}

:root {
  --typo-h1-lead-color: var(--vds-color-content-primary);
  --typo-h2-lead-color: var(--vds-color-content-primary);
  --typo-h3-lead-color: var(--vds-color-content-primary);
  --typo-h1-color: var(--vds-color-content-primary);
  --typo-h2-color: var(--vds-color-content-primary);
  --typo-h3-color: var(--vds-color-content-primary);
  --typo-h4-color: var(--vds-color-content-primary);
  --typo-h5-color: var(--vds-color-content-primary);
  --typo-sub-lg-color: var(--vds-color-content-primary);
  --typo-sub-rg-color: var(--vds-color-content-primary);
  --typo-desc-color: var(--vds-color-content-secondary);
  --typo-eyebrow-color: var(--vds-color-content-primary);
  --typo-hyperlink-color: var(--vds-color-interactive-default);
  --typo-body-large-color: var(--vds-color-content-primary);
  --typo-body-regular-color: var(--vds-color-content-primary);
  --typo-cta-color: var(--vds-btn-color-text-primary-all);
}

.ts__h1__lead {
  color: var(--typo-h1-lead-color);
}

.ts__h2__lead {
  color: var(--typo-h2-lead-color);
}

.ts__h3__lead {
  color: var(--typo-h3-lead-color);
}

.ts__h1 {
  color: var(--typo-h1-color);
}

.ts__h2 {
  color: var(--typo-h2-color);
}

.ts__h3 {
  color: var(--typo-h3-color);
}

.ts__h4 {
  color: var(--typo-h4-color);
}

.ts__h5 {
  color: var(--typo-h5-color);
}

.ts__sub__lg {
  color: var(--typo-sub-lg-color);
}

.ts__sub__rg {
  color: var(--typo-sub-rg-color);
}

.ts__desc {
  color: var(--typo-desc-color);
}

.ts__eyebrow {
  color: var(--typo-eyebrow-color);
}

.ts__hyperlink {
  color: var(--typo-hyperlink-color);
}
.ts__body__large {
  color: var(--typo-body-large-color);
}

.ts__body__regular {
  color: var(--typo-body-regular-color);
}

.ts__cta {
  color: var(--typo-cta-color);
}

.ts__code__400_14 {
  font-family: var(--vds-text-body-interface-small-code-font-family);
  font-weight: var(--vds-text-body-interface-small-code-font-weight);
  line-height: var(--vds-text-body-interface-small-code-line-height);
  font-size: var(--vds-text-body-interface-small-code-font-size);
  letter-spacing: var(--vds-text-body-interface-small-code-letter-spacing);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.375rem;
  text-align: left;
  color: var(--vds-color-content-primary);
  text-transform: uppercase;
}
.ts__code__500_14 {
  font-family: var(--vds-text-body-interface-small-code-font-family);
  font-weight: var(--vds-text-body-interface-small-code-font-weight);
  line-height: var(--vds-text-body-interface-small-code-line-height);
  font-size: var(--vds-text-body-interface-small-code-font-size);
  letter-spacing: var(--vds-text-body-interface-small-code-letter-spacing);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.375rem;
  text-align: left;
  color: var(--vds-color-content-primary);
  text-transform: uppercase;
}
.ts__code__400_16 {
  font-family: var(--vds-text-body-interface-small-code-font-family);
  font-weight: var(--vds-text-body-interface-small-code-font-weight);
  line-height: var(--vds-text-body-interface-small-code-line-height);
  font-size: var(--vds-text-body-interface-small-code-font-size);
  letter-spacing: var(--vds-text-body-interface-small-code-letter-spacing);
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.42875rem;
  text-align: left;
  color: var(--vds-color-content-primary);
  text-transform: uppercase;
}
.ts__code__500_16 {
  font-family: var(--vds-text-body-interface-small-code-font-family);
  font-weight: var(--vds-text-body-interface-small-code-font-weight);
  line-height: var(--vds-text-body-interface-small-code-line-height);
  font-size: var(--vds-text-body-interface-small-code-font-size);
  letter-spacing: var(--vds-text-body-interface-small-code-letter-spacing);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.42875rem;
  text-align: left;
  color: var(--vds-color-content-primary);
  text-transform: uppercase;
}

.joyride-step__header {
  display: none !important;
}
.joyride-step__close line {
  stroke: var(--vds-btn-color-text-tertiary-default) !important;
}
.joyride-step__footer__counter {
  display: flex;
  justify-content: flex-end;
  gap: 2px;
}

.ts-notification {
  width: 100%;
}
.ts-notification__container {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  background-color: var(--vds-feedback-notification-color-bg);
  border-radius: var(--vds-border-radius-container);
  border-style: solid;
  border-width: 1px;
  padding: var(--vds-space-l);
  gap: var(--vds-space-l);
  align-items: flex-start;
  justify-content: start;
  flex-direction: row;
}
.ts-notification__container.info, .ts-notification__container.generic {
  border-color: var(--vds-feedback-notification-color-border-info);
}
.ts-notification__container.success, .ts-notification__container.check {
  border-color: var(--vds-feedback-notification-color-border-success);
}
.ts-notification__container.warning, .ts-notification__container.alert {
  border-color: var(--vds-feedback-notification-color-border-warning);
}
.ts-notification__container.error {
  border-color: var(--vds-feedback-notification-color-border-error);
}
.ts-notification__container.toast, .ts-notification__container.overflow {
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
}
.ts-notification__container.toast {
  max-width: var(--toast-width);
}
.ts-notification__container.banner {
  border-radius: var(--vds-border-radius-none);
}
.ts-notification__container.banner .ts-notification__container__content {
  display: grid;
  grid-template-areas: "title pushbutton" "text pushbutton";
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr auto;
  width: 100%;
  height: 100%;
}
.ts-notification__container.banner .ts-notification__container__pushbutton {
  align-items: center;
}
.ts-notification__container.fitContent {
  width: -moz-fit-content;
  width: fit-content;
}
.ts-notification__container__content {
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-s);
}
.ts-notification__container__content__title {
  grid-area: title;
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
  color: var(--vds-container-color-text-title);
}
.ts-notification__container__content__text {
  grid-area: text;
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
  color: var(--vds-container-color-text-content);
}
.ts-notification__container__close-button {
  margin-left: auto;
}
.ts-notification__container__icon-left.info, .ts-notification__container__icon-left.generic {
  color: var(--vds-feedback-notification-color-border-info);
}
.ts-notification__container__icon-left.success, .ts-notification__container__icon-left.check {
  color: var(--vds-feedback-notification-color-border-success);
}
.ts-notification__container__icon-left.warning, .ts-notification__container__icon-left.alert {
  color: var(--vds-feedback-notification-color-border-warning);
}
.ts-notification__container__icon-left.error {
  color: var(--vds-feedback-notification-color-border-error);
}
.ts-notification__container__pushbutton {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--vds-space-l);
  grid-area: pushbutton;
}
.ts-notification__container__pushbutton__left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--vds-space-l);
}
.ts-notification__container__pushbutton__right {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--vds-space-l);
}
.ts-notification__container__overlay .inline {
  margin-bottom: var(--base-unit-2);
}

.ts-vapor {
  /*




  SMALL

  item
      ***line-height: 1rem;
      ***font-size: var(--font-size-xxs);
      ***padding-left: 0.125rem;
      ***padding-right: 0.25rem;

  span

      letter-spacing: 0.44px;
      ***font-weight: 400;
      ***font-family: 'Roboto';

  MEDIUM

  item

  ***line-height: 1.5rem;
    ***font-size: 0.75rem;
      ***padding-left: 6px;
      ***padding-right: 0.5rem;

  span icon
      font-size: 0.875rem;
      margin-right: 0.5rem;

  span
  ***font-family: 'Cairo';
      ***font-weight: 600;

  */
}
.ts-vapor .ts-accordion {
  background-color: var(--vds-container-color-bg-default);
  box-sizing: border-box;
  min-width: 304px;
  display: block;
}
.ts-vapor .ts-accordion button {
  width: 100%;
}
.ts-vapor .ts-accordion__header {
  display: flex;
  width: auto;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--vds-space-s);
  gap: var(--vds-space-s);
  border-width: 1px;
  border-style: solid;
}
.ts-vapor .ts-accordion__header.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-accordion__header.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-accordion__header.large {
  height: var(--vds-size-xxl);
}
.ts-vapor .ts-accordion__header__title {
  color: var(--vds-container-color-text-interactive-default);
  text-decoration: underline;
  text-align: left;
  min-height: var(--vds-size-m);
  width: 100%;
  display: contents;
  white-space: nowrap;
}
.ts-vapor .ts-accordion__header__title.small, .ts-vapor .ts-accordion__header__title.medium, .ts-vapor .ts-accordion__header__title.large {
  font-family: var(--vds-text-headings-interface-small-regular-font-family);
  font-weight: var(--vds-text-headings-interface-small-regular-font-weight);
  line-height: var(--vds-text-headings-interface-small-regular-line-height);
  font-size: var(--vds-text-headings-interface-small-regular-font-size);
}
.ts-vapor .ts-accordion__header__title.opened, .ts-vapor .ts-accordion__header__title.opened:hover {
  font-family: var(--vds-text-headings-interface-small-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-small-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-small-heavy-line-height);
  font-size: var(--vds-text-headings-interface-small-heavy-font-size);
  color: var(--vds-container-color-text-interactive-open);
}
.ts-vapor .ts-accordion__header__title.closed, .ts-vapor .ts-accordion__header__title.closed:hover {
  font-family: var(--vds-text-headings-interface-small-regular-font-family);
  font-weight: var(--vds-text-headings-interface-small-regular-font-weight);
  line-height: var(--vds-text-headings-interface-small-regular-line-height);
  font-size: var(--vds-text-headings-interface-small-regular-font-size);
  color: var(--vds-container-color-text-interactive-default);
}
.ts-vapor .ts-accordion__header__description {
  text-align: right;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  color: var(--vds-color-content-secondary);
}
.ts-vapor .ts-accordion__header__description.small, .ts-vapor .ts-accordion__header__description.medium, .ts-vapor .ts-accordion__header__description.large {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-accordion__header__error {
  text-align: left;
  font-family: var(--vds-text-headings-interface-small-regular-font-family);
  font-weight: var(--vds-text-headings-interface-small-regular-font-weight);
  line-height: var(--vds-text-headings-interface-small-regular-line-height);
  font-size: var(--vds-text-headings-interface-small-regular-font-size);
  color: var(--vds-color-text-action-error-secondary-default);
}
.ts-vapor .ts-accordion__header__text, .ts-vapor .ts-accordion__header__description, .ts-vapor .ts-accordion__header__error {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ts-vapor .ts-accordion__header.closed {
  background-color: var(--vds-container-color-bg-default);
  border-color: var(--vds-color-strate-container-transparent);
  border-bottom-color: var(--vds-container-color-border-default);
}
.ts-vapor .ts-accordion__header.opened {
  background-color: var(--vds-container-color-bg-open);
  border-color: var(--vds-color-strate-container-transparent);
  border-bottom-color: var(--vds-color-strate-container-transparent);
}
.ts-vapor .ts-accordion__header:hover {
  background-color: var(--vds-container-color-bg-hover);
  border-bottom-color: var(--vds-container-color-border-hover);
}
.ts-vapor .ts-accordion__header.error {
  border-bottom-color: var(--vds-container-color-border-error);
}
.ts-vapor .ts-accordion__header.error.opened {
  border-bottom-width: 0;
}
.ts-vapor .ts-accordion__body {
  padding: var(--vds-space-l);
  border-width: 1px;
  border-style: solid;
}
.ts-vapor .ts-accordion__body.closed {
  display: none;
}
.ts-vapor .ts-accordion__body.opened {
  background-color: var(--vds-container-color-bg-default);
  border-color: var(--vds-color-strate-container-transparent);
  border-bottom-color: var(--vds-color-interactive-default);
}
.ts-vapor .ts-accordion__body.error {
  border-bottom-color: var(--vds-container-color-border-error);
}
.ts-vapor .ts-accordion__body.error.opened {
  border-top-width: 0;
}
.ts-vapor .ts-accordion.focused {
  outline-width: 2px;
  outline-style: solid;
}
.ts-vapor .ts-accordion.focused .opened,
.ts-vapor .ts-accordion.focused .closed {
  border-color: var(--vds-color-strate-container-transparent);
}
.ts-vapor .ts-accordion.focused:not(.error) {
  outline-color: var(--vds-container-color-border-focus);
}
.ts-vapor .ts-accordion.focused.error {
  outline-color: var(--vds-container-color-border-error);
}
.ts-vapor.ts-avatar {
  border-radius: var(--vds-border-radius-size-min);
  background-color: var(--vds-utilities-avatar-bg-company-default);
  padding: var(--vds-space-xs);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ts-vapor.ts-avatar:focus:not(:disabled):not(:hover), .ts-vapor.ts-avatar:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-avatar.ts-avatar-rounded {
  border-radius: 50%;
}
.ts-vapor.ts-avatar.ts-avatar-rounded.ts-avatar-image img {
  border-radius: 50%;
}
.ts-vapor.ts-avatar.ts-avatar-tenant {
  background-color: var(--vds-utilities-avatar-bg-tenant-default);
}
.ts-vapor.ts-avatar.ts-avatar-tenant .ts-avatar__span,
.ts-vapor.ts-avatar.ts-avatar-tenant .ts-avatar__icon {
  color: var(--vds-utilities-avatar-content-tenant);
}
.ts-vapor.ts-avatar.ts-avatar-tenant:hover {
  background-color: var(--vds-utilities-avatar-bg-tenant-hover);
}
.ts-vapor.ts-avatar.ts-avatar-user:hover, .ts-vapor.ts-avatar.ts-avatar-company:hover {
  background-color: var(--vds-utilities-avatar-bg-company-hover);
}
.ts-vapor.ts-avatar.small {
  height: var(--vds-size-m);
  width: var(--vds-size-m);
  max-width: var(--vds-size-m);
  max-height: var(--vds-size-m);
  min-height: var(--vds-size-m);
  min-width: var(--vds-size-m);
}
.ts-vapor.ts-avatar.small .ts-avatar__span {
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
}
.ts-vapor.ts-avatar.medium {
  height: var(--vds-size-l);
  width: var(--vds-size-l);
  max-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
}
.ts-vapor.ts-avatar.medium .ts-avatar__span {
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
}
.ts-vapor.ts-avatar.large {
  height: var(--vds-size-xl);
  width: var(--vds-size-xl);
  max-width: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  min-height: var(--vds-size-xl);
  min-width: var(--vds-size-xl);
}
.ts-vapor.ts-avatar.large .ts-avatar__span {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
}
.ts-vapor.ts-avatar.extra-large {
  height: var(--vds-size-xxl);
  width: var(--vds-size-xxl);
  max-width: var(--vds-size-xxl);
  max-height: var(--vds-size-xxl);
  min-height: var(--vds-size-xxl);
  min-width: var(--vds-size-xxl);
}
.ts-vapor.ts-avatar.extra-large .ts-avatar__span {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
}
.ts-vapor.ts-avatar.ts-avatar-image {
  background-color: var(--vds-utilities-avatar-bg-company-default);
}
.ts-vapor.ts-avatar.ts-avatar-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ts-vapor.ts-avatar.ts-avatar-text .ts-avatar__span {
  color: var(--vds-utilities-avatar-content-company);
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ts-vapor.ts-bottom-bar {
  display: block;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0px;
  z-index: var(--z-index-bottombar);
  box-sizing: border-box;
}
.ts-vapor.ts-bottom-bar.small {
  height: var(--vds-size-xl);
}
.ts-vapor.ts-bottom-bar.medium {
  height: var(--vds-size-xxl);
}
.ts-vapor.ts-bottom-bar.large {
  height: var(--vds-size-huge);
}
.ts-vapor.ts-bottom-bar .ts-bottom-bar__content {
  width: 100%;
  background-color: var(--vds-container-color-bg-footer);
  border-top: 1px solid var(--vds-container-color-border-default);
  height: inherit;
  padding: var(--vds-space-m) var(--vds-space-l);
}
.ts-vapor.ts-bottom-bar .ts-bottom-bar__content__cta {
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
  height: inherit;
}
.ts-vapor.ts-bottom-bar .ts-bottom-bar__content__cta div:before, .ts-vapor.ts-bottom-bar .ts-bottom-bar__content__cta div:after {
  content: "";
}
.ts-vapor.ts-bottom-bar .ts-bottom-bar__content__exit {
  margin-left: auto;
}
.ts-vapor .ts-breadcrumb {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  justify-content: flex-start;
  gap: var(--vds-space-s);
  background-color: var(--vds-nav-breadcrumb-bg-default);
  color: var(--vds-nav-breadcrumb-text-default);
  width: -moz-fit-content;
  width: fit-content;
}
.ts-vapor .ts-breadcrumb__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor .ts-breadcrumb__item:focus:not(:disabled):not(:hover), .ts-vapor .ts-breadcrumb__item:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-breadcrumb__item {
  cursor: pointer;
}
.ts-vapor .ts-breadcrumb__item.disabled {
  cursor: not-allowed;
}
.ts-vapor .ts-breadcrumb__item {
  box-sizing: border-box;
  gap: var(--vds-space-m);
  min-width: var(--vds-size-m);
  min-height: var(--vds-size-m);
  max-height: var(--vds-size-m);
  border-radius: var(--vds-border-radius-interactive);
  padding: var(--vds-space-s);
}
.ts-vapor .ts-breadcrumb__item.disabled {
  cursor: not-allowed;
  color: var(--vds-nav-breadcrumb-text-readonly);
}
.ts-vapor .ts-breadcrumb__item.selected {
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
  color: var(--vds-nav-breadcrumb-text-active);
}
.ts-vapor .ts-breadcrumb__item:hover:not(.disabled) {
  background-color: var(--vds-nav-breadcrumb-bg-hover);
  color: var(--vds-nav-breadcrumb-text-active);
}
.ts-vapor .ts-breadcrumb__item:active:not(.disabled) {
  background-color: var(--vds-nav-breadcrumb-bg-active);
  color: var(--vds-nav-breadcrumb-text-active);
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
}
.ts-vapor .ts-breadcrumb__item__icon {
  cursor: pointer;
}
.ts-vapor .ts-breadcrumb__item__icon.disabled {
  cursor: not-allowed;
}
.ts-vapor .ts-breadcrumb__item__text {
  text-decoration: none;
}
.ts-vapor .ts-breadcrumb__item__text {
  cursor: pointer;
}
.ts-vapor .ts-breadcrumb__item__text.disabled {
  cursor: not-allowed;
}
.ts-vapor.ts-button {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  /* primary whites are maintained for backward compatibility */
}
.ts-vapor.ts-button button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: var(--vds-space-m);
  border-radius: var(--vds-border-radius-interactive);
}
.ts-vapor.ts-button span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}
.ts-vapor.ts-button .ts-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor.ts-button .ts-button-text {
  font-family: var(--vds-text-body-interface-large-strong-font-family);
  font-weight: var(--vds-text-body-interface-large-strong-font-weight);
  line-height: var(--vds-text-body-interface-large-strong-line-height);
  font-size: var(--vds-text-body-interface-large-strong-font-size);
  text-align: left;
}
.ts-vapor.ts-button .large {
  min-height: var(--vds-space-size-300);
  min-width: var(--vds-space-size-300);
}
.ts-vapor.ts-button .large.secondary {
  padding-top: calc(var(--vds-space-md) - var(--vds-border-action-secondary-default-width));
  padding-bottom: calc(var(--vds-space-md) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .large:not(.secondary) {
  padding-top: var(--vds-space-md);
  padding-bottom: var(--vds-space-md);
}
.ts-vapor.ts-button .large.has-text {
  padding-left: var(--vds-space-l);
  padding-right: var(--vds-space-l);
}
.ts-vapor.ts-button .large.no-text.secondary {
  padding-left: calc(var(--vds-space-md) - var(--vds-border-action-secondary-default-width));
  padding-right: calc(var(--vds-space-md) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .large.no-text:not(.secondary) {
  padding-left: var(--vds-space-md);
  padding-right: var(--vds-space-md);
}
.ts-vapor.ts-button .large .ts-button-icon {
  width: var(--vds-size-s);
  height: var(--vds-size-s);
}
.ts-vapor.ts-button .medium {
  min-height: var(--vds-size-xl);
  min-width: var(--vds-size-xl);
}
.ts-vapor.ts-button .medium.secondary {
  padding-top: calc(var(--vds-space-m) - var(--vds-border-action-secondary-default-width));
  padding-bottom: calc(var(--vds-space-m) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .medium:not(.secondary) {
  padding-top: var(--vds-space-m);
  padding-bottom: var(--vds-space-m);
}
.ts-vapor.ts-button .medium.has-text {
  padding-left: var(--vds-space-l);
  padding-right: var(--vds-space-l);
}
.ts-vapor.ts-button .medium.no-text.secondary {
  padding-left: calc(var(--vds-space-m) - var(--vds-border-action-secondary-default-width));
  padding-right: calc(var(--vds-space-m) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .medium.no-text:not(.secondary) {
  padding-left: var(--vds-space-m);
  padding-right: var(--vds-space-m);
}
.ts-vapor.ts-button .medium .ts-button-icon {
  width: var(--vds-size-s);
  height: var(--vds-size-s);
}
.ts-vapor.ts-button .small {
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
}
.ts-vapor.ts-button .small.secondary {
  padding-top: calc(var(--vds-space-s) - var(--vds-border-action-secondary-default-width));
  padding-bottom: calc(var(--vds-space-s) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .small:not(.secondary) {
  padding-top: var(--vds-space-s);
  padding-bottom: var(--vds-space-s);
}
.ts-vapor.ts-button .small.has-text {
  padding-left: var(--vds-space-l);
  padding-right: var(--vds-space-l);
}
.ts-vapor.ts-button .small.no-text.secondary {
  padding-left: calc(var(--vds-space-s) - var(--vds-border-action-secondary-default-width));
  padding-right: calc(var(--vds-space-s) - var(--vds-border-action-secondary-default-width));
}
.ts-vapor.ts-button .small.no-text:not(.secondary) {
  padding-left: var(--vds-space-s);
  padding-right: var(--vds-space-s);
}
.ts-vapor.ts-button .small .ts-button-icon {
  width: var(--vds-size-s);
  height: var(--vds-size-s);
}
.ts-vapor.ts-button .tertiary .ts-button-text {
  text-decoration: underline;
}
.ts-vapor.ts-button .primary.cta, .ts-vapor.ts-button .primary.blue {
  background-origin: border-box;
  background-image: unset;
  background-color: var(--vds-btn-color-bg-primary-default);
  color: var(--vds-btn-color-text-primary-all);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .primary.cta:disabled, .ts-vapor.ts-button .primary.blue:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: var(--vds-btn-color-bg-primary-disabled);
  color: var(--vds-btn-color-text-primary-disabled);
  border-color: unset;
}
.ts-vapor.ts-button .primary.cta:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .primary.blue:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-primary-hover);
  color: var(--vds-btn-color-text-primary-all);
  border-color: unset;
}
.ts-vapor.ts-button .primary.cta:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.cta:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.blue:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.blue:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-bg-primary-default);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .primary.cta:active:not(:disabled), .ts-vapor.ts-button .primary.cta.active:not(:disabled), .ts-vapor.ts-button .primary.blue:active:not(:disabled), .ts-vapor.ts-button .primary.blue.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-primary-active);
  color: var(--vds-btn-color-text-primary-all);
  border-color: unset;
}
.ts-vapor.ts-button .primary.error, .ts-vapor.ts-button .primary.alert, .ts-vapor.ts-button .primary.alert-light, .ts-vapor.ts-button .primary.alert-dark {
  background-origin: border-box;
  background-image: unset;
  background-color: var(--vds-btn-color-bg-primary-error-default);
  color: var(--vds-btn-color-text-primary-all);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .primary.error:disabled, .ts-vapor.ts-button .primary.alert:disabled, .ts-vapor.ts-button .primary.alert-light:disabled, .ts-vapor.ts-button .primary.alert-dark:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: var(--vds-btn-color-bg-primary-disabled);
  color: var(--vds-btn-color-text-primary-disabled);
  border-color: unset;
}
.ts-vapor.ts-button .primary.error:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .primary.alert:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .primary.alert-light:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .primary.alert-dark:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-primary-error-hover);
  color: var(--vds-btn-color-text-primary-all);
  border-color: unset;
}
.ts-vapor.ts-button .primary.error:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.error:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert-light:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert-light:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert-dark:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .primary.alert-dark:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-bg-primary-error-default);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .primary.error:active:not(:disabled), .ts-vapor.ts-button .primary.error.active:not(:disabled), .ts-vapor.ts-button .primary.alert:active:not(:disabled), .ts-vapor.ts-button .primary.alert.active:not(:disabled), .ts-vapor.ts-button .primary.alert-light:active:not(:disabled), .ts-vapor.ts-button .primary.alert-light.active:not(:disabled), .ts-vapor.ts-button .primary.alert-dark:active:not(:disabled), .ts-vapor.ts-button .primary.alert-dark.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-primary-error-active);
  color: var(--vds-btn-color-text-primary-all);
  border-color: unset;
}
.ts-vapor.ts-button .secondary.cta, .ts-vapor.ts-button .secondary.blue {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-btn-color-text-secondary-default);
  border-width: var(--vds-border-action-secondary-default-width);
  border-style: var(--vds-border-action-secondary-default-style);
  border-color: var(--vds-btn-color-border-secondary-default);
}
.ts-vapor.ts-button .secondary.cta:disabled, .ts-vapor.ts-button .secondary.blue:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: unset;
  color: var(--vds-btn-color-text-secondary-disabled);
  border-color: var(--vds-btn-color-border-secondary-disabled);
}
.ts-vapor.ts-button .secondary.cta:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .secondary.blue:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-secondary-hover);
  color: var(--vds-btn-color-text-secondary-hover);
  border-color: var(--vds-btn-color-border-secondary-hover);
}
.ts-vapor.ts-button .secondary.cta:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.cta:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.blue:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.blue:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-border-focus);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .secondary.cta:active:not(:disabled), .ts-vapor.ts-button .secondary.cta.active:not(:disabled), .ts-vapor.ts-button .secondary.blue:active:not(:disabled), .ts-vapor.ts-button .secondary.blue.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-secondary-active);
  color: var(--vds-btn-color-text-secondary-hover);
  border-color: var(--vds-btn-color-border-secondary-active);
}
.ts-vapor.ts-button .secondary.error, .ts-vapor.ts-button .secondary.alert, .ts-vapor.ts-button .secondary.alert-light, .ts-vapor.ts-button .secondary.alert-dark {
  background-origin: border-box;
  background-image: unset;
  background-color: var(--vds-btn-color-bg-secondary-error-default);
  color: var(--vds-btn-color-text-secondary-error-default);
  border-width: var(--vds-border-action-secondary-default-width);
  border-style: var(--vds-border-action-secondary-default-style);
  border-color: var(--vds-btn-color-border-secondary-error-default);
}
.ts-vapor.ts-button .secondary.error:disabled, .ts-vapor.ts-button .secondary.alert:disabled, .ts-vapor.ts-button .secondary.alert-light:disabled, .ts-vapor.ts-button .secondary.alert-dark:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: var(--vds-btn-color-bg-secondary-disabled);
  color: var(--vds-btn-color-text-secondary-disabled);
  border-color: var(--vds-btn-color-border-secondary-error-disabled);
}
.ts-vapor.ts-button .secondary.error:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .secondary.alert:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .secondary.alert-light:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .secondary.alert-dark:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-secondary-error-hover);
  color: var(--vds-btn-color-text-secondary-error-hover);
  border-color: var(--vds-btn-color-border-secondary-error-hover);
}
.ts-vapor.ts-button .secondary.error:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.error:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert-light:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert-light:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert-dark:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.alert-dark:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-border-secondary-error-default);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .secondary.error:active:not(:disabled), .ts-vapor.ts-button .secondary.error.active:not(:disabled), .ts-vapor.ts-button .secondary.alert:active:not(:disabled), .ts-vapor.ts-button .secondary.alert.active:not(:disabled), .ts-vapor.ts-button .secondary.alert-light:active:not(:disabled), .ts-vapor.ts-button .secondary.alert-light.active:not(:disabled), .ts-vapor.ts-button .secondary.alert-dark:active:not(:disabled), .ts-vapor.ts-button .secondary.alert-dark.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-secondary-error-active);
  color: var(--vds-btn-color-text-primary-all);
  border-color: unset;
}
.ts-vapor.ts-button .secondary.shell {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-nav-shell-text);
  border-width: unset;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .secondary.shell:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: unset;
  color: unset;
  border-color: unset;
}
.ts-vapor.ts-button .secondary.shell:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-nav-shell-menu-bg-hover);
  color: var(--vds-nav-shell-text);
  border-color: unset;
}
.ts-vapor.ts-button .secondary.shell:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .secondary.shell:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-border-focus);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .secondary.shell:active:not(:disabled), .ts-vapor.ts-button .secondary.shell.active:not(:disabled) {
  background-color: var(--vds-nav-shell-menu-bg-active);
  color: var(--vds-nav-shell-text);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.cta, .ts-vapor.ts-button .tertiary.blue {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-btn-color-text-tertiary-default);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.cta:disabled, .ts-vapor.ts-button .tertiary.blue:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: var();
  color: var(--vds-btn-color-text-tertiary-disabled);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.cta:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .tertiary.blue:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-tertiary-hover);
  color: var(--vds-btn-color-text-tertiary-hover);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.cta:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.cta:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.blue:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.blue:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .tertiary.cta:active:not(:disabled), .ts-vapor.ts-button .tertiary.cta.active:not(:disabled), .ts-vapor.ts-button .tertiary.blue:active:not(:disabled), .ts-vapor.ts-button .tertiary.blue.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-tertiary-active);
  color: var(--vds-btn-color-text-tertiary-default);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.error, .ts-vapor.ts-button .tertiary.alert, .ts-vapor.ts-button .tertiary.alert-light, .ts-vapor.ts-button .tertiary.alert-dark {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-btn-color-text-tertiary-error-default);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.error:disabled, .ts-vapor.ts-button .tertiary.alert:disabled, .ts-vapor.ts-button .tertiary.alert-light:disabled, .ts-vapor.ts-button .tertiary.alert-dark:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: unset;
  color: var(--vds-btn-color-text-tertiary-disabled);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.error:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .tertiary.alert:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .tertiary.alert-light:hover:not(:disabled):not(:active):not(.active), .ts-vapor.ts-button .tertiary.alert-dark:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-btn-color-bg-tertiary-error-active);
  color: var(--vds-btn-color-text-tertiary-error-hover);
  border-color: unset;
}
.ts-vapor.ts-button .tertiary.error:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.error:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert-light:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert-light:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert-dark:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .tertiary.alert-dark:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-error-default);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .tertiary.error:active:not(:disabled), .ts-vapor.ts-button .tertiary.error.active:not(:disabled), .ts-vapor.ts-button .tertiary.alert:active:not(:disabled), .ts-vapor.ts-button .tertiary.alert.active:not(:disabled), .ts-vapor.ts-button .tertiary.alert-light:active:not(:disabled), .ts-vapor.ts-button .tertiary.alert-light.active:not(:disabled), .ts-vapor.ts-button .tertiary.alert-dark:active:not(:disabled), .ts-vapor.ts-button .tertiary.alert-dark.active:not(:disabled) {
  background-color: var(--vds-btn-color-bg-tertiary-error-active);
  color: var(--vds-btn-color-text-tertiary-error-default);
  border-color: unset;
}
.ts-vapor.ts-button .white.primary {
  background-origin: border-box;
  background-image: unset;
  background-color: var(--vds-color-white);
  color: var(--vds-color-brand-vapor-primary-750);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .white.primary:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: var(--vds-color-neutral-400);
  color: var(--vds-color-brand-vapor-primary-100);
  border-color: unset;
}
.ts-vapor.ts-button .white.primary:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-color-brand-vapor-primary-100);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: unset;
}
.ts-vapor.ts-button .white.primary:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .white.primary:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-color-white);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .white.primary:active:not(:disabled), .ts-vapor.ts-button .white.primary.active:not(:disabled) {
  background-color: var(--vds-color-brand-vapor-primary-100);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: unset;
}
.ts-vapor.ts-button .white.secondary {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-color-white);
  border-width: var(--vds-border-action-secondary-default-width);
  border-style: var(--vds-border-action-secondary-default-style);
  border-color: var(--vds-color-white);
}
.ts-vapor.ts-button .white.secondary:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: unset;
  color: var(--vds-color-neutral-100);
  border-color: var(--vds-color-neutral-100);
}
.ts-vapor.ts-button .white.secondary:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-color-white);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: var(--vds-color-white);
}
.ts-vapor.ts-button .white.secondary:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .white.secondary:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-color-white);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .white.secondary:active:not(:disabled), .ts-vapor.ts-button .white.secondary.active:not(:disabled) {
  background-color: var(--vds-color-white);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: var(--vds-color-white);
}
.ts-vapor.ts-button .white.tertiary {
  background-origin: border-box;
  background-image: unset;
  background-color: unset;
  color: var(--vds-color-white);
  border-width: 0;
  border-style: unset;
  border-color: unset;
}
.ts-vapor.ts-button .white.tertiary:disabled {
  cursor: not-allowed;
  background-image: none;
  background-color: unset;
  color: var(--vds-color-neutral-100);
  border-color: unset;
}
.ts-vapor.ts-button .white.tertiary:hover:not(:disabled):not(:active):not(.active) {
  cursor: pointer;
  background-image: none;
  background-color: var(--vds-color-white);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: unset;
}
.ts-vapor.ts-button .white.tertiary:focus:not(:disabled):not(:hover), .ts-vapor.ts-button .white.tertiary:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-color-white);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-button .white.tertiary:active:not(:disabled), .ts-vapor.ts-button .white.tertiary.active:not(:disabled) {
  background-color: var(--vds-color-white);
  color: var(--vds-color-brand-vapor-primary-750);
  border-color: unset;
}
.ts-vapor.ts-button.inner-focus .primary:focus:not(:disabled):not(:hover), .ts-vapor.ts-button.inner-focus .primary:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-color-white);
  outline-offset: -3px;
  position: relative;
}
.ts-vapor.ts-button.inner-focus .secondary:focus:not(:disabled):not(:hover), .ts-vapor.ts-button.inner-focus .secondary:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-secondary-default);
  outline-offset: -3px;
  position: relative;
}
.ts-vapor.ts-button .always-top {
  z-index: var(--z-index-fab);
  position: absolute;
}
.ts-vapor.ts-button.fab {
  filter: drop-shadow(var(--vds-elevation-4-offset-x) var(--vds-elevation-4-offset-y) var(--vds-elevation-4-blur) var(--vds-elevation-4-color));
}
.ts-vapor.ts-button .vapor-disclosure span {
  font-family: var(--vds-text-body-interface-large-regular-font-family);
  font-weight: var(--vds-text-body-interface-large-regular-font-weight);
  line-height: var(--vds-text-body-interface-large-regular-line-height);
  font-size: var(--vds-text-body-interface-large-regular-font-size);
}
.ts-vapor.ts-button .vapor-disclosure.active span {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
}
.ts-vapor.ts-card {
  --card-background-color: var(--color-white);
  --card-box-shadow: var(--box-shadow);
  --card-margin: var(--base-unit-4);
  --card-header-margin: 0 0 var(--base-unit-2);
  --card-title-font-family: var(--font-family-title);
  --card-title-font-size: var(--font-size-xl);
  --card-title-font-weight: var(--font-weight-semibold);
  --card-title-line-height: var(--base-unit-5);
  --card-title-color: var(--color-primary-dark);
  --card-title-color-light: var(--color-primary);
  --card-button-size: var(--base-unit-6);
  --card-button-font-size: var(--font-size-sm);
}
.ts-vapor.ts-card {
  display: flex;
  background-color: var(--card-background-color);
  box-shadow: var(--card-box-shadow);
}
.ts-vapor.ts-card .ts-card-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ts-vapor.ts-card .ts-card-left .ts-card-body {
  margin: 0;
}
.ts-vapor.ts-card .ts-card-left .ts-card-body .ts-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--card-header-margin);
}
.ts-vapor.ts-card .ts-card-left .ts-card-body .ts-card-title {
  display: block;
  color: var(--card-title-color);
  font-weight: var(--card-title-font-weight);
  font-size: var(--card-title-font-size);
  font-family: var(--card-title-font-family);
  line-height: var(--card-title-line-height);
}
.ts-vapor.ts-card .ts-card-left .ts-card-body .ts-card-title em {
  color: var(--card-title-color-light);
  font-style: normal;
}
.ts-vapor.ts-card .ts-card-left .ts-card-footer {
  display: flex;
  flex-direction: row-reverse;
  height: var(--card-button-size);
  background-color: var(--color-very-light-grey);
  margin-top: auto;
}
.ts-vapor.ts-card .ts-card-left .ts-card-footer button {
  width: var(--card-button-size);
  height: var(--card-button-size);
  text-shadow: var(--text-shadow-base);
  font-family: var(--font-family-fontawesome);
  font-size: var(--card-button-font-size);
  font-weight: var(--font-weight-light);
  font-style: normal;
  font-stretch: normal;
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-default);
  text-align: center;
  border: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: var(--color-brand-primary);
  background-color: var(--color-very-light-grey);
}
.ts-vapor.ts-card .ts-card-left .ts-card-footer button:focus {
  outline: none;
}
.ts-vapor.ts-card .ts-card-left .ts-card-footer button:hover {
  background-color: var(--color-light-blue-01);
}
.ts-vapor.ts-card .ts-card-left .ts-card-footer button:disabled {
  color: var(--color-brand-primary-shade-light);
  pointer-events: none;
}
.ts-vapor.ts-card .ts-card-action {
  display: flex;
  flex-direction: column;
  background-color: var(--color-very-light-grey);
  width: var(--card-button-size);
}
.ts-vapor.ts-card .ts-card-action button {
  width: var(--card-button-size);
  height: var(--card-button-size);
  text-shadow: var(--text-shadow-base);
  font-family: var(--font-family-fontawesome);
  font-size: var(--card-button-font-size);
  font-weight: var(--font-weight-light);
  font-style: normal;
  font-stretch: normal;
  line-height: var(--line-height-base);
  letter-spacing: var(--letter-spacing-default);
  text-align: center;
  border: 0;
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: var(--color-brand-primary);
  background-color: var(--color-very-light-grey);
}
.ts-vapor.ts-card .ts-card-action button:focus {
  outline: none;
}
.ts-vapor.ts-card .ts-card-action button:hover {
  background-color: var(--color-light-blue-01);
}
.ts-vapor.ts-card .ts-card-action button:disabled {
  color: var(--color-brand-primary-shade-light);
  pointer-events: none;
}
.ts-vapor.ts-card .ts-card-action button:last-of-type {
  margin-top: auto;
}
.ts-vapor.ts-card .ts-card-action button:last-of-type:before {
  position: absolute;
  content: "";
  width: 70%;
  transform: translateX(-50%);
  top: 0px;
  left: 50%;
  border-bottom: var(--border-light);
}
.ts-vapor.ts-card .ts-card-action button:only-child::before {
  content: none;
}
.ts-vapor.ts-card .ts-card-action button:nth-last-of-type(2) {
  margin-bottom: auto;
}
.ts-vapor.ts-card2 {
  display: grid;
  background-color: var(--vds-container-color-bg-default);
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--vds-border-radius-container);
  border-style: solid;
  border-width: 1px;
  border-color: var(--vds-container-color-border-default);
  container-type: inline-size;
}
.ts-vapor.ts-card2 .ts-card2-media,
.ts-vapor.ts-card2 .ts-card2-body,
.ts-vapor.ts-card2 .ts-card2-header,
.ts-vapor.ts-card2 .ts-card2-title,
.ts-vapor.ts-card2 .ts-card2-footer,
.ts-vapor.ts-card2 .ts-card2-indicators {
  padding-left: var(--vds-space-m);
  padding-right: var(--vds-space-m);
  padding-top: var(--vds-space-s);
}
.ts-vapor.ts-card2 .ts-card2-media {
  grid-row: 1;
}
.ts-vapor.ts-card2 .ts-card2-header,
.ts-vapor.ts-card2 .ts-card2-title {
  grid-row: 2;
}
.ts-vapor.ts-card2 .ts-card2-body {
  grid-row: 3;
}
.ts-vapor.ts-card2 .ts-card2-indicators {
  padding-left: var(--vds-space-m);
  padding-right: var(--vds-space-m);
  padding-top: var(--vds-space-s);
  grid-row: 4;
}
.ts-vapor.ts-card2 .ts-card2-footer {
  grid-row: 5;
  justify-content: space-between;
  gap: var(--vds-space-s);
  background-color: var(--vds-container-color-bg-footer);
}
.ts-vapor.ts-card2 .ts-card2-footer .left-section,
.ts-vapor.ts-card2 .ts-card2-footer .right-section {
  display: flex;
}
@container (min-width: 400px) {
  .ts-vapor.ts-card2 .ts-card2-media {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .ts-vapor.ts-card2 .ts-card2-header,
  .ts-vapor.ts-card2 .ts-card2-title {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .ts-vapor.ts-card2 .ts-card2-body {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  .ts-vapor.ts-card2 .ts-card2-indicators {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .ts-vapor.ts-card2 .ts-card2-footer {
    grid-column: 1/3;
    grid-row: 4/5;
  }
}
.ts-vapor.ts-card2:hover {
  border-color: var(--vds-container-color-border-hover);
}
.ts-vapor.ts-card2 > :last-child {
  padding-bottom: var(--vds-space-s);
}
.ts-vapor.ts-card2.selected {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-check-box {
  display: grid;
}
.ts-vapor .ts-check-box .ts-check-box__container {
  display: inline-flex;
  align-items: center;
  justify-items: center;
  width: auto;
  height: auto;
}
.ts-vapor .ts-check-box .ts-check-box__container__label {
  display: flex;
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
  cursor: pointer;
  align-items: center;
  padding-left: var(--vds-space-s);
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ts-vapor .ts-check-box .ts-check-box__container__label.el-disabled {
  color: var(--vds-ctrl-color-text-disabled);
  pointer-events: none;
}
.ts-vapor .ts-check-box .ts-check-box__container__label.checked {
  font-family: var(--vds-text-body-small-heavy-font-family);
  font-weight: var(--vds-text-body-small-heavy-font-weight);
  line-height: var(--vds-text-body-small-heavy-line-height);
  font-size: var(--vds-text-body-small-heavy-font-size);
}
.ts-vapor .ts-check-box .ts-check-box__container__label:hover {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor .ts-chip {
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  text-decoration: none;
  display: inline-block;
  border-radius: var(--vds-border-radius-group);
  min-height: var(--vds-size-m);
  min-width: var(--vds-size-m);
  padding: var(--vds-space-m);
  color: var(--vds-forms-chips-text-default);
  background: var(--vds-forms-chips-bg-default);
  border: var(--vds-border-stroke-base) solid var(--vds-forms-chips-border-default);
  display: flex;
}
.ts-vapor .ts-chip__icon {
  display: inline-block;
  margin-right: var(--vds-space-s);
}
.ts-vapor .ts-chip__deletable {
  display: inline-block;
  margin-left: var(--vds-space-m);
}
.ts-vapor .ts-chip:hover:not(:disabled) {
  cursor: pointer;
  border-color: var(--vds-forms-chips-border-hover);
}
.ts-vapor .ts-chip:hover:not(:disabled).selected {
  background: var(--vds-forms-chips-bg-selected-hover);
}
.ts-vapor .ts-chip:hover:not(:disabled):not(.selected) {
  background: var(--vds-forms-chips-bg-hover);
}
.ts-vapor .ts-chip.selected {
  background: var(--vds-forms-chips-bg-selected-default);
  color: var(--vds-forms-chips-text-selected);
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
}
.ts-vapor .ts-chip:focus:not(:disabled):not(:hover), .ts-vapor .ts-chip:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-contentswitch-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}
.ts-vapor .ts-contentswitch-container .left {
  border-bottom-left-radius: var(--vds-border-radius-group);
  border-top-left-radius: var(--vds-border-radius-group);
}
.ts-vapor .ts-contentswitch-container .right {
  border-bottom-right-radius: var(--vds-border-radius-group);
  border-top-right-radius: var(--vds-border-radius-group);
}
.ts-vapor .ts-contentswitch-container .selected {
  background-color: var(--vds-nav-switch-color-bg-current);
}
.ts-vapor .ts-contentswitch-container__button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: var(--vds-nav-switch-color-bg-default);
  padding-left: var(--vds-space-l);
  padding-right: var(--vds-space-l);
  border: 1px solid var(--vds-color-null);
}
.ts-vapor .ts-contentswitch-container__button.small {
  padding-top: 0;
  padding-bottom: 0;
  height: var(--vds-size-m);
}
.ts-vapor .ts-contentswitch-container__button.medium {
  padding-top: var(--vds-space-s);
  padding-bottom: var(--vds-space-s);
  height: calc(var(--vds-size-m) + var(--vds-space-s) * 2);
}
.ts-vapor .ts-contentswitch-container__button.large {
  padding-top: var(--vds-space-m);
  padding-bottom: var(--vds-space-m);
  height: calc(var(--vds-size-m) + var(--vds-space-m) * 2);
}
.ts-vapor .ts-contentswitch-container__button__content {
  font-family: var(--vds-text-headings-interface-small-regular-font-family);
  font-weight: var(--vds-text-headings-interface-small-regular-font-weight);
  line-height: var(--vds-text-headings-interface-small-regular-line-height);
  font-size: var(--vds-text-headings-interface-small-regular-font-size);
  text-align: center;
  color: var(--vds-nav-switch-color-text-default);
  min-height: var(--vds-size-m);
  min-width: var(--vds-size-m);
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor .ts-contentswitch-container__button__content .ts-contentswitch-container__badge__host {
  left: 1rem;
  margin-left: 0.25rem;
  padding-top: 0.32rem;
}
.ts-vapor .ts-contentswitch-container__button__content.badge {
  margin-right: var(--vds-space-base);
}
.ts-vapor .ts-contentswitch-container__button:focus:not(:disabled):not(:hover), .ts-vapor .ts-contentswitch-container__button:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-color-white);
  outline-offset: -3px;
  position: relative;
}
.ts-vapor .ts-contentswitch-container__button.selected {
  font-family: var(--vds-text-headings-interface-small-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-small-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-small-heavy-line-height);
  font-size: var(--vds-text-headings-interface-small-heavy-font-size);
  color: var(--vds-nav-switch-color-text-selected);
}
.ts-vapor .ts-contentswitch-container__button.selected span,
.ts-vapor .ts-contentswitch-container__button.selected .ng-fa-icon {
  color: var(--vds-nav-switch-color-text-selected);
}
.ts-vapor .ts-contentswitch-container__button:hover {
  cursor: pointer;
  border-color: var(--vds-nav-switch-color-border-hover);
}
.ts-vapor .ts-contentswitch-container .ng-fa-icon {
  padding-right: var(--vds-space-m);
}
.ts-vapor .ts-context-menu {
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-context-menu.sub-menu {
  background-color: var(--white);
  border: var(--border-light);
  transform: translateY(-1px);
}
.ts-vapor .ts-context-menu li {
  list-style-type: none;
  text-align: left;
}
.ts-vapor .ts-context-menu .ts-menu-item {
  padding: 0 var(--base-unit-2);
  height: var(--base-unit-5);
  box-sizing: border-box;
}
.ts-vapor .ts-context-menu .ts-menu-item.separator {
  border-bottom: var(--border-light);
}
.ts-vapor .ts-context-menu .ts-menu-item.highlighted {
  font-weight: var(--font-weight-bold);
}
.ts-vapor .ts-context-menu .ts-menu-item:hover:not(.disabled) {
  cursor: pointer;
  outline: 1px solid var(--color-primary);
}
.ts-vapor .ts-badge {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  background-color: var(--vds-feedback-badge-bg-alert);
  color: var(--vds-feedback-badge-text-default);
  border: var(--vds-border-size-xs) solid var(--vds-feedback-badge-border-default);
  border-radius: var(--vds-border-radius-group);
  gap: var(--vds-space-xs);
  box-sizing: border-box;
}
.ts-vapor .ts-badge.bdg-sz-xxs {
  max-height: var(--vds-size-xs);
  min-height: var(--vds-size-xs);
  min-width: var(--vds-size-xs);
}
.ts-vapor .ts-badge.bdg-sz-xs {
  max-height: calc(var(--vds-size-xs) * 1.25);
  min-height: calc(var(--vds-size-xs) * 1.25);
  min-width: calc(var(--vds-size-xs) * 1.25);
}
.ts-vapor .ts-badge.bdg-sz-sm {
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
  padding: var(--vds-space-xs);
  max-height: var(--vds-size-s);
  min-height: var(--vds-size-s);
  min-width: var(--vds-size-s);
}
.ts-vapor .ts-badge.bdg-sz-md {
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
  padding: var(--vds-space-s);
  max-height: var(--vds-size-m);
  min-height: var(--vds-size-m);
  min-width: var(--vds-size-m);
}
.ts-vapor .ts-badge.bdg-sz-lg {
  font-family: var(--vds-text-body-large-heavy-font-family);
  font-weight: var(--vds-text-body-large-heavy-font-weight);
  line-height: var(--vds-text-body-large-heavy-line-height);
  font-size: var(--vds-text-body-large-heavy-font-size);
  padding: var(--vds-space-sm);
  max-height: var(--vds-size-l);
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
}
.ts-vapor .ts-badge.bdg-stat-error {
  background-color: var(--vds-feedback-badge-bg-alert);
}
.ts-vapor .ts-badge.bdg-stat-counter {
  background-color: var(--vds-feedback-badge-bg-counter);
  color: var(--vds-feedback-badge-text-counter);
}
.ts-vapor .ts-badge.bdg-stat-success {
  background-color: var(--vds-feedback-badge-bg-success);
}
.ts-vapor .ts-badge.bdg-stat-warning {
  background-color: var(--vds-feedback-badge-bg-warning);
  color: var(--vds-feedback-badge-text-counter);
}
.ts-vapor .ts-badge.bdg-stat-informative {
  background-color: var(--vds-feedback-badge-bg-info);
}
.ts-vapor.ts-elevation-base,
.ts-vapor .ts-elevation-base {
  box-shadow: none;
}
.ts-vapor.ts-elevation-flat,
.ts-vapor .ts-elevation-flat {
  box-shadow: none;
}
.ts-vapor.ts-elevation-raised,
.ts-vapor .ts-elevation-raised {
  filter: drop-shadow(var(--vds-elevation-1-offset-x) var(--vds-elevation-1-offset-y) var(--vds-elevation-1-blur) var(--vds-elevation-1-color));
}
.ts-vapor.ts-elevation-overlay,
.ts-vapor .ts-elevation-overlay {
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
}
.ts-vapor.ts-elevation-nav,
.ts-vapor .ts-elevation-nav {
  filter: drop-shadow(var(--vds-elevation-3-offset-x) var(--vds-elevation-3-offset-y) var(--vds-elevation-3-blur) var(--vds-elevation-3-color));
}
.ts-vapor.ts-elevation-popout,
.ts-vapor .ts-elevation-popout {
  filter: drop-shadow(var(--vds-elevation-4-offset-x) var(--vds-elevation-4-offset-y) var(--vds-elevation-4-blur) var(--vds-elevation-4-color));
}
.ts-vapor .ts-drawer-container {
  --border-drawer-bottom-size: 0.125rem;
}
.ts-vapor .ts-drawer-container {
  position: fixed;
  right: 0;
  height: 100%; /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
  height: -moz-available;
  height: stretch;
  max-width: 80%;
}
.ts-vapor .ts-drawer-container .hidden {
  display: none;
}
.ts-vapor .ts-drawer-container .ts-drawer-content {
  filter: drop-shadow(var(--vds-elevation-4-offset-x) var(--vds-elevation-4-offset-y) var(--vds-elevation-4-blur) var(--vds-elevation-4-color));
  background-color: var(--vds-container-color-bg-default);
  border-bottom-left-radius: var(--vds-border-radius-container);
  border-top-left-radius: var(--vds-border-radius-container);
}
.ts-vapor .ts-drawer-container .ts-drawer-content .ts-page-title {
  border-top-left-radius: var(--vds-border-radius-container);
  padding-right: var(--vds-space-xs);
}
.ts-vapor .ts-drawer-container .ts-drawer-content .ts-page-title .ts-drawer__header__right {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-drawer-container .ts-drawer-content .ts-bottom-bar__content {
  border-bottom-left-radius: var(--vds-border-radius-container);
}
.ts-vapor .ts-drawer-container .ts-drawer-content .ts-drawer-section {
  height: auto;
  position: relative;
  max-height: 100%;
}
.ts-vapor .ts-drawer-container .ts-drawer-content .ts-drawer-section .ts-drawer-content {
  height: auto;
  max-height: 100%;
}
.ts-vapor .ts-drawer-container .ts-drawer-push-button {
  z-index: 1;
  border-bottom-left-radius: var(--vds-border-radius-container);
  border-top-left-radius: var(--vds-border-radius-container);
  background-color: var(--vds-container-color-bg-default);
  position: absolute;
  left: calc(var(--vds-size-xl) * -1);
  align-self: center;
}
.ts-vapor .ts-input-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-input-container__header {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-height: var(--vds-size-s);
  display: flex;
  gap: var(--vds-space-s);
  align-items: center;
}
.ts-vapor .ts-input-container__header ts-icon {
  height: var(--vds-size-s);
}
.ts-vapor .ts-input-container__header.collapsed {
  height: 0;
}
.ts-vapor .ts-input-container__header.disabled {
  color: var(--color-text-03);
  cursor: not-allowed;
}
.ts-vapor .ts-input-container__header__text {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  color: var(--vds-forms-color-text-label);
}
.ts-vapor .ts-input-container__header__text.disabled {
  color: var(--color-text-03);
  cursor: not-allowed;
}
.ts-vapor .ts-input-container__header__optional {
  min-height: var(--vds-size-s);
  font-family: var(--vds-text-body-helper-strong-font-family);
  font-weight: var(--vds-text-body-helper-strong-font-weight);
  line-height: var(--vds-text-body-helper-strong-line-height);
  font-size: var(--vds-text-body-helper-strong-font-size);
}
.ts-vapor .ts-input-container__header__optional.disabled {
  color: var(--color-text-03);
  cursor: not-allowed;
}
.ts-vapor .ts-input-container__data {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
}
.ts-vapor .ts-input-container__data.lock-unlock input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-input-container__data__lock .ts-button.primary.medium.white {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.ts-vapor .ts-input-container .suffix.single {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
  padding: var(--vds-space-m);
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor .ts-input-container .suffix.single.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-input-container .suffix.single.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-input-container .suffix.single:hover:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-input-container .suffix.single else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-input-container .suffix.single:focus:not(:disabled):not(:hover), .ts-vapor .ts-input-container .suffix.single:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-input-container .suffix.single:active:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .suffix.single else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .suffix.single:hover {
  cursor: pointer;
}
.ts-vapor .ts-input-container .suffix.single:disabled, .ts-vapor .ts-input-container .suffix.single.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-input-container .suffix.single:disabled fa-icon, .ts-vapor .ts-input-container .suffix.single.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-input-container .suffix.single:disabled:active, .ts-vapor .ts-input-container .suffix.single.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .suffix.single.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-input-container .suffix.single.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-input-container .suffix.single.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-input-container .suffix.single.ts-invalid:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-input-container .suffix.single.ts-invalid:not(:disabled):not(.disabled) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-input-container .suffix.single.ts-invalid:not(:disabled):not(.disabled):focus:not(:disabled):not(:hover), .ts-vapor .ts-input-container .suffix.single.ts-invalid:not(:disabled):not(.disabled):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-input-container .suffix.single::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-input-container .prefix.single {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
  padding: var(--vds-space-m);
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor .ts-input-container .prefix.single.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-input-container .prefix.single.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-input-container .prefix.single:hover:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-input-container .prefix.single else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-input-container .prefix.single:focus:not(:disabled):not(:hover), .ts-vapor .ts-input-container .prefix.single:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-input-container .prefix.single:active:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .prefix.single else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .prefix.single:hover {
  cursor: pointer;
}
.ts-vapor .ts-input-container .prefix.single:disabled, .ts-vapor .ts-input-container .prefix.single.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-input-container .prefix.single:disabled fa-icon, .ts-vapor .ts-input-container .prefix.single.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-input-container .prefix.single:disabled:active, .ts-vapor .ts-input-container .prefix.single.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-input-container .prefix.single.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-input-container .prefix.single.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-input-container .prefix.single.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-input-container .prefix.single.ts-invalid:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-input-container .prefix.single.ts-invalid:not(:disabled):not(.disabled) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-input-container .prefix.single.ts-invalid:not(:disabled):not(.disabled):focus:not(:disabled):not(:hover), .ts-vapor .ts-input-container .prefix.single.ts-invalid:not(:disabled):not(.disabled):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-input-container .prefix.single::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor.ts-layout {
  background-color: inherit;
  display: block;
  padding: var(--vds-space-m);
}
.ts-vapor.ts-layout .ts-layout-section {
  background-color: inherit;
}
.ts-vapor.ts-layout .ts-layout-title {
  flex: 1;
  padding: var(--vds-space-m) var(--vds-space-xl);
  color: var(--vds-color-content-primary);
  font-family: var(--vds-text-headings-page-font-family);
  font-weight: var(--vds-text-headings-page-font-weight);
  line-height: var(--vds-text-headings-page-line-height);
  font-size: var(--vds-text-headings-page-font-size);
  text-align: center;
  text-transform: uppercase;
}
.ts-vapor.ts-layout .ts-layout-top-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
}
.ts-vapor.ts-layout .ts-layout-top-container:empty {
  display: none;
}
.ts-vapor .ts-numberbox {
  /* Hide HTML5 Up and Down arrows. */
}
.ts-vapor .ts-numberbox input[type=number]::-webkit-outer-spin-button,
.ts-vapor .ts-numberbox input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ts-vapor .ts-numberbox input[type=number] {
  -moz-appearance: textfield;
}
.ts-vapor .ts-numberbox__input {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
}
.ts-vapor .ts-numberbox__input.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-numberbox__input.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-numberbox__input else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-numberbox__input:focus:not(:disabled):not(:hover), .ts-vapor .ts-numberbox__input:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-numberbox__input else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-numberbox__input:hover {
  cursor: pointer;
}
.ts-vapor .ts-numberbox__input:read-only {
  cursor: default;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: transparent;
}
.ts-vapor .ts-numberbox__input:disabled, .ts-vapor .ts-numberbox__input.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-numberbox__input:disabled fa-icon, .ts-vapor .ts-numberbox__input.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-numberbox__input:disabled:active, .ts-vapor .ts-numberbox__input.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-numberbox__input.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-numberbox__input.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-numberbox__input.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-numberbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-numberbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-numberbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus:not(:disabled):not(:hover), .ts-vapor .ts-numberbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-numberbox__input::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-numberbox__input.arrows {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-numberbox__cta.plusminus {
  right: var(--vds-size-xxl);
}
.ts-vapor .ts-numberbox__spinner {
  height: 100%;
  width: var(--vds-space-xl);
  position: absolute;
  display: grid;
  grid-template-rows: 1fr 1fr;
  right: 0;
  z-index: 1;
}
.ts-vapor .ts-numberbox__spinner__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.ts-vapor .ts-numberbox__spinner__icon fa-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--vds-forms-color-text-input-fill);
}
.ts-vapor .ts-numberbox__spinner__icon:hover {
  color: var(--vds-container-color-text-interactive-hover);
}
.ts-vapor .ts-numberbox__spinner__icon:active {
  transform: translateY(1px);
}
.ts-vapor.ts-overlay-spinner-panel {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
}
.ts-vapor.ts-overlay-spinner-panel.modal .ts-overlay-spinner {
  max-width: 640px;
}
.ts-vapor.ts-overlay-spinner-panel .ts-overlay-spinner {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: var(--z-index-overlay-spinner);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex-direction: column;
  padding: var(--vds-space-xl);
  box-sizing: border-box;
  gap: var(--vds-space-m);
}
.ts-vapor.ts-overlay-spinner-panel .ts-overlay-spinner__title {
  font-family: var(--vds-text-headings-section-font-family);
  font-weight: var(--vds-text-headings-section-font-weight);
  line-height: var(--vds-text-headings-section-line-height);
  font-size: var(--vds-text-headings-section-font-size);
  color: var(--vds-color-content-primary);
  margin-top: calc(var(--vds-space-xl) - var(--vds-space-m));
  text-align: center;
}
.ts-vapor.ts-overlay-spinner-panel .ts-overlay-spinner__desc {
  font-family: var(--vds-text-body-large-regular-font-family);
  font-weight: var(--vds-text-body-large-regular-font-weight);
  line-height: var(--vds-text-body-large-regular-line-height);
  font-size: var(--vds-text-body-large-regular-font-size);
  color: var(--vds-color-content-primary);
  text-align: center;
}
.ts-vapor .ts-page-title {
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--vds-nav-title-bar-color-border);
  background-color: var(--vds-nav-title-bar-color-bg);
  align-items: center;
  box-sizing: border-box;
  gap: var(--vds-space-s);
  justify-content: space-between;
  z-index: var(--z-index-page-title);
  min-height: var(--vds-size-xl);
  min-width: 0;
  padding-top: var(--vds-space-m);
  padding-bottom: var(--vds-space-m);
  padding-left: var(--vds-space-xs);
  padding-right: var(--vds-space-l);
}
.ts-vapor .ts-page-title.reduced {
  padding-top: 0;
  padding-bottom: 0;
}
.ts-vapor .ts-page-title.left-padded {
  padding-left: var(--vds-space-l);
}
.ts-vapor .ts-page-title.auto {
  position: sticky;
  top: -1px;
}
.ts-vapor .ts-page-title__left {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-page-title__left__data {
  min-width: 0;
}
.ts-vapor .ts-page-title__left__data__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--vds-space-m);
  min-width: 0;
}
.ts-vapor .ts-page-title__left__data__content__media:empty {
  display: none;
}
.ts-vapor .ts-page-title__left__data__content__info {
  min-width: 0;
}
.ts-vapor .ts-page-title__left__data__content__info__main {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--vds-space-m);
  min-width: 0;
}
.ts-vapor .ts-page-title__left__data__content__info__main__title {
  color: var(--vds-nav-title-bar-color-text-title);
  font-family: var(--vds-text-headings-interface-large-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-large-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-large-heavy-line-height);
  font-size: var(--vds-text-headings-interface-large-heavy-font-size);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-vapor .ts-page-title__left__data__content__info__main__title.reduced {
  font-family: var(--vds-text-headings-interface-small-strong-font-family);
  font-weight: var(--vds-text-headings-interface-small-strong-font-weight);
  line-height: var(--vds-text-headings-interface-small-strong-line-height);
  font-size: var(--vds-text-headings-interface-small-strong-font-size);
}
.ts-vapor .ts-page-title__left__data__content__info__main__metadata:empty {
  display: none;
}
.ts-vapor .ts-page-title__left__data__content__description {
  color: var(--vds-nav-title-bar-color-text-desc);
  font-family: var(--vds-text-headings-interface-small-regular-font-family);
  font-weight: var(--vds-text-headings-interface-small-regular-font-weight);
  line-height: var(--vds-text-headings-interface-small-regular-line-height);
  font-size: var(--vds-text-headings-interface-small-regular-font-size);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-vapor .ts-page-title__left__data__breadcrumb:empty {
  display: none;
}
.ts-vapor .ts-page-title__sticky-top {
  height: 0px;
  visibility: hidden;
}
.ts-vapor .ts-pagination {
  list-style: none;
  display: inline-flex;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-pagination li {
  padding: var(--vds-space-s) 0;
}
.ts-vapor .ts-pagination li .ts-vapor.ts-button .tertiary.cta.small {
  padding-left: 0;
  padding-right: 0;
}
.ts-vapor .ts-pagination li .active.ts-vapor.ts-button .tertiary.cta.small {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
.ts-vapor .ts-pagination__affordance {
  min-height: var(--vds-size-m);
  min-width: var(--vds-size-m);
}
.ts-vapor .ts-select-pagination-controls {
  display: flex;
  align-items: center;
  gap: var(--vds-space-m);
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor .ts-pdf-container {
  overflow: auto;
  background-color: var(--vds-container-color-bg-default);
}
.ts-vapor .ts-pdf-container .pdf-content {
  height: 100%;
}
.ts-vapor .ts-popover {
  font-size: var(--font-size-sm);
  box-sizing: border-box;
  min-width: var(--base-unit-30);
  color: var(--color-text-01);
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-popover__header {
  padding: var(--popover-padding) var(--base-unit-2) var(--base-unit-2) var(--base-unit-2);
  height: var(--popover-height);
  box-sizing: border-box;
}
.ts-vapor .ts-popover__header span {
  font-weight: var(--font-weight-bold);
}
.ts-vapor .ts-popover__item {
  height: var(--base-unit-5);
  box-sizing: border-box;
  padding: var(--base-unit) var(--base-unit-2);
  border: var(--border-transparent);
}
.ts-vapor .ts-popover__item.highlighted {
  font-weight: var(--font-weight-bold);
}
.ts-vapor .ts-popover__item.disabled {
  background-color: var(--color-ghostwhite);
  color: var(--color-text-05);
}
.ts-vapor .ts-popover__item:hover:not(.disabled) {
  border: var(--border-std-width) var(--border-std-style) var(--color-primary);
}
.ts-vapor .ts-popover__item.indented {
  padding-left: var(--base-unit-4);
}
.ts-vapor .ts-popover__item.selected {
  background-color: var(--azure);
}
.ts-vapor .ts-popover__item.disabled ts-icon:hover {
  cursor: not-allowed;
}
.ts-vapor .ts-popover__item.selectable ts-icon {
  color: var(--richelectricblue);
}
.ts-vapor .ts-popover__item.selectable ts-icon:hover {
  cursor: pointer;
  background-color: var(--color-gray-verylight);
}
.ts-vapor .ts-popover__footer {
  padding: var(--base-unit-2);
  border-top: var(--border-light);
}
.ts-vapor .ts-popover__footer__action {
  margin: 0 var(--base-unit-xs);
}
.ts-vapor .ts-popup {
  display: flex;
  flex-direction: column;
  filter: drop-shadow(var(--vds-elevation-4-offset-x) var(--vds-elevation-4-offset-y) var(--vds-elevation-4-blur) var(--vds-elevation-4-color));
  background-color: var(--vds-container-color-bg-default);
  box-sizing: border-box;
}
.ts-vapor .ts-popup.action, .ts-vapor .ts-popup.standard {
  border-radius: var(--vds-border-radius-container);
}
.ts-vapor .ts-popup__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--vds-color-text-body-default);
  font-family: var(--vds-text-headings-interface-large-heavy-font-family);
  font-weight: var(--vds-text-headings-interface-large-heavy-font-weight);
  line-height: var(--vds-text-headings-interface-large-heavy-line-height);
  font-size: var(--vds-text-headings-interface-large-heavy-font-size);
  padding: var(--vds-space-l);
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.ts-vapor .ts-popup__title.info {
  border-bottom-color: var(--vds-container-color-border-focus);
}
.ts-vapor .ts-popup__title.error {
  border-bottom-color: var(--vds-container-color-border-error);
}
.ts-vapor .ts-popup__body {
  padding: var(--vds-space-l);
}
.ts-vapor .ts-popup .ts-bottom-bar__content {
  border-bottom-left-radius: var(--vds-border-radius-container);
  border-bottom-right-radius: var(--vds-border-radius-container);
}
.ts-vapor .ts-popup__backdrop.cdk-overlay-backdrop {
  background-color: var(--vds-container-overlay);
}
.ts-vapor .ts-popup.small:not(.fullscreen) {
  min-width: 30rem !important;
  max-width: 30rem !important;
}
.ts-vapor .ts-popup.medium:not(.fullscreen) {
  min-width: 35rem !important;
  max-width: 35rem !important;
}
.ts-vapor .ts-popup.large:not(.fullscreen) {
  min-width: 45rem !important;
  max-width: 45rem !important;
}
.ts-vapor .ts-popup.hidden {
  z-index: -1;
  opacity: 0;
  animation: hide 0.25s;
  transform: scale(0);
}
.ts-vapor .ts-popup.action {
  border-width: 1px;
  border-style: solid;
}
.ts-vapor .ts-popup.action.info {
  border-color: var(--vds-container-color-border-focus);
}
.ts-vapor .ts-popup.action.error {
  border-color: var(--vds-container-color-border-error);
}
.ts-vapor .ts-popup.fullscreen {
  width: 100% !important;
  height: 100% !important;
}
@keyframes hide {
  from {
    z-index: 2;
    transform: scale(1);
    opacity: 1;
  }
  to {
    z-index: -1;
    transform: scale(0);
    opacity: 0;
  }
}
.ts-vapor .ts-popup.visible {
  opacity: 1;
  z-index: 2;
  animation: show 0.4s;
  transform: scale(1);
}
@keyframes show {
  from {
    transform: scale(0);
    opacity: 0;
    z-index: -1;
  }
  to {
    transform: scale(1);
    opacity: 1;
    z-index: 2;
  }
}
.ts-vapor.ts-popup__container {
  z-index: var(--z-index-popup) !important;
}
.ts-vapor.ts-popup__container.fullscreen .cdk-overlay-pane {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0 !important;
  left: 0 !important;
}
.ts-vapor.ts-progress-bar {
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-progress-bar__status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--vds-space-s);
}
.ts-vapor .ts-progress-bar__status__left {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
  color: var(--vds-feedback-load-progress-bar-percent);
}
.ts-vapor .ts-progress-bar__status__right {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
}
.ts-vapor .ts-radio.group-container, .ts-vapor .ts-radio.group-container-vertical {
  display: flex;
  flex-direction: row;
  width: max-content;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-radio.group-container-vertical {
  flex-direction: column;
}
.ts-vapor .ts-validation-text {
  min-height: var(--vds-size-s);
  display: flex;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  justify-content: center;
  flex-direction: column;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-validation-text.unlock {
  justify-content: space-between;
}
.ts-vapor .ts-validation-text__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ts-vapor .ts-output-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--vds-space-s);
  min-height: var(--vds-size-s);
}
.ts-vapor .ts-output-message span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
  overflow-wrap: break-word;
  white-space: normal;
  text-align: left;
  display: inline-flex;
  align-items: center;
}
.ts-vapor.ts-search-box {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  background-color: var(--vds-forms-color-bg-default);
}
.ts-vapor .ts-search-box__prefix {
  min-width: var(--vds-size-m);
  position: absolute;
  margin-left: 0;
  padding: 0 8px;
  z-index: 2;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-search-box__prefix.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-search-box__prefix.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-search-box__input.autocomplete {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
  padding-left: 32px;
}
.ts-vapor .ts-search-box__input.autocomplete.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-search-box__input.autocomplete.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-search-box__input.autocomplete else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-search-box__input.autocomplete:focus:not(:disabled):not(:hover), .ts-vapor .ts-search-box__input.autocomplete:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-search-box__input.autocomplete else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-search-box__input.autocomplete:hover {
  cursor: pointer;
}
.ts-vapor .ts-search-box__input.autocomplete:read-only {
  cursor: default;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: transparent;
}
.ts-vapor .ts-search-box__input.autocomplete:disabled, .ts-vapor .ts-search-box__input.autocomplete.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-search-box__input.autocomplete:disabled fa-icon, .ts-vapor .ts-search-box__input.autocomplete.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-search-box__input.autocomplete:disabled:active, .ts-vapor .ts-search-box__input.autocomplete.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-search-box__input.autocomplete.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-search-box__input.autocomplete.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-search-box__input.autocomplete.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-search-box__input.autocomplete.ts-invalid:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-search-box__input.autocomplete.ts-invalid:not(:disabled):not(.disabled):not(:read-only) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-search-box__input.autocomplete.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus:not(:disabled):not(:hover), .ts-vapor .ts-search-box__input.autocomplete.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-search-box__input.autocomplete::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-search-box__input.default {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0;
}
.ts-vapor .ts-search-box__input.default.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-search-box__input.default.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-search-box__input.default else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-search-box__input.default:focus:not(:disabled):not(:hover), .ts-vapor .ts-search-box__input.default:focus-visible:not(:disabled):not(:hover) {
  outline: 0;
  border-style: solid;
  border-color: var(--vds-btn-color-border-focus);
  border-width: var(--vds-border-size-s);
}
.ts-vapor .ts-search-box__input.default else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-search-box__input.default:hover {
  cursor: pointer;
}
.ts-vapor .ts-search-box__input.default:read-only {
  cursor: default;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: transparent;
}
.ts-vapor .ts-search-box__input.default:disabled, .ts-vapor .ts-search-box__input.default.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-search-box__input.default:disabled fa-icon, .ts-vapor .ts-search-box__input.default.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-search-box__input.default:disabled:active, .ts-vapor .ts-search-box__input.default.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-search-box__input.default.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-search-box__input.default.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-search-box__input.default.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-search-box__input.default.ts-invalid:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-search-box__input.default.ts-invalid:not(:disabled):not(.disabled):not(:read-only) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-search-box__input.default.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus:not(:disabled):not(:hover), .ts-vapor .ts-search-box__input.default.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-search-box__input.default::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-search-box__search button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-search-box__cta.ts-input-cta {
  margin-top: 1px;
}
.ts-vapor .ts-search-box__cta.ts-input-cta.medium {
  margin-right: 48px;
  height: calc(var(--vds-size-xl) - 2px);
}
.ts-vapor .ts-search-box__cta.ts-input-cta.small {
  margin-right: 40px;
  height: calc(var(--vds-size-l) - 2px);
}
.ts-vapor .ts-search-box__cta.ts-input-cta.autocomplete {
  margin-right: 8px;
}
.ts-vapor.align-right input {
  text-align: right;
}
.ts-vapor .ts-simple-checkbox input {
  opacity: 0;
  position: fixed;
}
.ts-vapor .ts-simple-checkbox input:checked + .checkmark, .ts-vapor .ts-simple-checkbox input:indeterminate + .checkmark {
  background-color: var(--vds-ctrl-color-bg-input-selected-default);
}
.ts-vapor .ts-simple-checkbox input:disabled + .checkmark {
  border: var(--vds-border-size-xs) solid var(--vds-ctrl-color-border-input-disabled);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-checkbox input:disabled:indeterminate + .checkmark, .ts-vapor .ts-simple-checkbox input:disabled:checked + .checkmark {
  cursor: not-allowed;
  background-color: var(--vds-ctrl-color-border-input-disabled);
}
.ts-vapor .ts-simple-checkbox input:disabled:indeterminate + .checkmark ts-icon, .ts-vapor .ts-simple-checkbox input:disabled:checked + .checkmark ts-icon {
  color: var(--vds-ctrl-color-text-icon-disabled);
}
.ts-vapor .ts-simple-checkbox input:checked:hover {
  background-color: var(--vds-ctrl-color-bg-input-selected-hover);
}
.ts-vapor .ts-simple-checkbox input:focus + .checkmark {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
  border-width: 0;
}
.ts-vapor .ts-simple-checkbox input.medium {
  height: var(--vds-size-s);
  width: var(--vds-size-s);
  margin: 0;
}
.ts-vapor .ts-simple-checkbox input.medium::after {
  content: "";
  position: absolute;
  top: calc((var(--vds-size-m) - var(--vds-size-s)) / -2);
  left: calc((var(--vds-size-m) - var(--vds-size-s)) / -2);
  width: var(--vds-size-m);
  height: var(--vds-size-m);
}
.ts-vapor .ts-simple-checkbox input.large {
  height: var(--vds-size-m);
  width: var(--vds-size-m);
  margin: 0;
}
.ts-vapor .ts-simple-checkbox input.large::after {
  content: "";
  position: absolute;
  top: calc((var(--vds-size-l) - var(--vds-size-m)) / -2);
  left: calc((var(--vds-size-l) - var(--vds-size-m)) / -2);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
.ts-vapor .ts-simple-checkbox .checkmark {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  height: var(--vds-size-s);
  width: var(--vds-size-s);
  border-style: solid;
  border-width: var(--vds-border-size-xs);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-interactive);
  background-color: var(--vds-ctrl-color-bg-input-default);
  box-sizing: border-box;
}
.ts-vapor .ts-simple-checkbox .checkmark ts-icon {
  color: var(--vds-ctrl-color-text-icon-selected);
  padding: 0;
}
.ts-vapor .ts-simple-checkbox .checkmark:hover {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
.ts-vapor .ts-simple-checkbox .medium input + .checkmark {
  height: var(--vds-size-s);
  width: var(--vds-size-s);
}
.ts-vapor .ts-simple-checkbox.large input + .checkmark {
  height: var(--vds-size-m);
  width: var(--vds-size-m);
}
.ts-vapor .ts-simple-popover {
  background-color: var(--vds-container-color-bg-default);
  border: 1px solid var(--vds-global-border-alpha);
  border-radius: var(--vds-border-radius-container);
  box-sizing: border-box;
  padding: var(--vds-space-m);
  position: relative;
}
.ts-vapor.ts-simple-progress-bar {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  vertical-align: middle;
  direction: ltr;
}
.ts-vapor.ts-simple-progress-bar.small .ts-simple-progress-bar__range__container {
  height: 4px;
}
.ts-vapor.ts-simple-progress-bar.small .ts-simple-progress-bar__loop__content {
  height: 4px;
  background-size: 90% 4px;
}
.ts-vapor.ts-simple-progress-bar.medium .ts-simple-progress-bar__range__container {
  height: 8px;
}
.ts-vapor.ts-simple-progress-bar.medium .ts-simple-progress-bar__loop__content {
  height: 8px;
  background-size: 90% 8px;
}
.ts-vapor.ts-simple-progress-bar.info .ts-simple-progress-bar__range__container__value {
  background-color: var(--vds-feedback-load-progress-bar-percent);
}
.ts-vapor.ts-simple-progress-bar.check .ts_progressbar__range__icon {
  color: var(--vds-feedback-load-progress-bar-full);
}
.ts-vapor.ts-simple-progress-bar.check .ts-simple-progress-bar__range__container__value {
  background-color: var(--vds-feedback-load-progress-bar-full);
}
.ts-vapor.ts-simple-progress-bar.warning .ts_progressbar__range__icon {
  color: var(--vds-feedback-notification-color-border-warning);
}
.ts-vapor.ts-simple-progress-bar.warning .ts-simple-progress-bar__range__container__value {
  background-color: var(--vds-feedback-notification-color-border-warning);
}
.ts-vapor.ts-simple-progress-bar.error .ts_progressbar__range__icon {
  color: var(--vds-feedback-load-progress-bar-error);
}
.ts-vapor.ts-simple-progress-bar.error .ts-simple-progress-bar__range__container__value {
  background-color: var(--vds-feedback-load-progress-bar-error);
}
.ts-vapor .ts-simple-progress-bar::before {
  height: 100%;
  display: inline-block;
  content: "";
  vertical-align: middle;
}
.ts-vapor .ts-simple-progress-bar__range {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-simple-progress-bar__range__container {
  width: 100%;
  position: relative;
  background-color: var(--vds-feedback-load-progress-track);
  border: 0;
  border-radius: var(--vds-border-radius-size-200);
}
.ts-vapor .ts-simple-progress-bar__range__container__value {
  height: 100%;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  box-sizing: content-box;
  position: relative;
  border: 0;
  border-radius: var(--vds-border-radius-size-200);
  margin-top: 0px;
  -webkit-user-drag: none;
}
.ts-vapor .ts-simple-progress-bar__range__status {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
  color: var(--vds-ctrl-color-text-label);
}
.ts-vapor .ts-simple-progress-bar__loop {
  overflow: hidden;
  background-color: var(--vds-feedback-load-progress-track);
  border-radius: var(--vds-border-radius-size-200);
  width: 100%;
}
.ts-vapor .ts-simple-progress-bar__loop__content {
  background-color: var(--vds-feedback-load-progress-track);
  animation: loader 2s linear infinite;
  background-repeat: no-repeat;
  background-image: linear-gradient(-90deg, transparent 5%, var(--vds-feedback-load-progress-bar-percent), transparent 95%);
  background-repeat: repeat;
  position: relative;
  width: 100%;
  border: 0;
  border-radius: var(--vds-border-radius-size-200);
  background-image: linear-gradient(-90deg, transparent 5%, var(--vds-feedback-load-progress-bar-percent), transparent 95%);
}
@keyframes loader {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}
.ts-vapor .ts-simple-radio {
  min-width: var(--vds-size-m);
  min-height: var(--vds-size-m);
  display: flex;
  margin: calc(var(--vds-space-s) / 2);
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  align-items: center;
  width: max-content;
}
.ts-vapor .ts-simple-radio__input {
  appearance: none;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative;
  border-radius: var(--vds-border-radius-group);
  border: 1px solid var(--vds-ctrl-color-border-input-default);
  background-color: var(--vds-ctrl-color-bg-input-default);
  transition: 0.2s all linear;
  cursor: pointer;
  padding: var(--vds-spacing-inner);
  box-sizing: border-box;
  width: var(--vds-size-s);
  height: var(--vds-size-s);
  margin: 0;
}
.ts-vapor .ts-simple-radio__input:before {
  content: "";
  display: block;
  left: -1px;
  position: relative;
  top: -1px;
  border-radius: var(--vds-border-radius-group);
  width: calc(var(--vds-size-s) - 8px);
  height: calc(var(--vds-size-s) - 8px);
}
.ts-vapor .ts-simple-radio__input:checked:before {
  background-color: var(--vds-ctrl-color-bg-input-selected-default);
}
.ts-vapor .ts-simple-radio__input:hover {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
.ts-vapor .ts-simple-radio__input:disabled {
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-color: var(--vds-ctrl-color-border-input-disabled);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-radio__input:checked:disabled:before {
  background-color: var(--vds-ctrl-color-bg-input-disabled);
}
.ts-vapor .ts-simple-radio__input:focus:not(:disabled):not(:hover), .ts-vapor .ts-simple-radio__input:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-simple-radio__label {
  margin-left: var(--vds-space-s);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  cursor: pointer;
}
.ts-vapor .ts-simple-radio__label.disabled {
  font-weight: normal;
  color: var(--vds-ctrl-color-text-disabled);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-radio__label.checked {
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
}
.ts-vapor .ts-simple-radio__label:hover:not(.disabled) {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ng-dropdown-panel {
  background-color: var(--vds-container-color-bg-default);
  border-color: var(--vds-global-border-alpha);
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
  border-radius: var(--vds-border-radius-container);
  left: 0;
}
.ts-vapor .ng-dropdown-panel .ng-fa-icon {
  height: 22px;
  display: flex;
  align-items: center;
}
.ts-vapor .ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  margin-top: var(--vds-space-s);
}
.ts-vapor .ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  margin-bottom: -1px;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid var(--vds-forms-color-border-default);
  padding: 5px 7px;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid var(--vds-forms-color-border-default);
  padding: 5px 7px;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items {
  padding: var(--vds-space-m);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: var(--base-unit) 10px;
  font-weight: var(--font-weight-regular);
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  display: flex;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .select-item {
  background-color: var(--vds-container-color-bg-default);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .select-item.small {
  padding: var(--vds-space-s) var(--vds-space-m);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .select-item.medium {
  padding: var(--vds-space-m) var(--vds-space-m);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .select-item.large {
  padding: var(--vds-space-md) var(--vds-space-m);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .select-item, .ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .select-item {
  background-color: var(--vds-container-color-bg-open);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .select-item__label__text, .ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .select-item__label__text {
  font-family: var(--vds-text-body-interface-large-strong-font-family);
  font-weight: var(--vds-text-body-interface-large-strong-font-weight);
  line-height: var(--vds-text-body-interface-large-strong-line-height);
  font-size: var(--vds-text-body-interface-large-strong-font-size);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .select-item {
  background-color: var(--vds-container-color-bg-hover);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: var(--color-text-05);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  width: 100%;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child .select-item {
  flex: 1;
  max-width: 100%;
  min-width: 100%;
  padding-left: var(--vds-space-xl);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child .select-item__label {
  max-width: 100%;
}
[dir=rtl] .ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}

.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child.ng-option-marked {
  border-color: var(--color-brand-primary);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child.ng-option-disabled {
  background-color: #fafbfd;
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child.ng-option-disabled .disabled {
  color: var(--color-text-05);
}
.ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: var(--font-weight-light);
  padding-right: 5px;
}
[dir=rtl] .ts-vapor .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}

[dir=rtl] .ts-vapor .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

.ts-vapor .ts-simple-select .select-item {
  color: var(--vds-container-color-text-title);
  font-family: var(--vds-text-body-interface-large-regular-font-family);
  font-weight: var(--vds-text-body-interface-large-regular-font-weight);
  line-height: var(--vds-text-body-interface-large-regular-line-height);
  font-size: var(--vds-text-body-interface-large-regular-font-size);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 0;
  min-width: max-content;
  width: max-content;
}
.ts-vapor .ts-simple-select .select-item.justify-end {
  justify-content: end;
}
.ts-vapor .ts-simple-select .select-item__label {
  display: flex;
  align-items: center;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-simple-select .select-item__label__text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-vapor .ts-simple-select .select-item__label__icon {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 0.125rem;
  margin-left: 0.25rem;
}
.ts-vapor .ts-simple-select .select-item.disabled span {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-simple-select .ng-value .select-item__label {
  max-width: inherit;
}
.ts-vapor .ts-simple-select .ng-value .select-item__label__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ts-vapor .ts-simple-select.ng-select {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items.scroll-host {
  overflow: overlay;
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items::-webkit-scrollbar {
  display: block;
  width: var(--base-unit);
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items::-webkit-scrollbar-button {
  display: none;
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items::-webkit-scrollbar-track {
  background: transparent;
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items::-webkit-scrollbar-thumb {
  background: var(--color-text-04);
  border-radius: var(--base-unit-xs);
}
.ts-vapor .ts-simple-select.ng-select .ng-dropdown-panel-items::-webkit-scrollbar-thumb:hover {
  background: var(--color-text-04);
}
.ts-vapor .ts-simple-select.ng-select.ts-invalid:not(:disabled) .ng-select-container {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-simple-select.ng-select.ts-invalid:not(:disabled) .ng-select-container .ng-arrow-wrapper > .ng-arrow {
  border-color: var(--vds-forms-color-border-error);
}
.ts-vapor .ts-simple-select.ng-select.ts-invalid:not(:disabled).ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}

.ts-vapor .ts-simple-select.ng-select.ts-invalid:not(:disabled):focus:not(:disabled):not(:hover), .ts-vapor .ts-simple-select.ng-select.ts-invalid:not(:disabled):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-simple-select.ng-select.readonly .ng-select-container {
  color: var(--vds-forms-color-text-input-fill) !important;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: var(--vds-color-null);
}
.ts-vapor .ts-simple-select.ng-select.ng-select-opened > .ng-select-container .ng-arrow-wrapper {
  padding: 0;
  padding-top: 0.25rem;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-opened > .ng-select-container .ng-arrow-wrapper .ng-arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.ts-vapor .ts-simple-select.ng-select.ng-select-disabled > .ng-select-container {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: var(--vds-color-null);
}
.ts-vapor .ts-simple-select.ng-select.ng-select-disabled > .ng-select-container:hover {
  border-color: var(--vds-color-null);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-disabled .ng-arrow-wrapper {
  cursor: not-allowed !important;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow {
  border-color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-simple-select.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ts-vapor .ts-simple-select.ng-select.small .ng-select-container {
  min-height: var(--vds-size-l);
}
.ts-vapor .ts-simple-select.ng-select.medium .ng-select-container {
  min-height: var(--vds-size-xl);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container {
  color: var(--vds-forms-color-text-input-fill);
  background-color: var(--vds-forms-color-bg-default);
  border-radius: var(--vds-border-radius-interactive);
  border: var(--vds-border-size-xs) solid var(--vds-forms-color-border-default);
  align-items: center;
  padding: var(--vds-space-s);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container:hover {
  border-color: var(--vds-forms-color-border-hover);
  cursor: pointer;
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container:hover .ng-clear {
  color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container:active {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container .ng-value-container .multi-value-item-component {
  flex-grow: 1;
  min-width: 0;
  display: inline-block;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
[dir=rtl] .ts-vapor .ts-simple-select.ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}

.ts-vapor .ts-simple-select.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: var(--color-text-04);
}
.ts-vapor .ts-simple-select.ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  font-size: 18px;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  left: 0;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-simple-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
  padding-left: 10px;
}
[dir=rtl] .ts-vapor .ts-simple-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}

.ts-vapor .ts-simple-select.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  left: 0;
  padding-left: 10px;
  position: absolute;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  flex-grow: 1;
  min-width: 0;
  flex-wrap: nowrap;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .simple-select__multivalue-span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  left: 0;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .more-indicator {
  margin-left: auto;
  margin-right: 0;
  order: 5;
}
.ts-vapor .ts-simple-select.ng-select.ng-select-multiple .ng-select-container .ng-value-container .more-indicator .ng-value-label {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  color: var(--vds-btn-color-text-tertiary-default);
}
.ts-vapor .ts-simple-select.ng-select .ng-clear-wrapper {
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: center;
}
.ts-vapor .ts-simple-select.ng-select .ng-clear-wrapper .ng-clear {
  color: transparent;
}
.ts-vapor .ts-simple-select.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ts-vapor .ts-simple-select.ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}

.ts-vapor .ts-simple-select.ng-select .ng-arrow-wrapper {
  display: flex;
  height: var(--vds-size-m);
  width: var(--vds-size-m);
  align-items: center;
  justify-content: center;
  padding: 0;
  padding-bottom: 0.25rem;
}
.ts-vapor .ts-simple-select.ng-select .ng-arrow-wrapper .ng-arrow {
  border: solid var(--vds-btn-color-text-tertiary-default);
  border-width: 0 0.125rem 0.125rem 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
[dir=rtl] .ts-vapor .ts-simple-select.ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}

.ts-vapor .left-composite .ng-select .ng-select-container {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: var(--vds-btn-color-border-focus);
}
.ts-vapor .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}

.ts-vapor .ng-select:focus:not(:disabled):not(:hover), .ts-vapor .ng-select:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-simple-toggle-container {
  display: flex;
  flex: auto;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
  height: var(--vds-size-m);
  gap: var(--vds-space-m);
}
.ts-vapor .ts-simple-toggle-container .switch {
  position: relative;
  display: inline-block;
  /* Hide default HTML checkbox */
}
.ts-vapor .ts-simple-toggle-container .switch.switch-small {
  width: var(--vds-size-l);
  height: var(--vds-size-s);
  min-width: var(--vds-size-l);
  min-height: var(--vds-size-s);
  max-width: var(--vds-size-l);
  max-height: var(--vds-size-s);
}
.ts-vapor .ts-simple-toggle-container .switch.switch-small ::before {
  top: calc((var(--vds-size-s) - var(--vds-size-s) * 0.875) / 2);
  width: calc(var(--vds-size-s) * 0.875);
  height: calc(var(--vds-size-s) * 0.875);
}
.ts-vapor .ts-simple-toggle-container .switch.switch-medium {
  width: var(--vds-size-xl);
  height: var(--vds-size-m);
  min-width: var(--vds-size-xl);
  min-height: var(--vds-size-m);
  max-width: var(--vds-size-xl);
  max-height: var(--vds-size-m);
}
.ts-vapor .ts-simple-toggle-container .switch.switch-medium ::before {
  top: calc((var(--vds-size-m) - var(--vds-size-m) * 0.875) / 2);
  width: calc(var(--vds-size-m) * 0.875);
  height: calc(var(--vds-size-m) * 0.875);
}
.ts-vapor .ts-simple-toggle-container .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ts-vapor .ts-simple-toggle-container .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--vds-ctrl-color-bg-toggle-inactive-default);
  transition: 0.4s;
  border-radius: var(--vds-border-radius-group);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.ts-vapor .ts-simple-toggle-container .switch .slider:hover {
  background-color: var(--vds-ctrl-color-bg-toggle-inactive-hover);
}
.ts-vapor .ts-simple-toggle-container .switch .slider:before {
  content: "";
  position: absolute;
  left: 1px;
  bottom: 1px;
  background-color: var(--vds-ctrl-color-bg-toggle-handle);
  transition: 0.4s;
  border-radius: var(--vds-border-radius-group);
}
.focus {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}

.ts-vapor .ts-simple-toggle-container .switch .slider:focus:not(:disabled):not(:hover), .ts-vapor .ts-simple-toggle-container .switch .slider:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-simple-toggle-container .switch .slider.focus {
  border: none;
  position: absolute;
}
.ts-vapor .ts-simple-toggle-container .switch__icon {
  padding-left: 3px;
}
.ts-vapor .ts-simple-toggle-container input:checked + .slider {
  background-color: var(--vds-ctrl-color-bg-toggle-active-default);
}
.ts-vapor .ts-simple-toggle-container input:checked + .slider:hover {
  background-color: var(--vds-ctrl-color-bg-toggle-active-hover);
}
.ts-vapor .ts-simple-toggle-container input:checked + .slider:before {
  transform: translateX(var(--vds-space-base));
}
.ts-vapor .ts-simple-toggle-container input:disabled + .slider,
.ts-vapor .ts-simple-toggle-container input:disabled + .slider:hover {
  background: var(--vds-ctrl-color-bg-input-disabled);
  cursor: default;
}
.ts-vapor .ts-simple-toggle-container .switch-label, .ts-vapor .ts-simple-toggle-container .switch-label-disabled {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  display: flex;
  align-items: center;
  color: var(--vds-ctrl-color-text-label);
  padding: 0 var(--vds-space-size-s) 0 var(--vds-space-size-s);
}
.ts-vapor .ts-simple-toggle-container .switch-label-disabled {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-sortable-list__content {
  --sortable-list-container-height: 170px;
  --sortable-list-item-height: auto;
  --sortable-list-item-background-color: var(--vds-container-color-bg-default);
  --sortable-list-header-footer-padding: var(--vds-space-s);
}
.ts-vapor .ts-sortable-list__content__items {
  height: var(--sortable-list-container-height);
  overflow-y: auto;
  display: block;
}
.ts-vapor .ts-sortable-list__content__items.cdk-drop-list-dragging .ts-sortable-list__content__items__item:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.ts-vapor .ts-sortable-list__content__items__item {
  box-sizing: border-box;
  cursor: move;
  background: var(--sortable-list-item-background-color);
  height: var(--sortable-list-item-height);
}
.ts-vapor .ts-sortable-list__content__items__item:hover:not(:disabled):not(.readonly):not(.disabled) {
  background-color: var(--vds-container-color-bg-hover);
}
.ts-vapor .ts-sortable-list__content__items__item.cdk-drag-preview {
  box-sizing: border-box;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 16px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 0.875rem 0.125rem rgba(0, 0, 0, 0.12);
  border: 1px solid rgb(0, 144, 209);
}
.ts-vapor .ts-sortable-list__content__items__item.cdk-drag-placeholder {
  opacity: 0;
}
.ts-vapor .ts-sortable-list__content__items__item.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.ts-vapor .ts-sortable-list__header, .ts-vapor .ts-sortable-list__footer {
  box-sizing: border-box;
  padding: var(--sortable-list-header-footer-padding);
}
.ts-vapor .ts-step {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
}
.ts-vapor .ts-step__progression-bar {
  height: -moz-fit-content;
  height: fit-content;
}
.ts-vapor .ts-step__progression-bar.horizontal {
  margin-left: -54px;
  margin-right: -54px;
  margin-top: 16px;
}
.ts-vapor .ts-step__progression-bar.vertical {
  margin-left: 4px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ts-vapor .ts-step-element {
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-m);
  align-items: center;
  text-wrap: nowrap;
}
.ts-vapor .ts-step-element.horizontal {
  width: calc(128px + var(--vds-size-l) + 4px);
  justify-content: center;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-step-element.horizontal .ts-step-element__icon {
  padding: 0 64px;
}
.ts-vapor .ts-step-element.vertical {
  justify-content: flex-start;
  padding: var(--vds-space-s);
  width: -moz-fit-content;
  width: fit-content;
}
.ts-vapor .ts-step-element__icon__element {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--vds-border-radius-group);
  text-align: center;
  border-width: 2px;
  width: var(--vds-size-l);
  height: var(--vds-size-l);
  cursor: default;
}
.ts-vapor .ts-step-element__icon__element.done {
  border-style: solid;
  border-color: var(--vds-nav-stepper-color-step-border-success);
  background-color: var(--vds-nav-stepper-color-step-bg-success-default);
  font-family: var(--vds-text-headings-interface-compact-default-font-family);
  font-weight: var(--vds-text-headings-interface-compact-default-font-weight);
  line-height: var(--vds-text-headings-interface-compact-default-line-height);
  font-size: var(--vds-text-headings-interface-compact-default-font-size);
  color: var(--vds-nav-stepper-color-step-text-done);
}
.ts-vapor .ts-step-element__icon__element.done:hover:not(:disabled) {
  font-family: var(--vds-text-headings-interface-compact-hover-font-family);
  font-weight: var(--vds-text-headings-interface-compact-hover-font-weight);
  line-height: var(--vds-text-headings-interface-compact-hover-line-height);
  font-size: var(--vds-text-headings-interface-compact-hover-font-size);
  background-color: var(--vds-nav-stepper-color-step-bg-success-hover);
  border-color: var(--vds-nav-stepper-color-step-border-success);
  color: var(--vds-nav-stepper-color-step-text-done);
}
.ts-vapor .ts-step-element__icon__element.current {
  border-style: solid;
  border-color: var(--vds-nav-stepper-color-step-border-current-default);
  background-color: var(--vds-nav-stepper-color-step-bg-default);
  font-family: var(--vds-text-headings-interface-compact-selected-font-family);
  font-weight: var(--vds-text-headings-interface-compact-selected-font-weight);
  line-height: var(--vds-text-headings-interface-compact-selected-line-height);
  font-size: var(--vds-text-headings-interface-compact-selected-font-size);
  color: var(--vds-nav-stepper-color-step-text-current-default);
}
.ts-vapor .ts-step-element__icon__element.current:hover:not(:disabled) {
  font-family: var(--vds-text-headings-interface-compact-hover-font-family);
  font-weight: var(--vds-text-headings-interface-compact-hover-font-weight);
  line-height: var(--vds-text-headings-interface-compact-hover-line-height);
  font-size: var(--vds-text-headings-interface-compact-hover-font-size);
  border-color: var(--vds-nav-stepper-color-step-border-current-hover);
  color: var(--vds-nav-stepper-color-step-text-current-hover);
}
.ts-vapor .ts-step-element__icon__element.next {
  border-style: dashed;
  border-color: var(--vds-nav-stepper-color-step-border-default);
  background-color: var(--vds-nav-stepper-color-step-bg-default);
  font-family: var(--vds-text-body-interface-small-strong-font-family);
  font-weight: var(--vds-text-body-interface-small-strong-font-weight);
  line-height: var(--vds-text-body-interface-small-strong-line-height);
  font-size: var(--vds-text-body-interface-small-strong-font-size);
  color: var(--vds-nav-stepper-color-step-text-default);
}
.ts-vapor .ts-step-element__icon__element.next:hover:not(:disabled) {
  font-family: var(--vds-text-headings-interface-compact-default-font-family);
  font-weight: var(--vds-text-headings-interface-compact-default-font-weight);
  line-height: var(--vds-text-headings-interface-compact-default-line-height);
  font-size: var(--vds-text-headings-interface-compact-default-font-size);
  border-color: var(--vds-nav-stepper-color-step-border-hover);
}
.ts-vapor .ts-step-element__icon__element.inactive {
  color: var(--vds-nav-stepper-color-step-text-disabled);
  border-style: dashed;
  border-color: var(--vds-nav-stepper-color-step-border-disabled);
  pointer-events: none;
}
.ts-vapor .ts-step-element__footer {
  display: flex;
  flex-direction: column;
  padding: 0 var(--vds-space-s);
}
.ts-vapor .ts-step-element__footer__title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-step-element__footer__title__label {
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
  color: var(--vds-nav-stepper-color-text-title);
}
.ts-vapor .ts-step-element__footer__description {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  color: var(--vds-nav-stepper-color-text-desc);
}
.ts-vapor .ts-step-element:focus:not(:disabled) {
  outline-width: var(--vds-border-size-s);
  outline-color: var(--vds-nav-stepper-color-step-border-focus);
  outline-style: solid;
  border-radius: var(--vds-border-radius-interactive);
}
.ts-vapor .ts-tag {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
  border-radius: var(--vds-border-radius-interactive);
  border-width: 1px;
  border-style: solid;
  padding: var(--vds-space-s) var(--vds-space-m);
  min-height: var(--vds-size-m);
  box-sizing: border-box;
  line-height: unset;
}
.ts-vapor .ts-tag.tag-small {
  padding: var(--vds-space-xs) var(--vds-space-m);
  min-height: var(--vds-size-s);
}
.ts-vapor .ts-tag.tag-type-filter {
  border-radius: var(--vds-border-radius-group);
}
.ts-vapor .ts-tag.tag-type-filter .filter-title + .tag-title {
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
}
.ts-vapor .ts-tag:focus:not(:disabled):not(:hover), .ts-vapor .ts-tag:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-tag .filter-title {
  font-weight: lighter;
}
.ts-vapor .container-item {
  display: inline-flex;
  align-items: center;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-textbox__input {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
}
.ts-vapor .ts-textbox__input.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-textbox__input.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-textbox__input else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-textbox__input:focus:not(:disabled):not(:hover), .ts-vapor .ts-textbox__input:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-textbox__input else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-textbox__input:hover {
  cursor: pointer;
}
.ts-vapor .ts-textbox__input:read-only {
  cursor: default;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: transparent;
}
.ts-vapor .ts-textbox__input:disabled, .ts-vapor .ts-textbox__input.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-textbox__input:disabled fa-icon, .ts-vapor .ts-textbox__input.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-textbox__input:disabled:active, .ts-vapor .ts-textbox__input.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-textbox__input.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-textbox__input.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-textbox__input.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-textbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-textbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-textbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus:not(:disabled):not(:hover), .ts-vapor .ts-textbox__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-textbox__input::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor.align-right input {
  text-align: right;
}
.ts-vapor .ts-tooltip__content {
  position: relative;
  background: var(--vds-container-tooltip-color-bg);
  border-radius: var(--vds-border-radius-container);
  min-height: var(--vds-size-m);
  padding: 0 var(--vds-space-m);
  max-width: 19rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  color: var(--vds-container-tooltip-color-text);
}
.ts-vapor .ts-tooltip__content.ts-tooltip__large {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vds-space-s);
  padding-top: var(--vds-space-m);
  padding-bottom: var(--vds-space-m);
}
.ts-vapor .ts-tooltip__content.ts-tooltip__large .ts-tooltip__large-title {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
  max-width: 100%;
}
.ts-vapor .ts-tooltip__content.ts-tooltip__large .ts-tooltip__large-description {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor .embedded-uploader-container,
.ts-vapor ts-file-selector .ts-input-container,
.ts-vapor ts-file-selector-toolbar,
.ts-vapor vapor-angular-file-selector .ts-input-container,
.ts-vapor vapor-angular-uploader,
.ts-vapor ts-uploader {
  min-width: 20rem;
}
.ts-vapor .file-selector-section {
  color: var(--vds-forms-uploader-area-text-default);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-l);
  width: 100%;
}
.ts-vapor .file-selector-section .fsb-description {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
  text-wrap: nowrap;
}
.ts-vapor .file-selector-section .fsb-upload-area {
  font-family: var(--vds-text-body-interface-large-regular-font-family);
  font-weight: var(--vds-text-body-interface-large-regular-font-weight);
  line-height: var(--vds-text-body-interface-large-regular-line-height);
  font-size: var(--vds-text-body-interface-large-regular-font-size);
  background-color: var(--vds-forms-uploader-area-bg-default);
  display: flex;
  align-items: center;
  gap: var(--vds-space-m);
}
.ts-vapor .file-selector-section .fsb-upload-area.is-draggable {
  min-height: var(--vds-size-huge);
  min-width: 20rem;
  justify-content: center;
  border: var(--vds-border-size-xs) dashed var(--vds-btn-color-border-secondary-default);
  border-radius: var(--vds-border-radius-container);
}
.ts-vapor .file-selector-section .fsb-upload-area.is-disabled {
  border-color: var(--vds-btn-color-border-secondary-disabled);
  color: var(--vds-forms-uploader-area-text-disabled);
}
.ts-vapor .file-selector-section .fsb-upload-area.ts-drag-over {
  background-color: var(--vds-forms-uploader-area-bg-active);
  border-color: var(--vds-btn-color-text-secondary-default);
  border-style: solid;
  cursor: grabbing;
}
.ts-vapor .file-selector-section .fsb-upload-area.ts-drag-over > *:not(.drop-files-label) {
  display: none;
}
.ts-vapor .file-selector-section .fsb-upload-area.ts-drag-over > .drop-files-label {
  color: var(--vds-btn-color-text-secondary-default);
  display: block;
  margin: auto;
}
.ts-vapor .file-selector-section > ts-file-selector-toolbar {
  display: flex;
  justify-content: flex-end;
}
.ts-vapor .drop-files-label {
  display: none;
}
.ts-vapor vapor-angular-uploader-item,
.ts-vapor ts-uploader-item {
  display: flex;
  box-sizing: border-box;
  padding: var(--vds-space-m) 0;
}
.ts-vapor vapor-angular-uploader-item > ts-icon,
.ts-vapor ts-uploader-item > ts-icon {
  margin-right: var(--vds-space-s);
}
.ts-vapor vapor-angular-uploader-item-body,
.ts-vapor ts-uploader-item-body {
  display: flex;
  flex-grow: 1;
  flex-flow: column;
  overflow: hidden;
  align-items: flex-start;
  gap: var(--vds-space-s);
  margin-right: var(--vds-space-l);
}
.ts-vapor vapor-angular-uploader-item-body .uib-file-label,
.ts-vapor ts-uploader-item-body .uib-file-label {
  font-family: var(--vds-text-body-helper-heavy-font-family);
  font-weight: var(--vds-text-body-helper-heavy-font-weight);
  line-height: var(--vds-text-body-helper-heavy-line-height);
  font-size: var(--vds-text-body-helper-heavy-font-size);
  color: var(--vds-forms-color-text-label);
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}
.ts-vapor vapor-angular-uploader-item-body .uib-file-size,
.ts-vapor ts-uploader-item-body .uib-file-size {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
  color: var(--vds-forms-color-text-caption);
}
.ts-vapor vapor-angular-uploader-item-progress,
.ts-vapor ts-uploader-item-progress {
  flex: 1 0 6.5rem;
  margin-right: var(--vds-space-m);
}
.ts-vapor vapor-angular-uploader-item-toolbar,
.ts-vapor ts-uploader-item-toolbar {
  flex-shrink: 0;
}
.ts-vapor .uploader-item__body {
  display: flex;
  flex-flow: wrap;
  overflow: hidden;
}
.ts-vapor .uploader-item__progress {
  min-width: 100%;
  align-items: center;
  display: flex;
}
.ts-vapor .uploader-item__toolbar {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding-top: var(--vds-space-s);
}
.ts-vapor.ts-ribbon {
  color: var(--yankeesblue);
}
.ts-vapor.ts-ribbon:hover {
  color: var(--white);
}
.ts-vapor.ts-ribbon:hover ts-icon {
  color: var(--white) !important;
}
.ts-vapor.ts-ribbon.blue-sapphire {
  background-color: var(--bluesapphire-100);
  border-left: 0.125rem solid var(--bluesapphire);
}
.ts-vapor.ts-ribbon.blue-sapphire ts-icon {
  color: var(--bluesapphire);
}
.ts-vapor.ts-ribbon.blue-sapphire:hover {
  background-color: var(--bluesapphire);
}
.ts-vapor.ts-ribbon.deep-lilac {
  background-color: var(--deeplilac-100);
  border-left: 0.125rem solid var(--deeplilac);
}
.ts-vapor.ts-ribbon.deep-lilac ts-icon {
  color: var(--deeplilac);
}
.ts-vapor.ts-ribbon.deep-lilac:hover {
  background-color: var(--deeplilac);
}
.ts-vapor.ts-ribbon.free-speech-blue {
  background-color: var(--freespeechblue-100);
  border-left: 0.125rem solid var(--freespeechblue);
}
.ts-vapor.ts-ribbon.free-speech-blue ts-icon {
  color: var(--freespeechblue);
}
.ts-vapor.ts-ribbon.free-speech-blue:hover {
  background-color: var(--freespeechblue);
}
.ts-vapor.ts-ribbon.islamic-green {
  background-color: var(--islamicgreen-100);
  border-left: 0.125rem solid var(--islamicgreen);
}
.ts-vapor.ts-ribbon.islamic-green ts-icon {
  color: var(--islamicgreen);
}
.ts-vapor.ts-ribbon.islamic-green:hover {
  background-color: var(--islamicgreen);
}
.ts-vapor.ts-ribbon.medium-slate-blue {
  background-color: var(--mediumslateblue-100);
  border-left: 0.125rem solid var(--mediumslateblue);
}
.ts-vapor.ts-ribbon.medium-slate-blue ts-icon {
  color: var(--mediumslateblue);
}
.ts-vapor.ts-ribbon.medium-slate-blue:hover {
  background-color: var(--mediumslateblue);
}
.ts-vapor.ts-ribbon.ogre-odor {
  background-color: var(--ogreodor-100);
  border-left: 0.125rem solid var(--ogreodor);
}
.ts-vapor.ts-ribbon.ogre-odor ts-icon {
  color: var(--ogreodor);
}
.ts-vapor.ts-ribbon.ogre-odor:hover {
  background-color: var(--ogreodor);
}
.ts-vapor.ts-ribbon.royal-fuchsia {
  background-color: var(--royalfuchsia-100);
  border-left: 0.125rem solid var(--royalfuchsia);
}
.ts-vapor.ts-ribbon.royal-fuchsia ts-icon {
  color: var(--royalfuchsia);
}
.ts-vapor.ts-ribbon.royal-fuchsia:hover {
  background-color: var(--royalfuchsia);
}
.ts-vapor.ts-ribbon.rusty-red {
  background-color: var(--rustyred-100);
  border-left: 0.125rem solid var(--rustyred);
}
.ts-vapor.ts-ribbon.rusty-red ts-icon {
  color: var(--rustyred);
}
.ts-vapor.ts-ribbon.rusty-red:hover {
  background-color: var(--rustyred);
}
.ts-vapor.ts-ribbon {
  display: inline-block;
  border: 0;
  letter-spacing: 0.44px;
  text-align: left;
}
.ts-vapor.ts-ribbon.ribbon-small {
  line-height: var(--base-unit-2);
  font-size: var(--font-size-xxs);
  padding: 0 0.25rem 0 0.125rem;
}
.ts-vapor.ts-ribbon.ribbon-small .ribbon-text {
  letter-spacing: 0.44px;
  font-family: var(--font-family-roboto);
  font-weight: var(--font-weight-light);
}
.ts-vapor.ts-ribbon.ribbon-medium {
  line-height: var(--base-unit-3);
  font-size: var(--font-size-xs);
  padding: 0 0.5rem 0 0.375rem;
}
.ts-vapor.ts-ribbon.ribbon-medium ts-icon {
  font-size: var(--font-size-sm);
  margin-right: 0.25rem;
}
.ts-vapor.ts-ribbon.ribbon-medium .ribbon-text {
  font-family: var(--font-family-cairo);
  font-weight: var(--font-weight-semibold);
}
.ts-vapor .ts-input-cta {
  position: absolute;
  right: var(--vds-space-s);
  z-index: 1;
}
.ts-vapor .ts-input-cta:hover:not(:disabled):not(.readonly):not(.disabled) {
  background-color: var(--vds-container-color-bg-hover);
}
.ts-vapor .ts-input-cta.readonly, .ts-vapor .ts-input-cta.disabled {
  pointer-events: none;
}
.ts-vapor.ts-divider {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-vapor.ts-divider.horizontal {
  height: auto;
  width: 100%;
  flex-direction: row;
}
.ts-vapor.ts-divider.vertical {
  height: 100%;
  width: auto;
  flex-direction: column;
}
.ts-vapor.ts-divider .ts-divider__container {
  background: #c9d9e8;
  background-clip: content-box;
}
.ts-vapor.ts-divider .ts-divider__container.horizontal {
  height: 1px;
  width: 100%;
}
.ts-vapor.ts-divider .ts-divider__container.vertical {
  height: 100%;
  width: 1px;
}
.ts-vapor .ts-simple-slider-container {
  position: relative;
  display: flex;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider {
  width: 100%;
  position: inherit;
  appearance: none;
  background-color: var(--vds-ctrl-color-bg-input-disabled);
  margin: 0;
  height: 4px;
  border-radius: var(--vds-border-radius-group);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-webkit-slider-thumb {
  appearance: none;
  width: var(--vds-size-s);
  height: var(--vds-size-s);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-group);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-webkit-slider-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-webkit-slider-thumb:active {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-webkit-slider-thumb:active {
  border-width: var(--vds-border-size-s);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-moz-range-thumb {
  width: var(--vds-size-s);
  height: var(--vds-size-s);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-group);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-moz-range-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-moz-range-thumb:active {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-moz-range-thumb:active {
  border-width: var(--vds-border-size-s);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-ms-thumb {
  width: var(--vds-size-s);
  height: var(--vds-size-s);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-group);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  position: relative;
  z-index: 5;
  cursor: pointer;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-ms-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-ms-thumb:active {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-ms-thumb:active {
  border-width: var(--vds-border-size-s);
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-webkit-slider-thumb, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-webkit-slider-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-webkit-slider-thumb:active {
  border-color: var(--vds-ctrl-color-border-input-disabled);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-width: var(--vds-border-size-xs);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-moz-range-thumb, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-moz-range-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-moz-range-thumb:active {
  border-color: var(--vds-ctrl-color-border-input-disabled);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-width: var(--vds-border-size-xs);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-ms-thumb, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-ms-thumb:hover, .ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider:disabled::-ms-thumb:active {
  border-color: var(--vds-ctrl-color-border-input-disabled);
  background-color: var(--vds-ctrl-color-bg-input-default);
  border-width: var(--vds-border-size-xs);
  cursor: not-allowed;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider.ts-ticks-slider {
  top: -2px;
}
.ts-vapor .ts-simple-slider-container input[type=range].ts-simple-slider::-webkit-slider-container {
  min-block-size: auto;
}
.ts-vapor .ts-simple-slider-container.tick {
  top: -2px;
}
.ts-vapor .ts-simple-slider-ticks {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  position: relative;
  top: 2px;
  z-index: 0;
  margin: 0;
  padding: 0;
}
.ts-vapor .ts-simple-slider-ticks li {
  display: inline-block;
  list-style-type: none;
  width: var(--vds-size-xs);
  height: var(--vds-size-xs);
  border-radius: var(--vds-border-radius-group);
  background-color: var(--vds-ctrl-color-bg-input-disabled);
  z-index: 4;
  position: relative;
}
.ts-vapor .ts-simple-slider-ticks .tick-active {
  background-color: var(--vds-ctrl-color-bg-input-selected-default) !important;
}
.ts-vapor .ts-simple-slider-ticks .tick-passive {
  background-color: var(--vds-ctrl-color-bg-input-disabled);
}
.ts-vapor .ts-text-area {
  scrollbar-color: var(--color-text-04) var(--color-very-light-grey);
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
  border: var(--vds-border-size-xs) solid var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  background-color: var(--vds-forms-color-bg-default);
  color: var(--vds-forms-color-text-input-fill);
  width: 100%;
  padding: var(--vds-space-sm);
  padding-right: var(--vds-space-l);
  box-sizing: border-box;
}
.ts-vapor .ts-text-area::-webkit-scrollbar {
  background: var(--color-very-light-grey);
  width: 0.5rem;
}
.ts-vapor .ts-text-area::-webkit-scrollbar-thumb {
  background: var(--color-text-04);
  border-radius: 0.25rem;
}
.ts-vapor .ts-text-area:focus:not(:disabled):not(:hover), .ts-vapor .ts-text-area:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-text-area:hover:not(:disabled):not(:read-only):not(:focus):not(.ts-invalid) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-text-area:read-only {
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: var(--vds-forms-color-bg-disabled);
}
.ts-vapor .ts-text-area:disabled {
  cursor: not-allowed;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: var(--vds-forms-color-bg-disabled);
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-text-area.ts-invalid:not(:disabled):not(:read-only):not(:focus) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-text-area__simple-text-area {
  position: relative;
  flex: 1 1 auto;
}
.ts-vapor .ts-slider-input {
  width: 35px;
}
.ts-vapor .ts-slider-label {
  color: var(--vds-forms-color-text-input-fill);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor .ts-slider-container {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: var(--vds-space-m);
}
.ts-vapor .tab-item-container__show-more {
  display: none;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
}
.ts-vapor.ts-tab-panel__container .tab-panel__overflowing_tabs {
  position: relative;
}
.ts-vapor.ts-tab-panel__container .tab-panel__overflowing_tabs .tab-item-container__show-more {
  display: inline-block;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list {
  background-color: transparent;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list .tab-item-container {
  color: var(--vds-nav-tabs-color-text-default);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list .tab-item-container:not(.tab-item__disabled):not(.tab-item__active):not(.tab-item__progressive):focus:focus:not(:disabled):not(:hover), .ts-vapor.ts-tab-panel__container div.tab-panel__tab-list .tab-item-container:not(.tab-item__disabled):not(.tab-item__active):not(.tab-item__progressive):focus:focus-visible:not(:disabled):not(:hover), .ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item-container:not(.tab-item__disabled):not(.tab-item__progressive):focus:focus:not(:disabled):not(:hover), .ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item-container:not(.tab-item__disabled):not(.tab-item__progressive):focus:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-nav-tabs-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container.tab-item__active:not(.tab-item__disabled):not(.tab-item__progressive):focus:focus:not(:disabled):not(:hover), .ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container.tab-item__active:not(.tab-item__disabled):not(.tab-item__progressive):focus:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-nav-tabs-color-border-focus);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container {
  background-color: var(--vds-nav-tabs-color-bg-primary-default);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container:not(.tab-item__disabled):not(.tab-item__progressive):hover {
  background-color: var(--vds-nav-tabs-color-bg-primary-hover);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container:not(.tab-item__disabled):not(.tab-item__progressive):hover.tab-item__active {
  background-color: var(--vds-nav-tabs-color-bg-primary-current-hover);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item-container:not(.tab-item__disabled):not(.tab-item__progressive):hover:not(.tab-item__active) {
  border-bottom: 1px solid var(--vds-nav-tabs-color-border-focus);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__disabled {
  background-color: var(--vds-nav-tabs-color-bg-primary-disabled);
  color: var(--vds-nav-tabs-color-text-disabled);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__active {
  background-color: var(--vds-nav-tabs-color-bg-primary-current-default);
  color: var(--vds-nav-tabs-color-text-current);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive {
  font-family: var(--vds-text-body-interface-large-regular-font-family);
  font-weight: var(--vds-text-body-interface-large-regular-font-weight);
  line-height: var(--vds-text-body-interface-large-regular-line-height);
  font-size: var(--vds-text-body-interface-large-regular-font-size);
  background-color: var(--vds-nav-tabs-color-bg-primary-progressive);
  color: var(--vds-nav-tabs-color-text-inactive);
  clip-path: polygon(0% 0%, calc(100% - 1.25rem) 0%, 100% 50%, calc(100% - 1.25rem) 100%, 0% 100%, 1.25rem 50%);
  margin-right: 5px;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive:not(:first-child) .tab-panel-container__item__icon {
  margin-left: 1.25rem;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive.tab-item__disabled {
  background-color: var(--vds-nav-tabs-color-bg-primary-disabled);
  color: var(--vds-nav-tabs-color-text-disabled);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive.tab-item__current-step {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
  background-color: var(--vds-nav-tabs-color-bg-primary-current-default);
  color: var(--vds-nav-tabs-color-text-current);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive:not(:first-child) {
  margin-left: -1.25rem;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive:first-child {
  clip-path: polygon(0% 0%, calc(100% - 1.25rem) 0%, 100% 50%, calc(100% - 1.25rem) 100%, 0% 100%, 0% 0%);
  z-index: 2;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__primary .tab-item__progressive:last-child {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 1.25rem 50%);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item-container {
  background-color: var(--vds-nav-tabs-color-bg-secondary-default);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item-container:not(.tab-item__disabled):hover {
  background-color: var(--vds-nav-tabs-color-bg-secondary-hover);
  border-radius: var(--vds-border-radius-size-050);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item__disabled {
  background-color: var(--vds-nav-tabs-color-bg-secondary-disabled);
  color: var(--vds-nav-tabs-color-text-secondary-disabled);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__secondary .tab-item__active {
  border-radius: var(--vds-border-radius-size-050);
  background-color: var(--vds-nav-tabs-color-bg-secondary-current);
  color: var(--vds-nav-tabs-color-text-active);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__scrollable-container {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: clip;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__scrollable-container::-webkit-scrollbar {
  display: none;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__scrollable-container.tab-panel__vertical {
  display: inline-flex;
  flex-direction: column;
  overflow-y: auto;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list button.tab-item-container {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  border: 0;
  background-color: transparent;
  align-items: center;
  box-sizing: border-box;
  gap: var(--vds-space-m);
  padding: var(--vds-space-m);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list button.tab-item-container.tab-panel__scrollable-content {
  flex: 0 0 auto;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list button.tab-item-container:not(.tab-item-container__show-more) {
  display: flex;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list button.tab-item-container.tab-item__disabled {
  cursor: not-allowed;
  pointer-events: all;
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__medium button.tab-item-container {
  height: var(--vds-size-huge);
  max-height: var(--vds-size-huge);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__medium button.tab-item-container__show-more {
  width: var(--vds-size-huge);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__small button.tab-item-container {
  height: var(--vds-size-xxl);
  max-height: var(--vds-size-xxl);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__small button.tab-item-container__show-more {
  width: var(--vds-size-xxl);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__extra-small button.tab-item-container {
  height: var(--vds-size-l);
  max-height: var(--vds-size-l);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__extra-small button.tab-item-container__show-more {
  width: var(--vds-size-l);
}
.ts-vapor.ts-tab-panel__container div.tab-panel__tab-list.tab-panel__more-items-container {
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-text-area__line_counter {
  font-family: var(--vds-text-body-helper-regular-font-family);
  font-weight: var(--vds-text-body-helper-regular-font-weight);
  line-height: var(--vds-text-body-helper-regular-line-height);
  font-size: var(--vds-text-body-helper-regular-font-size);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--vds-forms-color-text-caption);
  text-align: right;
}
.ts-vapor.ts-empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--vds-space-xl);
  gap: var(--vds-space-l);
  max-width: 40rem;
  min-width: 10rem;
}
.ts-vapor.ts-empty-state.horizontal {
  flex-direction: row;
  text-align: left;
  justify-content: flex-start;
}
.ts-vapor.ts-empty-state.horizontal .info__text {
  align-items: flex-start;
  text-align: left;
}
.ts-vapor.ts-empty-state.horizontal .info__cta {
  justify-content: flex-start;
}
.ts-vapor.ts-empty-state.vertical {
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.ts-vapor.ts-empty-state.vertical .info__text {
  align-items: center;
  text-align: center;
}
.ts-vapor.ts-empty-state.vertical .info__cta {
  justify-content: center;
}
.ts-vapor.ts-empty-state.small .info__text__title {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
}
.ts-vapor.ts-empty-state.small .info__text__description, .ts-vapor.ts-empty-state.small .info__text__anchor {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor.ts-empty-state.small .icon {
  width: 2rem;
  height: 2rem;
}
.ts-vapor.ts-empty-state.medium .info__text__title {
  font-family: var(--vds-text-headings-subsection-font-family);
  font-weight: var(--vds-text-headings-subsection-font-weight);
  line-height: var(--vds-text-headings-subsection-line-height);
  font-size: var(--vds-text-headings-subsection-font-size);
}
.ts-vapor.ts-empty-state.medium .info__text__description, .ts-vapor.ts-empty-state.medium .info__text__anchor {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor.ts-empty-state.medium .icon {
  width: 4rem;
  height: 4rem;
}
.ts-vapor.ts-empty-state.large .info__text__title {
  font-family: var(--vds-text-headings-subtitle-font-family);
  font-weight: var(--vds-text-headings-subtitle-font-weight);
  line-height: var(--vds-text-headings-subtitle-line-height);
  font-size: var(--vds-text-headings-subtitle-font-size);
}
.ts-vapor.ts-empty-state.large .info__text__description, .ts-vapor.ts-empty-state.large .info__text__anchor {
  font-family: var(--vds-text-body-large-regular-font-family);
  font-weight: var(--vds-text-body-large-regular-font-weight);
  line-height: var(--vds-text-body-large-regular-line-height);
  font-size: var(--vds-text-body-large-regular-font-size);
}
.ts-vapor.ts-empty-state.large .icon {
  width: 8rem;
  height: 8rem;
}
.ts-vapor.ts-empty-state .icon {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: var(--vds-space-m);
}
.ts-vapor.ts-empty-state .info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: var(--vds-space-l);
}
.ts-vapor.ts-empty-state .info__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--vds-space-s);
}
.ts-vapor.ts-empty-state .info__text__title {
  color: var(--vds-forms-color-text-label);
}
.ts-vapor.ts-empty-state .info__text__description {
  color: var(--vds-color-text-caption);
}
.ts-vapor.ts-empty-state .info__text__anchor {
  color: var(--vds-color-text-caption);
}
.ts-vapor.ts-empty-state .info__cta {
  display: flex;
  justify-content: center;
  gap: var(--vds-space-m);
}
.ts-vapor.ts-split-button,
.ts-vapor .ts-split-button {
  display: flex;
  flex-direction: row;
  gap: 0.125rem;
}
.ts-vapor.ts-split-button__main button,
.ts-vapor .ts-split-button__main button {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ts-vapor.ts-split-button__toggle button,
.ts-vapor .ts-split-button__toggle button {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.ts-vapor.ts-split-button__container,
.ts-vapor .ts-split-button__container {
  min-width: 12rem;
}
.ts-vapor.ts-split-button__container__menu,
.ts-vapor .ts-split-button__container__menu {
  list-style-type: none;
}
.ts-vapor.ts-split-button__container__menu li,
.ts-vapor .ts-split-button__container__menu li {
  padding: 0.5rem;
  padding-left: 1rem;
}
.ts-vapor.ts-split-button__container__menu li .ts__body__regular,
.ts-vapor .ts-split-button__container__menu li .ts__body__regular {
  cursor: default;
}
.ts-vapor.ts-split-button__container__menu li:hover:not(:disabled):not(.readonly):not(.disabled),
.ts-vapor .ts-split-button__container__menu li:hover:not(:disabled):not(.readonly):not(.disabled) {
  background-color: var(--vds-container-color-bg-hover);
}
.ts-vapor .ts-timepicker__input {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
}
.ts-vapor .ts-timepicker__input.small {
  height: var(--vds-size-l);
}
.ts-vapor .ts-timepicker__input.medium {
  height: var(--vds-size-xl);
}
.ts-vapor .ts-timepicker__input else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-vapor .ts-timepicker__input:focus:not(:disabled):not(:hover), .ts-vapor .ts-timepicker__input:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-timepicker__input else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-timepicker__input:hover {
  cursor: pointer;
}
.ts-vapor .ts-timepicker__input:read-only {
  cursor: default;
  background-color: var(--vds-forms-color-bg-readonly);
  border-color: transparent;
}
.ts-vapor .ts-timepicker__input:disabled, .ts-vapor .ts-timepicker__input.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-vapor .ts-timepicker__input:disabled fa-icon, .ts-vapor .ts-timepicker__input.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-vapor .ts-timepicker__input:disabled:active, .ts-vapor .ts-timepicker__input.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-vapor .ts-timepicker__input.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-vapor .ts-timepicker__input.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-vapor .ts-timepicker__input.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-vapor .ts-timepicker__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-timepicker__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only) input {
  color: var(--vds-forms-color-text-error);
}
.ts-vapor .ts-timepicker__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus:not(:disabled):not(:hover), .ts-vapor .ts-timepicker__input.ts-invalid:not(:disabled):not(.disabled):not(:read-only):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-timepicker__input::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-vapor.align-right input {
  text-align: right;
}
.ts-vapor .ts-ui-shell-v3 {
  display: grid;
  height: 100vh;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.ts-vapor .ts-ui-shell-v3.opened.narrow.header {
  grid-template-columns: auto;
  grid-template-rows: var(--vds-size-xxl) auto;
  grid-template-areas: "header" "main";
}
.ts-vapor .ts-ui-shell-v3.closed.narrow.header {
  grid-template-columns: auto;
  grid-template-rows: var(--vds-size-xxl) auto;
  grid-template-areas: "header" "main";
}
.ts-vapor .ts-ui-shell-v3.closed.wide.header {
  grid-template-columns: 48px auto;
  grid-template-rows: var(--vds-size-xxl) auto;
  grid-template-areas: "header header" "sidenav main";
}
.ts-vapor .ts-ui-shell-v3.opened.wide.header {
  grid-template-columns: 248px auto;
  grid-template-rows: var(--vds-size-xxl) auto;
  grid-template-areas: "header header" "sidenav main";
}
.ts-vapor .ts-ui-shell-v3.opened.narrow.no-header {
  grid-template-columns: 248px auto;
  grid-template-rows: 0px auto;
  grid-template-areas: "sidenav main";
}
.ts-vapor .ts-ui-shell-v3.closed.narrow.no-header {
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-template-areas: "main";
}
.ts-vapor .ts-ui-shell-v3.closed.wide.no-header {
  grid-template-columns: 48px auto;
  grid-template-rows: auto;
  grid-template-areas: "sidenav main";
}
.ts-vapor .ts-ui-shell-v3.opened.wide.no-header {
  grid-template-columns: 248px auto;
  grid-template-rows: 0px auto;
  grid-template-areas: "header header" "sidenav main";
}
.ts-vapor .ts-ui-shell-v3.opened.wide.panel-opened {
  grid-template-columns: 48px 200px auto;
  grid-template-areas: "header header header" "sidenav . main";
}
.ts-vapor .ts-ui-shell-v3__header {
  grid-area: header;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: var(--vds-size-xxl);
  min-height: var(--vds-size-xxl);
  max-height: var(--vds-size-xxl);
  box-sizing: border-box;
  background-color: var(--vds-nav-shell-bg);
  border-radius: var(--vds-border-radius-none);
  filter: drop-shadow(var(--vds-elevation-1-offset-x) var(--vds-elevation-1-offset-y) var(--vds-elevation-1-blur) var(--vds-elevation-1-color));
  padding: var(--vds-space-s);
  z-index: var(--z-index-app-shell-header);
}
.ts-vapor .ts-ui-shell-v3__header__left {
  display: flex;
  align-items: center;
  gap: var(--vds-space-m);
}
.ts-vapor .ts-ui-shell-v3__header__right {
  display: flex;
  align-items: center;
  gap: var(--vds-space-s);
}
.ts-vapor .ts-ui-shell-v3__sidenav {
  grid-area: sidenav;
  background-color: var(--vds-nav-shell-bg);
  display: flex;
  flex-direction: column;
  gap: var(--vds-space-s);
  padding: var(--vds-space-s);
  z-index: var(--z-index-app-shell-sidebar);
}
.ts-vapor .ts-ui-shell-v3__sidenav.opened.narrow.header {
  position: absolute;
  box-sizing: border-box;
  top: var(--vds-size-xxl);
  left: 0px;
  z-index: var(--z-index-app-shell-sidebar);
  height: calc(100% - var(--vds-size-xxl));
  width: 248px;
}
.ts-vapor .ts-ui-shell-v3__sidenav.opened.narrow.header.panel-opened {
  width: 48px;
}
.ts-vapor .ts-ui-shell-v3__sidenav__list {
  gap: var(--vds-space-s);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--vds-space-s);
  border-radius: var(--vds-border-radius-interactive);
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item .ts-vapor.ts-button .medium.secondary.selected {
  background-color: var(--vds-nav-shell-menu-bg-selected-default);
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item .ts-vapor.ts-button .medium.secondary.selected:hover {
  background-color: var(--vds-nav-shell-menu-bg-selected-hover);
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item .ts-vapor.ts-button .medium.secondary.selected:active {
  background-color: var(--vds-nav-shell-menu-bg-selected-active);
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item.top {
  order: 0;
  flex-shrink: 0;
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__item.bottom {
  order: 1;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0;
}
.ts-vapor .ts-ui-shell-v3__sidenav__list__spacer {
  flex-grow: 1;
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist li {
  display: block;
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: var(--vds-space-m);
  height: var(--vds-size-xl);
  max-height: var(--vds-size-huge);
  min-height: var(--vds-size-xl);
  min-width: var(--vds-size-xl);
  padding: var(--vds-space-m);
  color: var(--vds-nav-title-bar-color-text-title);
  background-color: var(--vds-container-color-bg-default);
  border-radius: var(--vds-border-radius-interactive);
  font-family: var(--vds-text-headings-interface-compact-default-font-family);
  font-weight: var(--vds-text-headings-interface-compact-default-font-weight);
  line-height: var(--vds-text-headings-interface-compact-default-line-height);
  font-size: var(--vds-text-headings-interface-compact-default-font-size);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header:focus:not(:disabled):not(:hover), .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header:focus-visible:not(:disabled):not(:hover), .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item:focus:not(:disabled):not(:hover), .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header:hover, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item:hover {
  background-color: var(--vds-container-color-bg-hover);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header:active, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item:active {
  background-color: var(--vds-container-color-bg-active);
  font-family: var(--vds-text-body-interface-small-heavy-font-family);
  font-weight: var(--vds-text-body-interface-small-heavy-font-weight);
  line-height: var(--vds-text-body-interface-small-heavy-line-height);
  font-size: var(--vds-text-body-interface-small-heavy-font-size);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header span, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item span {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
  min-height: var(--vds-size-s);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header.selected, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item.selected {
  background-color: var(--vds-nav-shell-menu-bg-selected-default);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header.selected:hover, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item.selected:hover {
  background-color: var(--vds-nav-shell-menu-bg-selected-hover);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header.selected:active, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item.selected:active {
  background-color: var(--vds-nav-shell-menu-bg-selected-active);
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
  color: var(--vds-nav-shell-bg);
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__header.disabled, .ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.ts-vapor .ts-ui-shell-v3__sidenav__innerlist__item {
  justify-content: space-between;
  padding: var(--vds-space-md);
  margin-bottom: var(--vds-space-md);
}
.ts-vapor .ts-ui-shell-v3__main {
  grid-area: main;
}
.ts-vapor .ts-ui-shell-v3__main.wide {
  padding: var(--vds-space-m);
}
.ts-vapor .ts-ui-shell-v3__panel {
  width: 248px;
  height: 100vh;
}
.ts-vapor.ts-ui-shell-overlay-container {
  z-index: 1301 !important;
}
.ts-vapor.ts-ui-shell-overlay-container .ts-simple-popover {
  border-radius: unset;
  padding: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, transparent);color:var(--mat-app-text-color, inherit)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mdc-dialog-container-shadow-color:#000;--mdc-dialog-container-shape:4px;--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-family:rounded;--mdc-chip-container-shape-radius:16px 16px 16px 16px;--mdc-chip-with-avatar-avatar-shape-family:rounded;--mdc-chip-with-avatar-avatar-shape-radius:14px 14px 14px 14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1;--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}.mat-mdc-radio-button{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%);--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2);--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mdc-secondary-navigation-tab-container-height:48px;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-checkbox{--mdc-form-field-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}.mat-mdc-checkbox{--mdc-form-field-label-text-font:Roboto, sans-serif;--mdc-form-field-label-text-line-height:20px;--mdc-form-field-label-text-size:14px;--mdc-form-field-label-text-tracking:0.0178571429em;--mdc-form-field-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-keep-touch-target:false;--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-protected-button-container-shadow-color:#000;--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mdc-protected-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-icon-size:24px;--mdc-fab-small-container-shape:50%;--mdc-fab-small-icon-size:24px;--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px}html{--mdc-fab-container-color:white;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-container-shadow-color:#000;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shadow-color:#000;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-shadow-color:#000}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/angular-ui-material/shared/css/ui-material.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --vds-elevation-1-color: hsla(206, 12%, 51%, 0.64);
  --vds-elevation-2-color: hsla(206, 12%, 55%, 0.72);
  --vds-elevation-3-color: hsla(206, 12%, 61%, 0.8);
  --vds-elevation-4-color: hsla(206, 12%, 66%, 0.88);
}

.ts-datepicker-custom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--vds-space-l);
  box-sizing: border-box;
}
.ts-datepicker-custom-header__left {
  display: flex;
  align-items: center;
  gap: var(--vds-space-s);
}
.ts-datepicker-custom-header__left span {
  font-family: var(--vds-text-body-interface-large-heavy-font-family);
  font-weight: var(--vds-text-body-interface-large-heavy-font-weight);
  line-height: var(--vds-text-body-interface-large-heavy-line-height);
  font-size: var(--vds-text-body-interface-large-heavy-font-size);
  color: var(--vds-container-picker-text-default);
}
.ts-datepicker-custom-header__right {
  display: flex;
  align-items: center;
  gap: var(--vds-space-m);
}

.mat-datepicker-popup {
  --mat-datepicker-calendar-container-background-color: var(
    --vds-container-picker-bg-default
  );
  --mat-datepicker-calendar-date-selected-state-background-color: var(
    --vds-container-picker-bg-selected
  );
  --mat-datepicker-calendar-date-selected-state-text-color: var(
    --vds-container-picker-text-selected
  );
  --mat-datepicker-calendar-date-hover-state-background-color: var(
    --vds-container-picker-bg-range
  );
  --mat-datepicker-calendar-date-focus-state-background-color: transparent;
  --mat-datepicker-calendar-date-today-outline-color: var(
    --vds-container-picker-border-focus
  );
}
.mat-datepicker-popup .mat-datepicker-content {
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
  border-radius: var(--vds-border-radius-container);
  text-transform: capitalize;
  min-height: 18rem;
  min-width: 18rem;
  max-width: 20rem;
}
.mat-datepicker-popup .mat-calendar-body-label {
  opacity: 0;
}
.mat-datepicker-popup .mat-calendar-body-selected {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.mat-datepicker-popup .mat-calendar-body-label[colspan="7"] {
  display: none;
}
.mat-datepicker-popup .mat-calendar-table-header-divider {
  opacity: 0;
}
.mat-datepicker-popup .mat-calendar-body-cell-content {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  min-width: 24px;
  min-height: 24px;
  padding: 4px;
  width: unset;
  height: unset;
}
.mat-datepicker-popup .mat-calendar-body-active.mat-calendar-body-cell:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
  position: absolute;
  border-color: var(--vds-btn-color-bg-primary-hover);
}

.mat-calendar {
  --mat-datepicker-calendar-container-background-color: var(
    --vds-container-picker-bg-default
  );
  --mat-datepicker-calendar-date-selected-state-background-color: var(
    --vds-container-picker-bg-selected
  );
  --mat-datepicker-calendar-date-selected-state-text-color: var(
    --vds-container-picker-text-selected
  );
  --mat-datepicker-calendar-date-hover-state-background-color: var(
    --vds-container-picker-bg-range
  );
  --mat-datepicker-calendar-date-focus-state-background-color: transparent;
  --mat-datepicker-calendar-date-today-outline-color: var(
    --vds-container-picker-border-focus
  );
}
.mat-calendar .mat-datepicker-content {
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
  border-radius: var(--vds-border-radius-container);
  text-transform: capitalize;
  min-height: 18rem;
  min-width: 18rem;
  max-width: 20rem;
}
.mat-calendar .mat-calendar-body-label {
  opacity: 0;
}
.mat-calendar .mat-calendar-body-selected {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.mat-calendar .mat-calendar-body-label[colspan="7"] {
  display: none;
}
.mat-calendar .mat-calendar-table-header-divider {
  opacity: 0;
}
.mat-calendar .mat-calendar-body-cell-content {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  min-width: 24px;
  min-height: 24px;
  padding: 4px;
  width: unset;
  height: unset;
}
.mat-calendar .mat-calendar-body-active.mat-calendar-body-cell:not(.mat-calendar-body-disabled) > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
  position: absolute;
  border-color: var(--vds-btn-color-bg-primary-hover);
}

.mat-datepicker-popup {
  --mat-datepicker-calendar-date-in-range-state-background-color: var(
    --vds-container-picker-bg-range
  );
}
.mat-datepicker-popup .mat-calendar-body-cell::before,
.mat-datepicker-popup .mat-calendar-body-cell::after,
.mat-datepicker-popup .mat-calendar-body-cell-preview {
  height: 60%;
}
.mat-datepicker-popup .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-datepicker-popup .mat-calendar-body-range-end::after,
.mat-datepicker-popup .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-datepicker-popup .mat-calendar-body-comparison-end::after,
.mat-datepicker-popup .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  width: 70%;
  border-top-right-radius: var(--vds-border-radius-group);
  border-bottom-right-radius: var(--vds-border-radius-group);
}
.mat-datepicker-popup tr td:first-of-type > button::before {
  border-top-left-radius: var(--vds-border-radius-group);
  border-bottom-left-radius: var(--vds-border-radius-group);
}
.mat-datepicker-popup tr td:last-of-type > button::before {
  border-top-right-radius: var(--vds-border-radius-group);
  border-bottom-right-radius: var(--vds-border-radius-group);
}

.mat-date-range-input {
  background-color: var(--vds-forms-color-bg-default);
  border-color: var(--vds-forms-color-border-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  box-sizing: border-box;
}
.mat-date-range-input.medium {
  height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  min-height: var(--vds-size-xl);
}
.mat-date-range-input.small {
  height: var(--vds-size-l);
  max-height: var(--vds-size-l);
  min-height: var(--vds-size-l);
}
.mat-date-range-input.focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.mat-date-range-input .mat-date-range-input-container {
  height: 100%;
}
.mat-date-range-input .mat-date-range-input-inner[disabled] {
  color: var(--vds-forms-color-text-input-disabled);
}

.ts-range-datepicker__input {
  width: 100%;
  outline: none;
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  box-sizing: border-box;
  background-color: var(--vds-forms-color-bg-default);
  border-width: var(--vds-border-size-xs);
  border-style: solid;
  border-color: var(--vds-forms-color-border-default);
  border-radius: var(--vds-border-radius-interactive);
  color: var(--vds-forms-color-text-input-fill);
  padding: var(--vds-space-s);
}
.ts-range-datepicker__input.small {
  height: var(--vds-size-l);
}
.ts-range-datepicker__input.medium {
  height: var(--vds-size-xl);
}
.ts-range-datepicker__input:hover:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-range-datepicker__input else:hover:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-hover);
}
.ts-range-datepicker__input:focus:not(:disabled):not(:hover), .ts-range-datepicker__input:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
.ts-range-datepicker__input:active:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-range-datepicker__input else:active:not(:disabled):not(.disabled):not(:read-only) {
  border-color: var(--vds-forms-color-border-focus);
}
.ts-range-datepicker__input:hover {
  cursor: pointer;
}
.ts-range-datepicker__input:disabled, .ts-range-datepicker__input.disabled {
  cursor: not-allowed;
  color: var(--vds-forms-color-text-input-disabled);
  background-color: var(--vds-forms-color-bg-disabled);
  border-color: transparent;
}
.ts-range-datepicker__input:disabled fa-icon, .ts-range-datepicker__input.disabled fa-icon {
  color: var(--vds-forms-color-text-input-disabled);
}
.ts-range-datepicker__input:disabled:active, .ts-range-datepicker__input.disabled:active {
  transform: none;
  border-color: var(--vds-forms-color-border-focus);
}
.ts-range-datepicker__input.with-icon {
  padding-right: var(--vds-space-xl);
}
.ts-range-datepicker__input.with-prefix {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ts-range-datepicker__input.with-suffix {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ts-range-datepicker__input.ts-invalid:not(:disabled):not(.disabled) {
  border-color: var(--vds-forms-color-border-error);
  color: var(--vds-forms-color-text-error);
}
.ts-range-datepicker__input.ts-invalid:not(:disabled):not(.disabled) input {
  color: var(--vds-forms-color-text-error);
}
.ts-range-datepicker__input.ts-invalid:not(:disabled):not(.disabled):focus:not(:disabled):not(:hover), .ts-range-datepicker__input.ts-invalid:not(:disabled):not(.disabled):focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}
.ts-range-datepicker__input::placeholder {
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
}
.ts-range-datepicker__input.ts-invalid:not(:disabled) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-error);
  outline-offset: 1px;
  position: relative;
}

.align-right input {
  text-align: right;
}
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/angular-ui-extra/shared/css/ui-extra.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --vds-elevation-1-color: hsla(206, 12%, 51%, 0.64);
  --vds-elevation-2-color: hsla(206, 12%, 55%, 0.72);
  --vds-elevation-3-color: hsla(206, 12%, 61%, 0.8);
  --vds-elevation-4-color: hsla(206, 12%, 66%, 0.88);
}

/*
  This file contains common mixins shared between table and treelist component.
*/
/**
  $textType: 'regular' | 'strong'
*/
/**
  Styles the drag icon that appears when a row is being dragged.
  $widgetname: 'datagrid' | 'treelist'
*/
/*
 * Sets up checkboxes appearance
 */
/*
 * Sets the style for the header popup menu activated by clicking
 * search icon in the column header or the column sorting icon
 */
/**
  Hides default toolbar buttons for the specified widget. It is intended to be used in the header panel of the widget.
  $widgetname: 'datagrid' | 'treelist'
*/
/**
  Styles for the group panel message, where user drops columns to be grouped.
  It is intended to be used in the header panel of the widget.
  $widgetname: 'datagrid' | 'treelist'
*/
/**
  Hides the default "no data" text inside the table and configs the correct spacing to align the empty state component.
  $widgetname: 'datagrid' | 'treelist'
*/
/*
 * sets up the aspect of column chooser widget
 */
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar {
  min-height: 4.5rem;
}
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-item .dx-datagrid-column-chooser-button {
  display: none;
}
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar .dx-toolbar-button .dx-button:has(.dx-icon-overflow) {
  display: none;
}
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar .dx-datagrid-group-panel {
  border-radius: var(--vds-border-radius-interactive);
  border: var(--vds-border-size-xs) dashed var(--vds-dataviz-table-border-interactive);
  padding: var(--vds-space-s) var(--vds-space-m);
}
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar .dx-datagrid-group-panel .dx-group-panel-message {
  font-family: var(--vds-text-body-interface-large-regular-font-family);
  font-weight: var(--vds-text-body-interface-large-regular-font-weight);
  line-height: var(--vds-text-body-interface-large-regular-line-height);
  font-size: var(--vds-text-body-interface-large-regular-font-size);
  color: var(--vds-color-interactive-default);
}
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar ts-table-search-bar vapor-angular-header,
#internal-grid-widget .dx-datagrid-header-panel .dx-toolbar ts-table-search-bar vapor-angular-validation-field {
  display: none;
}
#internal-grid-widget .dx-row.dx-header-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-strong-font-family);
  font-weight: var(--vds-text-body-interface-small-strong-font-weight);
  line-height: var(--vds-text-body-interface-small-strong-line-height);
  font-size: var(--vds-text-body-interface-small-strong-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-default);
}
#internal-grid-widget .dx-row.dx-header-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-grid-widget .dx-row.dx-header-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-grid-widget .dx-row.dx-header-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-grid-widget .dx-row.dx-header-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-grid-widget .dx-row.dx-header-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-header-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-header-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-header-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-header-row > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-grid-widget .dx-row.dx-header-row > td > .dx-column-indicators .dx-sort {
  display: none;
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-fixed);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-grid-widget .dx-row.dx-datagrid-filter-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-menu-item .dx-icon,
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-dropdowneditor-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-dropdowneditor-button {
  box-shadow: none;
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-dropdowneditor-button .dx-dropdowneditor-icon:before {
  content: "\f027";
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-editor-with-menu .dx-filter-menu {
  left: unset;
  right: 2.5rem;
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-editor-with-menu .dx-filter-menu .dx-menu-item.dx-state-hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-editor-with-menu .dx-filter-menu .dx-menu-item.dx-state-hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-texteditor-container {
  width: calc(100% - 1.5rem);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-texteditor-input-container > input.dx-texteditor-input {
  height: var(--vds-size-l);
  padding-left: 0;
  color: var(--vds-dataviz-table-text-content);
}
#internal-grid-widget .dx-row.dx-datagrid-filter-row > td .dx-texteditor-input-container > .dx-placeholder:before {
  padding-top: var(--vds-space-m);
  padding-left: 0;
  color: var(--vds-dataviz-table-text-desc);
}
#internal-grid-widget .dx-row.dx-data-row:hover > td {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-grid-widget .dx-row.dx-data-row:hover > td.editable-cell:hover {
  box-shadow: var(--vds-color-interactive-default) 0px -2px 0px 0px inset;
}
#internal-grid-widget .dx-row.dx-data-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-default);
}
#internal-grid-widget .dx-row.dx-data-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-grid-widget .dx-row.dx-data-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-grid-widget .dx-row.dx-data-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-data-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-data-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-data-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-editor-cell:not(.dx-command-select):not(.dx-command-edit):not(.dx-focused) {
  box-shadow: var(--vds-color-interactive-default) 0px -2px 0px 0px inset;
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 0;
  padding-bottom: 0;
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-editor-cell input {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  color: var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-data-row > td.dx-command-drag .dx-datagrid-drag-icon::before {
  font-family: "DXIcons";
  font-size: 1.25rem;
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-grid-widget .dx-row.dx-data-row.dx-selection > td {
  background-color: var(--vds-dataviz-table-bg-active);
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-data-row.dx-selection > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-grid-widget .dx-row.dx-footer-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-fixed);
}
#internal-grid-widget .dx-row.dx-footer-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-grid-widget .dx-row.dx-footer-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-grid-widget .dx-row.dx-footer-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-grid-widget .dx-row.dx-footer-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-grid-widget .dx-row.dx-footer-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-footer-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-grid-widget .dx-row.dx-footer-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-footer-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-grid-widget .dx-row.dx-footer-row > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-fixed);
}
#internal-grid-widget .dx-datagrid-pager {
  display: none;
}
#internal-grid-widget .dx-datagrid-rowsview.dx-empty {
  min-height: 12.5rem;
}
#internal-grid-widget .dx-datagrid-rowsview.dx-empty:has(.ts-table-empty-state-with-action) {
  min-height: 20rem;
}
#internal-grid-widget .dx-datagrid-rowsview.dx-empty span.dx-datagrid-nodata {
  display: none;
}
#internal-grid-widget .dx-datagrid-rowsview.dx-empty .ts-table-empty-state-overlay {
  justify-content: center;
  align-items: center;
}
#internal-grid-widget .dx-datagrid-focus-overlay:after {
  display: none;
}
#internal-grid-widget .dx-checkbox .dx-checkbox-icon {
  height: var(--vds-size-s);
  width: var(--vds-size-s);
  border-width: var(--vds-border-size-xs);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-interactive);
  background-color: var(--vds-ctrl-color-bg-input-default);
}
#internal-grid-widget .dx-checkbox .dx-checkbox-icon:hover {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
#internal-grid-widget .dx-checkbox .dx-checkbox-icon:before {
  position: absolute;
  display: block;
}
#internal-grid-widget .dx-checkbox .dx-checkbox-icon:after {
  display: none;
}
#internal-grid-widget .dx-checkbox.dx-state-focused .dx-checkbox-icon {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
#internal-grid-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon {
  border: var(--vds-border-size-xs) var(--border-std-style) var(--vds-ctrl-color-border-input-disabled);
  color: var(--vds-ctrl-color-text-icon-disabled);
  cursor: not-allowed;
}
#internal-grid-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon:before {
  background-color: var(--vds-ctrl-color-border-input-disabled);
}
#internal-grid-widget .dx-checkbox-checked:not(.dx-state-disabled) .dx-checkbox-icon,
#internal-grid-widget .dx-checkbox-indeterminate:not(.dx-state-disabled) .dx-checkbox-icon {
  color: var(--vds-ctrl-color-text-icon-selected);
  border: none;
  background-color: var(--vds-ctrl-color-bg-input-selected-default);
  font: 0.875rem/1 DXIcons;
  font-size: var(--font-size-xs);
  text-align: center;
}
#internal-grid-widget .dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f005";
  top: 0.6rem;
}
#internal-grid-widget .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "\f074";
  top: 0.175rem;
  margin-left: -2px;
}
#internal-grid-widget .dx-button {
  background-color: transparent;
  border-radius: var(--vds-border-radius-interactive);
  border: none;
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  max-width: var(--vds-size-l);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
#internal-grid-widget .dx-button .dx-inkripple {
  display: none;
}
#internal-grid-widget .dx-button .dx-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-grid-widget .dx-button:active {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
#internal-grid-widget .dx-button:active .dx-icon {
  color: var(--vds-btn-color-text-tertiary-active);
}
#internal-grid-widget .dx-button:hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
#internal-grid-widget .dx-button:hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
#internal-grid-widget .dx-button.dx-state-disabled {
  background-color: var(--vds-btn-color-bg-tertiary-disabled);
}
#internal-grid-widget .dx-button.dx-state-disabled .dx-icon {
  color: var(--vds-btn-color-text-tertiary-disabled);
}
#internal-grid-widget .dx-button.dx-state-focused:focus:not(:disabled):not(:hover), #internal-grid-widget .dx-button.dx-state-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}
#internal-grid-widget .dx-datagrid-headers,
#internal-grid-widget .dx-datagrid-rowsview,
#internal-grid-widget .dx-datagrid-total-footer {
  border: none;
}

.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu {
  border-radius: var(--vds-border-radius-container);
  border-color: var(--vds-global-border-alpha);
  background-color: var(--vds-container-color-bg-default);
  box-shadow: unset;
  margin: var(--vds-space-s) 0;
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu ul.dx-menu-items-container, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu ul.dx-menu-items-container {
  display: flex;
  flex-flow: column;
  gap: var(--vds-space-s);
  padding: var(--vds-space-s);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper {
  height: var(--vds-size-l);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item:hover:not(.dx-menu-item-selected), .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item:hover:not(.dx-menu-item-selected) {
  background-color: var(--vds-container-color-bg-hover);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item.dx-menu-item-selected, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item.dx-menu-item-selected {
  background-color: var(--vds-container-color-bg-open);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-icon, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-icon {
  color: var(--vds-btn-color-text-tertiary-default);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item-text, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item-text {
  color: var(--vds-container-color-text-interactive-default);
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-separator, .dx-overlay-wrapper .dx-datagrid.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-separator {
  margin: 0;
}

.dx-datagrid-column-chooser .dx-toolbar-items-container .dx-toolbar-label {
  color: var(--vds-nav-title-bar-color-text-title);
}
.dx-datagrid-column-chooser .dx-button {
  background-color: transparent;
  border-radius: var(--vds-border-radius-interactive);
  border: none;
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  max-width: var(--vds-size-l);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
.dx-datagrid-column-chooser .dx-button .dx-inkripple {
  display: none;
}
.dx-datagrid-column-chooser .dx-button .dx-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
.dx-datagrid-column-chooser .dx-button:active {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
.dx-datagrid-column-chooser .dx-button:active .dx-icon {
  color: var(--vds-btn-color-text-tertiary-active);
}
.dx-datagrid-column-chooser .dx-button:hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
.dx-datagrid-column-chooser .dx-button:hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
.dx-datagrid-column-chooser .dx-button.dx-state-disabled {
  background-color: var(--vds-btn-color-bg-tertiary-disabled);
}
.dx-datagrid-column-chooser .dx-button.dx-state-disabled .dx-icon {
  color: var(--vds-btn-color-text-tertiary-disabled);
}
.dx-datagrid-column-chooser .dx-button.dx-state-focused:focus:not(:disabled):not(:hover), .dx-datagrid-column-chooser .dx-button.dx-state-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}
.dx-datagrid-column-chooser .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  border-radius: var(--vds-border-radius-interactive);
}

.dx-datagrid-bottom-load-panel .dx-loadindicator {
  display: none;
}

#internal-treelist-widget .dx-treelist-header-panel .dx-toolbar {
  min-height: 4.5rem;
}
#internal-treelist-widget .dx-treelist-header-panel .dx-toolbar .dx-toolbar-item .dx-treelist-column-chooser-button {
  display: none;
}
#internal-treelist-widget .dx-treelist-header-panel .dx-toolbar .dx-toolbar-button .dx-button:has(.dx-icon-overflow) {
  display: none;
}
#internal-treelist-widget .dx-treelist-header-panel .dx-toolbar ts-table-search-bar vapor-angular-header,
#internal-treelist-widget .dx-treelist-header-panel .dx-toolbar ts-table-search-bar vapor-angular-validation-field {
  display: none;
}
#internal-treelist-widget .dx-row.dx-header-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-strong-font-family);
  font-weight: var(--vds-text-body-interface-small-strong-font-weight);
  line-height: var(--vds-text-body-interface-small-strong-line-height);
  font-size: var(--vds-text-body-interface-small-strong-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-default);
}
#internal-treelist-widget .dx-row.dx-header-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treelist-widget .dx-row.dx-header-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-header-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-treelist-widget .dx-row.dx-header-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-header-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-header-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-header-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-header-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-header-row > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-treelist-widget .dx-row.dx-header-row > td > .dx-column-indicators .dx-sort {
  display: none;
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-fixed);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-treelist-widget .dx-row.dx-treelist-filter-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-menu-item .dx-icon,
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-dropdowneditor-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-dropdowneditor-button {
  box-shadow: none;
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-dropdowneditor-button .dx-dropdowneditor-icon:before {
  content: "\f027";
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-editor-with-menu .dx-filter-menu {
  left: unset;
  right: 2.5rem;
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-editor-with-menu .dx-filter-menu .dx-menu-item.dx-state-hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-editor-with-menu .dx-filter-menu .dx-menu-item.dx-state-hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-texteditor-container {
  width: calc(100% - 1.5rem);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-texteditor-input-container > input.dx-texteditor-input {
  height: var(--vds-size-l);
  padding-left: 0;
  color: var(--vds-dataviz-table-text-content);
}
#internal-treelist-widget .dx-row.dx-treelist-filter-row > td .dx-texteditor-input-container > .dx-placeholder:before {
  padding-top: var(--vds-space-m);
  padding-left: 0;
  color: var(--vds-dataviz-table-text-desc);
}
#internal-treelist-widget .dx-row.dx-data-row:hover > td {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-treelist-widget .dx-row.dx-data-row:hover > td.editable-cell:hover {
  box-shadow: var(--vds-color-interactive-default) 0px -2px 0px 0px inset;
}
#internal-treelist-widget .dx-row.dx-data-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-default);
}
#internal-treelist-widget .dx-row.dx-data-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-treelist-widget .dx-row.dx-data-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-treelist-widget .dx-row.dx-data-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-data-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treelist-widget .dx-row.dx-data-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-data-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-editor-cell:not(.dx-command-select):not(.dx-command-edit):not(.dx-focused) {
  box-shadow: var(--vds-color-interactive-default) 0px -2px 0px 0px inset;
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  padding-top: 0;
  padding-bottom: 0;
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-editor-cell input {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  color: var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-data-row > td.dx-command-drag .dx-treelist-drag-icon::before {
  font-family: "DXIcons";
  font-size: 1.25rem;
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-treelist-widget .dx-row.dx-data-row.dx-selection > td {
  background-color: var(--vds-dataviz-table-bg-active);
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treelist-widget .dx-row.dx-data-row.dx-selection > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treelist-widget .dx-row.dx-footer-row {
  background-color: slategray;
}
#internal-treelist-widget .dx-treelist-pager {
  display: none;
}
#internal-treelist-widget .dx-treelist-rowsview.dx-empty {
  min-height: 12.5rem;
}
#internal-treelist-widget .dx-treelist-rowsview.dx-empty:has(.ts-table-empty-state-with-action) {
  min-height: 20rem;
}
#internal-treelist-widget .dx-treelist-rowsview.dx-empty span.dx-treelist-nodata {
  display: none;
}
#internal-treelist-widget .dx-treelist-rowsview.dx-empty .ts-table-empty-state-overlay {
  justify-content: center;
  align-items: center;
}
#internal-treelist-widget .dx-treelist-focus-overlay:after {
  display: none;
}
#internal-treelist-widget .dx-checkbox .dx-checkbox-icon {
  height: var(--vds-size-s);
  width: var(--vds-size-s);
  border-width: var(--vds-border-size-xs);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-interactive);
  background-color: var(--vds-ctrl-color-bg-input-default);
}
#internal-treelist-widget .dx-checkbox .dx-checkbox-icon:hover {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
#internal-treelist-widget .dx-checkbox .dx-checkbox-icon:before {
  position: absolute;
  display: block;
}
#internal-treelist-widget .dx-checkbox .dx-checkbox-icon:after {
  display: none;
}
#internal-treelist-widget .dx-checkbox.dx-state-focused .dx-checkbox-icon {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
#internal-treelist-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon {
  border: var(--vds-border-size-xs) var(--border-std-style) var(--vds-ctrl-color-border-input-disabled);
  color: var(--vds-ctrl-color-text-icon-disabled);
  cursor: not-allowed;
}
#internal-treelist-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon:before {
  background-color: var(--vds-ctrl-color-border-input-disabled);
}
#internal-treelist-widget .dx-checkbox-checked:not(.dx-state-disabled) .dx-checkbox-icon,
#internal-treelist-widget .dx-checkbox-indeterminate:not(.dx-state-disabled) .dx-checkbox-icon {
  color: var(--vds-ctrl-color-text-icon-selected);
  border: none;
  background-color: var(--vds-ctrl-color-bg-input-selected-default);
  font: 0.875rem/1 DXIcons;
  font-size: var(--font-size-xs);
  text-align: center;
}
#internal-treelist-widget .dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f005";
  top: 0.6rem;
}
#internal-treelist-widget .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "\f074";
  top: 0.175rem;
  margin-left: -2px;
}
#internal-treelist-widget .dx-button {
  background-color: transparent;
  border-radius: var(--vds-border-radius-interactive);
  border: none;
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  max-width: var(--vds-size-l);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
#internal-treelist-widget .dx-button .dx-inkripple {
  display: none;
}
#internal-treelist-widget .dx-button .dx-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-treelist-widget .dx-button:active {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
#internal-treelist-widget .dx-button:active .dx-icon {
  color: var(--vds-btn-color-text-tertiary-active);
}
#internal-treelist-widget .dx-button:hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
#internal-treelist-widget .dx-button:hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
#internal-treelist-widget .dx-button.dx-state-disabled {
  background-color: var(--vds-btn-color-bg-tertiary-disabled);
}
#internal-treelist-widget .dx-button.dx-state-disabled .dx-icon {
  color: var(--vds-btn-color-text-tertiary-disabled);
}
#internal-treelist-widget .dx-button.dx-state-focused:focus:not(:disabled):not(:hover), #internal-treelist-widget .dx-button.dx-state-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}
#internal-treelist-widget .dx-treelist-headers,
#internal-treelist-widget .dx-treelist-rowsview {
  border: none;
}

.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu {
  border-radius: var(--vds-border-radius-container);
  border-color: var(--vds-global-border-alpha);
  background-color: var(--vds-container-color-bg-default);
  box-shadow: unset;
  margin: var(--vds-space-s) 0;
  filter: drop-shadow(var(--vds-elevation-2-offset-x) var(--vds-elevation-2-offset-y) var(--vds-elevation-2-blur) var(--vds-elevation-2-color));
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu ul.dx-menu-items-container, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu ul.dx-menu-items-container {
  display: flex;
  flex-flow: column;
  gap: var(--vds-space-s);
  padding: var(--vds-space-s);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper {
  height: var(--vds-size-l);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item:hover:not(.dx-menu-item-selected), .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item:hover:not(.dx-menu-item-selected) {
  background-color: var(--vds-container-color-bg-hover);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item.dx-menu-item-selected, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item.dx-menu-item-selected {
  background-color: var(--vds-container-color-bg-open);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-icon, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-icon {
  color: var(--vds-btn-color-text-tertiary-default);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-item-wrapper .dx-menu-item-text, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-item-wrapper .dx-menu-item-text {
  color: var(--vds-container-color-text-interactive-default);
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-filter-menu .dx-submenu .dx-menu-separator, .dx-overlay-wrapper .dx-treelist-container.dx-overlay-content.dx-menu-base .dx-submenu .dx-menu-separator {
  margin: 0;
}

.dx-treelist-column-chooser .dx-toolbar-items-container .dx-toolbar-label {
  color: var(--vds-nav-title-bar-color-text-title);
}
.dx-treelist-column-chooser .dx-button {
  background-color: transparent;
  border-radius: var(--vds-border-radius-interactive);
  border: none;
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  max-width: var(--vds-size-l);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
.dx-treelist-column-chooser .dx-button .dx-inkripple {
  display: none;
}
.dx-treelist-column-chooser .dx-button .dx-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
.dx-treelist-column-chooser .dx-button:active {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
.dx-treelist-column-chooser .dx-button:active .dx-icon {
  color: var(--vds-btn-color-text-tertiary-active);
}
.dx-treelist-column-chooser .dx-button:hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
.dx-treelist-column-chooser .dx-button:hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
.dx-treelist-column-chooser .dx-button.dx-state-disabled {
  background-color: var(--vds-btn-color-bg-tertiary-disabled);
}
.dx-treelist-column-chooser .dx-button.dx-state-disabled .dx-icon {
  color: var(--vds-btn-color-text-tertiary-disabled);
}
.dx-treelist-column-chooser .dx-button.dx-state-focused:focus:not(:disabled):not(:hover), .dx-treelist-column-chooser .dx-button.dx-state-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}
.dx-treelist-column-chooser .dx-button.dx-button-has-icon:not(.dx-button-has-text):not(.dx-shape-standard) {
  border-radius: var(--vds-border-radius-interactive);
}

.dx-treelist-bottom-load-panel .dx-loadindicator {
  display: none;
}

/**
 * @description setups the vertical and horizontal alignment of the cell to display correctly the builtin treeview items
 * (carte, indent placeholder, ecc) and the custom content of the treeview item
 */
#internal-treeview-widget.treeview-size__large .dx-row.dx-data-row > td {
  height: var(--vds-size-xl);
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
}
#internal-treeview-widget.treeview-size__medium .dx-row.dx-data-row > td {
  height: var(--vds-size-l);
  min-height: var(--vds-size-l);
  max-height: var(--vds-size-l);
}
#internal-treeview-widget.treeview-size__small .dx-row.dx-data-row > td {
  height: var(--vds-size-m);
  min-height: var(--vds-size-m);
  max-height: var(--vds-size-m);
}
#internal-treeview-widget .dx-row.dx-data-row:hover > td {
  background-color: var(--vds-dataviz-table-bg-hover);
}
#internal-treeview-widget .dx-row.dx-data-row > td {
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  border-radius: 0;
  border: 0;
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  color: var(--vds-dataviz-table-text-content);
  font-family: var(--vds-text-body-interface-small-regular-font-family);
  font-weight: var(--vds-text-body-interface-small-regular-font-weight);
  line-height: var(--vds-text-body-interface-small-regular-line-height);
  font-size: var(--vds-text-body-interface-small-regular-font-size);
  padding: var(--vds-space-s);
  background-color: var(--vds-dataviz-table-bg-default);
  display: flex;
  align-items: center;
}
#internal-treeview-widget .dx-row.dx-data-row > td:active {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treeview-widget .dx-row.dx-data-row > td.dx-focused {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: 0;
  position: relative;
}
#internal-treeview-widget .dx-row.dx-data-row > td.dx-focused:focus:not(:disabled):not(:hover), #internal-treeview-widget .dx-row.dx-data-row > td.dx-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-forms-color-border-focus);
  outline-offset: -3px;
  position: relative;
}
#internal-treeview-widget .dx-row.dx-data-row > td.ts-fixed-cell-left {
  border-left: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treeview-widget .dx-row.dx-data-row > td.ts-fixed-cell-right {
  border-right: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
}
#internal-treeview-widget .dx-row.dx-data-row > td.ts-cell-lock-status-locked {
  border-bottom: var(--vds-border-size-s) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treeview-widget .dx-row.dx-data-row > td.ts-cell-lock-status-unlocked {
  border-bottom: var(--vds-border-size-s) dashed var(--vds-dataviz-table-border-interactive);
}
#internal-treeview-widget .dx-row.dx-data-row > td .dx-treelist-icon-container {
  float: none;
}
#internal-treeview-widget .dx-row.dx-data-row > td .dx-treelist-text-content {
  flex-grow: 1;
}
#internal-treeview-widget .dx-row.dx-data-row.dx-selection > td {
  background-color: var(--vds-dataviz-table-bg-active);
  border-bottom: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-interactive);
}
#internal-treeview-widget .dx-row.dx-data-row.dx-selection > td:not(.dx-command-select):not(.dx-command-edit):hover {
  background-color: var(--vds-dataviz-table-bg-active);
}
#internal-treeview-widget .dx-treelist-rowsview.dx-empty {
  min-height: 12.5rem;
}
#internal-treeview-widget .dx-treelist-rowsview.dx-empty:has(.ts-table-empty-state-with-action) {
  min-height: 20rem;
}
#internal-treeview-widget .dx-treelist-rowsview.dx-empty span.dx-treelist-nodata {
  display: none;
}
#internal-treeview-widget .dx-treelist-rowsview.dx-empty .ts-table-empty-state-overlay {
  justify-content: center;
  align-items: center;
}
#internal-treeview-widget .dx-treelist-focus-overlay:after {
  display: none;
}
#internal-treeview-widget .dx-checkbox .dx-checkbox-icon {
  height: var(--vds-size-s);
  width: var(--vds-size-s);
  border-width: var(--vds-border-size-xs);
  border-color: var(--vds-ctrl-color-border-input-default);
  border-radius: var(--vds-border-radius-interactive);
  background-color: var(--vds-ctrl-color-bg-input-default);
}
#internal-treeview-widget .dx-checkbox .dx-checkbox-icon:hover {
  background-color: var(--vds-ctrl-color-bg-input-hover);
  border-color: var(--vds-ctrl-color-border-input-hover);
}
#internal-treeview-widget .dx-checkbox .dx-checkbox-icon:before {
  position: absolute;
  display: block;
}
#internal-treeview-widget .dx-checkbox .dx-checkbox-icon:after {
  display: none;
}
#internal-treeview-widget .dx-checkbox.dx-state-focused .dx-checkbox-icon {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-border-interactive-focus-color);
  outline-offset: 1px;
  position: relative;
}
#internal-treeview-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon {
  border: var(--vds-border-size-xs) var(--border-std-style) var(--vds-ctrl-color-border-input-disabled);
  color: var(--vds-ctrl-color-text-icon-disabled);
  cursor: not-allowed;
}
#internal-treeview-widget .dx-checkbox.dx-state-disabled .dx-checkbox-icon:before {
  background-color: var(--vds-ctrl-color-border-input-disabled);
}
#internal-treeview-widget .dx-checkbox-checked:not(.dx-state-disabled) .dx-checkbox-icon,
#internal-treeview-widget .dx-checkbox-indeterminate:not(.dx-state-disabled) .dx-checkbox-icon {
  color: var(--vds-ctrl-color-text-icon-selected);
  border: none;
  background-color: var(--vds-ctrl-color-bg-input-selected-default);
  font: 0.875rem/1 DXIcons;
  font-size: var(--font-size-xs);
  text-align: center;
}
#internal-treeview-widget .dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f005";
  top: 0.6rem;
}
#internal-treeview-widget .dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "\f074";
  top: 0.175rem;
  margin-left: -2px;
}
#internal-treeview-widget .dx-button {
  background-color: transparent;
  border-radius: var(--vds-border-radius-interactive);
  border: none;
  min-height: var(--vds-size-l);
  min-width: var(--vds-size-l);
  max-height: var(--vds-size-l);
  max-width: var(--vds-size-l);
  width: var(--vds-size-l);
  height: var(--vds-size-l);
}
#internal-treeview-widget .dx-button .dx-inkripple {
  display: none;
}
#internal-treeview-widget .dx-button .dx-icon {
  background-color: var(--vds-btn-color-bg-tertiary-default);
  color: var(--vds-btn-color-text-tertiary-default);
}
#internal-treeview-widget .dx-button:active {
  background-color: var(--vds-btn-color-bg-tertiary-active);
}
#internal-treeview-widget .dx-button:active .dx-icon {
  color: var(--vds-btn-color-text-tertiary-active);
}
#internal-treeview-widget .dx-button:hover {
  background-color: var(--vds-btn-color-bg-tertiary-hover);
}
#internal-treeview-widget .dx-button:hover .dx-icon {
  color: var(--vds-btn-color-text-tertiary-hover);
}
#internal-treeview-widget .dx-button.dx-state-disabled {
  background-color: var(--vds-btn-color-bg-tertiary-disabled);
}
#internal-treeview-widget .dx-button.dx-state-disabled .dx-icon {
  color: var(--vds-btn-color-text-tertiary-disabled);
}
#internal-treeview-widget .dx-button.dx-state-focused:focus:not(:disabled):not(:hover), #internal-treeview-widget .dx-button.dx-state-focused:focus-visible:not(:disabled):not(:hover) {
  z-index: 1;
  cursor: pointer;
  outline-width: var(--vds-border-size-s);
  outline-style: solid;
  outline-color: var(--vds-btn-color-text-tertiary-default);
  outline-offset: 1px;
  position: relative;
}

.dx-invalid {
  border-width: var(--border-std-width) !important;
  border-style: solid !important;
  border-color: var(--color-status-alert) !important;
}

.dx-invalid.dx-texteditor .dx-texteditor-buttons-container:after {
  content: none;
}

.dx-invalid-message.dx-overlay-wrapper {
  display: none !important;
}

.dx-validationsummary-item-content {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  line-height: 1.5;
  color: var(--color-status-alert);
  border: none;
}

.dx-invalid.dx-state-focused:before {
  content: none;
}

.ts-scheduler-element dx-scheduler .dx-scheduler-header-panel-cell {
  text-align: left;
  padding-left: 0.5rem;
  text-transform: capitalize;
  color: #005075;
}
.ts-scheduler-element dx-scheduler td {
  border: 1px solid rgb(213, 217, 221);
}
.ts-scheduler-element dx-scheduler .dx-scheduler-date-table-cell {
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  color: var(--yankeesblue);
}
.ts-scheduler-element dx-scheduler .dx-scheduler-header-panel {
  margin-top: 0;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-header.dx-widget {
  display: none !important;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-work-space {
  margin-top: 0;
  padding-top: 0;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-appointment-content {
  padding: 0;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-appointment-content ts-ribbon {
  height: 1.5rem;
  width: 100%;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-time-panel-cell > div {
  margin-top: 0;
}
.ts-scheduler-element dx-scheduler .dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.ts-scheduler-element dx-scheduler .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  top: 2.5rem;
}

.dx-widget {
  color: var(--color-gray);
  font-weight: normal;
  font-size: var(--font-size-sm);
  font-family: "Roboto", "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
  line-height: 1.35715;
}

.dx-widget input,
.dx-widget textarea {
  font-family: "Roboto", "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
  line-height: 1.35715;
}

.dx-popup-content {
  padding: 0px;
}

.dx-checkbox-checked .dx-checkbox-icon:before {
  position: absolute;
  display: block;
  width: 13px;
  top: 50%;
  margin-top: -6.5px;
  left: 50%;
  margin-left: -6.5px;
}

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--checkbox-background);
  position: absolute;
  left: 0.25rem;
  top: 0.25rem;
}

.dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f00c";
}

.dx-popup-wrapper > .dx-overlay-content {
  border-radius: 0;
}

.dx-menu-base {
  color: var(--color-gray);
  font-weight: normal;
  font-size: var(--font-size-sm);
  font-family: "Roboto", "Helvetica Neue", "Segoe UI", Helvetica, Verdana, sans-serif;
  line-height: 1.35715;
}

.dx-texteditor.dx-editor-outlined {
  border-radius: 0;
}

.dx-texteditor.dx-editor-outlined:hover {
  border-color: var(--color-brand-primary);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: var(--color-light-blue-02);
  color: var(--color-brand-primary);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item {
  border: var(--border-std-width) var(--border-std-style) transparent;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  border: var(--border-std-width) var(--border-std-style) var(--color-brand-primary);
  background-color: var(--color-light-blue-02);
  color: var(--color-brand-primary);
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  border: var(--border-std-width) var(--border-std-style) var(--color-brand-primary);
  color: var(--color-text-01);
  background-color: transparent;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: var(--color-light-blue-02);
  color: var(--color-text-01);
}

.ts-vapor {
  /*
  Here go generic css rules affecting common parts between table and treelist
  */
  /*
    removes display flex because it breaks icons size when the are rendered inside ts-simple-select dropdown
    */
}
.ts-vapor .ts-swiper {
  --swiper-header-padding: var(--base-unit) 0;
  --swiper-header-height: calc(var(--base-unit) * 13);
  --swiper-header-width: calc(var(--base-unit) * 30);
  --swiper-body-height: auto;
  --swiper-body-grid-gap: var(--base-unit-6);
  --swiper-footer-height: calc(var(--base-unit) * 10);
  --swiper-backgorund-color: var(--color-white);
  --swiper-paginator-margin-top: var(--base-unit-4);
}
.ts-vapor .ts-swiper {
  display: grid;
  grid-template-rows: var(--swiper-body-height) var(--swiper-footer-height);
  background-color: var(--swiper-backgorund-color);
  min-width: min-content;
  padding: var(--base-unit-2);
}
.ts-vapor .ts-swiper__container {
  display: grid;
  min-width: min-content;
  width: min-content;
  justify-self: center;
}
.ts-vapor .ts-swiper__container__header {
  padding: var(--swiper-header-padding);
  display: grid;
  grid-template-columns: auto var(--swiper-header-width);
  height: var(--swiper-header-height);
}
.ts-vapor .ts-swiper__container__body {
  display: grid;
  justify-items: center;
  grid-gap: var(--swiper-body-grid-gap);
  width: min-content;
  justify-self: center;
}
.ts-vapor .ts-swiper__container__body__slide {
  width: min-content;
}
.ts-vapor .ts-swiper__pagination {
  text-align: center;
}
.ts-vapor .ts-swiper__pagination__paginator {
  top: var(--swiper-paginator-margin-top);
  position: relative;
}
.ts-vapor .ts-table-search-footer__container {
  background-color: var(--color-white);
  padding: var(--base-unit-2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.ts-vapor .ts-table-search-header__container {
  background-color: var(--color-white);
  display: flex;
  justify-content: space-between;
  padding: 0 var(--base-unit-2);
}
.ts-vapor .ts-table-search-header__container ts-body-large {
  padding-top: var(--base-unit-4);
  color: var(--color-title);
  font-weight: var(--font-weight-bold);
}
.ts-vapor #internal-treeview-widget .dx-row.dx-data-row > td {
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor #internal-treeview-widget .dx-row.dx-data-row > td .treeview-item__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  min-height: var(--vds-size-s);
  margin-top: var(--vds-space-xs);
  padding: 0 var(--vds-space-m);
}
.ts-vapor #internal-treeview-widget .dx-row.dx-data-row > td:active {
  font-family: var(--vds-text-body-small-heavy-font-family);
  font-weight: var(--vds-text-body-small-heavy-font-weight);
  line-height: var(--vds-text-body-small-heavy-line-height);
  font-size: var(--vds-text-body-small-heavy-font-size);
}
.ts-vapor #internal-treeview-widget .dx-row.dx-data-row > td:active .treeview-item__badge-container {
  top: var(--vds-space-m);
}
.ts-vapor .ts-table-header-template__truncate {
  display: flex;
}
.ts-vapor .ts-table-header-template__truncate > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.ts-vapor .table-persistence__detail {
  display: block;
  padding: 16px;
  min-width: 400px;
}
.ts-vapor .table-persistence__item {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 1rem;
  box-sizing: border-box;
  color: var(--color-primary-darkest);
  font-family: var(--vds-text-body-small-regular-font-family);
  font-weight: var(--vds-text-body-small-regular-font-weight);
  line-height: var(--vds-text-body-small-regular-line-height);
  font-size: var(--vds-text-body-small-regular-font-size);
}
.ts-vapor .table-persistence__item.item-active {
  background-color: var(--color-light-blue-02);
}
.ts-vapor .table-persistence__item-label {
  display: flex;
  max-width: 11rem;
  align-items: center;
  white-space: nowrap;
}
.ts-vapor .table-persistence__item-label .table-persistence__label_container {
  padding-left: var(--vds-space-m);
  text-overflow: ellipsis;
  overflow: hidden;
}
.ts-vapor .table-persistence__actions {
  display: flex;
  flex-wrap: nowrap;
  flex: 0 1 auto;
}
.ts-vapor vapor-angular-table-pager {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  min-height: var(--vds-size-xl);
  max-height: var(--vds-size-xl);
  height: var(--vds-size-xl);
  color: blue;
  color: var(--vds-forms-color-text-label);
  border-top: var(--vds-border-size-xs) solid var(--vds-dataviz-table-border-default);
  padding: var(--vds-space-m) var(--vds-space-s);
}
.ts-vapor vapor-angular-table-pager .ts-table-pager-info-line {
  font-family: var(--vds-text-body-interface-small-strong-font-family);
  font-weight: var(--vds-text-body-interface-small-strong-font-weight);
  line-height: var(--vds-text-body-interface-small-strong-line-height);
  font-size: var(--vds-text-body-interface-small-strong-font-size);
}
.ts-vapor.table-grouped-actions-popover.ts-simple-popover {
  padding: var(--vds-space-xs) !important;
}
.ts-vapor .tl-button {
  box-sizing: content-box;
  padding: var(--base-unit-1-half);
}
.ts-vapor .tl-button:hover {
  background-color: var(--color-gray-verylight);
}
.ts-vapor .tl-button-normal {
  color: var(--color-brand-primary);
}
.ts-vapor .tl-button-danger {
  color: var(--color-status-alert);
}
.ts-vapor .tl-button-disabled {
  color: var(--color-text-05);
  pointer-events: none;
}
.ts-vapor .tl-button-hidden {
  visibility: hidden;
}
.ts-vapor .ts-filter-persistence.tl-button fa-icon {
  display: inline;
}
.ts-vapor .ts-scheduler-element ts-scheduler-header {
  background-color: var(--white);
  margin: 0 1px;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.ts-vapor .ts-scheduler-element ts-scheduler-header .ts-scheduler-header__section {
  width: 100%;
}
.ts-vapor .ts-scheduler-element ts-scheduler-header .ts-scheduler-header__section.central_section {
  display: flex;
  align-items: center;
}
.ts-vapor .ts-scheduler-element ts-scheduler-header .ts-scheduler-header__navigator {
  color: var(--darkimperialblue);
  font-family: var(--font-family-cairo);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
}
.ts-vapor .ts-scheduler-element ts-scheduler-header .ts-scheduler-header__back-to-current {
  margin-left: var(--base-unit);
}
.ts-vapor .ts-scheduler-element ts-scheduler-header .ts-scheduler-header__external-container {
  flex-grow: 1;
  margin-left: 0.5rem;
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell {
  padding: 0.5rem;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  border: 1px solid transparent;
  background-color: var(--white);
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell:hover {
  border: 1px solid var(--richelectricblue);
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell .ts-scheduler-cell__summary {
  font-family: var(--font-family-cairo);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell .ts-scheduler-cell__toolbar {
  flex-grow: 1;
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell .ts-scheduler-cell__body {
  height: 100%;
  max-height: 100%;
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell.special-cell {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KPGRlZnM+CiAgICA8cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjMiIGhlaWdodD0iMyIgdmlld0JveD0iMCAwIDQwLDQwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBwYXR0ZXJuVHJhbnNmb3JtPSJyb3RhdGUoMjI0KSAiPgogICAgPHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSgyMDgsIDIxMywgMjE3LDEpIi8+CiAgICA8cGF0aCBmaWx0ZXI9InVybCgjZmlsdGVyMXBhdHRlcm4pIiBmaWxsPSIjZmZmZmZmIiBkPSJNIC0xMCAzMCBoIDYwIHYyMCBoLTYweiBNLTEwIC0xMCBoNjAgdjIwIGgtNjAiLz4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Im0gLTEwIDMwIGggNjAgdjIwIGgtNjB6IE0tMTAgLTEwIGg2MCB2MjAgaC02MHoiLz4KICAgIDwvcGF0dGVybj4KICAgIDxmaWx0ZXIgaWQ9ImZpbHRlcjFwYXR0ZXJuIj4KICAgIDxmZVR1cmJ1bGVuY2UgYmFzZUZyZXF1ZW5jeT0iMCIgbnVtT2N0YXZlcz0iMiIgdHlwZT0iZnJhY3RhbE5vaXNlIiByZXN1bHQ9InJlc3VsdDEiLz4KICAgIDxmZURpc3BsYWNlbWVudE1hcCBpbjI9InJlc3VsdDEiIHNjYWxlPSIwIiByZXN1bHQ9InJlc3VsdDIiIHhDaGFubmVsU2VsZWN0b3I9IlIiIGluPSJTb3VyY2VHcmFwaGljIi8+CiAgICA8ZmVDb21wb3NpdGUgaW4yPSJyZXN1bHQyIiBpbj0iU291cmNlR3JhcGhpYyIgb3BlcmF0b3I9ImF0b3AiIHJlc3VsdD0iZmJTb3VyY2VHcmFwaGljIi8+CiAgICA8L2ZpbHRlcj4KPC9kZWZzPgo8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBzdHlsZT0ib3BhY2l0eTogMC4yNCIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSIvPgo8L3N2Zz4=");
}
.ts-vapor .ts-scheduler-element dx-scheduler ts-scheduler-cell.holiday-cell {
  background-color: var(--color-very-light-grey);
}
/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@vapor/angular-charts/shared/css/charts.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
:root {
  --chart-card-background-color: var(--color-white);
  --chart-card-left-legend-min-width: var(--base-unit-16);
  --chart-card-border: var(--border-light);
}

.ts-chart-card .ts-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ts-chart-card__body {
  display: grid;
  flex: 1;
}
.ts-chart-card__body.right {
  grid-template-areas: "title legend" "container legend";
  grid-template-columns: auto var(--legendSize);
  grid-template-rows: auto 1fr;
}
.ts-chart-card__body.bottom {
  grid-template-areas: "title" "container" "legend";
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.ts-chart-card__body.none, .ts-chart-card__body.outside {
  grid-template-areas: "container";
}
.ts-chart-card__body__title {
  grid-area: title;
  padding: 1.5rem;
}
.ts-chart-card__body__container {
  grid-area: container;
}
.ts-chart-card__body__legend {
  grid-area: legend;
  background-color: var(--chart-card-background-color);
}
.ts-chart-card__body__legend.right {
  padding-top: var(--base-unit-3);
  min-width: var(--chart-card-left-legend-min-width);
  border-left: var(--chart-card-border);
}
.ts-chart-card__body__legend.bottom {
  border-top: var(--chart-card-border);
}

.ts-empty-chart-state {
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  position: absolute;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ts-empty-chart-state__content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}