/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./apps/pedixapp-admin/src/styles.scss?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
  - NOTE: include in this file ONLY styles that are application-agnostic
  - For application-specific rules, use `_app-globals.scss`
  - Reset styles are great candidates to be placed here
*/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

button,
a {
  cursor: pointer !important;
}
button:focus,
a:focus {
  outline: none !important;
}

form:focus {
  outline: none;
}

/**
  - NOTE: include in this file ONLY styles that are application-aware
  - For global/default rules/behaviors/styling/resets, use `_defaults.scss`
*/
:root {
  --theme1: #ffffff;
  --theme1-contrast: #9575cd;
  --theme2: #3b3c66;
  --theme2-contrast: #ffffff;
  --yellow: #ffd082;
  --cyan: #88e1f2;
  --danger: #ff7c7c;
  --danger-bg: #ff7c7c;
  --danger-text: #21243d;
  --success: #88e1f2;
  --success-bg: #88e1f2;
  --success-text: #21243d;
  --info: #88e1f2;
  --info-bg: #88e1f2;
  --info-text: #21243d;
  --warning: #ffd082;
  --warning-bg: #ffd082;
  --warning-text: #21243d;
  --white: white;
  --link: #007bff;
}

html.ready {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* Fallback for older browsers */
  width: 100%;
  height: 100%;
  /* ---------------------------- */
  width: 100dvw;
  height: 100dvh;
}
html.ready body {
  /* Fallback for older browsers */
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  /* ---------------------------- */
  height: 100dvh;
  max-height: 100dvh;
  min-height: 100dvh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow: hidden;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  color: #21243d;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
html.ready .app-root,
html.ready app-root {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0 auto;
}

pxw-text-field,
pxw-checkbox-group,
pxw-date-range,
pxw-image {
  margin-bottom: 1.5em;
}

.modal {
  bottom: 0;
  height: auto !important;
  overflow: hidden !important;
  display: block !important;
}
.modal .modal-dialog {
  position: static;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
}
.modal .modal-dialog .modal-content {
  position: static;
  width: 96%;
  max-width: 96dvw;
  height: 98%;
  max-height: 98dvh;
  margin: 0;
  border-radius: 0;
}
@media (min-width: 900px) {
  .modal .modal-dialog .modal-content {
    max-width: 800px;
  }
}
@media (min-height: 1100px) {
  .modal .modal-dialog .modal-content {
    max-height: 1000px;
  }
}
.modal.small .modal-content {
  position: static;
  width: 90%;
  max-width: 90dvw;
  height: 92%;
  max-height: 92dvh;
}
@media (min-width: 600px) {
  .modal.small .modal-content {
    max-width: 500px;
  }
}
@media (min-height: 800px) {
  .modal.small .modal-content {
    max-height: 700px;
  }
}
.modal.embeeded .modal-content {
  position: static;
  width: 92%;
  max-width: 92dvw;
  height: 95%;
  max-height: 95dvh;
}
@media (min-width: 800px) {
  .modal.embeeded .modal-content {
    max-width: 700px;
  }
}
@media (min-height: 950px) {
  .modal.embeeded .modal-content {
    max-height: 850px;
  }
}
.modal.wide .modal-content {
  max-width: none;
  max-height: none;
}
.modal.fullscreen .modal-content {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
}

.modal:not(.show),
.modal:not(.show) *,
.modal-backdrop:not(.show),
.modal-backdrop:not(.show) * {
  pointer-events: none !important;
}

/**
  * $name 10. Accent color
  * $type color
  */
/**
* $name 10. Font family
* $type text
*/
/**
* $name 20. Text color
* $type color
*/
/**
* $name 20. Label color
* $type color
*/
/**
* $name 40. Icon color
* $type color
*/
/**
* $name 50. Arrow icon color
* $type color
*/
/**
* $name 30. Background color
* $type color
*/
/**
* $name 40. Border color
* $type color
*/
/**
* $name 50. Success color
* $type color
*/
/**
* $name 60. Warning color
* $type color
*/
/**
* $name 70. Danger color
* $type color
*/
/**
* $name 80. Hover state text color
* $type color
*/
/**
* $name 90. Hover state background color
* $type color
*/
/**
* $name 100. Focused state text color
* $type color
*/
/**
* $name 110. Focused state background color
* $type color
*/
/**
* $name 30. Link color
* $type color
*/
:root {
  --dx-component-color-bg: #fff;
  --dx-color-main-bg: #fff;
  --dx-color-primary: #21243d;
  --dx-color-danger: #df0000;
  --dx-color-success: #155724;
  --dx-color-warning: #856404;
  --dx-color-border: #e0e0e0;
  --dx-color-text: #21243d;
  --dx-color-icon: rgba(33, 36, 61, 0.54);
  --dx-color-spin-icon: rgba(33, 36, 61, 0.54);
  --dx-color-link: #21243d;
  --dx-color-shadow: black;
  --dx-color-separator: #e0e0e0;
}

/**
* $name 11. Button height
* $type text
*/
/**
* $name 12. Icon size
* $type text
*/
/**
* $name 13. Icon margin
* $type text
*/
/**
* $name 120. Border radius
* $type text
*/
:root {
  --dx-component-height: 48px;
  --dx-font-size: 14px;
  --dx-border-width: 1px;
  --dx-border-radius: 6px;
  --dx-font-size-icon: 24px;
}

.dx-icon-plus,
.dx-icon-overflow,
.dx-icon-add,
.dx-icon-airplane,
.dx-icon-arrowleft,
.dx-icon-arrowdown,
.dx-icon-arrowright,
.dx-icon-arrowup,
.dx-icon-bookmark,
.dx-icon-box,
.dx-icon-car,
.dx-icon-card,
.dx-icon-cart,
.dx-icon-chart,
.dx-icon-clock,
.dx-icon-close,
.dx-icon-comment,
.dx-icon-dataarea,
.dx-icon-datapie,
.dx-icon-datatrending,
.dx-icon-datausage,
.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-food,
.dx-icon-gift,
.dx-icon-globe,
.dx-icon-group,
.dx-icon-help,
.dx-icon-home,
.dx-icon-image,
.dx-icon-info,
.dx-icon-key,
.dx-icon-like,
.dx-icon-map,
.dx-icon-menu,
.dx-icon-money,
.dx-icon-music,
.dx-icon-percent,
.dx-icon-photo,
.dx-icon-preferences,
.dx-icon-product,
.dx-icon-refresh,
.dx-icon-remove,
.dx-icon-runner,
.dx-icon-tags,
.dx-icon-tel,
.dx-icon-tips,
.dx-icon-todo,
.dx-icon-toolbox,
.dx-icon-user,
.dx-icon-save,
.dx-icon-clear,
.dx-icon-search,
.dx-icon-bold,
.dx-icon-italic,
.dx-icon-underline,
.dx-icon-strike,
.dx-icon-indent,
.dx-icon-fontsize,
.dx-icon-growfont,
.dx-icon-shrinkfont,
.dx-icon-color,
.dx-icon-background,
.dx-icon-superscript,
.dx-icon-subscript,
.dx-icon-header,
.dx-icon-blockquote,
.dx-icon-formula,
.dx-icon-codeblock,
.dx-icon-orderedlist,
.dx-icon-bulletlist,
.dx-icon-increaseindent,
.dx-icon-decreaseindent,
.dx-icon-alignleft,
.dx-icon-alignright,
.dx-icon-aligncenter,
.dx-icon-alignjustify,
.dx-icon-link,
.dx-icon-video,
.dx-icon-mention,
.dx-icon-variable,
.dx-icon-clearformat,
.dx-icon-undo,
.dx-icon-redo,
.dx-icon-checklist,
.dx-icon-verticalaligntop,
.dx-icon-verticalaligncenter,
.dx-icon-verticalalignbottom,
.dx-icon-rowproperties,
.dx-icon-columnproperties,
.dx-icon-cellproperties,
.dx-icon-tableproperties,
.dx-icon-splitcells,
.dx-icon-mergecells,
.dx-icon-removerow,
.dx-icon-removecolumn,
.dx-icon-addrowabove,
.dx-icon-addrowbelow,
.dx-icon-addcolumnleft,
.dx-icon-addcolumnright,
.dx-icon-addtable,
.dx-icon-removetable,
.dx-icon-bell,
.dx-icon-to,
.dx-icon-taskcomplete,
.dx-icon-taskrejected,
.dx-icon-taskinprogress,
.dx-icon-taskstop,
.dx-icon-taskhelpneeded,
.dx-icon-clearcircle,
.dx-icon-accountbox,
.dx-icon-ordersbox,
.dx-icon-arrowback,
.dx-icon-pinmap,
.dx-icon-handlevertical,
.dx-icon-handlehorizontal,
.dx-icon-triangleup,
.dx-icon-triangledown,
.dx-icon-triangleright,
.dx-icon-triangleleft {
  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-chevronprev::before,
.dx-rtl .dx-icon-back::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";
}

@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: normal;
  font-style: normal;
}
.dx-icon {
  display: inline-block;
  font-size: inherit;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dx-icon-pinmap, .dx-icon-datapie, .dx-icon-datausage, .dx-icon-dataarea, .dx-icon-datatrending, .dx-icon-errorcircle, .dx-icon-to, .dx-icon-belloutline, .dx-icon-description, .dx-icon-expandform, .dx-icon-triangleleft, .dx-icon-triangleright, .dx-icon-triangledown, .dx-icon-triangleup, .dx-icon-handlehorizontal, .dx-icon-eyeclose, .dx-icon-eyeopen, .dx-icon-login, .dx-icon-moon, .dx-icon-optionsgear, .dx-icon-panelleft, .dx-icon-panelright, .dx-icon-photooutline, .dx-icon-handlevertical, .dx-icon-send, .dx-icon-clearcircle, .dx-icon-taskstop, .dx-icon-taskinprogress, .dx-icon-taskrejected, .dx-icon-taskcomplete, .dx-icon-sun, .dx-icon-bell, .dx-icon-imgarunlock, .dx-icon-imgarlock, .dx-icon-unlock, .dx-icon-lock, .dx-icon-indeterminatestate, .dx-icon-return, .dx-icon-attach, .dx-icon-svgfile, .dx-icon-bmpfile, .dx-icon-jpgfile, .dx-icon-textdocument, .dx-icon-import, .dx-icon-importselected, .dx-icon-pasteplaintext, .dx-icon-addtableheader, .dx-icon-edittableheader, .dx-icon-deletetable, .dx-icon-inserttable, .dx-icon-insertcolumnright, .dx-icon-insertcolumnleft, .dx-icon-insertrowbelow, .dx-icon-insertrowabove, .dx-icon-deletecolumn, .dx-icon-deleterow, .dx-icon-mergecells, .dx-icon-splitcells, .dx-icon-tableproperties, .dx-icon-cellproperties, .dx-icon-columnproperties, .dx-icon-rowproperties, .dx-icon-verticalalignbottom, .dx-icon-verticalaligncenter, .dx-icon-verticalaligntop, .dx-icon-checklist, .dx-icon-showpanel, .dx-icon-hidepanel, .dx-icon-redo, .dx-icon-undo, .dx-icon-mediumiconslayout, .dx-icon-smalliconslayout, .dx-icon-contentlayout, .dx-icon-detailslayout, .dx-icon-rename, .dx-icon-parentfolder, .dx-icon-movetofolder, .dx-icon-newfolder, .dx-icon-inactivefolder, .dx-icon-share, .dx-icon-paste, .dx-icon-cut, .dx-icon-copy, .dx-icon-xlsxfile, .dx-icon-xlsfile, .dx-icon-txtfile, .dx-icon-rtffile, .dx-icon-pptxfile, .dx-icon-pptfile, .dx-icon-pdffile, .dx-icon-docxfile, .dx-icon-docfile, .dx-icon-hierarchy, .dx-icon-fullscreen, .dx-icon-accountbox, .dx-icon-clearformat, .dx-icon-variable, .dx-icon-mention, .dx-icon-video, .dx-icon-link, .dx-icon-alignjustify, .dx-icon-aligncenter, .dx-icon-alignright, .dx-icon-alignleft, .dx-icon-decreaselinespacing, .dx-icon-decreaseindent, .dx-icon-increaseindent, .dx-icon-bulletlist, .dx-icon-orderedlist, .dx-icon-codeblock, .dx-icon-formula, .dx-icon-blockquote, .dx-icon-header, .dx-icon-subscript, .dx-icon-superscript, .dx-icon-palette, .dx-icon-fill, .dx-icon-background, .dx-icon-color, .dx-icon-growfont, .dx-icon-shrinkfont, .dx-icon-fontsize, .dx-icon-font, .dx-icon-increaselinespacing, .dx-icon-indent, .dx-icon-strike, .dx-icon-underline, .dx-icon-italic, .dx-icon-bold, .dx-icon-print, .dx-icon-unselectall, .dx-icon-selectall, .dx-icon-repeat, .dx-icon-clearsquare, .dx-icon-square, .dx-icon-more, .dx-icon-taskhelpneeded, .dx-icon-warning, .dx-icon-ordersbox, .dx-icon-exportselected, .dx-icon-exportpdf, .dx-icon-exportxlsx, .dx-icon-export, .dx-icon-range, .dx-icon-doesnotcontain, .dx-icon-endswith, .dx-icon-startswith, .dx-icon-contains, .dx-icon-pinright, .dx-icon-pinleft, .dx-icon-unpin, .dx-icon-pin, .dx-icon-columnchooser, .dx-icon-fieldchooser, .dx-icon-fields, .dx-icon-datafield, .dx-icon-rowfield, .dx-icon-columnfield, .dx-icon-collapse, .dx-icon-expand, .dx-icon-sorted, .dx-icon-sortdowntext, .dx-icon-sortuptext, .dx-icon-sortdown, .dx-icon-sortup, .dx-icon-isnotblank, .dx-icon-isblank, .dx-icon-greaterorequal, .dx-icon-lessorequal, .dx-icon-greater, .dx-icon-less, .dx-icon-notequal, .dx-icon-equal, .dx-icon-chevrondoubleright, .dx-icon-chevrondoubleleft, .dx-icon-chevronup, .dx-icon-chevrondown, .dx-icon-chevronnext, .dx-icon-chevronright, .dx-icon-back, .dx-icon-chevronprev, .dx-icon-chevronleft, .dx-icon-spinup, .dx-icon-spindown, .dx-icon-spinnext, .dx-icon-spinright, .dx-icon-spinprev, .dx-icon-spinleft, .dx-icon-arrowup, .dx-icon-arrowright, .dx-icon-arrowback, .dx-icon-arrowdown, .dx-icon-arrowleft, .dx-icon-floppy, .dx-icon-upload, .dx-icon-user, .dx-icon-trash, .dx-icon-toolbox, .dx-icon-todo, .dx-icon-tips, .dx-icon-tel, .dx-icon-tags, .dx-icon-search, .dx-icon-save, .dx-icon-runner, .dx-icon-revert, .dx-icon-remove, .dx-icon-refresh, .dx-icon-pulldown, .dx-icon-product, .dx-icon-preferences, .dx-icon-minus, .dx-icon-plus, .dx-icon-photo, .dx-icon-percent, .dx-icon-overflow, .dx-icon-music, .dx-icon-money, .dx-icon-message, .dx-icon-menu, .dx-icon-map, .dx-icon-like, .dx-icon-key, .dx-icon-info, .dx-icon-image, .dx-icon-home, .dx-icon-help, .dx-icon-group, .dx-icon-globe, .dx-icon-gift, .dx-icon-food, .dx-icon-activefolder, .dx-icon-folder, .dx-icon-filter, .dx-icon-find, .dx-icon-favorites, .dx-icon-eventall, .dx-icon-event, .dx-icon-email, .dx-icon-edit, .dx-icon-dragvertical, .dx-icon-download, .dx-icon-file, .dx-icon-doc, .dx-icon-comment, .dx-icon-coffee, .dx-icon-close, .dx-icon-clock, .dx-icon-clear, .dx-icon-check, .dx-icon-chart, .dx-icon-cart, .dx-icon-card, .dx-icon-car, .dx-icon-box, .dx-icon-bookmark, .dx-icon-airplane, .dx-icon-add {
  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 {
  content: "\f021";
}

.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-folder:before {
  content: "\f028";
}

.dx-icon-activefolder: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 {
  content: "\f04f";
}

.dx-icon-spinprev:before {
  content: "\f04f";
}

.dx-icon-spinright:before {
  content: "\f04e";
}

.dx-icon-spinnext:before {
  content: "\f04e";
}

.dx-icon-spindown:before {
  content: "\f001";
}

.dx-icon-spinup:before {
  content: "\f002";
}

.dx-icon-chevronleft:before {
  content: "\f012";
}

.dx-icon-chevronprev:before {
  content: "\f012";
}

.dx-icon-back:before {
  content: "\f012";
}

.dx-icon-chevronright:before {
  content: "\f010";
}

.dx-icon-chevronnext: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-indent:before {
  content: "\f07b";
}

.dx-icon-increaselinespacing: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 {
  background-position: center center;
  background-repeat: no-repeat;
}

.dx-loadindicator-image-small {
  background-position: center center;
  background-repeat: no-repeat;
}

.dx-loadindicator-image-large {
  background-position: center center;
  background-repeat: no-repeat;
}

/* flex */
.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;
  padding: 10px;
  font-size: 0.85em;
  line-height: normal;
  word-wrap: break-word;
}

.dx-state-focused.dx-invalid .dx-invalid-message-auto,
.dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto,
.dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto,
.dx-invalid-message.dx-invalid-message-always {
  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);
  }
}
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Selected state text color
* $type color
*/
/**
* $name 15. Background color
* $type color
*/
/**
* $name 30. Hover state background color
* $type color
*/
/**
* $name 40. Focused state background color
* $type color
*/
/**
* $name 50. Active state background color
* $type color
*/
/**
* $name 25. Selected state background color
* $type color
*/
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Selected state text color
* $type color
*/
/**
* $name 15. Background color
* $type color
*/
/**
* $name 30. Hover state background color
* $type color
*/
/**
* $name 40. Focused state background color
* $type color
*/
/**
* $name 50. Active state background color
* $type color
*/
/**
* $name 25. Selected state background color
* $type color
*/
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Selected state text color
* $type color
*/
/**
* $name 15. Background color
* $type color
*/
/**
* $name 30. Hover state background color
* $type color
*/
/**
* $name 40. Focused state background color
* $type color
*/
/**
* $name 50. Active state background color
* $type color
*/
/**
* $name 25. Selected state background color
* $type color
*/
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Selected state text color
* $type color
*/
/**
* $name 15. Background color
* $type color
*/
/**
* $name 30. Hover state background color
* $type color
*/
/**
* $name 40. Focused state background color
* $type color
*/
/**
* $name 50. Active state background color
* $type color
*/
/**
* $name 25. Selected state background color
* $type color
*/
/**
* $name 10. Group header text color
* $type color
*/
/**
* $name 20. Group border color
* $type color
*/
/**
* $name 20. Group header background color
* $type color
*/
/**
* $name 10. Item text color
* $type color
*/
/**
* $name 25. Expanded group header text color
* $type color
*/
/**
* $name 30. Hovered state item background color
* $type color
*/
/**
* $name 30. Selected state item background color
* $type color
*/
/**
* $name 40. Active state item background color
* $type color
*/
:root {
  --dx-list-item-padding-inline: 16px;
  --dx-list-item-padding-block: 14px;
}

