/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/subscription-wizard/src/styles.scss?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
  * $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.woff2') format("woff2"), url('dxiconsmaterial.woff') format("woff"), url('dxiconsmaterial.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-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);
}

/**
* $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-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;
}

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

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

@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-Book.eot');
  src: url('CircularStd-Book.eot?#iefix') format("embedded-opentype"), url('CircularStd-Book.woff2') format("woff2"), url('CircularStd-Book.woff') format("woff"), url('CircularStd-Book.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-BookItalic.eot');
  src: url('CircularStd-BookItalic.eot?#iefix') format("embedded-opentype"), url('CircularStd-BookItalic.woff2') format("woff2"), url('CircularStd-BookItalic.woff') format("woff"), url('CircularStd-BookItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-Medium.eot');
  src: url('CircularStd-Medium.eot?#iefix') format("embedded-opentype"), url('CircularStd-Medium.woff2') format("woff2"), url('CircularStd-Medium.woff') format("woff"), url('CircularStd-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-BoldItalic.eot');
  src: url('CircularStd-BoldItalic.eot?#iefix') format("embedded-opentype"), url('CircularStd-BoldItalic.woff2') format("woff2"), url('CircularStd-BoldItalic.woff') format("woff"), url('CircularStd-BoldItalic.ttf') format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-BlackItalic.eot');
  src: url('CircularStd-BlackItalic.eot?#iefix') format("embedded-opentype"), url('CircularStd-BlackItalic.woff2') format("woff2"), url('CircularStd-BlackItalic.woff') format("woff"), url('CircularStd-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-Black.eot');
  src: url('CircularStd-Black.eot?#iefix') format("embedded-opentype"), url('CircularStd-Black.woff2') format("woff2"), url('CircularStd-Black.woff') format("woff"), url('CircularStd-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-Bold.eot');
  src: url('CircularStd-Bold.eot?#iefix') format("embedded-opentype"), url('CircularStd-Bold.woff2') format("woff2"), url('CircularStd-Bold.woff') format("woff"), url('CircularStd-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "CircularStd";
  src: url('CircularStd-MediumItalic.eot');
  src: url('CircularStd-MediumItalic.eot?#iefix') format("embedded-opentype"), url('CircularStd-MediumItalic.woff2') format("woff2"), url('CircularStd-MediumItalic.woff') format("woff"), url('CircularStd-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "coolicons";
  src: url('coolicons.eot?fs2eqh');
  src: url('coolicons.eot?fs2eqh#iefix') format("embedded-opentype"), url('coolicons.ttf?fs2eqh') format("truetype"), url('coolicons.woff?fs2eqh') format("woff"), url('coolicons.svg?fs2eqh#coolicons') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "coolicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ci-image:before {
  content: "\ea79";
}

.ci-underline:before {
  content: "\ea7a";
}

.ci-heading_h3:before {
  content: "\ea7b";
}

.ci-double_quotes_l:before {
  content: "\ea7c";
}

.ci-table_delete:before {
  content: "\ea7d";
}

.ci-heading_h2:before {
  content: "\ea7e";
}

.ci-heading_h1:before {
  content: "\ea7f";
}

.ci-heading_h5:before {
  content: "\ea80";
}

.ci-heading:before {
  content: "\ea81";
}

.ci-strikethrough:before {
  content: "\ea82";
}

.ci-heading_h4:before {
  content: "\ea83";
}

.ci-heading_h6:before {
  content: "\ea84";
}

.ci-table_add:before {
  content: "\ea85";
}

.ci-list_checklist:before {
  content: "\ea86";
}

.ci-line_break:before {
  content: "\ea87";
}

.ci-single_quotes_l:before {
  content: "\ea88";
}

.ci-delete_row:before {
  content: "\ea89";
}

.ci-paragraph:before {
  content: "\ea8a";
}

.ci-add_column:before {
  content: "\ea8b";
}

.ci-bold:before {
  content: "\ea8c";
}

.ci-combine_cells:before {
  content: "\ea8d";
}

.ci-single_quotes_r:before {
  content: "\ea8e";
}

.ci-table:before {
  content: "\ea8f";
}

.ci-redo:before {
  content: "\ea90";
}

.ci-add_row:before {
  content: "\ea91";
}

.ci-delete_column:before {
  content: "\ea92";
}

.ci-list_checklist_alt:before {
  content: "\ea93";
}

.ci-double_quotes_r:before {
  content: "\ea94";
}

.ci-undo:before {
  content: "\ea95";
}

.ci-italic:before {
  content: "\ea96";
}

.ci-mention:before {
  content: "\ea97";
}

.ci-filter_off:before {
  content: "\ea98";
}

.ci-filter_outline:before {
  content: "\ea99";
}

.ci-filter:before {
  content: "\ea9a";
}

.ci-filter_off_outline:before {
  content: "\ea9b";
}

.ci-line_s:before {
  content: "\e900";
}

.ci-line_sx:before {
  content: "\e901";
}

.ci-line_xl:before {
  content: "\e902";
}

.ci-dot_01_xs:before {
  content: "\e903";
}

.ci-dot_02_s:before {
  content: "\e904";
}

.ci-dot_04_l:before {
  content: "\e905";
}

.ci-dot_05_xl:before {
  content: "\e906";
}

.ci-dot_03_m:before {
  content: "\e907";
}

.ci-line_m:before {
  content: "\e908";
}

.ci-line_l:before {
  content: "\e909";
}

.ci-home_heart-1:before {
  content: "\e90a";
}

.ci-home_alt_fill:before {
  content: "\e90b";
}

.ci-home_alt_check:before {
  content: "\e90c";
}

.ci-home_x:before {
  content: "\e90d";
}

.ci-home_plus:before {
  content: "\e90e";
}

.ci-home_alt_x:before {
  content: "\e90f";
}

.ci-home_minus:before {
  content: "\e910";
}

.ci-home_heart:before {
  content: "\e911";
}

.ci-home_alt_plus:before {
  content: "\e912";
}

.ci-home_alt_minus:before {
  content: "\e913";
}

.ci-home_fill:before {
  content: "\e914";
}

.ci-home_alt_outline:before {
  content: "\e915";
}

.ci-home_outline:before {
  content: "\e916";
}

.ci-home_check:before {
  content: "\e917";
}

.ci-building:before {
  content: "\e918";
}

.ci-info_square:before {
  content: "\e919";
}

.ci-error_outline:before {
  content: "\e91a";
}

.ci-warning:before {
  content: "\e91b";
}

.ci-info_circle:before {
  content: "\e91c";
}

.ci-error:before {
  content: "\e91d";
}

.ci-info_square_outline:before {
  content: "\e91e";
}

.ci-warning_outline:before {
  content: "\e91f";
}

.ci-info_circle_outline:before {
  content: "\e920";
}

.ci-calendar_edit:before {
  content: "\e921";
}

.ci-calendar_event:before {
  content: "\e922";
}

.ci-calendar_check:before {
  content: "\e923";
}

.ci-calendar_calendar:before {
  content: "\e924";
}

.ci-calendar_x:before {
  content: "\e925";
}

.ci-calendar_week:before {
  content: "\e926";
}

.ci-calendar:before {
  content: "\e927";
}

.ci-calendar_plus:before {
  content: "\e928";
}

.ci-calendar_minus:before {
  content: "\e929";
}

.ci-cloud_check:before {
  content: "\e92a";
}

.ci-folder_plus:before {
  content: "\e92b";
}

.ci-file_minus:before {
  content: "\e92c";
}

.ci-file_image:before {
  content: "\e92d";
}

.ci-note:before {
  content: "\e92e";
}

.ci-file_css:before {
  content: "\e92f";
}

.ci-file_pdf:before {
  content: "\e930";
}

.ci-file_archive:before {
  content: "\e931";
}

.ci-file_svg:before {
  content: "\e932";
}

.ci-folder_minus:before {
  content: "\e933";
}

.ci-file_blank_fill:before {
  content: "\e934";
}

.ci-cloud_off:before {
  content: "\e935";
}

.ci-file_blank_outline:before {
  content: "\e936";
}

.ci-file_find:before {
  content: "\e937";
}

.ci-folder_open:before {
  content: "\e938";
}

.ci-file_png:before {
  content: "\e939";
}

.ci-cloud:before {
  content: "\e93a";
}

.ci-cloud_outline:before {
  content: "\e93b";
}

.ci-file_new:before {
  content: "\e93c";
}

.ci-cloud_up:before {
  content: "\e93d";
}

.ci-cloud_close:before {
  content: "\e93e";
}

.ci-file_js:before {
  content: "\e93f";
}

.ci-folder:before {
  content: "\e940";
}

.ci-file_html:before {
  content: "\e941";
}

.ci-file_jpg:before {
  content: "\e942";
}

.ci-cloud_down:before {
  content: "\e943";
}

.ci-thin_long_left:before {
  content: "\e944";
}

.ci-thin_long_02_up:before {
  content: "\e945";
}

.ci-long_bottom_up:before {
  content: "\e946";
}

.ci-thin_big_up:before {
  content: "\e947";
}

.ci-chevron_duo_right:before {
  content: "\e948";
}

.ci-circle_chevron_left:before {
  content: "\e949";
}

.ci-thin_long_up:before {
  content: "\e94a";
}

.ci-chevron_duo_up:before {
  content: "\e94b";
}

.ci-shrink:before {
  content: "\e94c";
}

.ci-chevron_big_up:before {
  content: "\e94d";
}

.ci-circle_up:before {
  content: "\e94e";
}

.ci-short_up:before {
  content: "\e94f";
}

.ci-long_bottom_down:before {
  content: "\e950";
}

.ci-small_long_left:before {
  content: "\e951";
}

.ci-caret_left:before {
  content: "\e952";
}

.ci-caret_right:before {
  content: "\e953";
}

.ci-thin_big_left:before {
  content: "\e954";
}

.ci-thin_long_02_right:before {
  content: "\e955";
}

.ci-last_page:before {
  content: "\e956";
}

.ci-expand:before {
  content: "\e957";
}

.ci-long_left:before {
  content: "\e958";
}

.ci-short_right:before {
  content: "\e959";
}

.ci-circle_down:before {
  content: "\e95a";
}

.ci-chevron_duo_left:before {
  content: "\e95b";
}

.ci-thin_long_02_down:before {
  content: "\e95c";
}

.ci-chevron_right:before {
  content: "\e95d";
}

.ci-chevron_left:before {
  content: "\e95e";
}

.ci-short_down:before {
  content: "\e95f";
}

.ci-chevron_big_down:before {
  content: "\e960";
}

.ci-long_down:before {
  content: "\e961";
}

.ci-first_page:before {
  content: "\e962";
}

.ci-thin_long_right:before {
  content: "\e963";
}

.ci-chevron_up:before {
  content: "\e964";
}

.ci-thin_big_right:before {
  content: "\e965";
}

.ci-thin_big_down:before {
  content: "\e966";
}

.ci-caret_down:before {
  content: "\e967";
}

.ci-small_long_down:before {
  content: "\e968";
}

.ci-sub_right:before {
  content: "\e969";
}

.ci-chevron_big_left:before {
  content: "\e96a";
}

.ci-unfold_more:before {
  content: "\e96b";
}

.ci-circle_chevron_up:before {
  content: "\e96c";
}

.ci-long_right:before {
  content: "\e96d";
}

.ci-short_left:before {
  content: "\e96e";
}

.ci-chevron_down:before {
  content: "\e96f";
}

.ci-thin_long_02_left:before {
  content: "\e970";
}

.ci-circle_left:before {
  content: "\e971";
}

.ci-circle_right:before {
  content: "\e972";
}

.ci-chevron_duo_down:before {
  content: "\e973";
}

.ci-sub_left:before {
  content: "\e974";
}

.ci-circle_chevron_right:before {
  content: "\e975";
}

.ci-long_up_right:before {
  content: "\e976";
}

.ci-thin_long_down:before {
  content: "\e977";
}

.ci-chevron_big_right:before {
  content: "\e978";
}

.ci-unfold_less:before {
  content: "\e979";
}

.ci-long_up_left:before {
  content: "\e97a";
}

.ci-small_long_up:before {
  content: "\e97b";
}

.ci-long_up:before {
  content: "\e97c";
}

.ci-caret_up:before {
  content: "\e97d";
}

.ci-small_long_right:before {
  content: "\e97e";
}

.ci-circle_chevron_down:before {
  content: "\e97f";
}

.ci-notification_outline_minus:before {
  content: "\e980";
}

.ci-notification_deactivated:before {
  content: "\e981";
}

.ci-notification:before {
  content: "\e982";
}

.ci-notification_minus:before {
  content: "\e983";
}

.ci-notification_outline_plus:before {
  content: "\e984";
}

.ci-notification_outline_dot:before {
  content: "\e985";
}

.ci-notification_dot:before {
  content: "\e986";
}

.ci-notification_outline:before {
  content: "\e987";
}

.ci-notification_active:before {
  content: "\e988";
}

.ci-notification_plus:before {
  content: "\e989";
}

.ci-Figma:before {
  content: "\e98a";
}

.ci-dropbox:before {
  content: "\e98b";
}

.ci-javascript:before {
  content: "\e98c";
}

.ci-github:before {
  content: "\e98d";
}

.ci-coolicons:before {
  content: "\e98e";
}

.ci-instagram:before {
  content: "\e98f";
}

.ci-stack_overflow:before {
  content: "\e990";
}

.ci-invision:before {
  content: "\e991";
}

.ci-spotify:before {
  content: "\e992";
}

.ci-snapchat:before {
  content: "\e993";
}

.ci-html5:before {
  content: "\e994";
}

.ci-linkpath:before {
  content: "\e995";
}

.ci-paypal:before {
  content: "\e996";
}

.ci-unsplash:before {
  content: "\e997";
}

.ci-app_store:before {
  content: "\e998";
}

.ci-facebook:before {
  content: "\e999";
}

.ci-adobe_xd:before {
  content: "\e99a";
}

.ci-google:before {
  content: "\e99b";
}

.ci-youtube:before {
  content: "\e99c";
}

.ci-play_store:before {
  content: "\e99d";
}

.ci-Sketch:before {
  content: "\e99e";
}

.ci-reddit:before {
  content: "\e99f";
}

.ci-dribbble:before {
  content: "\e9a0";
}

.ci-trello:before {
  content: "\e9a1";
}

.ci-LinkedIn:before {
  content: "\e9a2";
}

.ci-twitter:before {
  content: "\e9a3";
}

.ci-discord:before {
  content: "\e9a4";
}

.ci-css3:before {
  content: "\e9a5";
}

.ci-slack:before {
  content: "\e9a6";
}

.ci-messenger:before {
  content: "\e9a7";
}

.ci-spectrum:before {
  content: "\e9a8";
}

.ci-apple:before {
  content: "\e9a9";
}

.ci-behance:before {
  content: "\e9aa";
}

.ci-pie_chart_75:before {
  content: "\e9ab";
}

.ci-bar_chart_circle:before {
  content: "\e9ac";
}

.ci-pie_chart_outline_25:before {
  content: "\e9ad";
}

.ci-trending_up:before {
  content: "\e9ae";
}

.ci-line_chart_up:before {
  content: "\e9af";
}

.ci-line_chart_down:before {
  content: "\e9b0";
}

.ci-bar_chart:before {
  content: "\e9b1";
}

.ci-bar_chart_horizontal:before {
  content: "\e9b2";
}

.ci-trending_down:before {
  content: "\e9b3";
}

.ci-bar_chart_alt:before {
  content: "\e9b4";
}

.ci-pie_chart_outline:before {
  content: "\e9b5";
}

.ci-pie_chart_25:before {
  content: "\e9b6";
}

.ci-bar_chart_square:before {
  content: "\e9b7";
}

.ci-doughnut_chart:before {
  content: "\e9b8";
}

.ci-pie_chart_50:before {
  content: "\e9b9";
}

.ci-bulb:before {
  content: "\e9ba";
}

.ci-tennis:before {
  content: "\e9bb";
}

.ci-cookie:before {
  content: "\e9bc";
}

.ci-coffee-togo:before {
  content: "\e9bd";
}

.ci-sad:before {
  content: "\e9be";
}

.ci-tennis_match:before {
  content: "\e9bf";
}

.ci-happy:before {
  content: "\e9c0";
}

.ci-cupcake:before {
  content: "\e9c1";
}

.ci-sun:before {
  content: "\e9c2";
}

.ci-tennis_match_alt:before {
  content: "\e9c3";
}

.ci-color:before {
  content: "\e9c4";
}

.ci-black_lives_matter:before {
  content: "\e9c5";
}

.ci-moon:before {
  content: "\e9c6";
}

.ci-off_outline_close:before {
  content: "\e9c7";
}

.ci-radio_filled:before {
  content: "\e9c8";
}

.ci-heart_fill:before {
  content: "\e9c9";
}

.ci-settings_future:before {
  content: "\e9ca";
}

.ci-path:before {
  content: "\e9cb";
}

.ci-checkbox_square:before {
  content: "\e9cc";
}

.ci-confused:before {
  content: "\e9cd";
}

.ci-help_circle_outline:before {
  content: "\e9ce";
}

.ci-mail_open:before {
  content: "\e9cf";
}

.ci-log_out:before {
  content: "\e9d0";
}

.ci-check_all_big:before {
  content: "\e9d1";
}

.ci-tag:before {
  content: "\e9d2";
}

.ci-slider_01:before {
  content: "\e9d3";
}

.ci-credit_card:before {
  content: "\e9d4";
}

.ci-image_alt:before {
  content: "\e9d5";
}

.ci-label:before {
  content: "\e9d6";
}

.ci-map:before {
  content: "\e9d7";
}

.ci-slider_03:before {
  content: "\e9d8";
}

.ci-slider_02:before {
  content: "\e9d9";
}

.ci-check_bold:before {
  content: "\e9da";
}

.ci-circle_check:before {
  content: "\e9db";
}

.ci-flag_fill:before {
  content: "\e9dc";
}

.ci-check_big:before {
  content: "\e9dd";
}

.ci-credit_card_alt:before {
  content: "\e9de";
}

.ci-link:before {
  content: "\e9df";
}

.ci-refresh_02:before {
  content: "\e9e0";
}

.ci-stopwatch:before {
  content: "\e9e1";
}

.ci-settings:before {
  content: "\e9e2";
}

.ci-mail:before {
  content: "\e9e3";
}

.ci-download:before {
  content: "\e9e4";
}

.ci-flag_outline:before {
  content: "\e9e5";
}

.ci-external_link:before {
  content: "\e9e6";
}

.ci-off_close:before {
  content: "\e9e7";
}

.ci-layers:before {
  content: "\e9e8";
}

.ci-radio:before {
  content: "\e9e9";
}

.ci-check_all:before {
  content: "\e9ea";
}

.ci-check:before {
  content: "\e9eb";
}

.ci-heart_outline:before {
  content: "\e9ec";
}

.ci-phone_outline:before {
  content: "\e9ed";
}

.ci-refresh:before {
  content: "\e9ee";
}

.ci-share_outline:before {
  content: "\e9ef";
}

.ci-circle_check_outline:before {
  content: "\e9f0";
}

.ci-loading:before {
  content: "\e9f1";
}

.ci-alarm_add:before {
  content: "\e9f2";
}

.ci-tag-outline:before {
  content: "\e9f3";
}

.ci-layers_alt:before {
  content: "\e9f4";
}

.ci-unlink:before {
  content: "\e9f5";
}

.ci-checkbox:before {
  content: "\e9f6";
}

.ci-exit:before {
  content: "\e9f7";
}

.ci-command:before {
  content: "\e9f8";
}

.ci-clock:before {
  content: "\e9f9";
}

.ci-settings_filled:before {
  content: "\e9fa";
}

.ci-phone:before {
  content: "\e9fb";
}

.ci-location:before {
  content: "\e9fc";
}

.ci-trash_full:before {
  content: "\e9fd";
}

.ci-share:before {
  content: "\e9fe";
}

.ci-location_outline:before {
  content: "\e9ff";
}

.ci-trash_empty:before {
  content: "\ea00";
}

.ci-checkbox_checked:before {
  content: "\ea01";
}

.ci-link_02:before {
  content: "\ea02";
}

.ci-help_circle:before {
  content: "\ea03";
}

.ci-alarm:before {
  content: "\ea04";
}

.ci-download_done:before {
  content: "\ea05";
}

.ci-help_questionmark:before {
  content: "\ea06";
}

.ci-user_voice:before {
  content: "\ea07";
}

.ci-user:before {
  content: "\ea08";
}

.ci-user_close:before {
  content: "\ea09";
}

.ci-user_square:before {
  content: "\ea0a";
}

.ci-user_pin:before {
  content: "\ea0b";
}

.ci-user_minus:before {
  content: "\ea0c";
}

.ci-id_card:before {
  content: "\ea0d";
}

.ci-user_heart:before {
  content: "\ea0e";
}

.ci-group:before {
  content: "\ea0f";
}

.ci-user_circle:before {
  content: "\ea10";
}

.ci-user_check:before {
  content: "\ea11";
}

.ci-user_plus:before {
  content: "\ea12";
}

.ci-group_alt:before {
  content: "\ea13";
}

.ci-move_vertical:before {
  content: "\ea14";
}

.ci-search:before {
  content: "\ea15";
}

.ci-minus_circle_outline:before {
  content: "\ea16";
}

.ci-plus_circle_outline:before {
  content: "\ea17";
}

.ci-move_horizontal:before {
  content: "\ea18";
}

.ci-show:before {
  content: "\ea19";
}

.ci-plus_square:before {
  content: "\ea1a";
}

.ci-move:before {
  content: "\ea1b";
}

.ci-list_minus:before {
  content: "\ea1c";
}

.ci-text_align_center:before {
  content: "\ea1d";
}

.ci-list_ol:before {
  content: "\ea1e";
}

.ci-minus_square:before {
  content: "\ea1f";
}

.ci-search_small:before {
  content: "\ea20";
}

.ci-text_align_right:before {
  content: "\ea21";
}

.ci-plus:before {
  content: "\ea22";
}

.ci-text_align_justify:before {
  content: "\ea23";
}

.ci-search_small_minus:before {
  content: "\ea24";
}

.ci-copy:before {
  content: "\ea25";
}

.ci-hide:before {
  content: "\ea26";
}

.ci-search_small_plus:before {
  content: "\ea27";
}

.ci-text_align_left:before {
  content: "\ea28";
}

.ci-edit:before {
  content: "\ea29";
}

.ci-plus_circle:before {
  content: "\ea2a";
}

.ci-list_plus:before {
  content: "\ea2b";
}

.ci-list_ul:before {
  content: "\ea2c";
}

.ci-list_check:before {
  content: "\ea2d";
}

.ci-minus_circle:before {
  content: "\ea2e";
}

.ci-add_to_queue:before {
  content: "\ea2f";
}

.ci-minus:before {
  content: "\ea30";
}

.ci-select_multiple:before {
  content: "\ea31";
}

.ci-transfer:before {
  content: "\ea32";
}

.ci-window_check:before {
  content: "\ea33";
}

.ci-bar_left:before {
  content: "\ea34";
}

.ci-qr_code-1:before {
  content: "\ea35";
}

.ci-terminal:before {
  content: "\ea36";
}

.ci-bar_bottom:before {
  content: "\ea37";
}

.ci-window_sidebar:before {
  content: "\ea38";
}

.ci-code:before {
  content: "\ea39";
}

.ci-window_code_block:before {
  content: "\ea3a";
}

.ci-window_terminal:before {
  content: "\ea3b";
}

.ci-barcode:before {
  content: "\ea3c";
}

.ci-cylinder:before {
  content: "\ea3d";
}

.ci-qr_code:before {
  content: "\ea3e";
}

.ci-data:before {
  content: "\ea3f";
}

.ci-window:before {
  content: "\ea40";
}

.ci-window_close:before {
  content: "\ea41";
}

.ci-bar_top:before {
  content: "\ea42";
}

.ci-bar_right:before {
  content: "\ea43";
}

.ci-more_vertical:before {
  content: "\ea44";
}

.ci-hamburger:before {
  content: "\ea45";
}

.ci-close_small:before {
  content: "\ea46";
}

.ci-menu_duo:before {
  content: "\ea47";
}

.ci-more_horizontal:before {
  content: "\ea48";
}

.ci-menu_alt_05:before {
  content: "\ea49";
}

.ci-menu_alt_04:before {
  content: "\ea4a";
}

.ci-close_big:before {
  content: "\ea4b";
}

.ci-menu_alt_01:before {
  content: "\ea4c";
}

.ci-menu_alt_03:before {
  content: "\ea4d";
}

.ci-menu_alt_02:before {
  content: "\ea4e";
}

.ci-devices:before {
  content: "\ea4f";
}

.ci-mobile_alt:before {
  content: "\ea50";
}

.ci-mobile:before {
  content: "\ea51";
}

.ci-laptop:before {
  content: "\ea52";
}

.ci-tablet:before {
  content: "\ea53";
}

.ci-monitor:before {
  content: "\ea54";
}

.ci-message_round:before {
  content: "\ea55";
}

.ci-message_circle:before {
  content: "\ea56";
}

.ci-chat_alt:before {
  content: "\ea57";
}

.ci-message_check:before {
  content: "\ea58";
}

.ci-message_close:before {
  content: "\ea59";
}

.ci-message:before {
  content: "\ea5a";
}

.ci-chat:before {
  content: "\ea5b";
}

.ci-message_writing:before {
  content: "\ea5c";
}

.ci-message_plus:before {
  content: "\ea5d";
}

.ci-message_plus_alt:before {
  content: "\ea5e";
}

.ci-message_minus:before {
  content: "\ea5f";
}

.ci-grid:before {
  content: "\ea60";
}

.ci-dashboard_02:before {
  content: "\ea61";
}

.ci-grid_round:before {
  content: "\ea62";
}

.ci-grid_vertical_round:before {
  content: "\ea63";
}

.ci-grid_vertical:before {
  content: "\ea64";
}

.ci-dashboard:before {
  content: "\ea65";
}

.ci-grid_horizontal_round:before {
  content: "\ea66";
}

.ci-grid_small:before {
  content: "\ea67";
}

.ci-grid_big:before {
  content: "\ea68";
}

.ci-grid_big_round:before {
  content: "\ea69";
}

.ci-grid_small_round:before {
  content: "\ea6a";
}

.ci-grid_horizontal:before {
  content: "\ea6b";
}

.ci-airplay:before {
  content: "\ea6c";
}

.ci-repeat:before {
  content: "\ea6d";
}

.ci-fast_rewind:before {
  content: "\ea6e";
}

.ci-pause_circle_filled:before {
  content: "\ea6f";
}

.ci-cast:before {
  content: "\ea70";
}

.ci-pause_circle_outline:before {
  content: "\ea71";
}

.ci-skip_next:before {
  content: "\ea72";
}

.ci-skip_previous:before {
  content: "\ea73";
}

.ci-fast_forward:before {
  content: "\ea74";
}

.ci-play_circle_outline:before {
  content: "\ea75";
}

.ci-shuffle:before {
  content: "\ea76";
}

.ci-play_circle_filled:before {
  content: "\ea77";
}

.ci-play_arrow:before {
  content: "\ea78";
}

:root {
  --black-20: #f4f5f7;
  --black-40: #bec2cd;
  --black-60: #787b87;
  --black-80: #474a57;
  --black-100: #18191f;
  --gray-100: #0b0d17;
  --brand-blue: #3b3c66;
  --brand-pink: #f57d7e;
  --brand-yellow: #ffd082;
  --brand-cyan: #89d0de;
  --system-red: #ee4c3d;
  --system-orange: #fc7c20;
  --system-yellow: #fdc403;
  --system-green: #65cb83;
  --system-blue: #5454d4;
  --heading-1: 900 normal 54px/67px CircularStd;
  --heading-2: 900 normal 48px/59px CircularStd;
  --heading-3: 900 normal 31px/40px CircularStd;
  --heading-3-book: 400 normal 26px/33px CircularStd;
  --heading-4: 800 normal 23px/30px CircularStd;
  --heading-5: 900 normal 18px/26px CircularStd;
  --heading-6: 900 normal 18px/26px CircularStd;
  --link: 400 normal 16px/20px |;
  --button: 800 normal 18px/24px CircularStd;
  --paragraph-big: 400 normal 20px/33px CircularStd;
  --paragraph: 400 normal 16px/27px CircularStd;
  --paragraph-tag: 400 normal 14px/20px CircularStd;
  --paragraph-tag-bold: 800 normal 14px/20px CircularStd;
}

/* You can add global styles to this file, and also import other style files */
/* 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;
}

html.ready {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
html.ready body {
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow: hidden;
  font-family: CircularStd;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
html.ready app-root {
  display: block;
  max-height: 100%;
  height: 100%;
  width: 100%;
}

.ui-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
  color: var(--yellow);
  margin-top: -0.5em;
  transition: color 0.5s ease-out;
}
@media (min-width: 800px) {
  .ui-loader {
    position: absolute;
    width: 100%;
    left: 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;
}

/* Make images easier to work with */
/* img {
  max-width: 100%;
  display: block;
}
 */