.dx-color-scheme {
  font-family: "#";
}

.dx-widget {
  display: block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  padding: 0;
  outline: 0;
  print-color-adjust: exact;
}
.dx-widget, .dx-widget::before, .dx-widget::after,
.dx-widget *,
.dx-widget *::before,
.dx-widget *::after {
  box-sizing: border-box;
}

.dx-item {
  outline: 0;
}

.dx-rtl {
  direction: rtl;
  unicode-bidi: embed;
}

.dx-state-disabled {
  pointer-events: none;
}

.dx-widget {
  color: #21243d;
  font-weight: normal;
  font-size: 14px;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}
.dx-widget input,
.dx-widget textarea {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "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;
}

.dx-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
  background-color: #fff;
  margin: 2px 2px 3px;
}

/**
* $name 10. Label text color
* $type color
*/
: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-fieldset {
  margin-bottom: 20px;
}
.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;
  padding: 0.4em;
}
.dx-field::before, .dx-field::after {
  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-static {
  white-space: normal;
}

.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-rtl .dx-fieldset .dx-field-label,
.dx-fieldset.dx-rtl .dx-field-label {
  float: right;
}
.dx-rtl .dx-fieldset .dx-field-value,
.dx-fieldset.dx-rtl .dx-field-value {
  float: left;
}

.dx-field {
  color: #21243d;
  font-weight: normal;
  font-size: 14px;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}
.dx-field input,
.dx-field textarea {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}

.dx-field-label {
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
  cursor: default;
}
.dx-field-label i {
  font-style: normal;
}

.dx-field-value.dx-attention {
  color: #df0000;
  padding-left: 32px;
}
.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-size: 14px;
  font-weight: 500;
  background-color: #df0000;
  color: #fff;
  content: "!";
  border-radius: 50%;
}

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-field-value-static {
  width: 60%;
}

.dx-field {
  padding: 0;
  display: flex;
}