/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

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

body {
  font-family: CircularStd !important;
}

.modal {
  bottom: 0;
  height: auto !important;
}

.modal-dialog {
  margin: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.modal-dialog .modal-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  margin: 0 !important;
  border-radius: 0;
}

.modal.embeeded .modal-dialog {
  position: static;
}
.modal.embeeded .modal-content {
  position: static;
  width: 90%;
  height: 80%;
}

input {
  font-family: CircularStd !important;
}

.dx-texteditor.dx-state-active:before,
.dx-texteditor.dx-state-focused:before,
input:focus {
  border-bottom: 2px solid #ff7c7c !important;
  border-radius: 0 !important;
}

input.dx-texteditor-input {
  border-radius: 0 !important;
}

.ngx-toastr {
  font-family: CircularStd !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;
}

.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;
  font-family: CircularStd !important;
}

@media (min-width: 800px) {
  .modal-lg {
    margin: 0 auto !important;
  }
}

@media (min-width: 800px) {
  .modal-dialog .modal-content {
    margin: 120px 0 !important;
  }
}

.dx-invalid-message > .dx-overlay-content {
  padding: 0 !important;
}

.modal.modal-detail-product {
  position: absolute;
  top: 0;
  bottom: 26px;
  left: 0;
  right: 0;
  height: 180px;
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 80%;
  left: 50%;
  border-radius: 14px;
}