.dx-field-label {
  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.dx-attention {
  padding: 21px 10px 20px;
  position: relative;
  padding-left: 32px;
}
.dx-field-value.dx-attention::before {
  left: 0;
}

.dx-field-value-static {
  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 0;
  font-size: 18px;
}

.dx-field {
  margin: 0 0 30px 0;
}

.dx-field:last-of-type {
  margin: 0;
}

.dx-theme-marker {
  font-family: "dx.material.#ff7c7c.light";
}

.dx-theme-accent-as-text-color {
  color: #21243d !important;
}

.dx-theme-text-color {
  color: #21243d !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: #21243d !important;
  fill: #21243d !important;
}

.dx-theme-text-color-as-background-color {
  background-color: #21243d !important;
  fill: #21243d !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: #21243d !important;
}

.dx-theme-text-color-as-border-color {
  border-color: #21243d !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-top,
.dx-resizable-handle-bottom {
  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-top-left,
.dx-resizable-handle-corner-bottom-right {
  cursor: se-resize;
}

.dx-resizable-handle-corner-top-right,
.dx-resizable-handle-corner-bottom-left {
  cursor: ne-resize;
}

.dx-resizable-handle-corner-top-left,
.dx-resizable-handle-corner-bottom-left {
  left: 0;
  border-bottom-right-radius: 100%;
}

.dx-resizable-handle-corner-top-right,
.dx-resizable-handle-corner-bottom-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::before, .dx-clearfix::after {
  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-state-invisible,
.dx-hidden {
  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;
}

/* animations */
.dx-animating {
  pointer-events: none; /* T263724 */
}

.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-leave, .dx-fade-animation.dx-enter.dx-enter-active,
.dx-no-direction.dx-leave,
.dx-no-direction.dx-enter.dx-enter-active {
  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 {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-overflow-animation.dx-enter.dx-enter-active.dx-backward {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.dx-overflow-animation.dx-leave.dx-forward {
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
.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 {
  transform: translate3d(0, 0, 0);
}
.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-forward {
  transform: none;
  opacity: 1;
}
.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward {
  transform: none;
  opacity: 1;
}
.dx-opendoor-animation.dx-leave.dx-forward {
  transform: none;
  transform-origin: center left 0;
  opacity: 1;
}
.dx-opendoor-animation.dx-leave.dx-backward {
  transform: none;
  transform-origin: center left 0;
  opacity: 1;
}
.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-enter.dx-backward {
  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-leave.dx-leave-active.dx-forward {
  transform: scale(1.5);
  opacity: 0;
}
.dx-win-pop-animation.dx-enter.dx-backward {
  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 {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  z-index: 1;
}
.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-leave, .dx-drop-animation.dx-enter.dx-enter-active {
  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-leave, .dx-3d-drop-animation.dx-enter.dx-enter-active {
  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-leave, .dx-fade-drop-animation.dx-enter.dx-enter-active {
  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-leave, .dx-fade-rise-animation.dx-enter.dx-enter-active {
  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-leave, .dx-fade-slide-animation.dx-enter.dx-enter-active {
  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-leave, .dx-fade-zoom-animation.dx-enter.dx-enter-active {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* end animations */
:root {
  --dx-button-padding-inline: 16px;
}

.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;
}

.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;
}
.dx-button-has-text .dx-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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-content {
  line-height: 0;
}

.dx-button-text {
  line-height: normal;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.04em;
}

.dx-button {
  min-width: 36px;
}
.dx-button .dx-button-content {
  padding-block: 8px;
  padding-inline-start: 8px;
  padding-inline-end: 8px;
}
.dx-button .dx-icon {
  width: 18px;
  height: 18px;
  font-size: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}

.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 {
  height: 36px;
  position: relative;
  border-radius: 6px;
  background-color: #fff;
  color: #21243d;
}
.dx-button .dx-button-content {
  position: relative;
}
.dx-button .dx-button-content .dx-inkripple {
  overflow: hidden;
  display: block;
}
.dx-button .dx-icon {
  color: #21243d;
}
.dx-button.dx-state-selected {
  background-color: rgb(209.1, 209.1, 209.1);
}
.dx-button.dx-state-selected,
.dx-button.dx-state-selected .dx-icon {
  color: #21243d;
}
.dx-button.dx-state-hover {
  background-color: rgb(234.6, 234.6, 234.6);
}
.dx-button.dx-state-focused {
  background-color: rgb(234.6, 234.6, 234.6);
}
.dx-button.dx-state-active {
  background-color: rgb(178.5, 178.5, 178.5);
}
.dx-button .dx-inkripple-wave {
  background-color: rgba(33, 36, 61, 0.2);
}
.dx-button.dx-state-disabled {
  opacity: 1;
  box-shadow: none;
}
.dx-button.dx-state-disabled .dx-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-state-disabled .dx-button-text {
  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: 6px;
  background-color: #21243d;
  color: #fff;
}
.dx-button.dx-button-default .dx-icon {
  color: #fff;
}
.dx-button.dx-button-default.dx-state-selected {
  background-color: black;
}
.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-hover {
  background-color: rgb(17.7813829787, 19.3978723404, 32.8686170213);
}
.dx-button.dx-button-default.dx-state-focused {
  background-color: rgb(17.7813829787, 19.3978723404, 32.8686170213);
}
.dx-button.dx-button-default.dx-state-active {
  background-color: black;
}
.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-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-default.dx-state-disabled .dx-button-text {
  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: 6px;
  background-color: #df0000;
  color: #fff;
}
.dx-button.dx-button-danger .dx-icon {
  color: #fff;
}
.dx-button.dx-button-danger.dx-state-selected {
  background-color: rgb(123.55, 0, 0);
}
.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-hover {
  background-color: rgb(179.65, 0, 0);
}
.dx-button.dx-button-danger.dx-state-focused {
  background-color: rgb(179.65, 0, 0);
}
.dx-button.dx-button-danger.dx-state-active {
  background-color: rgb(123.55, 0, 0);
}
.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-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-danger.dx-state-disabled .dx-button-text {
  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: 6px;
  background-color: #155724;
  color: #fff;
}
.dx-button.dx-button-success .dx-icon {
  color: #fff;
}
.dx-button.dx-button-success.dx-state-selected {
  background-color: rgb(1.6625, 6.8875, 2.85);
}
.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-hover {
  background-color: rgb(12.5708333333, 52.0791666667, 21.55);
}
.dx-button.dx-button-success.dx-state-focused {
  background-color: rgb(12.5708333333, 52.0791666667, 21.55);
}
.dx-button.dx-button-success.dx-state-active {
  background-color: rgb(1.6625, 6.8875, 2.85);
}
.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-icon {
  color: rgba(0, 0, 0, 0.1);
}
.dx-button.dx-button-success.dx-state-disabled .dx-button-text {
  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: #21243d;
}
.dx-button-mode-text .dx-icon {
  color: #21243d;
}
.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: #21243d;
}
.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-text.dx-state-focused {
  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(33, 36, 61, 0.2);
}
.dx-button-mode-text.dx-button-default {
  background-color: transparent;
  color: #21243d;
}
.dx-button-mode-text.dx-button-default .dx-icon {
  color: #21243d;
}
.dx-button-mode-text.dx-button-default.dx-state-selected {
  background-color: rgba(33, 36, 61, 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: #21243d;
}
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-button-mode-text.dx-button-default.dx-state-focused {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(33, 36, 61, 0.36);
}
.dx-button-mode-text.dx-button-default .dx-inkripple-wave {
  background-color: rgba(33, 36, 61, 0.2);
}
.dx-button-mode-text.dx-button-danger {
  background-color: transparent;
  color: #df0000;
}
.dx-button-mode-text.dx-button-danger .dx-icon {
  color: #df0000;
}
.dx-button-mode-text.dx-button-danger.dx-state-selected {
  background-color: rgba(223, 0, 0, 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: #df0000;
}
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-button-mode-text.dx-button-danger.dx-state-focused {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(223, 0, 0, 0.36);
}
.dx-button-mode-text.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(223, 0, 0, 0.2);
}
.dx-button-mode-text.dx-button-success {
  background-color: transparent;
  color: #155724;
}
.dx-button-mode-text.dx-button-success .dx-icon {
  color: #155724;
}
.dx-button-mode-text.dx-button-success.dx-state-selected {
  background-color: rgba(21, 87, 36, 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: #155724;
}
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-button-mode-text.dx-button-success.dx-state-focused {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(21, 87, 36, 0.36);
}
.dx-button-mode-text.dx-button-success .dx-inkripple-wave {
  background-color: rgba(21, 87, 36, 0.2);
}

.dx-button-mode-outlined {
  border-width: 1px;
  border-style: solid;
  border-color: rgba(33, 36, 61, 0.24);
  background-color: transparent;
  color: #21243d;
}
.dx-button-mode-outlined .dx-icon {
  color: #21243d;
}
.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: #21243d;
}
.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0, 0, 0, 0.08);
}
.dx-button-mode-outlined.dx-state-focused {
  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(33, 36, 61, 0.2);
}
.dx-button-mode-outlined.dx-button-default {
  border-width: 1px;
  border-style: solid;
  border-color: #21243d;
  background-color: transparent;
  color: #21243d;
}
.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #21243d;
}
.dx-button-mode-outlined.dx-button-default.dx-state-selected {
  background-color: rgba(33, 36, 61, 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: #21243d;
}
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-button-mode-outlined.dx-button-default.dx-state-focused {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(33, 36, 61, 0.36);
}
.dx-button-mode-outlined.dx-button-default .dx-inkripple-wave {
  background-color: rgba(33, 36, 61, 0.2);
}
.dx-button-mode-outlined.dx-button-danger {
  border-width: 1px;
  border-style: solid;
  border-color: #df0000;
  background-color: transparent;
  color: #df0000;
}
.dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #df0000;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-selected {
  background-color: rgba(223, 0, 0, 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: #df0000;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-focused {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(223, 0, 0, 0.36);
}
.dx-button-mode-outlined.dx-button-danger .dx-inkripple-wave {
  background-color: rgba(223, 0, 0, 0.2);
}
.dx-button-mode-outlined.dx-button-success {
  border-width: 1px;
  border-style: solid;
  border-color: #155724;
  background-color: transparent;
  color: #155724;
}
.dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #155724;
}
.dx-button-mode-outlined.dx-button-success.dx-state-selected {
  background-color: rgba(21, 87, 36, 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: #155724;
}
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-button-mode-outlined.dx-button-success.dx-state-focused {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(21, 87, 36, 0.36);
}
.dx-button-mode-outlined.dx-button-success .dx-inkripple-wave {
  background-color: rgba(21, 87, 36, 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-outlined, .dx-buttongroup-item.dx-button-mode-contained {
  border-inline-start-width: 0;
}
.dx-buttongroup-item.dx-button-mode-outlined.dx-button, .dx-buttongroup-item.dx-button-mode-contained.dx-button {
  border-radius: 0;
}

.dx-buttongroup-item-has-width {
  flex: 1 1 auto;
}

.dx-buttongroup.dx-state-disabled {
  opacity: 1;
}

.dx-button-mode-outlined.dx-buttongroup-first-item,
.dx-button-mode-contained.dx-buttongroup-first-item {
  border-inline-start-width: 1px;
}
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button {
  border-start-start-radius: 6px;
  border-end-start-radius: 6px;
}
.dx-button-mode-outlined.dx-buttongroup-last-item,
.dx-button-mode-contained.dx-buttongroup-last-item {
  border-inline-end-width: 1px;
}
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button {
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
}

.dx-buttongroup-mode-contained {
  border-radius: 6px;
  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;
}

/**
* $name 10. Scroll bar background color
* $type color
*/
.dx-scrollable-scrollbar-simulated {
  position: relative;
}

.dx-scrollable {
  display: block;
  height: 100%;
  min-height: 0;
}
.dx-scrollable:focus {
  outline: none;
}

.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.dx-scrollable-wrapper > .dx-scrollable-container,
.dx-scrollable-native > div.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 ::-webkit-scrollbar,
.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar {
  display: none;
}

.dx-scrollable-container {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: none;
}
.dx-scrollable-container:focus {
  outline: none;
}

.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-horizontal .dx-scrollable-content,
.dx-scrollable-both .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-vertical .dx-scrollable-scroll {
  width: 5px;
}

.dx-scrollbar-horizontal {
  bottom: 0;
  left: 0;
  width: 100%;
}
.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 5px;
}

.dx-scrollable-scroll {
  position: relative;
  box-sizing: border-box;
  transform: translate(0, 0);
  background-color: transparent;
  opacity: 1;
  transition: opacity 0s linear, background-color 0s 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%;
}

.dx-rtl .dx-scrollable,
.dx-rtl.dx-scrollable {
  direction: ltr;
}
.dx-rtl .dx-scrollable .dx-scrollable-content,
.dx-rtl .dx-scrollable .dx-scrollable-container,
.dx-rtl.dx-scrollable .dx-scrollable-content,
.dx-rtl.dx-scrollable .dx-scrollable-container {
  direction: ltr;
}
.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, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container {
  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-scrollable-scroll-content {
  background-color: rgba(191.25, 191.25, 191.25, 0.7);
}

.dx-scrollbar-hoverable {
  background-color: transparent;
}
.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  background-color: transparent;
}
.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  background-color: rgba(191.25, 191.25, 191.25, 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-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  width: 13px;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .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-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
  height: 13px;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
  height: 13px;
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 6px;
}
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl > .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-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 0;
  padding-left: 6px;
}
.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-bottom: 6px;
}

.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%;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  transition: transform 100ms 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 0s;
}
.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 ease 0s;
}
.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 400ms ease;
  transform: translate(0, 0);
}
.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  transition: transform 400ms ease;
  transform: none;
}

.dx-scrollview-content {
  position: static;
}
.dx-scrollview-content::before, .dx-scrollview-content::after {
  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;
  position: absolute;
  left: 0;
  top: 50%;
  display: inline-block;
  margin: -15px 20px 0 15px;
  width: 20px;
  -webkit-user-drag: none;
}

.dx-scrollview-pull-down-image {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  width: 20px;
  height: 50px;
  background-size: contain;
  -webkit-user-drag: none;
  transform: translate(0, 0) rotate(0deg);
  transition: transform 0.2s linear;
}

.dx-scrollview-pull-down-text {
  display: inline;
  vertical-align: middle;
  position: relative;
  overflow: visible;
  -webkit-user-drag: none;
}
.dx-scrollview-pull-down-text div {
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  overflow: visible;
  opacity: 0;
}
.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 {
  display: inline-block;
  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 {
  left: auto;
  right: 0;
}

.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-scrollbottom-text,
.dx-scrollview-pull-down-text {
  margin-left: 10px;
  top: 18px;
  display: inline-block;
}
.dx-rtl .dx-scrollview-scrollbottom-text,
.dx-rtl .dx-scrollview-pull-down-text {
  margin-left: 0;
  margin-right: 10px;
}

.dx-scrollview-pull-down-image {
  display: none;
}

.dx-scrollview-pull-down {
  text-align: center;
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px;
}

.dx-scrollview-scrollbottom-indicator,
.dx-scrollview-pull-down-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-scrollbottom-indicator > .dx-loadindicator,
.dx-scrollview-pull-down-indicator > .dx-loadindicator {
  height: 24px;
  width: 24px;
}
.dx-scrollview-scrollbottom-indicator > .dx-loadindicator > .dx-loadindicator-wrapper,
.dx-scrollview-pull-down-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 {
  position: relative;
}
.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;
  text-overflow: ellipsis;
  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-readonly, .dx-checkbox.dx-state-disabled {
  border-color: rgba(33, 36, 61, 0.26);
}
.dx-checkbox.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox.dx-state-active .dx-checkbox-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}
.dx-checkbox.dx-checkbox-checked.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-checked.dx-state-active .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-focused .dx-checkbox-icon::after, .dx-checkbox.dx-checkbox-indeterminate.dx-state-active .dx-checkbox-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}
.dx-checkbox.dx-checkbox-checked.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-checked.dx-state-disabled .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-readonly .dx-checkbox-icon, .dx-checkbox.dx-checkbox-indeterminate.dx-state-disabled .dx-checkbox-icon {
  background-color: rgba(33, 36, 61, 0.26);
}

.dx-checkbox.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-checked.dx-state-readonly.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}

.dx-checkbox-icon {
  width: 1em;
  height: 1em;
  font-size: 18px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(33, 36, 61, 0.54);
  border-radius: 4px;
}
.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: all 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: #21243d;
  border: none;
  font: 14px/1 DXIcons;
  font-size: 18px;
}
.dx-checkbox-checked .dx-checkbox-icon::before {
  content: "\f005";
}
.dx-checkbox-checked .dx-checkbox-icon::before {
  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: #21243d;
  border: none;
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
  color: #21243d;
}
.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;
}
.dx-checkbox-indeterminate .dx-checkbox-icon::before {
  content: "";
  background-color: #fff;
  border-radius: 0;
}

.dx-invalid .dx-checkbox-icon {
  border-width: 2px;
  border-style: solid;
  border-color: #df0000;
}
.dx-invalid.dx-state-focused .dx-checkbox-icon::after {
  background-color: rgba(223, 0, 0, 0.1);
  transform: scale(1);
}

/**
* $name 20. Track 'OFF' background color
* $type color
*/
/**
* $name 30. Handle 'OFF' background color
* $type color
*/
/**
* $name 40. Track 'ON' background color
* $type color
*/
/**
* $name 50. Handle 'ON' background color
* $type color
*/
.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%;
}
.dx-switch .dx-switch-wrapper::before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.dx-switch-inner {
  display: flex;
}

.dx-switch-container {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.dx-state-disabled.dx-switch,
.dx-state-disabled .dx-switch {
  cursor: default;
}

.dx-switch-inner {
  transform: translateX(-50%);
}

.dx-switch-handle {
  transform: translateX(0%);
}

.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 .dx-switch-wrapper {
  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-container {
  height: 20px;
  overflow: visible;
  position: relative;
  padding: 0 0;
}
.dx-switch-container::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 14px;
  border-radius: 500px;
  margin: 3px 0;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.dx-switch-inner {
  width: 200%;
  height: 100%;
}

.dx-switch-on,
.dx-switch-off {
  flex-shrink: 0;
  float: left;
  padding: 4px 0;
  width: 50%;
  height: 20px;
  color: transparent;
  text-align: center;
  line-height: 100%;
}

.dx-switch-on {
  background: transparent;
}

.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%;
}
.dx-switch-handle::before {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.dx-switch.dx-state-readonly .dx-switch-handle::before, .dx-switch.dx-state-disabled .dx-switch-handle::before {
  background-color: rgba(33, 36, 61, 0.2);
}
.dx-switch.dx-state-readonly .dx-switch-container::before, .dx-switch.dx-state-disabled .dx-switch-container::before {
  background-color: rgb(188.7, 188.7, 188.7);
}
.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(33, 36, 61, 0.1);
  border-radius: 50%;
}

.dx-switch-container::before {
  background-color: rgb(158.1, 158.1, 158.1);
}

.dx-switch-handle {
  background-color: rgb(249.9, 249.9, 249.9);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.dx-switch-handle::before {
  background-color: rgb(249.9, 249.9, 249.9);
}

.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(33, 36, 61, 0.1);
  border-radius: 50%;
}

.dx-switch-on-value .dx-switch-container::before {
  background-color: rgba(33, 36, 61, 0.5);
}
.dx-switch-on-value .dx-switch-handle::before {
  background-color: #21243d;
}
.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(33, 36, 61, 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(223, 0, 0, 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: #df0000;
}
.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(223, 0, 0, 0.1);
}

/**
* $name 10. Content background color
* $type color
*/
/**
* $name 20. Shader background color
* $type color
*/
.dx-overlay-wrapper {
  top: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1000;
}
.dx-overlay-wrapper,
.dx-overlay-wrapper *, .dx-overlay-wrapper::before, .dx-overlay-wrapper::after,
.dx-overlay-wrapper *::before,
.dx-overlay-wrapper *::after {
  box-sizing: border-box;
}

.dx-overlay-shader {
  background-color: rgba(128, 128, 128, 0.5);
  pointer-events: auto;
}

.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-shader {
  background-color: rgba(0, 0, 0, 0.32);
}

.dx-overlay-wrapper {
  color: #21243d;
  font-weight: normal;
  font-size: 14px;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}
.dx-overlay-wrapper input,
.dx-overlay-wrapper textarea {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}

.dx-validationsummary-item {
  color: #df0000;
}

.dx-invalid-message > .dx-overlay-content {
  color: #fff;
  background-color: #df0000;
  border-radius: 4px;
}

.dx-invalid-message > .dx-overlay-content {
  padding: 4px 8px;
  line-height: 16px;
  font-size: 12px;
}
.dx-editor-filled .dx-invalid-message-top .dx-invalid-message > .dx-overlay-content,
.dx-invalid-message-top .dx-invalid-message > .dx-overlay-content .dx-editor-outlined, .dx-editor-filled .dx-invalid-message-bottom .dx-invalid-message > .dx-overlay-content,
.dx-invalid-message-bottom .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;
}

/**
* $name 80. Search icon color
* $type color
*/
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Placeholder text color
* $type color
*/
/**
* $name 30. Background color
* $type color
*/
/**
* $name 40. Focused background color
* $type color
*/
/**
* $name 50. Border color
* $type color
*/
/**
* $name 60. Hovered border color
* $type color
*/
/**
* $name 70. Focused border color
* $type color
*/
/**
* $name 40. Hovered background color
* $type color
*/
:root {
  --dx-texteditor-color-text: #21243d;
  --dx-texteditor-color-label: rgba(0, 0, 0, 0.6);
}

.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-label, .dx-texteditor.dx-texteditor-with-floating-label {
  position: relative;
}

/* B231111 */
.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;
}
.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;
}
.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: 6px;
  border-top-right-radius: 6px;
  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: #21243d;
  font-size: 12px;
}
.dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
  color: #df0000;
}
.dx-texteditor.dx-texteditor-label-outside .dx-texteditor-label {
  color: #21243d;
}
.dx-texteditor.dx-texteditor-label-outside.dx-invalid .dx-texteditor-label {
  color: #df0000;
}
.dx-texteditor.dx-state-focused, .dx-texteditor.dx-state-active {
  background-color: rgba(33, 36, 61, 0.04);
}
.dx-texteditor.dx-state-focused::before, .dx-texteditor.dx-state-active::before {
  border-bottom: 2px solid #21243d;
  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-placeholder::before,
.dx-texteditor.dx-editor-filled .dx-lookup-field,
.dx-texteditor.dx-editor-filled .dx-texteditor-input, .dx-texteditor.dx-editor-outlined .dx-placeholder::before,
.dx-texteditor.dx-editor-outlined .dx-lookup-field,
.dx-texteditor.dx-editor-outlined .dx-texteditor-input {
  padding: 15px 16px 14px;
}
.dx-texteditor.dx-editor-filled {
  background-color: rgba(33, 36, 61, 0.04);
}
.dx-texteditor.dx-editor-filled::after {
  border-bottom: 1px solid rgba(33, 36, 61, 0.42);
}
.dx-texteditor.dx-editor-filled.dx-state-hover {
  background-color: rgba(33, 36, 61, 0.07);
}
.dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom-color: #21243d;
}
.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(33, 36, 61, 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(33, 36, 61, 0.42);
}
.dx-texteditor.dx-editor-underlined.dx-state-hover::after {
  border-bottom: 2px solid #21243d;
}
.dx-texteditor.dx-editor-underlined .dx-texteditor-input,
.dx-texteditor.dx-editor-underlined .dx-placeholder::before {
  padding: 15px 0 14px;
}
.dx-texteditor.dx-editor-underlined.dx-state-disabled::after, .dx-texteditor.dx-editor-underlined.dx-state-readonly::after, .dx-texteditor.dx-editor-underlined.dx-state-readonly.dx-state-hover::after {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}
.dx-texteditor.dx-editor-underlined.dx-invalid::after {
  border-bottom-color: rgba(223, 0, 0, 0.4);
}
.dx-texteditor.dx-editor-outlined {
  background-color: transparent;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px rgba(33, 36, 61, 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 #21243d;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused {
  box-shadow: inset 0 0 0 2px #21243d;
}
.dx-texteditor.dx-editor-outlined.dx-state-focused.dx-invalid {
  box-shadow: inset 0 0 0 2px #df0000;
}
.dx-texteditor.dx-editor-outlined.dx-invalid {
  box-shadow: inset 0 0 0 1px rgba(223, 0, 0, 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: rgb(137.2829787234, 143.0723404255, 191.3170212766);
  background-color: rgb(236.570212766, 237.4765957447, 245.029787234);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
  background-position: 0px 0px;
  background-size: 22px 22px;
  padding: 0px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  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;
}

/* B231111 */
.dx-placeholder {
  color: rgba(0, 0, 0, 0.6);
  font-size: 16px;
  line-height: normal;
}

.dx-texteditor-input {
  margin: 0;
  background-color: transparent;
  color: #21243d;
  font-size: 16px;
}

.dx-invalid.dx-texteditor.dx-state-hover::after {
  border-bottom-color: rgba(223, 0, 0, 0.4);
}
.dx-invalid.dx-texteditor.dx-state-focused::before, .dx-invalid.dx-texteditor.dx-state-active::before {
  border-bottom: 2px solid #df0000;
}
.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-size: 14px;
  font-weight: 500;
  background-color: #df0000;
  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: #df0000;
}

.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(33, 36, 61, 0.42);
  border-bottom-color: rgba(33, 36, 61, 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(33, 36, 61, 0.42);
  border-bottom-color: rgba(33, 36, 61, 0.42);
  border-inline-start-color: rgba(33, 36, 61, 0.42);
  border-start-start-radius: 6px;
  border-end-start-radius: 6px;
  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(33, 36, 61, 0.42);
  border-bottom-color: rgba(33, 36, 61, 0.42);
  border-inline-end-color: rgba(33, 36, 61, 0.42);
  border-start-end-radius: 6px;
  border-end-end-radius: 6px;
  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-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label {
  position: relative;
}
.dx-editor-outlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label::before, .dx-editor-outlined.dx-texteditor-with-floating-label.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-label, .dx-editor-outlined.dx-texteditor-with-floating-label {
  outline: none;
  margin-top: 6.5px;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-texteditor:not(.dx-daterangebox), .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor:not(.dx-daterangebox) {
  border: none;
  box-shadow: none;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label {
  border-style: solid;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before {
  border-style: solid;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after {
  border-style: solid;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-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-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .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-label.dx-state-disabled .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label-after {
  border-color: rgba(0, 0, 0, 0.38);
  border-bottom-color: rgba(0, 0, 0, 0.38);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label {
  border-color: rgba(223, 0, 0, 0.4);
  border-bottom-color: rgba(223, 0, 0, 0.4);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-before {
  border-color: rgba(223, 0, 0, 0.4);
  border-bottom-color: rgba(223, 0, 0, 0.4);
}
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-after {
  border-color: rgba(223, 0, 0, 0.4);
  border-bottom-color: rgba(223, 0, 0, 0.4);
}
.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-focused .dx-label, .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-focused .dx-label {
  border-color: #df0000;
  border-bottom-color: #df0000;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-before {
  border-color: #df0000;
  border-bottom-color: #df0000;
}
.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-focused .dx-label-after, .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-focused .dx-label-after {
  border-color: #df0000;
  border-bottom-color: #df0000;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-before {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-after {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after {
  border-color: #21243d;
  border-bottom-color: #21243d;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label {
  border-top-width: 0;
  border-bottom-width: 2px;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before {
  border-width: 2px;
  border-inline-end-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-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-before,
.dx-editor-outlined.dx-texteditor-label-outside .dx-label-after {
  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-state-focused .dx-placeholder, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .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) 0ms, transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms, top 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  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-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label {
  border-top-width: 0;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .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-state-focused .dx-label::before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label::before {
  background-color: #fff;
}
.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused.dx-textarea .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.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) 0ms, transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms, top 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  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-label:not(.dx-texteditor-label-outside) .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-floating-label .dx-texteditor-input,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder::before, .dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder::before {
  padding: 0;
}
.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-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) 0ms, transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms, top 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  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-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder, .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder {
  display: block;
}
.dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .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-state-focused.dx-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label {
  top: 4px;
  margin-top: 0;
}

.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .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-floating-label .dx-texteditor-input,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field,
.dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before {
  padding-top: 21px;
  padding-bottom: 8px;
}
.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder::before, .dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder::before {
  padding: 0;
}
.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-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) 0ms, transform 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms, top 0.2s cubic-bezier(0, 0, 0.2, 1) 0ms;
  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-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label {
  top: 21px;
  margin-top: 0;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder {
  display: block;
}
.dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .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-state-focused.dx-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.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: 14px;
  font-size: 20px;
  font-weight: bold;
  font-family: "DXIcons", sans-serif;
  color: #155724;
  content: "\f005";
  opacity: 0;
  transform: scale(0);
  animation: dx-valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}

.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-dropdowneditor-button:last-child,
.dx-texteditor .dx-texteditor-buttons-container:last-child > .dx-clear-button-area {
  margin-inline-end: 8px;
}
.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-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button.dx-button-mode-text, .dx-editor-underlined.dx-texteditor-with-floating-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-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-floating-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-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-floating-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-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-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 {
  margin-top: 3px;
}
.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-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) {
  min-width: 28px;
}
.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, .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 {
  padding: 2px;
}
.dx-editor-underlined.dx-texteditor-with-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:first-child > .dx-button:first-child, .dx-editor-underlined.dx-texteditor-with-floating-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-label.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container:last-child > .dx-button:last-child, .dx-editor-underlined.dx-texteditor-with-floating-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";
}
.dx-searchbox .dx-icon-search::before {
  color: rgba(33, 36, 61, 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-texteditor-input,
.dx-searchbox.dx-editor-underlined .dx-placeholder::before {
  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-texteditor-input,
.dx-searchbox.dx-editor-filled .dx-placeholder::before, .dx-searchbox.dx-editor-outlined .dx-texteditor-input,
.dx-searchbox.dx-editor-outlined .dx-placeholder::before {
  padding-inline-start: 46px;
}

.dx-searchbar {
  padding-bottom: 5px;
}
.dx-searchbar .dx-texteditor {
  margin: 0;
}

/**
* $name 90. Active arrow icon color
* $type color
*/
.dx-dropdowneditor {
  position: relative;
}
.dx-dropdowneditor.dx-dropdowneditor-field-clickable {
  cursor: pointer;
}
.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: rgba(0, 0, 0, 0);
  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;
}
.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 {
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor {
  cursor: default;
}
.dx-state-disabled .dx-dropdowneditor-button {
  cursor: inherit;
}

.dx-dropdowneditor-button {
  width: 24px;
  min-width: 24px;
}
.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}

.dx-dropdowneditor-icon {
  color: rgba(33, 36, 61, 0.54);
  font: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-dropdowneditor-icon::before {
  content: "\f001";
}
.dx-dropdowneditor-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}

.dx-dropdowneditor-input-wrapper .dx-texteditor::before, .dx-dropdowneditor-input-wrapper .dx-texteditor::after {
  content: none;
}
.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-hover, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-focused, .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-readonly, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-state-readonly.dx-state-hover, .dx-dropdowneditor-input-wrapper .dx-texteditor {
  background-color: transparent;
  box-shadow: none;
}
.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-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-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-focused.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before,
.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-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-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-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-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-readonly.dx-texteditor-with-floating-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-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-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-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-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-texteditor-with-floating-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-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 {
  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-valid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input,
.dx-validation-pending.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input {
  padding-inline-end: 0;
}
.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-timeview .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-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.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  color: rgba(33, 36, 61, 0.54);
  opacity: 1;
  font: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before {
  content: "\f002";
}
.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon::before,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon::before {
  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-list {
  margin: 0;
  min-height: 3em;
}
.dx-list .dx-scrollview-content:focus {
  outline: 0;
}

.dx-wrap-item-text > .dx-list-item > .dx-list-item-content,
.dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .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 {
  position: static;
  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-before-bag,
.dx-list-item-after-bag {
  height: 100%;
  vertical-align: middle;
}

.dx-list-item-before-bag .dx-icon-toggle-delete {
  transition: all 0.1s linear;
}
.dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  transition: all 0.1s linear;
}

.dx-list-select-all {
  white-space: nowrap;
}

.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;
  background-size: 75% 75%;
  background-position: center;
  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-top-shield,
.dx-list-switchable-delete-bottom-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 {
  position: relative;
}
.dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  position: relative;
}
.dx-list-switchable-menu-item-shield-positioning .dx-list-item-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;
}

.dx-list-static-delete-button {
  padding: 0 5px;
}
.dx-list-static-delete-button .dx-button-content {
  overflow: visible;
}

.dx-list-next-button {
  padding: 5px;
  text-align: center;
}
.dx-list-next-button .dx-button {
  padding: 0 3em;
}

.dx-state-disabled.dx-list-item,
.dx-state-disabled .dx-list-item {
  cursor: default;
}
.dx-state-disabled .dx-list-toggle-delete-switch,
.dx-state-disabled .dx-list-switchable-delete-button {
  cursor: default;
}

.dx-list-context-menuitem {
  cursor: pointer;
}

.dx-list-search {
  margin-bottom: 5px;
}

.dx-list-select-all-checkbox {
  float: left;
}

.dx-rtl .dx-list .dx-list-item-badge,
.dx-rtl.dx-list .dx-list-item-badge {
  float: left;
}
.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
}
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch {
  float: right;
}
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-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;
}

/**
* $name 140. Badge text color
* $type color
*/
/**
* $name 150. Badge background color
* $type color
*/
.dx-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.dx-badge {
  background-color: #21243d;
  color: #fff;
  font-size: 12px;
  padding: 3px 9px;
  line-height: normal;
  border-radius: 14px;
  margin-top: 1px;
}

.dx-list-item-chevron {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-inline-start: -5px;
  color: rgba(33, 36, 61, 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: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}

.dx-list-search {
  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-select-all,
.dx-list-item,
.dx-list-group-header {
  position: relative;
}
.dx-list-select-all .dx-inkripple,
.dx-list-item .dx-inkripple,
.dx-list-group-header .dx-inkripple {
  overflow: hidden;
}

.dx-list-collapsible-groups .dx-list-group-header::before {
  content: none;
}

.dx-list-item-before-bag,
.dx-list-item-after-bag {
  display: table-cell;
  width: 0;
}

.dx-list {
  border: none;
}
.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 57px);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon {
  border-color: rgb(11.514893617, 12.5617021277, 21.285106383);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton .dx-radiobutton-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox .dx-checkbox-icon::after,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox .dx-checkbox-icon::after {
  background-color: rgba(33, 36, 61, 0.1);
  transform: scale(1);
}
.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,
.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 {
  background-color: rgba(33, 36, 61, 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: #21243d;
}
.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: #21243d;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: rgba(0, 0, 0, 0.04);
  color: #21243d;
}
.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: #21243d;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #cccccc;
}
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #cccccc;
}

.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: 14px/1 DXIcons;
  font-size: 24px;
}
.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: #21243d;
}
.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: #21243d;
  border-top: 1px solid #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-color: transparent;
  font-size: 16px;
}
.dx-list-group-header .dx-list-group-header-indicator {
  color: rgba(33, 36, 61, 0.54);
  order: 1;
  position: absolute;
  inset-inline-end: 16px;
}
.dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator {
  font: 14px/1 DXIcons;
  font-size: 24px;
}
.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%0D%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%0D%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%0D%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%0D%0A%3Cpath%20style%3D%22fill%3Argba%2833,%2036,%2061,%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%0D%0A%3C%2Fsvg%3E%0D%0A");
}
.dx-list-item.dx-state-hover, .dx-list-item.dx-state-active {
  background-color: rgba(0, 0, 0, 0.04);
  color: #21243d;
}
.dx-list-item.dx-state-hover .dx-list-switchable-delete-button-inner-wrapper, .dx-list-item.dx-state-active .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(33, 36, 61, 0.54);
}
.dx-list-item .dx-icon-toggle-delete {
  background-size: 100%;
}
.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  color: rgb(112.4611702128, 119.4712765957, 177.8888297872);
  background: #fff;
  border-top: 1px solid rgba(33, 36, 61, 0.5);
  border-bottom: 1px solid rgba(33, 36, 61, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
}

.dx-list-item,
.dx-list .dx-empty-message {
  color: #21243d;
}
.dx-list-item-separator-hidden .dx-list-item,
.dx-list-item-separator-hidden .dx-list .dx-empty-message {
  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(33, 36, 61, 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;
}
.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-next-button .dx-button .dx-button-content {
  padding-left: 58px;
  padding-right: 58px;
}

.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: transparent;
  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 {
  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 {
  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: 14px/1 DXIcons;
  color: rgba(33, 36, 61, 0.27);
  width: 38.4px;
  height: 38.4px;
  background-position: 7px 7px;
  background-size: 24px 24px;
  padding: 7px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-list-item-after-bag .dx-list-reorder-handle::before {
  content: "\f038";
}

.dx-list-slide-menu-button {
  bottom: 1px;
}

.dx-list-slide-menu-button-delete {
  font: 14px/1 DXIcons;
  color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.24);
  border-right-color: transparent;
  background-color: #df0000;
  font-size: 24px;
  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: #21243d;
}

.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;
}
.dx-textarea .dx-texteditor-input-container {
  align-items: stretch;
}
.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 {
  margin: 2px;
}
.dx-textarea .dx-texteditor-input,
.dx-textarea .dx-placeholder::before {
  line-height: 24px;
}
.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-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-underlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .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-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-underlined .dx-placeholder::before,
.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-input {
  padding-top: 0;
}
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-texteditor-container, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-texteditor-container {
  padding-top: 15px;
}
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-texteditor-container, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-texteditor-container {
  padding-top: 21px;
}
.dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-texteditor-container, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-container {
  padding-top: 21px;
}
.dx-textarea .dx-icon-clear {
  top: 0;
  margin-top: 0;
}

.dx-textarea {
  font-size: 16px;
}

.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-outer-spin-button, .dx-numberbox input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.dx-numberbox-spin-container {
  width: 22px;
  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-container {
  width: 64px;
}
.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-up-icon,
.dx-numberbox-spin-down-icon {
  width: 100%;
  height: 100%;
}

.dx-state-disabled .dx-numberbox-spin-container {
  opacity: 0.2;
}

.dx-numberbox-spin-container {
  overflow: hidden;
  width: 24px;
}
.dx-state-disabled .dx-numberbox-spin-container {
  opacity: 1;
}

.dx-numberbox-spin-up-icon {
  font: 14px/1 DXIcons;
  color: rgba(33, 36, 61, 0.54);
}
.dx-numberbox-spin-up-icon::before {
  content: "\f002";
}

.dx-numberbox-spin-down-icon {
  font: 14px/1 DXIcons;
  color: rgba(33, 36, 61, 0.54);
}
.dx-numberbox-spin-down-icon::before {
  content: "\f001";
}

.dx-numberbox-spin-up-icon,
.dx-numberbox-spin-down-icon {
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-numberbox-spin-up-icon::before,
.dx-numberbox-spin-down-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-up-icon,
.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon {
  background-position: center;
}

/**
* $name 20. Navigator text color
* $type color
*/
/**
* $name 30. Header text color
* $type color
*/
/**
* $name 40. Other month text color
* $type color
*/
/**
* $name 50. Selected cell background color
* $type color
*/
.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;
}
.dx-calendar.dx-rtl {
  direction: rtl;
}

.dx-calendar-views-wrapper {
  position: relative;
  display: flex;
  flex: auto;
  outline: none;
}

.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;
}

.dx-calendar-week-number-cell.dx-calendar-week-selection {
  cursor: pointer;
}

.dx-calendar-week-number-cell {
  position: relative;
}
.dx-calendar-week-number-cell span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2em;
  inset: 0;
}

.dx-calendar-cell {
  cursor: pointer;
  position: relative;
  text-align: center;
}
.dx-calendar-cell span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.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-caption-button .dx-button-text {
  width: 50%;
}
.dx-calendar-multiview .dx-calendar-body .dx-widget {
  width: 50%;
}
.dx-calendar-multiview .dx-calendar-body table {
  padding: 0 10px;
}

.dx-calendar {
  width: 272px;
  height: 264px;
  background-color: #fff;
  gap: 8px;
}
.dx-calendar.dx-calendar-with-footer {
  height: 308px;
}
.dx-calendar.dx-calendar-multiview {
  width: 544px;
}
.dx-calendar.dx-invalid {
  border-color: rgba(223, 0, 0, 0.4);
}
.dx-calendar.dx-invalid.dx-state-focused {
  border-color: #df0000;
}

.dx-calendar-navigator-previous-view,
.dx-calendar-navigator-next-view {
  min-width: 36px;
}
.dx-calendar-navigator-previous-view .dx-button-content,
.dx-calendar-navigator-next-view .dx-button-content {
  padding-block: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
}
.dx-calendar-navigator-previous-view .dx-icon,
.dx-calendar-navigator-next-view .dx-icon {
  width: 24px;
  height: 24px;
  font-size: 24px;
  margin-inline-end: 0;
  margin-inline-start: 0;
}

.dx-calendar-navigator .dx-button {
  color: #21243d;
}
.dx-calendar-navigator .dx-button .dx-icon {
  color: #21243d;
}

.dx-calendar-navigator-previous-view,
.dx-calendar-navigator-next-view {
  flex-shrink: 0;
}

.dx-calendar-body thead tr {
  height: 2em;
}
.dx-calendar-body thead th {
  color: #21243d;
}
.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
  border-start-start-radius: 6px;
  border-start-end-radius: 6px;
}
.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
  border-end-start-radius: 6px;
  border-end-end-radius: 6px;
}
.dx-calendar-body .dx-week-number-header {
  font-size: 14px;
  width: 2.5em;
}