button,
a {
  cursor: pointer !important;
}

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

.ui-input {
  margin-bottom: 1.5em;
}
.ui-input > pxw-text-field, .ui-input > pxw-checkbox-group, .ui-input > pxw-date-range, .ui-input > pxw-cellphone, .ui-input > pxw-image {
  margin-bottom: 0;
}
.ui-input label {
  font-weight: bold;
  display: block;
}

.help {
  font-size: 11px;
  line-height: 1.4;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #808080;
}

.footer-admin {
  background: white;
  padding: 0;
  display: flex;
}
.footer-admin pxw-button {
  width: 50%;
}
.footer-admin button {
  width: 50%;
  border: 0;
  font-weight: 600;
}
.footer-admin button.save {
  background: var(--cyan);
}
.footer-admin button.cancel {
  background: #ff7c7c;
}

.dx-sortable-placeholder {
  border: none !important;
  background: #d8d9de;
  border-radius: 8px;
  box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable,
.dx-overlay-wrapper.dx-dropdowneditor-overlay.dx-popup-wrapper.dx-dropdownlist-popup-wrapper.dx-selectbox-popup-wrapper.dx-tagbox-popup-wrapper {
  z-index: 2147483647 !important;
}

.dx-texteditor.dx-editor-outlined {
  box-shadow: none !important;
}

@media (max-width: 576px) {
  .step-content {
    background: #fcfcff;
  }
}

@media screen and (max-width: 580px) {
  .navbar .container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .row.m0.footer_bottom.text-center {
    margin: 0 !important;
  }
  #msform .step,
  .register-form-container {
    background: none !important;
  }
  .row {
    padding: 0 !important;
  }
  body {
    background: #fcfcff !important;
  }
}
.two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width: 576px) {
  .two-columns {
    grid-template-columns: 1fr;
    grid-gap: 0;
  }
}