.dx-calendar-cell {
  font-size: 14px;
}

.dx-calendar-week-number-cell {
  color: rgba(33, 36, 61, 0.56);
  width: 2em;
}
.dx-calendar-week-number-cell span {
  background-color: rgba(224.4, 224.4, 224.4, 0.4);
  inset-inline-start: 0;
}

.dx-calendar-cell {
  color: #21243d;
}
.dx-calendar-cell span {
  border-radius: 50%;
  width: 2em;
  height: 2em;
}
.dx-calendar-view-decade .dx-calendar-cell span, .dx-calendar-view-year .dx-calendar-cell span, .dx-calendar-view-century .dx-calendar-cell span {
  width: 4em;
  height: 4em;
  border-radius: 6px;
  word-spacing: 4em;
  line-height: 1em;
}
.dx-calendar-cell.dx-calendar-today span {
  border: 2px solid #21243d;
}
.dx-calendar-cell.dx-state-hover span {
  background-color: rgba(33, 36, 61, 0.24);
  color: #21243d;
}
.dx-calendar-cell.dx-state-active span {
  background-color: rgba(33, 36, 61, 0.4);
}
.dx-calendar-cell.dx-calendar-selected-date span {
  color: #fff;
  background-color: #21243d;
}
.dx-calendar-cell.dx-calendar-contoured-date span {
  box-shadow: 0 0 0 2px rgba(33, 36, 61, 0.5);
}
.dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-empty-cell {
  color: rgba(33, 36, 61, 0.38);
}
.dx-calendar-cell.dx-calendar-other-view.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-state-active span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span {
  color: rgba(33, 36, 61, 0.38);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-empty-cell.dx-calendar-selected-date span {
  color: #fff;
}
.dx-calendar-cell.dx-calendar-other-view::before, .dx-calendar-cell.dx-calendar-other-view::after {
  content: none;
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-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-end-date.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-cell-in-range.dx-state-hover span, .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-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span {
  color: rgba(33, 36, 61, 0.38);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.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-cell-in-range.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span {
  background-color: rgba(33, 36, 61, 0.24);
}
.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-end-date.dx-state-active span, .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 {
  background-color: rgba(33, 36, 61, 0.4);
}
.dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span, .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 {
  color: rgba(33, 36, 61, 0.38);
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  color: rgba(33, 36, 61, 0.24);
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span {
  background-color: transparent;
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span {
  background-color: #21243d;
}

.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(33, 36, 61, 0.24);
  border-width: 0;
  border-style: dashed;
  border-color: rgba(33, 36, 61, 0.6) transparent;
}
.dx-calendar-cell-in-range.dx-calendar-range-start-date::before, .dx-calendar-cell-in-range.dx-calendar-range-end-date::before, .dx-calendar-cell-in-range.dx-calendar-cell-start::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-end-in-row::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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 0.6);
}
.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before, .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 0.6) transparent;
}
.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after, .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start::after, .dx-calendar-cell-range-hover.dx-calendar-cell-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after, .dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 0.6);
}
.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 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(33, 36, 61, 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-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;
}

.dx-timeview-field .dx-numberbox {
  width: 70px;
}
.dx-timeview-field .dx-numberbox.dx-numberbox-spin-touch-friendly {
  width: 110px;
}

.dx-timeview-clock {
  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%0D%0A%3Cg%20filter%3D%22url(%23a)%22%3E%0D%0A%3Ccircle%20cx%3D%2291%22%20cy%3D%2291%22%20r%3D%2285%22%20fill%3D%22%23fff%22%2F%3E%0D%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%2833,%2036,%2061,%200.54%29%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%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%0D%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0D%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%0D%0A%3CfeOffset%20dy%3D%222%22%2F%3E%0D%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%0D%0A%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0D%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%0D%0A%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%0D%0A%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%0D%0A%3C%2Ffilter%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E");
  min-width: 182px;
  min-height: 182px;
  max-height: 182px;
  background-size: 182px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.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%0D%0A%3Crect%20width%3D%226%22%20height%3D%2244%22%20rx%3D%223%22%20fill%3D%22%2321243d%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%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%0D%0A%3Crect%20x%3D%223%22%20width%3D%224%22%20height%3D%2264%22%20rx%3D%222%22%20fill%3D%22%2321243d%22%2F%3E%0D%0A%3Ccircle%20cx%3D%225%22%20cy%3D%2261%22%20r%3D%223.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%2321243d%22%20stroke-width%3D%223%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%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-clock {
  margin-bottom: 10px;
}

.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;
}

.dx-dateview-rollers {
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  display: flex;
  flex-flow: row nowrap;
}

.dx-dateviewroller {
  position: relative;
  vertical-align: top;
  cursor: pointer;
  flex: 1 1 auto;
}

.dx-dateview-item-selected-frame::before, .dx-dateview-item-selected-frame::after {
  pointer-events: none;
}

.dx-dateview-item-selected-border {
  display: none;
}

.dx-dateviewroller-month .dx-dateview-value-formatter,
.dx-dateviewroller-day .dx-dateview-name-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 {
  min-width: 4em;
  text-align: center;
  display: inline-block;
}
.dx-dateviewroller .dx-button {
  display: none;
}
.dx-dateviewroller .dx-scrollable-content::before,
.dx-dateviewroller .dx-scrollable-content::after {
  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: bold;
  top: 37%;
  color: #21243d;
}
.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%;
}

.dx-dateviewroller-minutes .dx-dateview-item-selected-frame {
  width: 80%;
}

.dx-dateview-item {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: #21243d;
}

.dx-dateview-item-selected {
  font-size: 1.8em;
  color: #21243d;
}

.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%;
}
.dx-dateview-item-selected-frame::before, .dx-dateview-item-selected-frame::after {
  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-tablet .dx-dateview-rollers,
.dx-device-phone .dx-dateview-rollers {
  display: flex;
  flex-flow: row nowrap;
}
.dx-device-tablet .dx-dateviewroller-month,
.dx-device-phone .dx-dateviewroller-month {
  min-width: 4em;
}
.dx-device-tablet .dx-dateview-item,
.dx-device-phone .dx-dateview-item {
  font-size: 1.1em;
}
.dx-device-tablet .dx-dateview-item-selected,
.dx-device-phone .dx-dateview-item-selected {
  font-size: 1.4em;
}

.dx-datebox-wrapper .dx-popup-title {
  min-height: 10px;
  border-bottom: none;
  background: none;
}
.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.085, 221.085, 221.085, 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: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-time .dx-dropdowneditor-icon::before {
  content: "\f01d";
}
.dx-datebox-time .dx-dropdowneditor-icon::before {
  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: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f01d";
}
.dx-datebox-time.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}

.dx-datebox-date .dx-dropdowneditor-icon {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-date .dx-dropdowneditor-icon::before {
  content: "\f026";
}
.dx-datebox-date .dx-dropdowneditor-icon::before {
  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: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f026";
}
.dx-datebox-date.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  position: absolute;
  display: block;
  width: 24px;
  top: 50%;
  margin-top: -12px;
  left: 50%;
  margin-left: -12px;
}

.dx-datebox-datetime .dx-dropdowneditor-icon {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-datetime .dx-dropdowneditor-icon::before {
  content: "\f043";
}
.dx-datebox-datetime .dx-dropdowneditor-icon::before {
  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: 14px/1 DXIcons;
  width: 24px;
  height: 100%;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  content: "\f043";
}
.dx-datebox-datetime.dx-dropdowneditor-active .dx-dropdowneditor-icon::before {
  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(33, 36, 61, 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:not(.dx-texteditor-empty).dx-auto-width.dx-dropdowneditor-button-visible.dx-editor-underlined .dx-start-datebox .dx-texteditor-input {
  padding-inline-end: 0;
}
.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-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;
}

/**
* $name 10. Item background color
* $type color
*/
.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 {
  min-height: 35px;
}
.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-list-item,
.dx-dropdownlist-popup-wrapper .dx-empty-message {
  border-top: 0;
}
.dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type,
.dx-dropdownlist-popup-wrapper .dx-empty-message: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;
}

/**
* $name 10. Background color
* $type color
*/
:root {
  --dx-toolbar-height: 56px;
}

.dx-toolbar {
  width: 100%;
}
.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;
}
.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-before,
.dx-toolbar-after {
  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;
  height: 100%;
  text-align: center;
}