.h1 {
  font: var(--heading-1);
  letter-spacing: -3% !important;
}
@media (max-width: 576px) {
  .h1 {
    font: var(--heading-3);
  }
}

.h2 {
  font: var(--heading-2);
}

.h3 {
  font: var(--heading-3);
  color: var(--brand-blue);
}

.h3-book {
  font: var(--heading-3-book);
}

.h4 {
  font: var(--heading-4);
}

.h5 {
  font: var(--heading-5);
  text-transform: uppercase;
  color: var(--brand-pink);
}

.h6 {
  font: var(--heading-6);
}

.link {
  font: var(--link);
  color: var(--system-blue);
}

p,
li {
  font: var(--paragraph);
  color: var(--black-80);
}

p.big {
  font: var(--paragraph-big);
}

p.tag {
  font: var(--paragraph-tag);
}

p.tag.bold {
  font: var(--paragraph-tag-bold);
}

.normal {
  font-weight: 300;
}

.bold {
  font-weight: 800;
}

.semibold {
  font-weight: 700;
}

.register-form #msform .helper {
  font: var(--paragraph) !important;
  color: var(--black-60) !important;
  font-weight: 300 !important;
}
.register-form #msform .step .button-wrapper {
  justify-content: center !important;
  align-items: center !important;
  gap: 112px;
  padding-top: 58px !important;
}
.register-form #msform .step .button-wrapper pxw-button {
  background: none;
  width: auto !important;
}
.register-form #msform .step .button-wrapper pxw-button button {
  height: auto !important;
}
.register-form #msform .step .button-wrapper pxw-button button span {
  font: var(--button) !important;
  font-weight: 700 !important;
  font-family: "CircularStd" !important;
  gap: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.register-form #msform .step .button-wrapper pxw-button button span i {
  font-weight: 700;
}
.register-form #msform .step .button-wrapper pxw-button:first-child button {
  color: var(--system-blue);
}
@media (max-width: 576px) {
  .register-form #msform .step .button-wrapper pxw-button:first-child button {
    margin-top: 30px;
  }
}
.register-form #msform .step .button-wrapper pxw-button:last-child button {
  padding: 12px 24px;
  color: white;
  background: var(--system-blue);
  border-radius: 4px;
}
@media (max-width: 576px) {
  .register-form #msform .step .button-wrapper {
    flex-direction: column-reverse !important;
    gap: 0 !important;
    padding-top: 20px !important;
  }
}
.register-form #msform dx-radio-group .dx-item-content {
  font: var(--paragraph) !important;
  font-weight: 300 !important;
}
.register-form #msform .label {
  font: var(--paragraph);
  color: var(--brand-blue);
}
.register-form #msform .country-selector {
  flex: 0 0 100px !important;
}
.register-form #msform .country-selector.dx-selectbox .dx-texteditor-input {
  padding-right: 0 !important;
}
.register-form #msform .dx-invalid-message-content {
  font: var(--paragraph) !important;
  font-weight: 300 !important;
}
.register-form #msform .input-container-withoutborders .ui-input__container {
  border: none;
  margin: 0;
  border-radius: 0;
}
.register-form #msform .input-container-withoutborders .ui-input__container input {
  padding: 0 !important;
  height: auto !important;
}
.register-form #msform .ui-input__container {
  border: 1px solid #979ab5;
  box-sizing: border-box;
  border-radius: 8px;
  margin-top: 8px;
  position: relative;
}
.register-form #msform dx-tag-box.dx-widget .dx-texteditor-input-container {
  border: 1px solid #979ab5 !important;
  border-radius: 8px;
  margin-top: 8px;
}
.register-form #msform dx-tag-box.dx-widget .dx-tag {
  margin: 8px;
}
.register-form #msform .discovery-sources__container dx-select-box {
  border: 1px solid #979ab5 !important;
  border-radius: 8px;
  margin-top: 8px;
}
.register-form #msform .dx-texteditor.dx-state-active:before,
.register-form #msform .dx-texteditor.dx-state-focused:before,
.register-form #msform input:focus {
  border: none !important;
}
.register-form #msform .dx-widget {
  font: var(--paragraph-big);
  color: var(--brand-blue);
  opacity: 1 !important;
}
.register-form #msform .dx-widget .dx-placeholder {
  display: none;
}
.register-form #msform .dx-widget .dx-texteditor-input-container input {
  font: var(--paragraph-big);
  font-size: 20px;
  color: var(--brand-blue);
  font-weight: 300;
  padding: 0;
  border: 0;
  height: 57px;
  padding: 12px;
  border-radius: 8px !important;
}
.register-form #msform .dx-widget.dx-texteditor.dx-editor-underlined::after, .register-form #msform .dx-widget.dx-texteditor.dx-editor-underlined::before {
  display: none;
}

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

.dx-selectbox-popup-wrapper {
  z-index: 6000 !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.css.map*/