.dx-toolbar-center,
.dx-toolbar-before,
.dx-toolbar-after {
  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 {
  padding: 0;
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content,
.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-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-list-item-content {
  padding: 0;
}
.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-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-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-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-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-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-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-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-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-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-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-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-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-toolbar-item-auto-hide,
.dx-toolbar-menu-section .dx-toolbar-item-content,
.dx-toolbar-menu-section .dx-list-item-content {
  padding: 0;
}
.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-list,
.dx-toolbar-menu-section .dx-toolbar-item-content.dx-list,
.dx-toolbar-menu-section .dx-list-item-content > .dx-list,
.dx-toolbar-menu-section .dx-list-item-content.dx-list {
  padding: 0;
}
.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,
.dx-toolbar-menu-section .dx-list-item-content > .dx-button,
.dx-toolbar-menu-section .dx-list-item-content.dx-button {
  width: 100%;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  width: 100%;
  border: none;
  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 {
  border: none;
  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 {
  background-color: #fff;
  color: #21243d;
  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-before:empty,
.dx-toolbar .dx-toolbar-after: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.dx-toolbar-multiline .dx-toolbar-item {
  height: 56px;
}

.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 {
  font-size: 18px;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  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: #21243d;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-normal .dx-icon {
  color: #21243d;
}
.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: #21243d;
}
.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-focused {
  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(33, 36, 61, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default {
  background-color: transparent;
  color: #21243d;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default .dx-icon {
  color: #21243d;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-selected {
  background-color: rgba(33, 36, 61, 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: #21243d;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-hover {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-focused {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default.dx-state-active {
  background-color: rgba(33, 36, 61, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-default .dx-inkripple-wave {
  background-color: rgba(33, 36, 61, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger {
  background-color: transparent;
  color: #df0000;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger .dx-icon {
  color: #df0000;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-selected {
  background-color: rgba(223, 0, 0, 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: #df0000;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-hover {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-focused {
  background-color: rgba(223, 0, 0, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger.dx-state-active {
  background-color: rgba(223, 0, 0, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-danger .dx-inkripple-wave {
  background-color: rgba(223, 0, 0, 0.2);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success {
  background-color: transparent;
  color: #155724;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success .dx-icon {
  color: #155724;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-selected {
  background-color: rgba(21, 87, 36, 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: #155724;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-hover {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-focused {
  background-color: rgba(21, 87, 36, 0.08);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success.dx-state-active {
  background-color: rgba(21, 87, 36, 0.36);
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-success .dx-inkripple-wave {
  background-color: rgba(21, 87, 36, 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: #21243d;
  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-hover {
  background-color: rgb(234.6, 234.6, 234.6);
}
.dx-toolbar-button .dx-menu .dx-menu-item.dx-state-focused, .dx-toolbar-button .dx-menu .dx-menu-item.dx-state-active {
  background-color: rgb(234.6, 234.6, 234.6);
}
.dx-toolbar-button .dx-switch {
  display: block;
  line-height: 0;
}

.dx-toolbar .dx-tab {
  padding: 4px;
}

/**
* $name 20. Header background color
* $type color
*/
:root {
  --dx-popup-toolbar-item-padding-inline: 8px;
}

.dx-popup-title {
  padding: 10px;
  min-height: 19px;
  -webkit-user-drag: none;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  white-space: normal;
}

.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-title,
.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom {
  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-content {
  padding: 10px;
  -webkit-user-drag: none;
}
.dx-popup-content.dx-dialog-content {
  padding: 0;
}
.dx-popup-inherit-height .dx-popup-content > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable {
  max-height: inherit;
  min-height: inherit;
}
.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-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 {
  max-height: inherit;
  min-height: inherit;
}
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable,
.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable {
  max-height: inherit;
  min-height: inherit;
}
.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-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-dialog-message {
  padding: 10px 10px 5px 10px;
}

.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: 6px;
}
.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 {
  position: relative;
  min-height: 28px;
  border-bottom: 1px solid #e0e0e0;
  background: transparent;
  color: #21243d;
}
.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-before:empty,
.dx-popup-title.dx-toolbar .dx-toolbar-after: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 {
  padding: 24px;
}
.dx-popup-content > .dx-button {
  margin: 0 8px;
}

.dx-popup-bottom {
  background: transparent;
  color: #21243d;
}
.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-before:empty,
.dx-popup-bottom.dx-toolbar .dx-toolbar-after: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-list-item,
.dx-dropdownbutton-popup-wrapper .dx-empty-message {
  border-top: 0;
}
.dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type,
.dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type {
  border-bottom: none;
}

.dx-popover-wrapper .dx-popover-arrow::after {
  width: 14.1422712488px;
  height: 14.1422712488px;
}
.dx-popover-wrapper.dx-position-top .dx-popover-arrow, .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow {
  width: 20px;
  height: 10px;
}
.dx-popover-wrapper.dx-position-right .dx-popover-arrow, .dx-popover-wrapper.dx-position-left .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;
}

/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Background color
* $type color
*/
.dx-tooltip-wrapper .dx-overlay-content {
  min-width: 34px;
  min-height: 26px;
  text-align: center;
  line-height: 0;
}
.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;
  padding: 12px 17px;
  font-size: 0.85em;
  line-height: normal;
  white-space: nowrap;
}

.dx-tooltip-wrapper .dx-overlay-content {
  background-color: #616161;
  color: #fff;
  box-shadow: none;
  border-radius: 6px;
  min-height: auto;
}
.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  padding: 6px 8px;
  font-size: 12px;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow {
  display: none;
}

/**
* $name 10. Tag text color
* $type color
*/
/**
* $name 20. Tag background color
* $type color
*/
/**
* $name 30. Tag active text color
* $type color
*/
/**
* $name 40. Tag close button color
* $type color
*/
.dx-tagbox .dx-texteditor-input {
  width: auto;
}
.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: none;
}
.dx-tagbox.dx-state-disabled .dx-texteditor-input {
  background: none;
}
.dx-tagbox.dx-state-disabled .dx-tag-content {
  cursor: default;
}
.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: none;
}
.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;
}

.dx-tag-remove-button {
  position: absolute;
  inset-inline-end: 0;
}

.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 {
  height: 26px;
}
.dx-tagbox.dx-editor-outlined .dx-tag-container, .dx-tagbox.dx-editor-filled .dx-tag-container {
  padding-inline-start: 16px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .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-floating-label .dx-tag-container,
.dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder::before, .dx-tagbox.dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .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-floating-label .dx-tag-container,
.dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before {
  padding-top: 18px;
  padding-bottom: 4px;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-tag, .dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-tag, .dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-tag, .dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-tag {
  margin: 0;
}
.dx-tagbox.dx-editor-filled.dx-texteditor-with-label .dx-texteditor-input, .dx-tagbox.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input, .dx-tagbox.dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-input, .dx-tagbox.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input {
  padding: 0;
}
.dx-tagbox.dx-state-disabled .dx-tag-content {
  background-color: rgb(173.4, 173.4, 173.4);
}
.dx-tagbox.dx-state-disabled .dx-tag-content .dx-tag-remove-button::before {
  color: rgb(173.4, 173.4, 173.4);
}

.dx-tagbox-single-line .dx-tag-container {
  padding-right: 0;
}

.dx-tag-content {
  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: rgb(224.4, 224.4, 224.4);
  color: rgba(33, 36, 61, 0.6);
  border-radius: 2em;
}

.dx-tag-remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 100%;
  font: 14px/1 DXIcons;
  font-size: 10px;
}
.dx-tag-remove-button::before {
  content: "\f008";
}
.dx-tag-remove-button::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: rgb(224.4, 224.4, 224.4);
  background-color: rgba(0, 0, 0, 0.36);
  border-radius: 50%;
  transform: none;
}

.dx-tag:hover .dx-tag-content {
  background-color: rgb(216.75, 216.75, 216.75);
  color: #21243d;
}

.dx-tag.dx-state-focused .dx-tag-content {
  background-color: rgb(173.4, 173.4, 173.4);
  color: #21243d;
}

.dx-tagbox.dx-invalid .dx-texteditor-container::after,
.dx-tagbox.dx-valid .dx-texteditor-container::after {
  inset-inline-end: 12px;
}

.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;
}
.dx-state-disabled .dx-radiobutton.dx-state-disabled {
  opacity: 1;
}

.dx-radiobutton-icon {
  position: relative;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.dx-radiobutton-icon .dx-radiobutton-icon-dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border-width: 0;
  border-style: solid;
  transform: scale(0);
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.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: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  border-width: 3px;
  transform: scale(1);
}

.dx-radiobutton-icon {
  border-color: rgba(33, 36, 61, 0.54);
  background-color: #fff;
}
.dx-radiobutton-icon .dx-radiobutton-icon-dot {
  border-color: #fff;
}

.dx-radiobutton-icon-checked {
  border-color: #21243d;
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: #21243d;
}

.dx-radiobutton.dx-state-disabled {
  opacity: 0.38;
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon::after, .dx-radiobutton.dx-state-focused .dx-radiobutton-icon::after {
  background-color: rgba(33, 36, 61, 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(33, 36, 61, 0.1);
  transform: scale(1);
}

.dx-invalid .dx-radiobutton-icon {
  border-color: rgba(223, 0, 0, 0.4);
}
.dx-invalid .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: rgba(223, 0, 0, 0.4);
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon {
  border-color: #df0000;
}
.dx-invalid .dx-state-active.dx-radiobutton .dx-radiobutton-icon-dot,
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon-dot {
  background-color: #df0000;
}
.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(223, 0, 0, 0.1);
  transform: scale(1);
}

.dx-state-readonly .dx-radiobutton-icon {
  border-color: rgba(33, 36, 61, 0.54);
}

.dx-state-disabled .dx-radiobutton-icon {
  border-color: rgba(33, 36, 61, 0.54);
}

.dx-state-readonly .dx-radiobutton-icon-dot,
.dx-state-disabled .dx-radiobutton-icon-dot {
  background-color: rgba(33, 36, 61, 0.54);
}

.dx-radiogroup .dx-radiobutton {
  margin-top: 12px;
  margin-bottom: 12px;
}
.dx-radiogroup .dx-radiobutton-icon {
  margin-top: 0;
  margin-bottom: 0;
}

/**
* $name 15. Background color
* $type color
*/
/**
* $name 20. Header text color
* $type color
*/
/**
* $name 25. Header text weight
* $type select
* $type-values 300|500|700
*/
/**
* $name 35. Draggable header border color
* $type color
*/
/**
* $name 51. Selected row background color
* $type color
*/
/**
* $name 52. Selected row border color
* $type color
*/
/**
* $name 50. Selected row text color
* $type color
*/
/**
* $name 65. Focused row text color
* $type color
*/
/**
* $name 70. Focused row background color
* $type color
*/
/**
* $name 30. Context menu icon color
* $type color
*/
/**
* $name 40. Modified data background color
* $type color
*/
/**
* $name 45. Invalid data faded color
* $type color
*/
/**
* $name 90. Group row text color
* $type color
*/
/**
* $name 95. Group row background color
* $type color
*/
/**
* $name 105. Highlighted text color
* $type color
*/
/**
* $name 110. Highlighted text background color
* $type color
*/
/**
* $name 115. Error row text color
* $type color
*/
/**
* $name 120. Error row background color
* $type color
*/
/**
* $name 75. Focused cell border color
* $type color
*/
/**
* $name 80. Editor background color
* $type color
*/
/**
* $name 85. Alternate row background color
* $type color
*/
/**
* $name 100. Summary item color
* $type color
*/
/**
* $name 10. Text color
* $type color
*/
/**
* $name 20. Selected item background color
* $type color
*/
/**
* $name 180. Pager selected item text color
* $type color
*/
/**
* $name 190. Pager selected item background color
* $type color
*/
.dx-pager {
  overflow: hidden;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: normal;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
}
.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;
  padding: 7px 8px 8px;
  margin-left: 5px;
  margin-right: 1px;
}
.dx-pager .dx-pages .dx-separator {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
}
.dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: 0.7;
}
.dx-pager .dx-pages .dx-navigate-button {
  width: 10px;
  height: 20px;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
  padding: 7px 13px;
  box-sizing: content-box;
}
.dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  opacity: 0.3;
  cursor: inherit;
}
.dx-pager .dx-pages .dx-prev-button,
.dx-pager .dx-pages .dx-next-button {
  position: relative;
}
.dx-pager .dx-page-sizes {
  float: left;
}
.dx-pager .dx-page-sizes .dx-page-size {
  display: inline-block;
  cursor: pointer;
  padding-left: 10px;
  padding-right: 9px;
  padding-top: 7px;
  padding-bottom: 8px;
  margin-left: 4px;
  margin-right: 1px;
}
.dx-pager .dx-page-sizes .dx-page-size:first-child, .dx-pager .dx-page-sizes .dx-page-size.dx-first-child {
  margin-left: 1px;
}
.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .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-page-index,
.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-pages-count {
  display: table-cell;
}

.dx-rtl .dx-pager .dx-pages,
.dx-pager.dx-rtl .dx-pages {
  float: left;
  direction: ltr;
}
.dx-rtl .dx-pager .dx-pages .dx-page,
.dx-pager.dx-rtl .dx-pages .dx-page {
  direction: ltr;
}
.dx-rtl .dx-pager .dx-pages .dx-page:first-child,
.dx-pager.dx-rtl .dx-pages .dx-page:first-child {
  margin-left: 1px;
}
.dx-rtl .dx-pager .dx-pages .dx-info,
.dx-pager.dx-rtl .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-pager .dx-page-sizes,
.dx-pager.dx-rtl .dx-page-sizes {
  float: right;
}

.dx-pager {
  padding: 13px 16px;
}
.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-page-indexes {
  vertical-align: middle;
}
.dx-pager.dx-light-mode .dx-pages .dx-navigate-button,
.dx-pager.dx-light-mode .dx-pages .dx-light-pages {
  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-prev-button,
.dx-pager .dx-pages .dx-next-button {
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}
.dx-pager .dx-pages .dx-prev-button::before,
.dx-pager .dx-pages .dx-next-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:hover,
.dx-pager .dx-page-size: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:first-child, .dx-pager .dx-page-sizes .dx-page-size.dx-first-child {
  margin-left: 0;
}
.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
  font-weight: 500;
  background-color: #21243d;
  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 {
  position: fixed;
  left: 0;
  top: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0);
}

.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-link {
  text-decoration: underline;
  cursor: pointer;
}
.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 {
  padding-right: 3px;
  margin-left: -3px;
  width: 15px;
}
.dx-datagrid .dx-column-indicators .dx-sort.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter {
  display: inline-block;
}
.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter::after,
.dx-datagrid .dx-column-indicators .dx-header-filter.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-sortable-without-handle .dx-data-row {
  cursor: pointer;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  border-bottom: none;
  font-size: 16px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 16px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px 20px;
}
.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  opacity: 0.5;
  margin-bottom: 10px;
}
.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-plain .dx-treeview-node .dx-treeview-item, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .dx-treeview-node .dx-treeview-item {
  padding-inline-start: 4px;
}

.dx-datagrid-nowrap {
  white-space: 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-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-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 {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dx-datagrid-text-content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dx-datagrid-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-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:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-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-highlight-outline,
.dx-cell-modified,
.dx-datagrid-invalid {
  position: relative;
  padding: 7px;
}
.dx-highlight-outline::after,
.dx-cell-modified::after,
.dx-datagrid-invalid::after {
  content: "";
  position: absolute;
  border: 2px solid transparent;
  top: 0;
  left: 1px;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.dx-highlight-outline.dx-hidden,
.dx-cell-modified.dx-hidden,
.dx-datagrid-invalid.dx-hidden {
  display: block !important;
}
.dx-highlight-outline.dx-hidden::after,
.dx-cell-modified.dx-hidden::after,
.dx-datagrid-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-datagrid-invalid {
  padding: 0;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
  display: inline-block;
  content: "​";
  vertical-align: middle;
  padding-top: 7px;
  padding-bottom: 7px;
}

.dx-column-lines .dx-highlight-outline::after,
.dx-column-lines .dx-cell-modified::after,
.dx-column-lines .dx-datagrid-invalid::after {
  left: 0;
}

.dx-datagrid-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-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-header-row .dx-text-content-alignment-left,
.dx-header-row .dx-text-content-alignment-right {
  max-width: 100%;
}
.dx-header-row .dx-sort-indicator,
.dx-header-row .dx-header-filter-indicator {
  max-width: calc(100% - 17px);
}
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-left,
.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left {
  margin-right: 3px;
}
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-right,
.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right {
  margin-left: 3px;
}
.dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right,
.dx-header-row .dx-header-filter-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-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-texteditor-input,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before {
  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-text,
.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container {
  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 > td:first-child .dx-menu, .dx-datagrid-filter-row > .dx-first-cell .dx-menu {
  margin-left: 0;
}
.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px;
  padding-right: 30px;
}
.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px 5px;
}
.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px 6px;
}
.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: normal;
}

.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-state-disabled {
  cursor: pointer;
}
.dx-state-disabled .dx-menu-item {
  cursor: default;
}

.dx-datagrid-search-panel {
  margin: 0;
  margin-left: 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; /* Chrome 56+ */
}
.dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  min-height: 100%; /* IE, Edge */
}
.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 {
  border-top: none;
}
.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 > td:hover > .dx-select-checkbox {
  display: inline-block;
}
.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .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-total-footer {
  position: relative;
}
.dx-datagrid-total-footer > .dx-datagrid-content {
  padding-top: 7px;
  padding-bottom: 7px;
}

.dx-datagrid-summary-item {
  font-weight: bold;
}

.dx-datagrid-export-menu .dx-dropdownbutton-content .dx-list-item {
  display: block;
}

.dx-command-adaptive {
  width: 36px;
  min-width: 36px;
}

.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-revert-tooltip .dx-revert-button {
  margin: 0;
}

.dx-datagrid-notouch-action {
  touch-action: none;
}

.dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  border: none;
}
.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message {
  text-align: center;
  left: 0;
  right: 0;
  bottom: 50%;
  position: absolute;
}

.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item,
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px;
}
.dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image,
.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right;
}
.dx-rtl .dx-datagrid .dx-texteditor-buttons-container,
.dx-datagrid.dx-rtl .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-texteditor-input,
.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before {
  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;
  padding-left: 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;
  margin-right: 15px;
}

.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 {
  padding: 10px;
}
.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-text:hover,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter: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;
  margin-right: 7px;
  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;
  margin-right: 10px;
  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: none;
}

.dx-datagrid-group-opened,
.dx-datagrid-group-closed {
  cursor: pointer;
  position: relative;
}
.dx-datagrid-group-opened::before,
.dx-datagrid-group-closed::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-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
  margin-right: 0;
  margin-left: 10px;
}
.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-headers,
.dx-datagrid-borders > .dx-datagrid-filter-panel {
  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(33, 36, 61, 0.5);
}

.dx-datagrid {
  color: #21243d;
}
.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: none;
}
.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: 2px solid rgb(77.4, 79.8, 99.8);
  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-row > td,
.dx-datagrid .dx-datagrid-headers .dx-header-filter {
  outline: none;
}
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus,
.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  outline: 2px solid rgb(77.4, 79.8, 99.8);
  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(33, 36, 61, 0.6);
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-header-filter::before {
  content: "\f050";
}
.dx-datagrid .dx-header-filter-empty {
  color: rgba(33, 36, 61, 0.72);
}
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  width: 14px;
  height: 14px;
  background-position: 0px 0px;
  background-size: 14px 14px;
  padding: 0px;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: #fff;
}
.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-virtual-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none,
.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.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-virtual-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-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none;
}
.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-virtual-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-headers .dx-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: 2px solid rgb(77.4, 79.8, 99.8);
  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: #21243d;
}
.dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0;
}
.dx-datagrid .dx-error-row .dx-error-message {
  background-color: rgb(235.8, 102, 102);
  white-space: normal;
  word-wrap: break-word;
}
.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: #21243d;
  border-top: 1px solid #e0e0e0;
}
.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  outline: none;
}
.dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus,
.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus {
  outline: 2px solid rgb(77.4, 79.8, 99.8);
  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: 14px/1 DXIcons;
  width: 21px;
  height: 21px;
  background-position: 0px 0px;
  background-size: 21px 21px;
  padding: 0px;
  font-size: 21px;
  text-align: center;
  line-height: 21px;
}
.dx-datagrid-adaptive-more::before {
  content: "\f06c";
}

.dx-datagrid-edit-popup .dx-error-message {
  background-color: rgb(235.8, 102, 102);
  white-space: normal;
  word-wrap: break-word;
  color: #fff;
  margin-bottom: 20px;
}

.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-virtual-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-headers .dx-row td.dx-pointer-events-none {
  border-left: 2px solid #e0e0e0;
  border-right: 2px solid #e0e0e0;
}
.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-virtual-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-headers .dx-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none;
}
.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-virtual-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-headers .dx-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: dx-datagrid-highlight-change 1s;
}

@keyframes dx-datagrid-highlight-change {
  from {
    background-color: rgba(33, 36, 61, 0.08);
  }
  50% {
    background-color: rgba(33, 36, 61, 0.08);
  }
}
.dx-datagrid-total-footer tr {
  outline: none;
}
.dx-datagrid-total-footer:focus-within {
  outline: 2px solid rgb(77.4, 79.8, 99.8);
  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: 0px 0px;
  background-size: 22px 22px;
  padding: 0px;
  font-size: 22px;
  text-align: center;
  line-height: 22px;
  margin: 0 3px;
}
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon,
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  color: rgba(96.575212766, 104.3665957447, 169.294787234, 0.54);
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default,
.dx-datagrid-container.dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px;
}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-menu-item-content,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-menu-item-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-datagrid .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-texteditor-input,
.dx-datagrid-container .dx-datagrid-filter-row .dx-editor-with-menu .dx-texteditor .dx-placeholder::before {
  padding-left: 40px;
}
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  font: 14px/1 DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
  content: "\f053";
}
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  font: 14px/1 DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
  content: "\f054";
}
.dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none,
.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-none {
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-datagrid .dx-sort-up,
.dx-datagrid .dx-sort-down,
.dx-datagrid .dx-header-filter,
.dx-datagrid-container .dx-sort-up,
.dx-datagrid-container .dx-sort-down,
.dx-datagrid-container .dx-header-filter {
  width: 15px;
  height: 15px;
  background-position: 0px 0px;
  background-size: 15px 15px;
  padding: 0px;
  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: #21243d;
}
.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: 0px 0px;
  background-size: 15px 15px;
  padding: 0px;
  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 {
  line-height: inherit;
}
.dx-datagrid .dx-row-alt {
  border-top: 1px solid rgb(244.8, 244.8, 244.8);
  border-bottom: 1px solid rgb(244.8, 244.8, 244.8);
}
.dx-datagrid .dx-row-alt > td {
  background-color: rgb(244.8, 244.8, 244.8);
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-datagrid .dx-link {
  color: #21243d;
}
.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/1 DXIcons;
  width: 14px;
  height: 14px;
  background-position: 0px 0px;
  background-size: 14px 14px;
  padding: 0px;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.dx-datagrid .dx-error-row .dx-closebutton::before {
  content: "\f00a";
}
.dx-datagrid .dx-error-row .dx-error-message {
  padding: 14px;
  padding-right: 35px;
}
.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:not(.dx-validation-pending):not(.dx-datagrid-select-all),
.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) {
  vertical-align: middle;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-select,
.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 {
  overflow: visible;
  width: 50px;
  min-width: 50px;
  line-height: 1;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all).dx-command-edit,
.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 {
  width: 115px;
  min-width: 115px;
}
.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),
.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) {
  margin: 0 2px;
  min-width: 20px;
}
.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-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 {
  width: 93px;
  min-width: 93px;
}
.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,
.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 {
  width: 18px;
  height: 18px;
  background-position: 0px 0px;
  background-size: 18px 18px;
  padding: 0px;
  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: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.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) {
  width: auto;
}
.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,
.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 {
  opacity: 0.38;
}
.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,
.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 {
  opacity: 0.6;
}
.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td: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.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-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-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.dx-datagrid-invalid:not(.dx-field-item-content):not(.dx-validation-pending):not(.dx-datagrid-select-all) .dx-datagrid-group-space {
  padding: 0 4px 0 8px;
  line-height: 0;
}
.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),
.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) {
  padding-right: 0;
}
.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),
.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) {
  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: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  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-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-hover, .dx-editor-cell .dx-texteditor.dx-state-focused, .dx-editor-cell .dx-texteditor.dx-state-active {
  background: rgba(255, 255, 255, 0);
  box-shadow: none;
}
.dx-editor-cell .dx-texteditor:not(.dx-tagbox) .dx-texteditor-input {
  background: rgba(255, 255, 255, 0);
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  padding-right: 16px;
  padding-left: 16px;
  padding-top: 0;
  padding-bottom: 0;
  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:not(.dx-tagbox) .dx-tag-container {
  min-height: 48px;
  padding: 0;
}
.dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-texteditor-input,
.dx-editor-cell .dx-texteditor:not(.dx-editor-filled):not(.dx-editor-outlined) .dx-tag-container {
  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-datagrid-column-chooser-list .dx-empty-message {
  color: rgb(79.5510638298, 86.7829787234, 147.0489361702);
  padding: 0 24px;
}

.dx-datagrid-column-chooser {
  color: #21243d;
  font-weight: normal;
  font-size: 14px;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  line-height: 1.2857;
}
.dx-datagrid-column-chooser input,
.dx-datagrid-column-chooser textarea {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "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-plain .dx-treeview-select-all-item, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .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 {
  margin: 2px 2px 8px 2px;
  background-color: #fff;
  color: rgba(33, 36, 61, 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(33, 36, 61, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2);
  color: rgba(33, 36, 61, 0.6);
  font-weight: 500;
  padding: 20px;
  background-color: #fff;
  line-height: 16px;
  font-size: 14px;
}

.dx-datagrid-columns-separator {
  background-color: #21243d;
}

.dx-datagrid-columns-separator-transparent {
  background-color: transparent;
}

.dx-datagrid-drop-highlight > td {
  background-color: #21243d;
  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: #21243d;
}

.dx-datagrid-focus-overlay:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 2px;
  background-color: rgb(77.4, 79.8, 99.8);
  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: #21243d;
}
.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-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  background-color: rgba(0, 0, 0, 0.04);
  color: #21243d;
}
.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-datagrid-headers {
  color: rgba(33, 36, 61, 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-indicator,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
  color: #21243d;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
  color: #21243d;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-sort {
  color: rgba(33, 36, 61, 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: rgb(249.9, 249.9, 249.9);
}
.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: rgb(137.2829787234, 143.0723404255, 191.3170212766);
}
.dx-datagrid-filter-row .dx-filter-modified {
  background-color: rgba(21, 87, 36, 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: rgb(249.9, 249.9, 249.9);
  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 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-icon-column-chooser {
  font: 14px/1 DXIcons;
}
.dx-icon-column-chooser::before {
  content: "\f04d";
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
  content: "\f00b";
}

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {
  content: "\f04c";
}

.dx-datagrid-save-button .dx-icon-edit-button-save {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datagrid-save-button .dx-icon-edit-button-save::before {
  content: "\f041";
}

.dx-apply-button .dx-icon-apply-filter {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-apply-button .dx-icon-apply-filter::before {
  content: "\f050";
}

.dx-datagrid-export-menu .dx-menu-item .dx-icon-xlsxfile {
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}
.dx-datagrid-export-menu .dx-menu-item .dx-icon-exportselected {
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
}

.dx-datagrid-adaptive-more {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(33, 36, 61, 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: none;
}
.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-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
  background-color: rgb(249.9, 249.9, 249.9);
}
.dx-datagrid-rowsview .dx-data-row: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.dx-selection:hover: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-adaptive-detail-row.dx-selection:not(.dx-edit-row) .dx-cell-modified,
.dx-datagrid-rowsview .dx-adaptive-detail-row.dx-selection:hover:not(.dx-edit-row) .dx-cell-modified {
  background-color: rgba(21, 87, 36, 0.32);
}
.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,
.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 {
  background-color: rgba(223, 0, 0, 0.32);
}
.dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px 9px;
  background-color: #df0000;
  color: #fff;
}
.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #e0e0e0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  color: rgba(33, 36, 61, 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(21, 87, 36, 0.32);
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused):not(.dx-cell-modified):not(.dx-datagrid-invalid), .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link {
  background-color: rgb(210.6, 211.2, 216.2);
  color: #21243d;
}
.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, .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 .dx-command-edit .dx-link .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link .dx-datagrid-group-closed {
  color: #21243d;
}
.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #21243d;
}
.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 rgb(77.4, 79.8, 99.8);
  border-bottom: 1px solid rgb(77.4, 79.8, 99.8);
}
.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: #21243d;
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: rgb(210.6, 211.2, 216.2);
  color: #21243d;
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed {
  color: #21243d;
}
.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(33, 36, 61, 0.04);
  color: #21243d;
}
.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(33, 36, 61, 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):not(.dx-row-lines) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td {
  border-bottom: 1px solid rgba(33, 36, 61, 0.04);
  border-top: 1px solid rgba(33, 36, 61, 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-cell-modified,
.dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid {
  padding: 14px 16px;
  padding-right: 46px;
}
.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,
.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending .dx-datagrid-invalid {
  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: #21243d;
}

.dx-datagrid-nodata {
  color: rgba(33, 36, 61, 0.54);
  font-size: 17px;
}

.dx-datagrid-bottom-load-panel {
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
}

.dx-datagrid-summary-item {
  color: rgba(33, 36, 61, 0.7);
}

.dx-datagrid-total-footer {
  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: 6px;
  background-color: #df0000;
  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;
}
.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  color: #fff;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #df0000;
}
.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-hover {
  background-color: #df0000;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #df0000;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #df0000;
}
.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(33, 36, 61, 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-header-filter-menu .dx-popup-content {
  padding: 12px 8px 0 8px;
  border-bottom: 1px solid #e0e0e0;
}

.dx-datagrid-form-buttons-container .dx-button {
  background-color: transparent;
  color: #21243d;
}
.dx-datagrid-form-buttons-container .dx-button .dx-icon {
  color: #21243d;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-selected {
  background-color: rgba(33, 36, 61, 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: #21243d;
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-hover {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-focused {
  background-color: rgba(33, 36, 61, 0.08);
}
.dx-datagrid-form-buttons-container .dx-button.dx-state-active {
  background-color: rgba(33, 36, 61, 0.36);
}
.dx-datagrid-form-buttons-container .dx-button .dx-inkripple-wave {
  background-color: rgba(33, 36, 61, 0.2);
}

.dx-command-adaptive {
  width: 56px;
  min-width: 56px;
}

.dx-datagrid-filter-panel {
  padding: 18px 16px;
}
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
  color: #21243d;
  font-size: 14px;
  line-height: 18px;
}
.dx-datagrid-filter-panel .dx-icon-filter {
  color: #21243d;
}

.dx-adaptive-item-text {
  padding-left: 16px;
  padding-right: 16px;
}
.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(33, 36, 61, 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(33, 36, 61, 0.6);
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  background: rgb(224.4, 224.4, 224.4);
  border-radius: 16px;
  padding: 8px 10px;
}
.dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: rgba(33, 36, 61, 0.6);
  font-weight: 500;
  background-color: #21243d;
}
.dx-datagrid-group-panel .dx-sort {
  color: rgba(33, 36, 61, 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: bold;
}
.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  color: rgba(33, 36, 61, 0.54);
  background-color: white;
}
.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-top-color: #e0e0e0;
  border-bottom-color: #e0e0e0;
}

.dx-datagrid-group-opened {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(112.4611702128, 119.4712765957, 177.8888297872, 0.54);
}
.dx-datagrid-group-opened::before {
  content: "\f016";
}

.dx-datagrid-group-closed {
  font: 14px/1 DXIcons;
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  color: rgba(112.4611702128, 119.4712765957, 177.8888297872, 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-group-panel-item,
.dx-rtl .dx-datagrid-group-panel .dx-block-separator {
  margin-left: 10px;
}

/**
* $name 10. Label text color
* $type color
*/
/**
* $name 20. Group border color
* $type color
*/
.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-label,
.dx-layout-manager .dx-label-h-align .dx-field-item-content,
.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
  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-label .dx-field-item-custom-label-content .dx-icon {
  vertical-align: top;
}
.dx-layout-manager .dx-label-h-align .dx-field-item-content {
  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;
}

.dx-form-group-with-caption > .dx-form-group-content {
  padding-top: 19px;
  padding-bottom: 20px;
  margin-top: 6px;
}

.dx-layout-manager-hidden-label {
  position: absolute;
  display: block;
  visibility: hidden;
}

.dx-field-item-help-text {
  font-style: italic;
  white-space: normal;
}

.dx-field-item-label-location-left {
  padding-inline-end: 10px;
}

.dx-field-item-label-location-right {
  padding-inline-start: 10px;
}

.dx-field-item-required .dx-label > span::after,
.dx-field-item-optional .dx-label > span::after {
  content: attr(data-mark);
}

.dx-rtl .dx-field-item-required-mark,
.dx-rtl .dx-field-item-optional-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 {
  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 {
  color: rgba(0, 0, 0, 0.6);
}

.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: 0px 0px;
  background-size: 14px 14px;
  padding: 0px;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
  margin-inline-end: 8px;
  margin-inline-start: 0;
}

.dx-form-group-custom-caption {
  font-size: 20px;
}
.dx-form-group-custom-caption .dx-icon {
  width: 24px;
  height: 24px;
  background-position: 0px 0px;
  background-size: 24px 24px;
  padding: 0px;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  margin-inline-end: 8px;
  margin-inline-start: 0;
}

.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 transparent;
  border-color: #21243d;
  box-sizing: border-box;
  z-index: 2147483647;
}

.dx-sortable-placeholder-inside {
  border-width: 2px;
}

.dx-sortable-dragging > * {
  border-color: rgba(33, 36, 61, 0.5);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}

.dx-list .dx-empty-message {
  font-size: 14px !important;
  color: rgba(33, 36, 61, 0.3) !important;
  font-style: italic !important;
  padding: 1.2em 0.8em !important;
}

.dx-invalid.dx-texteditor.dx-show-invalid-badge .dx-texteditor-input-container:after {
  transform: scale(0.7);
}

.dx-placeholder {
  color: #21243d !important;
  font-size: 14px !important;
  opacity: 0.3 !important;
}

.dx-invalid-message > .dx-overlay-content {
  padding: 0 !important;
  color: #df0000 !important;
  background-color: transparent;
}

dx-button-group .dx-button-mode-outlined {
  border-color: #21243d;
  color: rgba(33, 36, 61, 0.8);
}
dx-button-group .dx-buttongroup-item.dx-button-mode-outlined.dx-state-hover {
  background: rgba(33, 36, 61, 0.1) !important;
}
dx-button-group .dx-buttongroup-item.dx-button-mode-outlined.dx-item-selected {
  background: rgba(33, 36, 61, 0.9) !important;
  color: white !important;
}
@media (max-width: 400px) {
  dx-button-group .dx-button-has-text .dx-button-content {
    padding: 0.4em 0.8em;
    font-size: 0.9em;
  }
}

.dx-overlay-wrapper.dx-invalid-message {
  z-index: 1 !important;
}

.dx-selectbox-popup-wrapper {
  z-index: 6000 !important;
}

.dx-checkbox-icon {
  background: white;
}

.dx-actionsheet-popover-wrapper {
  background: rgba(18, 18, 18, 0.2);
  pointer-events: all;
}

.dx-actionsheet-popup-wrapper .dx-overlay-content {
  border-radius: 6px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dx-actionsheet-popup-wrapper .dx-popup-content,
.dx-actionsheet-popup-wrapper .dx-actionsheet-item-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.dx-actionsheet-popup-wrapper .dx-button {
  margin: 0;
  border: 1px solid var(--info-text);
  color: var(--info-text);
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
}
.dx-actionsheet-popup-wrapper .dx-button .dx-button-text {
  text-transform: initial;
  font-weight: bold;
  padding: 0;
}

.dx-actionsheet-popover-wrapper .dx-overlay-content {
  margin-top: -90px;
  box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
}
.dx-actionsheet-popover-wrapper .dx-popup-title {
  display: none;
}
.dx-actionsheet-popover-wrapper .dx-popup-content {
  padding: 0;
}
.dx-actionsheet-popover-wrapper .dx-button {
  border: 0;
  display: block;
}
.dx-actionsheet-popover-wrapper .dx-actionsheet-item {
  padding: 0.8em 1.2em;
}
.dx-actionsheet-popover-wrapper .dx-actionsheet-item-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.dx-actionsheet-popover-wrapper .dx-button-text {
  font-weight: bold;
  text-transform: capitalize;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
}

.dx-datebox-wrapper-calendar .dx-calendar-cell,
dx-date-box .dx-texteditor-input {
  text-transform: capitalize;
}

dx-tag-box.dx-state-focused {
  box-shadow: none;
}

dx-data-grid .dx-row {
  border-top: none;
  border-bottom: none;
}
dx-data-grid .dx-row:not(.dx-row-alt) {
  background: #f8f8f8;
}
dx-data-grid .dx-row:not(.dx-row-alt).dx-selection {
  background: #e7fbff;
}
dx-data-grid .dx-row.dx-row-alt {
  background: #ededed;
}
dx-data-grid .dx-row.dx-row-alt > td {
  background: none;
}
dx-data-grid .dx-row.dx-row-alt.dx-selection {
  background: #d5f8ff;
}
dx-data-grid .dx-datagrid-headers [role=columnheader] {
  border-left: 1px solid #21243d !important;
  border-right: 1px solid #21243d !important;
}
dx-data-grid .dx-datagrid-rowsview .dx-freespace-row td,
dx-data-grid .dx-datagrid-rowsview [role=gridcell] {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}
dx-data-grid .dx-datagrid-headers {
  border: none !important;
}
dx-data-grid .dx-datagrid-headers .dx-sort-indicator,
dx-data-grid .dx-datagrid-headers .dx-column-indicators,
dx-data-grid .dx-datagrid-headers .dx-sort,
dx-data-grid .dx-datagrid-headers .dx-datagrid-text-content {
  color: white !important;
}
dx-data-grid .dx-datagrid-headers .dx-header-row td {
  font-size: 15px !important;
  padding: 1em !important;
}
dx-data-grid .dx-row.dx-header-row {
  background: #21243d;
}
dx-data-grid .dx-datagrid-revert-tooltip .dx-revert-button {
  background: #21243d !important;
}
dx-data-grid .dx-row {
  background: white;
}
dx-data-grid .dx-datagrid-rowsview .dx-row.dx-group-row {
  background: #f8f8f8;
  color: #121212;
  text-transform: uppercase;
  font-weight: normal;
  text-indent: -1em;
}
dx-data-grid .dx-datagrid-rowsview .dx-row.dx-group-row .dx-command-expand {
  text-indent: -0.4em;
}
dx-data-grid .cell-multiline {
  white-space: pre-wrap;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-code-color: #d63384;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
}

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

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

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

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

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

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

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

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

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

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

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

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

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

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

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

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

dt {
  font-weight: 700;
}

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

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 0.875em;
}

mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--bs-link-hover-color);
}

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

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

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

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

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

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

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

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

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

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

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

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

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

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

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

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

textarea {
  resize: vertical;
}

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

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

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

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

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

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

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

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

output {
  display: inline-block;
}

iframe {
  border: 0;
}

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

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

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

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

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

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

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

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

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

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

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

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

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

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

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

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

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 280px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: white;
  --bs-tooltip-bg: #21243d;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

a {
  text-decoration: none;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #21243d;
}

.ngx-toastr {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif !important;
  font-size: 15px;
  box-shadow: 0 0 42px #777777 !important;
}

.toast-top-center {
  top: 20px !important;
}

.toast-success {
  background-color: var(--cyan) !important;
}

.toast-error {
  background-color: #ff7c7c !important;
}

.toast-title {
  font-weight: 900 !important;
}

.toast-container .toast-close-button {
  top: -0.6em !important;
}

.sortable-ghost {
  visibility: hidden;
}

.ui-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  color: #ffd082;
  transition: color 0.5s ease-out;
}
.ui-loader--with-overlay {
  background: rgba(18, 18, 18, 0.3);
  z-index: 99999;
}
.ui-loader--local {
  position: absolute;
  z-index: 1;
}
.ui-loader--inline-block {
  padding: 0.5em;
  position: static;
}
.ui-loader--non-blocking {
  pointer-events: none;
}
.ui-loader pxw-icon svg {
  width: 60px !important;
  height: 60px !important;
}
.ui-loader--size-sm pxw-icon svg {
  width: 40px !important;
  height: 40px !important;
}
.ui-loader__preboot-spinner {
  overflow: visible;
  width: 60px !important;
  height: 60px !important;
  animation: icon-spin 2s infinite linear;
  display: inline-block;
  color: #ffd082;
}
@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}

.ui-animation--pulse-opacity {
  animation: ui-animation--pulse-opacity 1s ease-in-out infinite alternate;
}
@keyframes ui-animation--pulse-opacity {
  0% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

.ui-title {
  font-family: "Anton", "Impact", "sans-serif";
  color: var(--theme2-contrast);
  font-size: 22px;
  padding: 0 1rem 0;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.2;
}
@media (max-width: 400px) {
  .ui-title {
    font-size: 20px;
  }
}
.ui-title pxw-icon {
  cursor: pointer;
}
.ui-title pxw-icon[icon=back] {
  margin-right: 0.4em;
}
.ui-title .ui-item-link {
  line-height: 1;
}

.ui-subtitle {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  color: #21243d;
  font-size: 18px;
  margin: 0 0 1.2em;
  font-weight: 700;
  border-bottom: 1px dotted #c0c0c0;
  padding-bottom: 0.4em;
}

.ui-item-link {
  color: inherit;
}
.ui-item-link:hover {
  text-decoration: none;
  color: inherit;
}

.ui-input {
  margin-bottom: 1.5em;
  display: block;
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
}
.ui-input--disabled {
  background-color: rgba(248, 248, 248, 0.4);
  border-color: #f8f8f8;
  cursor: not-allowed;
}
.ui-input--disabled .ui-input__input,
.ui-input--disabled .addon-prepend,
.ui-input--disabled .addon-append {
  color: rgba(33, 36, 61, 0.4) !important;
}
.ui-input--disabled .ui-input__editor {
  cursor: not-allowed;
  pointer-events: none;
}
.ui-input__container--with-addons {
  display: grid !important;
  grid-template-columns: min-content 1fr min-content;
}
.ui-input .ui-input__input {
  display: block;
  font-size: 14px;
  line-height: 1.1;
  background: transparent;
  color: #21243d;
  appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0.8em;
  border: none;
}
.ui-input .ui-input__input:focus {
  outline: none;
}
.ui-input .ui-input__input::placeholder {
  color: rgba(18, 18, 18, 0.3);
}
.ui-input__error-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ui-input__error {
  display: block;
  margin: 0;
  color: #df0000;
  font-size: 12px;
  padding: 0.2em 0 0 0.1em;
}
.ui-input__editor {
  display: flex;
  align-items: center;
}
.ui-input__editor .ui-input__input {
  flex: 100% 1 1;
}
.ui-input__editor .ui-input__error-icon {
  flex: min-content 0 0;
}
.ui-input__error-icon {
  color: #df0000 !important;
  padding-right: 0.5em;
}
.ui-input--with-helper .dx-invalid {
  margin-bottom: 1.5em;
}
.ui-input--validation-only .dx-invalid {
  margin-bottom: 0;
}
.ui-input--inline {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ui-input--inline .ui-label {
  margin: 0 0.5em 0 0;
}
.ui-input--inline .ui-input__container {
  width: auto !important;
}
.ui-input > pxw-text-field, .ui-input > pxw-checkbox-group, .ui-input > pxw-date-range, .ui-input > pxw-image {
  margin-bottom: 0;
}
.ui-input:not(.ui-input-checkbox) > .ui-input__container, .ui-input:not(.ui-input-checkbox) > .ui-input__wrapper .ui-input__container {
  width: 100%;
  display: flex;
  align-items: center;
  background: #f8f8f8;
  border: 1px solid rgb(240.35, 240.35, 240.35);
  border-radius: 6px;
}
.ui-input dx-text-box,
.ui-input dx-text-area,
.ui-input dx-number-box,
.ui-input dx-date-box,
.ui-input dx-select-box {
  width: 100%;
}
.ui-input .dx-texteditor,
.ui-input .ui-input__editor {
  border-radius: 0;
}
.ui-input .ui-input__editor {
  width: 100%;
}
.ui-input .dx-texteditor-container {
  width: 100%;
}
.ui-input .dx-editor-outlined {
  box-shadow: none !important;
}
.ui-input .ui-input__addon-wrapper {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.ui-input .addon-prepend + .dx-texteditor,
.ui-input .dx-texteditor + .addon-append,
.ui-input .ui-input__addon-wrapper:not(:empty) + .ui-input__editor,
.ui-input .ui-input__editor + .ui-input__addon-wrapper:not(:empty),
.ui-input .addon-append + .addon-append,
.ui-input .addon-prepend + .addon-prepend {
  border-left: 1px solid #ededed;
}
.ui-input .addon-prepend,
.ui-input .addon-append,
.ui-input .dx-texteditor-input,
.ui-input .dx-placeholder::before {
  font-size: 14px;
  line-height: 1.1;
}
.ui-input .dx-texteditor-input,
.ui-input .dx-placeholder::before {
  padding: 0.8em !important;
}
.ui-input .addon-prepend,
.ui-input .addon-append {
  padding: 0 0.8em !important;
  color: #808080;
  margin: 0;
}
.ui-input.ui-input-textarea .dx-texteditor-input, .ui-input.ui-input-textarea .dx-placeholder::before {
  line-height: 1.5;
}

.ui-form-fieldset {
  padding: 1.5em 1rem 0.5em;
  border: 1px dotted silver;
  border-radius: 6px;
  margin-top: 1em;
}

.ui-label {
  font-family: "Lato", "sans-serif", "Roboto", "RobotoFallback", "Helvetica", "Arial", sans-serif;
  color: #21243d;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  margin: 0 0 0.5em;
  font-size: 14px;
  display: block;
}
.ui-label--xs {
  font-size: 12px;
  color: rgba(33, 36, 61, 0.8);
}
.ui-label--md {
  font-size: 16px;
  color: #ff7c7c;
  margin-bottom: 1em;
}
.ui-label--required::after {
  content: " *";
  color: #df0000;
  padding: 0 0.2em;
}

.ui-helper {
  color: #808080;
  font-size: 13px;
  margin: 0.5em 0 1em;
}
.ui-helper__help-icon {
  color: #007bff;
}

.ui-help-link {
  color: #007bff;
  cursor: pointer;
}
.ui-help-link:hover {
  color: rgb(76.5, 162.6, 255);
  text-decoration: none;
}

.ui-preboot button *,
.ui-preboot a *,
.ui-preboot pxw-icon * {
  pointer-events: none;
}

.ui-visibility {
  margin: 0.3em 0 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ui-visibility__separator {
  margin: 0 1em;
  height: 1.3em;
  border-left: 1px dotted #999;
}

.ui-separator {
  border: none;
  border-top: 1px solid #ededed;
  margin: 1.8em 0;
  opacity: 1;
}
.ui-separator--sm {
  margin: 1em 0;
}

.ui-line-through {
  position: relative;
  margin: 1.8em 0;
  text-align: center;
}
.ui-line-through--sm {
  margin: 1em 0;
}
.ui-line-through:before {
  content: "";
  position: absolute;
  top: 0.85em;
  left: 0;
  right: 0;
  border-top: 1px solid #ededed;
}
.ui-line-through__content {
  display: inline-block;
  background: white;
  padding: 0 1em;
  font-size: 15px;
  color: #808080;
  font-style: italic;
  position: relative;
}

.ui-clickable {
  cursor: pointer;
}

.ui-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.ui-flex {
  display: flex;
}
.ui-flex--center-in-parent {
  height: 100%;
  align-items: center;
  justify-content: center;
}

.ui-table-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 1em;
}

.ui-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #21243d;
}
.ui-table__heading-row {
  background: #21243d;
  color: white;
}
.ui-table__heading-col {
  font-size: 15px;
}
.ui-table__heading-col {
  padding: 8px 12px;
}
.ui-table__body-col {
  padding: 12px 12px;
}
.ui-table__body-col {
  font-size: 14px;
}
.ui-table__body-row:nth-child(even) {
  background: #f8f8f8;
}
.ui-table__body-col .ui-table .ui-table__body-col {
  border-left: 1px solid #ededed;
}

.ui-popup pxw-card {
  padding: 0;
}
.ui-popup .content.scroll-enabled {
  overflow-y: hidden !important;
  grid-template-rows: 100% !important;
}
.ui-popup .content > .body {
  padding: 0;
}

.ui-popover-menu {
  padding: 0.5em !important;
}

@media (max-width: 575px) {
  .ui-hidden--mobile {
    display: none;
  }
}
@media (min-width: 576px) {
  .ui-hidden--non-mobile {
    display: none;
  }
}

.ui-dropdown__backdrop {
  position: absolute;
  z-index: 10;
  left: -5000px;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  background: rgba(18, 18, 18, 0.2);
}

@media screen {
  .ui-printable {
    display: none !important;
  }
}
@media print {
  html,
  body {
    padding: 0 !important;
    margin: 0 !important;
    margin: 0;
    padding: 0;
  }
  body.ui-printable--active > .ui-printable {
    display: block !important;
    padding: 0.2em;
  }
  body > *:not(.ui-printable) {
    display: none !important;
  }
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@angular-devkit/build-angular/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/ngx-toastr/toastr.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}
.toast-container * {
  box-sizing: border-box;
}
.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}
/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}
.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}


/*# sourceMappingURL=styles.99c843975d00d579.css.map*/