@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Pacifico&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Catamaran:wght@900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Rancho&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Molle:ital@1&display=swap);
@import url(https://use.typekit.net/ilw0pil.css);
@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);

:root {
  --dx-font-size-heading-1: 34px;
  --dx-font-size-heading-2: 28px;
  --dx-font-size-heading-3: 22px;
  --dx-font-size-heading-4: 18px;
  --dx-font-size-heading-5: 16px;
  --dx-font-size-heading-6: 12px;
  --dx-font-size-xl: 34px;
  --dx-font-size-lg: 28px;
  --dx-font-size-md: 20px;
  --dx-font-size-sm: 18px;
  --dx-font-size-xs: 12px;
  --dx-list-item-padding-inline: 10px;
  --dx-list-item-padding-block: 10px
}

.dx-validationsummary-item {
  cursor: pointer
}

.dx-invalid-message.dx-overlay {
  position: relative
}

.dx-invalid-message.dx-overlay-wrapper {
  pointer-events: none;
  visibility: hidden;
  width: 100%
}

.dx-invalid-message > .dx-overlay-content {
  word-wrap: break-word;
  border-width: 0;
  display: inline-block;
  font-size: .85em;
  line-height: normal;
  padding: 10px
}

.dx-dropdownbox.dx-dropdowneditor-active .dx-invalid-message-auto, .dx-invalid-message-visible.dx-invalid .dx-invalid-message-auto, .dx-invalid-message.dx-invalid-message-always, .dx-lookup.dx-dropdowneditor-active .dx-invalid-message-auto, .dx-state-focused.dx-invalid .dx-invalid-message-auto {
  visibility: visible
}

.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal
}

@keyframes dx-valid-badge-frames {
  0% {
    opacity: 0;
    transform: scale(.1)
  }
  to {
    opacity: 1;
    transform: scale(1)
  }
}

.dx-theme-generic-typography {
  background-color: #fff;
  color: #333;
  font-size: 14px;
  font-weight: 400
}

.dx-theme-generic-typography, .dx-theme-generic-typography input, .dx-theme-generic-typography textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-theme-generic-typography h1 {
  font-size: 34px;
  font-weight: 200
}

.dx-theme-generic-typography h2 {
  font-size: 28px;
  font-weight: 400
}

.dx-theme-generic-typography h3 {
  font-size: 22px;
  font-weight: 400
}

.dx-theme-generic-typography h4 {
  font-size: 18px;
  font-weight: 500
}

.dx-theme-generic-typography h5 {
  font-size: 16px;
  font-weight: 700
}

.dx-theme-generic-typography h6 {
  font-size: 12px;
  font-weight: 800
}

.dx-theme-generic-typography .dx-font-xl {
  font-size: 34px;
  font-weight: 200
}

.dx-theme-generic-typography .dx-font-l {
  font-size: 28px;
  font-weight: 400
}

.dx-theme-generic-typography .dx-font-m {
  font-size: 20px;
  font-weight: 400
}

.dx-theme-generic-typography .dx-font-s {
  font-size: 18px;
  font-weight: 500
}

.dx-theme-generic-typography .dx-font-xs, .dx-theme-generic-typography small {
  font-size: 12px;
  font-weight: 800
}

.dx-theme-generic-typography a {
  color: #337ab7
}

@font-face {
  font-family: DXIcons;
  font-style: normal;
  font-weight: 400;
  src: local("DevExtreme Generic Icons"), local("devextreme_generic_icons"), url(/atc/static/dxicons.bbe163b6cc9641580aa2.ttf) format("truetype")
}

.dx-icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto
}

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

.dx-icon-add:before {
  content: "\f00b"
}

.dx-icon-airplane:before {
  content: "\f000"
}

.dx-icon-bookmark:before {
  content: "\f017"
}

.dx-icon-box:before {
  content: "\f018"
}

.dx-icon-car:before {
  content: "\f01b"
}

.dx-icon-card:before {
  content: "\f019"
}

.dx-icon-cart:before {
  content: "\f01a"
}

.dx-icon-chart:before {
  content: "\f01c"
}

.dx-icon-check:before {
  content: "\f005"
}

.dx-icon-clear:before {
  content: "\f008"
}

.dx-icon-clock:before {
  content: "\f01d"
}

.dx-icon-close:before {
  content: "\f00a"
}

.dx-icon-coffee:before {
  content: "\f02a"
}

.dx-icon-comment:before {
  content: "\f01e"
}

.dx-icon-doc:before, .dx-icon-file:before {
  content: "\f021"
}

.dx-icon-download:before {
  content: "\f022"
}

.dx-icon-dragvertical:before {
  content: "\f038"
}

.dx-icon-edit:before {
  content: "\f023"
}

.dx-icon-email:before {
  content: "\f024"
}

.dx-icon-event:before {
  content: "\f026"
}

.dx-icon-eventall:before {
  content: "\f043"
}

.dx-icon-favorites:before {
  content: "\f025"
}

.dx-icon-find:before {
  content: "\f027"
}

.dx-icon-filter:before {
  content: "\f050"
}

.dx-icon-activefolder:before, .dx-icon-folder:before {
  content: "\f028"
}

.dx-icon-food:before {
  content: "\f029"
}

.dx-icon-gift:before {
  content: "\f02b"
}

.dx-icon-globe:before {
  content: "\f02c"
}

.dx-icon-group:before {
  content: "\f02e"
}

.dx-icon-help:before {
  content: "\f02f"
}

.dx-icon-home:before {
  content: "\f030"
}

.dx-icon-image:before {
  content: "\f031"
}

.dx-icon-info:before {
  content: "\f032"
}

.dx-icon-key:before {
  content: "\f033"
}

.dx-icon-like:before {
  content: "\f034"
}

.dx-icon-map:before {
  content: "\f035"
}

.dx-icon-menu:before {
  content: "\f00c"
}

.dx-icon-message:before {
  content: "\f024"
}

.dx-icon-money:before {
  content: "\f036"
}

.dx-icon-music:before {
  content: "\f037"
}

.dx-icon-overflow:before {
  content: "\f00d"
}

.dx-icon-percent:before {
  content: "\f039"
}

.dx-icon-photo:before {
  content: "\f03a"
}

.dx-icon-plus:before {
  content: "\f00b"
}

.dx-icon-minus:before {
  content: "\f074"
}

.dx-icon-preferences:before {
  content: "\f03b"
}

.dx-icon-product:before {
  content: "\f03c"
}

.dx-icon-pulldown:before {
  content: "\f062"
}

.dx-icon-refresh:before {
  content: "\f03d"
}

.dx-icon-remove:before {
  content: "\f00a"
}

.dx-icon-revert:before {
  content: "\f04c"
}

.dx-icon-runner:before {
  content: "\f040"
}

.dx-icon-save:before {
  content: "\f041"
}

.dx-icon-search:before {
  content: "\f027"
}

.dx-icon-tags:before {
  content: "\f009"
}

.dx-icon-tel:before {
  content: "\f003"
}

.dx-icon-tips:before {
  content: "\f004"
}

.dx-icon-todo:before {
  content: "\f005"
}

.dx-icon-toolbox:before {
  content: "\f007"
}

.dx-icon-trash:before {
  content: "\f03e"
}

.dx-icon-user:before {
  content: "\f02d"
}

.dx-icon-upload:before {
  content: "\f006"
}

.dx-icon-floppy:before {
  content: "\f073"
}

.dx-icon-arrowleft:before {
  content: "\f011"
}

.dx-icon-arrowdown:before {
  content: "\f015"
}

.dx-icon-arrowback:before {
  content: "\f15a"
}

.dx-icon-arrowright:before {
  content: "\f00e"
}

.dx-icon-arrowup:before {
  content: "\f013"
}

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

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

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

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

.dx-icon-back:before, .dx-icon-chevronleft:before, .dx-icon-chevronprev:before {
  content: "\f012"
}

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

.dx-icon-chevrondown:before {
  content: "\f016"
}

.dx-icon-chevronup:before {
  content: "\f014"
}

.dx-icon-chevrondoubleleft:before {
  content: "\f042"
}

.dx-icon-chevrondoubleright:before {
  content: "\f03f"
}

.dx-icon-equal:before {
  content: "\f044"
}

.dx-icon-notequal:before {
  content: "\f045"
}

.dx-icon-less:before {
  content: "\f046"
}

.dx-icon-greater:before {
  content: "\f047"
}

.dx-icon-lessorequal:before {
  content: "\f048"
}

.dx-icon-greaterorequal:before {
  content: "\f049"
}

.dx-icon-isblank:before {
  content: "\f075"
}

.dx-icon-isnotblank:before {
  content: "\f076"
}

.dx-icon-sortup:before {
  content: "\f051"
}

.dx-icon-sortdown:before {
  content: "\f052"
}

.dx-icon-sortuptext:before {
  content: "\f053"
}

.dx-icon-sortdowntext:before {
  content: "\f054"
}

.dx-icon-sorted:before {
  content: "\f055"
}

.dx-icon-expand:before {
  content: "\f04a"
}

.dx-icon-collapse:before {
  content: "\f04b"
}

.dx-icon-columnfield:before {
  content: "\f057"
}

.dx-icon-rowfield:before {
  content: "\f058"
}

.dx-icon-datafield:before {
  content: "\f101"
}

.dx-icon-fields:before {
  content: "\f059"
}

.dx-icon-fieldchooser:before {
  content: "\f05a"
}

.dx-icon-columnchooser:before {
  content: "\f04d"
}

.dx-icon-pin:before {
  content: "\f05b"
}

.dx-icon-unpin:before {
  content: "\f05c"
}

.dx-icon-pinleft:before {
  content: "\f05d"
}

.dx-icon-pinright:before {
  content: "\f05e"
}

.dx-icon-contains:before {
  content: "\f063"
}

.dx-icon-startswith:before {
  content: "\f064"
}

.dx-icon-endswith:before {
  content: "\f065"
}

.dx-icon-doesnotcontain:before {
  content: "\f066"
}

.dx-icon-range:before {
  content: "\f06a"
}

.dx-icon-export:before {
  content: "\f05f"
}

.dx-icon-exportxlsx:before {
  content: "\f060"
}

.dx-icon-exportpdf:before {
  content: "\f061"
}

.dx-icon-exportselected:before {
  content: "\f06d"
}

.dx-icon-ordersbox:before {
  content: "\f06e"
}

.dx-icon-warning:before {
  content: "\f06b"
}

.dx-icon-taskhelpneeded:before {
  content: "\f06f"
}

.dx-icon-more:before {
  content: "\f06c"
}

.dx-icon-square:before {
  content: "\f067"
}

.dx-icon-clearsquare:before {
  content: "\f068"
}

.dx-icon-repeat:before {
  content: "\f069"
}

.dx-icon-selectall:before {
  content: "\f070"
}

.dx-icon-unselectall:before {
  content: "\f071"
}

.dx-icon-print:before {
  content: "\f072"
}

.dx-icon-bold:before {
  content: "\f077"
}

.dx-icon-italic:before {
  content: "\f078"
}

.dx-icon-underline:before {
  content: "\f079"
}

.dx-icon-strike:before {
  content: "\f07a"
}

.dx-icon-increaselinespacing:before, .dx-icon-indent:before {
  content: "\f07b"
}

.dx-icon-font:before {
  content: "\f11b"
}

.dx-icon-fontsize:before {
  content: "\f07c"
}

.dx-icon-shrinkfont:before {
  content: "\f07d"
}

.dx-icon-growfont:before {
  content: "\f07e"
}

.dx-icon-color:before {
  content: "\f07f"
}

.dx-icon-background:before {
  content: "\f080"
}

.dx-icon-fill:before {
  content: "\f10d"
}

.dx-icon-palette:before {
  content: "\f120"
}

.dx-icon-superscript:before {
  content: "\f081"
}

.dx-icon-subscript:before {
  content: "\f082"
}

.dx-icon-header:before {
  content: "\f083"
}

.dx-icon-blockquote:before {
  content: "\f084"
}

.dx-icon-formula:before {
  content: "\f056"
}

.dx-icon-codeblock:before {
  content: "\f085"
}

.dx-icon-orderedlist:before {
  content: "\f086"
}

.dx-icon-bulletlist:before {
  content: "\f087"
}

.dx-icon-increaseindent:before {
  content: "\f088"
}

.dx-icon-decreaseindent:before {
  content: "\f089"
}

.dx-icon-decreaselinespacing:before {
  content: "\f106"
}

.dx-icon-alignleft:before {
  content: "\f08a"
}

.dx-icon-alignright:before {
  content: "\f08b"
}

.dx-icon-aligncenter:before {
  content: "\f08c"
}

.dx-icon-alignjustify:before {
  content: "\f08d"
}

.dx-icon-link:before {
  content: "\f08e"
}

.dx-icon-video:before {
  content: "\f08f"
}

.dx-icon-mention:before {
  content: "\f090"
}

.dx-icon-variable:before {
  content: "\f091"
}

.dx-icon-clearformat:before {
  content: "\f092"
}

.dx-icon-accountbox:before {
  content: "\f094"
}

.dx-icon-fullscreen:before {
  content: "\f11a"
}

.dx-icon-hierarchy:before {
  content: "\f124"
}

.dx-icon-docfile:before {
  content: "\f111"
}

.dx-icon-docxfile:before {
  content: "\f110"
}

.dx-icon-pdffile:before {
  content: "\f118"
}

.dx-icon-pptfile:before {
  content: "\f114"
}

.dx-icon-pptxfile:before {
  content: "\f115"
}

.dx-icon-rtffile:before {
  content: "\f112"
}

.dx-icon-txtfile:before {
  content: "\f113"
}

.dx-icon-xlsfile:before {
  content: "\f116"
}

.dx-icon-xlsxfile:before {
  content: "\f117"
}

.dx-icon-copy:before {
  content: "\f107"
}

.dx-icon-cut:before {
  content: "\f10a"
}

.dx-icon-paste:before {
  content: "\f108"
}

.dx-icon-share:before {
  content: "\f11f"
}

.dx-icon-inactivefolder:before {
  content: "\f105"
}

.dx-icon-newfolder:before {
  content: "\f123"
}

.dx-icon-movetofolder:before {
  content: "\f121"
}

.dx-icon-parentfolder:before {
  content: "\f122"
}

.dx-icon-rename:before {
  content: "\f109"
}

.dx-icon-detailslayout:before {
  content: "\f10b"
}

.dx-icon-contentlayout:before {
  content: "\f11e"
}

.dx-icon-smalliconslayout:before {
  content: "\f119"
}

.dx-icon-mediumiconslayout:before {
  content: "\f10c"
}

.dx-icon-undo:before {
  content: "\f04c"
}

.dx-icon-redo:before {
  content: "\f093"
}

.dx-icon-hidepanel:before {
  content: "\f11c"
}

.dx-icon-showpanel:before {
  content: "\f11d"
}

.dx-icon-checklist:before {
  content: "\f141"
}

.dx-icon-verticalaligntop:before {
  content: "\f14f"
}

.dx-icon-verticalaligncenter:before {
  content: "\f14e"
}

.dx-icon-verticalalignbottom:before {
  content: "\f14d"
}

.dx-icon-rowproperties:before {
  content: "\f14c"
}

.dx-icon-columnproperties:before {
  content: "\f14b"
}

.dx-icon-cellproperties:before {
  content: "\f14a"
}

.dx-icon-tableproperties:before {
  content: "\f140"
}

.dx-icon-splitcells:before {
  content: "\f139"
}

.dx-icon-mergecells:before {
  content: "\f138"
}

.dx-icon-deleterow:before {
  content: "\f137"
}

.dx-icon-deletecolumn:before {
  content: "\f136"
}

.dx-icon-insertrowabove:before {
  content: "\f135"
}

.dx-icon-insertrowbelow:before {
  content: "\f134"
}

.dx-icon-insertcolumnleft:before {
  content: "\f133"
}

.dx-icon-insertcolumnright:before {
  content: "\f132"
}

.dx-icon-inserttable:before {
  content: "\f130"
}

.dx-icon-deletetable:before {
  content: "\f131"
}

.dx-icon-edittableheader:before {
  content: "\f142"
}

.dx-icon-addtableheader:before {
  content: "\f143"
}

.dx-icon-pasteplaintext:before {
  content: "\f144"
}

.dx-icon-importselected:before {
  content: "\f145"
}

.dx-icon-import:before {
  content: "\f146"
}

.dx-icon-textdocument:before {
  content: "\f147"
}

.dx-icon-jpgfile:before {
  content: "\f148"
}

.dx-icon-bmpfile:before {
  content: "\f149"
}

.dx-icon-svgfile:before {
  content: "\f150"
}

.dx-icon-attach:before {
  content: "\f151"
}

.dx-icon-return:before {
  content: "\f152"
}

.dx-icon-indeterminatestate:before {
  content: "\f153"
}

.dx-icon-lock:before {
  content: "\f154"
}

.dx-icon-unlock:before {
  content: "\f155"
}

.dx-icon-imgarlock:before {
  content: "\f156"
}

.dx-icon-imgarunlock:before {
  content: "\f157"
}

.dx-icon-bell:before {
  content: "\f158"
}

.dx-icon-sun:before {
  content: "\f159"
}

.dx-icon-taskcomplete:before {
  content: "\f15b"
}

.dx-icon-taskrejected:before {
  content: "\f15c"
}

.dx-icon-taskinprogress:before {
  content: "\f15d"
}

.dx-icon-taskstop:before {
  content: "\f15e"
}

.dx-icon-clearcircle:before {
  content: "\f15f"
}

.dx-icon-send:before {
  content: "\f160"
}

.dx-icon-handlevertical:before {
  content: "\f161"
}

.dx-icon-photooutline:before {
  content: "\f162"
}

.dx-icon-panelright:before {
  content: "\f163"
}

.dx-icon-panelleft:before {
  content: "\f164"
}

.dx-icon-optionsgear:before {
  content: "\f165"
}

.dx-icon-moon:before {
  content: "\f166"
}

.dx-icon-login:before {
  content: "\f167"
}

.dx-icon-eyeopen:before {
  content: "\f168"
}

.dx-icon-eyeclose:before {
  content: "\f169"
}

.dx-icon-handlehorizontal:before {
  content: "\f16a"
}

.dx-icon-triangleup:before {
  content: "\f16b"
}

.dx-icon-triangledown:before {
  content: "\f16c"
}

.dx-icon-triangleright:before {
  content: "\f16d"
}

.dx-icon-triangleleft:before {
  content: "\f16e"
}

.dx-icon-expandform:before {
  content: "\f170"
}

.dx-icon-description:before {
  content: "\f171"
}

.dx-icon-belloutline:before {
  content: "\f172"
}

.dx-icon-to:before {
  content: "\f173"
}

.dx-icon-errorcircle:before {
  content: "\f174"
}

.dx-icon-datatrending:before {
  content: "\f175"
}

.dx-icon-dataarea:before {
  content: "\f176"
}

.dx-icon-datausage:before {
  content: "\f177"
}

.dx-icon-datapie:before {
  content: "\f178"
}

.dx-icon-pinmap:before {
  content: "\f179"
}

.dx-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon {
  background-position: 50% 50%;
  background-size: 100% 100%
}

.dx-scrollview-pulldown {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==);
  background-position: 0 0;
  background-repeat: no-repeat
}

.dx-loadindicator-image, .dx-loadindicator-image-large, .dx-loadindicator-image-small {
  background-position: 50%;
  background-repeat: no-repeat
}

.dx-color-scheme {
  font-family: \#
}

.dx-widget {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: none;
  -webkit-touch-callout: none;
  color: #333;
  display: block;
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35715;
  outline: 0;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact
}

.dx-widget, .dx-widget *, .dx-widget :after, .dx-widget :before, .dx-widget:after, .dx-widget:before {
  box-sizing: border-box
}

.dx-item {
  outline: 0
}

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

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

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

.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
  -webkit-touch-callout: none;
  cursor: default;
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-state-disabled .dx-widget .dx-widget, .dx-state-disabled.dx-widget .dx-widget {
  opacity: 1
}

.dx-card, .dx-surface {
  background-color: #fff
}

.dx-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  overflow: hidden
}

.dx-fieldset .dx-field-value {
  margin: 0
}

.dx-fieldset, .dx-fieldset * {
  box-sizing: border-box
}

.dx-fieldset-header:empty {
  display: none
}

.dx-field:after, .dx-field:before {
  content: "";
  display: table;
  line-height: 0
}

.dx-field:after {
  clear: both
}

.dx-field-label {
  color: #333;
  cursor: default;
  float: left;
  overflow: hidden;
  padding: 8px 15px 9px 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40%
}

.dx-field-value, .dx-field-value-static {
  float: right
}

.dx-field-value.dx-datebox {
  min-width: 60%
}

.dx-field-value:not(.dx-widget) > .dx-datebox {
  min-width: 100%
}

.dx-field-value .dx-selectbox-tag-container {
  white-space: normal
}

.dx-field-value:not(.dx-widget) > .dx-selectbox.dx-selectbox-multiselect.dx-widget {
  position: relative;
  text-align: left;
  width: auto
}

.dx-fieldset.dx-rtl .dx-field-label, .dx-rtl .dx-fieldset .dx-field-label {
  float: right
}

.dx-fieldset.dx-rtl .dx-field-value, .dx-rtl .dx-fieldset .dx-field-value {
  float: left
}

.dx-field {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  min-height: 36px;
  padding: 0;
  position: relative
}

.dx-field, .dx-field input, .dx-field textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-field-value.dx-attention {
  color: #d9534f;
  padding: 8px 10px 9px 28px;
  position: relative
}

.dx-field-value.dx-attention:before {
  background-color: #d9534f;
  border-radius: 50%;
  color: #fff;
  content: "!";
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  left: 0;
  line-height: 18px;
  margin-top: -9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 18px
}

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

.dx-field-value.dx-widget, .dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0
}

.dx-field-value:not(.dx-widget) > .dx-button, .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-switch {
  float: right
}

.dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 7px 0
}

.dx-field-value.dx-switch, .dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 6px 0
}

.dx-field-value.dx-slider, .dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 4px 0
}

.dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 5px 0
}

.dx-field-value-static {
  padding: 8px 10px 9px;
  white-space: normal
}

.dx-fieldset {
  margin: 30px 20px;
  padding: 0
}

.dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox, .dx-rtl.dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left
}

.dx-fieldset-header {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 20px
}

.dx-field {
  margin: 0 0 10px
}

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

.dx-theme-marker {
  font-family: "dx.generic.light"
}

.dx-theme-accent-as-text-color {
  color: #337ab7 !important
}

.dx-theme-text-color {
  color: #333 !important
}

.dx-theme-background-color-as-text-color {
  color: #fff !important
}

.dx-theme-border-color-as-text-color {
  color: #ddd !important
}

.dx-theme-accent-as-background-color {
  fill: #337ab7 !important;
  background-color: #337ab7 !important
}

.dx-theme-text-color-as-background-color {
  fill: #333 !important;
  background-color: #333 !important
}

.dx-theme-background-color {
  fill: #fff !important
}

.dx-theme-background-color, .dx-theme-typography-background-color {
  background-color: #fff !important
}

.dx-theme-border-color-as-background-color {
  fill: #ddd !important;
  background-color: #ddd !important
}

.dx-theme-accent-as-border-color {
  border-color: #337ab7 !important
}

.dx-theme-text-color-as-border-color {
  border-color: #333 !important
}

.dx-theme-background-color-as-border-color {
  border-color: #fff !important
}

.dx-theme-border-color {
  border-color: #ddd !important
}

.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 {
  height: 100%;
  top: 0;
  width: 3px
}

.dx-resizable-handle-left {
  cursor: e-resize;
  left: 0
}

.dx-resizable-handle-right {
  cursor: e-resize;
  right: 0
}

.dx-resizable-handle-bottom, .dx-resizable-handle-top {
  height: 3px;
  left: 0;
  width: 100%
}

.dx-resizable-handle-top {
  cursor: s-resize;
  top: 0
}

.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 {
  height: 6px;
  width: 6px
}

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

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

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

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

.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 {
  -webkit-touch-callout: none;
  cursor: pointer;
  left: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-draggable.dx-state-disabled, .dx-state-disabled .dx-draggable {
  cursor: default
}

.dx-draggable-clone {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2147483647
}

.dx-clearfix:after, .dx-clearfix:before {
  content: "";
  display: table;
  line-height: 0
}

.dx-clearfix:after {
  clear: both
}

.dx-translate-disabled {
  transform: none !important
}

.dx-hidden-input {
  height: 0;
  left: -10px;
  position: fixed;
  top: -10px;
  width: 0
}

.dx-user-select {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.dx-hidden, .dx-state-invisible {
  display: none !important
}

.dx-gesture-cover {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateZ(0);
  z-index: 2147483647
}

.dx-animating {
  pointer-events: none
}

.dx-fade-animation.dx-enter, .dx-fade-animation.dx-leave.dx-leave-active, .dx-no-direction.dx-enter, .dx-no-direction.dx-leave.dx-leave-active {
  opacity: 0
}

.dx-fade-animation.dx-enter.dx-enter-active, .dx-fade-animation.dx-leave, .dx-no-direction.dx-enter.dx-enter-active, .dx-no-direction.dx-leave {
  opacity: 1
}

.dx-overflow-animation.dx-enter.dx-forward {
  transform: translate3d(100%, 0, 0);
  z-index: 2
}

.dx-overflow-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translateZ(0);
  z-index: 2
}

.dx-overflow-animation.dx-enter.dx-backward, .dx-overflow-animation.dx-enter.dx-enter-active.dx-backward, .dx-overflow-animation.dx-leave.dx-forward, .dx-overflow-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translateZ(0);
  z-index: 1
}

.dx-overflow-animation.dx-leave.dx-backward {
  transform: translateZ(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: translateZ(0)
}

.dx-slide-animation.dx-enter.dx-backward {
  transform: translate3d(-100%, 0, 0)
}

.dx-slide-animation.dx-enter.dx-enter-active.dx-backward, .dx-slide-animation.dx-leave.dx-forward {
  transform: translateZ(0)
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-forward {
  transform: translate3d(-100%, 0, 0)
}

.dx-slide-animation.dx-leave.dx-backward {
  transform: translateZ(0)
}

.dx-slide-animation.dx-leave.dx-leave-active.dx-backward {
  transform: translate3d(100%, 0, 0)
}

.dx-opendoor-animation.dx-enter.dx-forward {
  opacity: 0;
  transform: matrix3d(.71, 0, .71, .001, 0, 1, 0, 0, -.71, 0, .71, 0, 0, 0, 0, 1);
  transform-origin: center left 0
}

.dx-opendoor-animation.dx-enter.dx-enter-active.dx-backward, .dx-opendoor-animation.dx-enter.dx-enter-active.dx-forward {
  opacity: 1;
  transform: none
}

.dx-opendoor-animation.dx-leave.dx-backward, .dx-opendoor-animation.dx-leave.dx-forward {
  opacity: 1;
  transform: none;
  transform-origin: center left 0
}

.dx-opendoor-animation.dx-enter.dx-backward, .dx-opendoor-animation.dx-leave.dx-leave-active.dx-forward {
  opacity: 0;
  transform: matrix3d(.5, 0, .87, -.001, 0, 1, 0, 0, -.87, 0, .5, 0, 0, 0, 0, 1);
  transform-origin: center left 0
}

.dx-opendoor-animation.dx-leave.dx-leave-active.dx-backward {
  opacity: 0;
  transform: matrix3d(.71, 0, .71, .001, 0, 1, 0, 0, -.71, 0, .71, 0, 0, 0, 0, 1)
}

.dx-win-pop-animation.dx-enter.dx-forward {
  opacity: 0;
  transform: scale(.5)
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-forward {
  opacity: 1;
  transform: scale(1)
}

.dx-win-pop-animation.dx-enter.dx-backward, .dx-win-pop-animation.dx-leave.dx-leave-active.dx-forward {
  opacity: 0;
  transform: scale(1.5)
}

.dx-win-pop-animation.dx-enter.dx-enter-active.dx-backward {
  opacity: 1;
  transform: scale(1)
}

.dx-win-pop-animation.dx-leave.dx-leave-active.dx-backward {
  opacity: 0;
  transform: scale(.5)
}

.dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-leave-active.dx-backward {
  opacity: 0;
  transform: translate3d(0, 150px, 0)
}

.dx-android-pop-animation.dx-enter.dx-enter-active.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward {
  opacity: 1;
  transform: translateZ(0)
}

.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 {
  transform: translate3d(100%, 0, 0);
  z-index: 2
}

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-forward {
  transform: translateZ(0);
  z-index: 2
}

.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, .dx-ios7-slide-animation.dx-leave.dx-forward {
  transform: translateZ(0);
  z-index: 1
}

.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 {
  opacity: 0;
  transform: translate3d(40%, 0, 0);
  z-index: 2
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-forward {
  opacity: 1;
  transform: translateZ(0);
  z-index: 2
}

.dx-ios7-toolbar-animation.dx-enter.dx-backward {
  opacity: 0;
  transform: translate3d(-40%, 0, 0);
  z-index: 1
}

.dx-ios7-toolbar-animation.dx-enter.dx-enter-active.dx-backward, .dx-ios7-toolbar-animation.dx-leave.dx-forward {
  opacity: 1;
  transform: translateZ(0);
  z-index: 1
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-forward {
  opacity: 0;
  transform: translate3d(-40%, 0, 0);
  z-index: 1
}

.dx-ios7-toolbar-animation.dx-leave.dx-backward {
  opacity: 1;
  transform: translateZ(0);
  z-index: 2
}

.dx-ios7-toolbar-animation.dx-leave.dx-leave-active.dx-backward {
  opacity: 0;
  transform: translate3d(40%, 0, 0);
  z-index: 2
}

.dx-drop-animation.dx-enter, .dx-drop-animation.dx-leave.dx-leave-active {
  transform: translate3d(0, -120%, 0)
}

.dx-drop-animation.dx-enter.dx-enter-active, .dx-drop-animation.dx-leave {
  transform: translateZ(0)
}

.dx-3d-drop-animation.dx-enter, .dx-3d-drop-animation.dx-leave.dx-leave-active {
  opacity: 0;
  transform: rotateX(10deg) translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1)
}

.dx-3d-drop-animation.dx-enter.dx-enter-active, .dx-3d-drop-animation.dx-leave {
  opacity: 1;
  transform: rotateX(0) translateZ(0) scaleX(1)
}

.dx-fade-drop-animation.dx-enter, .dx-fade-drop-animation.dx-leave.dx-leave-active {
  opacity: 0;
  transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1.1)
}

.dx-fade-drop-animation.dx-enter.dx-enter-active, .dx-fade-drop-animation.dx-leave {
  opacity: 1;
  transform: translateZ(0) scaleX(1)
}

.dx-fade-rise-animation.dx-enter, .dx-fade-rise-animation.dx-leave.dx-leave-active {
  opacity: 0;
  transform: translate3d(0, 10px, 0) scale3d(1.1, 1.1, 1.1)
}

.dx-fade-rise-animation.dx-enter.dx-enter-active, .dx-fade-rise-animation.dx-leave {
  opacity: 1;
  transform: translateZ(0) scaleX(1)
}

.dx-fade-slide-animation.dx-enter, .dx-fade-slide-animation.dx-leave.dx-leave-active {
  opacity: 0;
  transform: translate3d(40%, 0, 0)
}

.dx-fade-slide-animation.dx-enter.dx-enter-active, .dx-fade-slide-animation.dx-leave {
  opacity: 1;
  transform: translateZ(0)
}

.dx-fade-zoom-animation.dx-enter, .dx-fade-zoom-animation.dx-leave.dx-leave-active {
  opacity: 0;
  transform: scale3d(.3, .3, .3)
}

.dx-fade-zoom-animation.dx-enter.dx-enter-active, .dx-fade-zoom-animation.dx-leave {
  opacity: 1;
  transform: scaleX(1)
}

.dx-box-item-content {
  flex-direction: column;
  font-size: 14px;
  max-width: 100%
}

.dx-button-disabled {
  cursor: default
}

.dx-button {
  -webkit-touch-callout: none;
  cursor: pointer;
  display: inline-flex;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-button, .dx-button .dx-icon {
  -webkit-user-drag: none;
  vertical-align: middle
}

.dx-button .dx-icon {
  -webkit-margin-end: 0;
  -webkit-margin-start: 0;
  align-items: center;
  background-size: contain;
  display: inherit;
  font-size: 18px;
  height: 18px;
  justify-content: center;
  margin-inline-end: 0;
  margin-inline-start: 0;
  width: 18px
}

.dx-button a {
  text-decoration: none
}

.dx-button-content {
  align-items: center;
  display: inherit;
  flex: 1 1 auto;
  height: 100%;
  justify-content: center;
  line-height: 1.35715;
  max-height: 100%;
  vertical-align: middle
}

.dx-button-has-text .dx-button-content, .dx-button-has-text .dx-button-content .dx-button-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-button-content > .dx-inkripple {
  display: none
}

.dx-button-link {
  text-decoration: none
}

.dx-button-submit-input {
  border: 0;
  font-size: 0;
  height: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  visibility: hidden;
  width: 0
}

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

.dx-button-text {
  line-height: 1.2858
}

.dx-button .dx-button-content, .dx-button-has-icon .dx-button-content {
  -webkit-padding-start: 8px;
  -webkit-padding-end: 8px;
  padding-block: 8px;
  padding-inline-end: 8px;
  padding-inline-start: 8px
}

.dx-button-has-icon .dx-icon {
  -webkit-margin-end: 0;
  -webkit-margin-start: 0;
  font-size: 18px;
  height: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  width: 18px
}

.dx-button-has-text .dx-button-content {
  -webkit-padding-start: 12px;
  -webkit-padding-end: 12px;
  padding-block: 8px;
  padding-inline-end: 12px;
  padding-inline-start: 12px
}

.dx-button-has-text .dx-icon {
  -webkit-margin-end: 9px;
  -webkit-margin-start: 0;
  font-size: 18px;
  height: 18px;
  margin-inline-end: 9px;
  margin-inline-start: 0;
  width: 18px
}

.dx-button {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px
}

.dx-button-mode-contained {
  background-color: #fff;
  border-color: #ddd;
  color: #333
}

.dx-button-mode-contained .dx-icon {
  color: #333
}

.dx-button-mode-contained.dx-state-selected {
  background-color: #d4d4d4
}

.dx-button-mode-contained.dx-state-hover {
  background-color: #f5f5f5
}

.dx-button-mode-contained.dx-state-focused {
  background-color: #ebebeb
}

.dx-button-mode-contained.dx-state-active {
  background-color: #c2c2c2;
  color: #333
}

.dx-button-mode-contained.dx-button-danger {
  background-color: #d9534f;
  border-color: #0000;
  color: #fff
}

.dx-button-mode-contained.dx-button-danger .dx-icon {
  color: #fff
}

.dx-button-mode-contained.dx-button-danger.dx-state-selected {
  background-color: #ac2925
}

.dx-button-mode-contained.dx-button-danger.dx-state-hover {
  background-color: #ce312c
}

.dx-button-mode-contained.dx-button-danger.dx-state-focused {
  background-color: #c12e2a
}

.dx-button-mode-contained.dx-button-danger.dx-state-active {
  background-color: #932320;
  color: #fff
}

.dx-button-mode-contained.dx-button-success {
  background-color: #5cb85c;
  border-color: #0000;
  color: #fff
}

.dx-button-mode-contained.dx-button-success .dx-icon {
  color: #fff
}

.dx-button-mode-contained.dx-button-success.dx-state-selected {
  background-color: #398439
}

.dx-button-mode-contained.dx-button-success.dx-state-hover {
  background-color: #46a046
}

.dx-button-mode-contained.dx-button-success.dx-state-focused {
  background-color: #419641
}

.dx-button-mode-contained.dx-button-success.dx-state-active {
  background-color: #306f30;
  color: #fff
}

.dx-button-mode-contained.dx-button-default {
  background-color: #337ab7;
  border-color: #0000;
  color: #fff
}

.dx-button-mode-contained.dx-button-default .dx-icon {
  color: #fff
}

.dx-button-mode-contained.dx-button-default.dx-state-selected {
  background-color: #204d73
}

.dx-button-mode-contained.dx-button-default.dx-state-hover {
  background-color: #296293
}

.dx-button-mode-contained.dx-button-default.dx-state-focused {
  background-color: #265a87
}

.dx-button-mode-contained.dx-button-default.dx-state-active {
  background-color: #193d5b;
  color: #fff
}

.dx-button-mode-outlined {
  background-color: initial;
  border-color: #ddd;
  color: #333
}

.dx-button-mode-outlined .dx-icon {
  color: #333
}

.dx-button-mode-outlined.dx-state-selected {
  background-color: #0000002b
}

.dx-button-mode-outlined.dx-state-hover {
  background-color: #0000000a
}

.dx-button-mode-outlined.dx-state-focused {
  background-color: #00000014
}

.dx-button-mode-outlined.dx-state-active {
  background-color: #0000003d;
  color: #333
}

.dx-button-mode-outlined.dx-button-danger {
  background-color: initial;
  border-color: #d43f3a;
  color: #d43f3a
}

.dx-button-mode-outlined.dx-button-danger .dx-icon {
  color: #d43f3a
}

.dx-button-mode-outlined.dx-button-danger.dx-state-selected {
  background-color: #d9534f4d
}

.dx-button-mode-outlined.dx-button-danger.dx-state-focused, .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: #d43f3a1a
}

.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: #d43f3a66;
  color: #d43f3a
}

.dx-button-mode-outlined.dx-button-success {
  background-color: initial;
  border-color: #4cae4c;
  color: #4cae4c
}

.dx-button-mode-outlined.dx-button-success .dx-icon {
  color: #4cae4c
}

.dx-button-mode-outlined.dx-button-success.dx-state-selected {
  background-color: #5cb85c4d
}

.dx-button-mode-outlined.dx-button-success.dx-state-focused, .dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: #4cae4c1a
}

.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: #4cae4c66;
  color: #4cae4c
}

.dx-button-mode-outlined.dx-button-default {
  background-color: initial;
  border-color: #2d6da3;
  color: #2d6da3
}

.dx-button-mode-outlined.dx-button-default .dx-icon {
  color: #2d6da3
}

.dx-button-mode-outlined.dx-button-default.dx-state-selected {
  background-color: #337ab74d
}

.dx-button-mode-outlined.dx-button-default.dx-state-focused, .dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: #2d6da31a
}

.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: #2d6da366;
  color: #2d6da3
}

.dx-button-mode-text {
  background-color: initial;
  border-color: #0000;
  color: #333
}

.dx-button-mode-text .dx-icon {
  color: #333
}

.dx-button-mode-text.dx-state-selected {
  background-color: #0000002b
}

.dx-button-mode-text.dx-state-hover {
  background-color: #0000000a
}

.dx-button-mode-text.dx-state-focused {
  background-color: #00000014
}

.dx-button-mode-text.dx-state-active {
  background-color: #0000003d;
  color: #333
}

.dx-button-mode-text.dx-button-danger {
  background-color: initial;
  border-color: #0000;
  color: #d43f3a
}

.dx-button-mode-text.dx-button-danger .dx-icon {
  color: #d43f3a
}

.dx-button-mode-text.dx-button-danger.dx-state-selected {
  background-color: #d9534f4d
}

.dx-button-mode-text.dx-button-danger.dx-state-focused, .dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: #d43f3a1a
}

.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: #d43f3a66;
  color: #d43f3a
}

.dx-button-mode-text.dx-button-success {
  background-color: initial;
  border-color: #0000;
  color: #4cae4c
}

.dx-button-mode-text.dx-button-success .dx-icon {
  color: #4cae4c
}

.dx-button-mode-text.dx-button-success.dx-state-selected {
  background-color: #5cb85c4d
}

.dx-button-mode-text.dx-button-success.dx-state-focused, .dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: #4cae4c1a
}

.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: #4cae4c66;
  color: #4cae4c
}

.dx-button-mode-text.dx-button-default {
  background-color: initial;
  border-color: #0000;
  color: #2d6da3
}

.dx-button-mode-text.dx-button-default .dx-icon {
  color: #2d6da3
}

.dx-button-mode-text.dx-button-default.dx-state-selected {
  background-color: #337ab74d
}

.dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: #2d6da31a
}

.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: #2d6da366;
  color: #2d6da3
}

.dx-buttongroup {
  display: inline-block
}

.dx-buttongroup-wrapper {
  display: flex;
  flex-flow: row nowrap;
  height: 100%;
  width: 100%
}

.dx-buttongroup-mode-text .dx-buttongroup-wrapper {
  -moz-column-gap: 1px;
  column-gap: 1px
}

.dx-buttongroup-item {
  flex: 0 1 auto
}

.dx-buttongroup-item.dx-button-mode-contained, .dx-buttongroup-item.dx-button-mode-outlined {
  border-inline-start-width: 0
}

.dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
  border-radius: 0
}

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

.dx-buttongroup-mode-contained .dx-button-mode-contained {
  border-inline-end-width: 0
}

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

.dx-button-mode-contained.dx-buttongroup-first-item.dx-button, .dx-button-mode-outlined.dx-buttongroup-first-item.dx-button {
  border-end-start-radius: 4px;
  border-start-start-radius: 4px
}

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

.dx-button-mode-contained.dx-buttongroup-last-item.dx-button, .dx-button-mode-outlined.dx-buttongroup-last-item.dx-button {
  border-end-end-radius: 4px;
  border-start-end-radius: 4px
}

.dx-scrollable-scrollbar-simulated {
  position: relative
}

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

.dx-scrollable:focus {
  outline: 0
}

.dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar {
  display: none
}

.dx-scrollable-native.dx-scrollable-scrollbar-simulated .dx-scrollable-scrollbar {
  display: block
}

.dx-scrollable-native.dx-scrollable-wrapper > .dx-scrollable-container, .dx-scrollable-native > div.dx-scrollable-wrapper > .dx-scrollable-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  position: relative
}

.dx-scrollable-native.dx-scrollable-vertical, .dx-scrollable-native.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container {
  overflow-x: hidden;
  overflow-y: auto;
  touch-action: pan-y
}

.dx-scrollable-native.dx-scrollable-horizontal, .dx-scrollable-native.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container {
  float: none;
  overflow-x: auto;
  overflow-y: hidden;
  touch-action: pan-x
}

.dx-scrollable-native.dx-scrollable-both, .dx-scrollable-native.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container {
  float: none;
  overflow-x: auto;
  overflow-y: auto;
  touch-action: pan-y pan-x
}

.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 {
  box-sizing: initial;
  min-height: 101%
}

.dx-scrollable-native.dx-scrollable-native-ios.dx-scrollable-horizontal .dx-scrollable-content {
  min-height: 0;
  padding: 0
}

.dx-scrollable-native.dx-scrollable-native-generic {
  overflow: hidden
}

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollable-content {
  height: auto
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollable-content {
  transform: none;
  z-index: 0
}

.dx-scrollable-scrollbar-simulated, .dx-scrollable-scrollbar-simulated .dx-scrollable-container {
  scrollbar-width: none
}

.dx-scrollable-scrollbar-simulated .dx-scrollable-container ::-webkit-scrollbar, .dx-scrollable-scrollbar-simulated ::-webkit-scrollbar {
  display: none
}

.dx-scrollable-container {
  -webkit-tap-highlight-color: transparent;
  height: 100%;
  overflow: hidden;
  transform: none;
  width: 100%
}

.dx-scrollable-container:focus {
  outline: 0
}

.dx-scrollable-wrapper {
  height: 100%;
  position: relative;
  width: 100%
}

.dx-scrollable-content {
  box-sizing: border-box;
  min-height: 100%;
  position: relative;
  transform: none
}

.dx-scrollable-content:after {
  clear: both;
  content: "";
  display: block
}

.dx-scrollable-both .dx-scrollable-content, .dx-scrollable-horizontal .dx-scrollable-content {
  display: block;
  float: left;
  min-width: 100%
}

.dx-scrollable-scrollbar {
  pointer-events: auto;
  position: absolute
}

.dx-scrollbar-vertical {
  height: 100%;
  right: 0;
  top: 0
}

.dx-scrollbar-horizontal {
  bottom: 0;
  left: 0;
  width: 100%
}

.dx-scrollable-scroll {
  background-color: initial;
  box-sizing: border-box;
  opacity: 1;
  overflow: hidden;
  padding: 2px;
  position: relative;
  transform: translate(0);
  transition: opacity linear, background-color linear
}

.dx-scrollable-scroll.dx-state-invisible {
  background-color: initial;
  display: block !important;
  opacity: 0;
  transition: opacity .5s linear 1s, background-color .5s linear 1s
}

.dx-rtl .dx-scrollable-scroll {
  direction: rtl;
  float: left
}

.dx-scrollable-scroll-content {
  background-color: #bfbfbfb3;
  height: 100%;
  width: 100%
}

.dx-rtl .dx-scrollable, .dx-rtl .dx-scrollable .dx-scrollable-container, .dx-rtl .dx-scrollable .dx-scrollable-content, .dx-rtl.dx-scrollable, .dx-rtl.dx-scrollable .dx-scrollable-container, .dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: ltr
}

.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-container, .dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-container, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  direction: rtl
}

.dx-scrollable-native.dx-rtl .dx-scrollable .dx-scrollable-content, .dx-scrollable-native.dx-rtl.dx-scrollable .dx-scrollable-content {
  float: right
}

.dx-rtl .dx-scrollable .dx-scrollable-content > *, .dx-rtl.dx-scrollable .dx-scrollable-content > * {
  direction: rtl
}

.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-vertical {
  left: 0;
  right: auto
}

.dx-rtl .dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal, .dx-rtl.dx-scrollable .dx-scrollable-scrollbar.dx-scrollbar-horizontal {
  direction: ltr
}

.dx-scrollable-simulated .dx-scrollable-content {
  overflow-anchor: none
}

.dx-scrollable-simulated.dx-scrollable-disabled .dx-scrollable-scrollbar {
  pointer-events: none
}

.dx-scrollbar-hoverable {
  background-color: initial
}

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-hoverable.dx-state-hover {
  background-color: #bfbfbf33
}

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll-content {
  background-color: #bfbfbf
}

.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: initial
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
  -webkit-padding-end: 2px;
  float: right;
  padding-inline-end: 2px;
  width: 8px
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  transition: width .2s linear .15s, background-color .2s linear .15s;
  width: 8px
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color .5s linear 1s, width .2s linear .15s
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  transition: background-color .15s linear .15s
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color .5s linear 1s, width .2s linear .15s
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  transition: background-color .5s linear 1s
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  width: 15px
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
  height: 8px;
  padding-bottom: 2px
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 8px;
  transition: height .2s linear .15s, background-color .2s linear .15s
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  transition: background-color .5s linear 1s, height .2s linear .15s
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  transition: background-color .15s linear .15s
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  transition: background-color .5s linear 1s, height .2s linear .15s
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible .dx-scrollable-scroll-content {
  transition: background-color .5s linear 1s
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  height: 15px
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-right: 8px
}

.dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-rtl .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-vertical.dx-rtl > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-left: 8px;
  padding-right: 0
}

.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content, .dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-horizontal > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
  padding-bottom: 8px
}

.dx-scrollable-native.dx-scrollable-native-generic .dx-scrollview-top-pocket {
  display: none;
  position: absolute
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-top-pocket {
  height: 40px;
  left: 50%;
  position: absolute;
  width: 40px;
  z-index: 1
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-color: #fff;
  background-image: none;
  border-radius: 50%;
  box-shadow: 0 1px 4px 0 #0000005e;
  height: 100%;
  left: -50%;
  margin-left: -20px;
  padding: 0;
  position: static;
  width: 100%
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down.dx-scrollview-pull-down-loading {
  transition: transform .1s linear
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator {
  box-sizing: border-box;
  float: left;
  height: 100%;
  margin: 0;
  padding: 4px;
  position: relative;
  top: 0;
  width: 100%
}

.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 {
  box-sizing: border-box;
  font-size: 24px;
  height: 100%;
  padding: 8px;
  transition: opacity .2s;
  width: 100%
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading.dx-scrollview-pull-down {
  transition: top .2s ease-out
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-image {
  background-size: contain;
  height: 100%;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition: opacity .2s;
  width: 100%
}

.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 {
  left: 0;
  overflow-y: auto;
  position: absolute;
  transform: translate(0);
  transition: transform .4s;
  width: 100%
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-content {
  transform: none;
  transition: transform .4s
}

.dx-scrollview-content {
  position: static
}

.dx-scrollview-content:after, .dx-scrollview-content:before {
  content: "";
  display: table;
  line-height: 0
}

.dx-scrollview-content:after {
  clear: both
}

.dx-scrollview-pull-down {
  -webkit-user-drag: none;
  box-sizing: initial;
  height: 50px;
  overflow: hidden;
  padding: 15px 0;
  top: -80px;
  transform: translate(0);
  width: 100%
}

.dx-scrollview-pull-down-container {
  display: inline-block;
  text-align: right;
  width: 49%
}

.dx-scrollview-pull-down-indicator {
  -webkit-user-drag: none;
  display: inline-block;
  left: 0;
  margin: -15px 20px 0 15px;
  opacity: 0;
  position: absolute;
  top: 50%;
  width: 20px
}

.dx-scrollview-pull-down-image {
  -webkit-user-drag: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0/100% no-repeat;
  display: inline-block;
  height: 50px;
  margin: 0 20px;
  transform: translate(0) rotate(0);
  transition: transform .2s linear;
  vertical-align: middle;
  width: 20px
}

.dx-scrollview-pull-down-text {
  -webkit-user-drag: none;
  display: inline;
  overflow: visible;
  position: relative;
  vertical-align: middle
}

.dx-scrollview-pull-down-text div {
  left: 0;
  opacity: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  white-space: nowrap
}

.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) 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 {
  overflow: hidden;
  padding: 10px 0;
  text-align: center;
  transform: translate(0);
  width: 100%
}

.dx-scrollview-scrollbottom:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-scrollview-scrollbottom-indicator {
  -webkit-user-drag: none;
  display: inline-block;
  margin: 0 10px 0 0
}

.dx-scrollview-scrollbottom-text {
  -webkit-user-drag: none;
  display: inline-block;
  margin-top: -20px;
  vertical-align: middle
}

.dx-scrollview-scrollbottom-end {
  opacity: 0
}

.dx-rtl .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket, .dx-scrollable-native.dx-rtl.dx-scrollable-native-ios .dx-scrollview-top-pocket {
  left: auto;
  right: 0
}

.dx-rtl .dx-scrollview-pull-down-container {
  text-align: left
}

.dx-rtl .dx-scrollview-pull-down-indicator, .dx-rtl .dx-scrollview-pull-down-text div {
  left: auto;
  right: 0
}

.dx-rtl .dx-scrollview-scrollbottom-indicator {
  margin: 0 0 0 10px
}

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

.dx-splitter {
  display: flex;
  height: 100%;
  width: 100%
}

.dx-splitter .dx-splitter-item {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden
}

.dx-splitter .dx-splitter-item-hidden-content {
  visibility: hidden
}

.dx-splitter .dx-splitter-item-content {
  flex: 1 1 auto;
  overflow: auto;
  position: relative
}

.dx-splitter.dx-splitter-vertical {
  flex-direction: column
}

.dx-resize-handle {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  justify-content: center;
  overflow: hidden
}

.dx-resize-handle .dx-resize-handle-collapse-next-pane, .dx-resize-handle .dx-resize-handle-collapse-prev-pane {
  cursor: pointer
}

.dx-resize-handle.dx-resize-handle-horizontal {
  flex-direction: column
}

.dx-resize-handle.dx-resize-handle-horizontal.dx-resize-handle-resizable {
  cursor: col-resize
}

.dx-resize-handle.dx-resize-handle-vertical {
  flex-direction: row
}

.dx-resize-handle.dx-resize-handle-vertical.dx-resize-handle-resizable {
  cursor: row-resize
}

.dx-resize-handle.dx-state-disabled {
  opacity: 1
}

.dx-splitter .dx-resize-handle {
  background-color: #00000014;
  color: #333
}

.dx-splitter .dx-resize-handle.dx-state-hover {
  background-color: #0000003d;
  color: #333
}

.dx-splitter .dx-resize-handle.dx-state-active, .dx-splitter .dx-resize-handle.dx-state-focused {
  background-color: #337ab7;
  color: #fff
}

.dx-resize-handle .dx-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-checkbox {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-checkbox.dx-state-readonly {
  cursor: default
}

.dx-checkbox-icon {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  position: relative
}

.dx-checkbox-container {
  align-items: center;
  display: inline-flex;
  height: 100%;
  overflow: hidden;
  text-overflow: clip;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%
}

.dx-checkbox-text {
  word-wrap: break-word;
  -webkit-padding-start: 5px;
  line-height: normal;
  padding-inline-start: 5px;
  text-align: start;
  white-space: pre-wrap
}

.dx-state-disabled .dx-checkbox, .dx-state-disabled.dx-checkbox {
  cursor: default;
  opacity: 1
}

.dx-checkbox {
  line-height: 0
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  background-color: #fff;
  border-color: #f4f4f4
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border-color: #265a87
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
  border-color: #337ab7
}

.dx-checkbox.dx-state-active .dx-checkbox-icon {
  background-color: #60606033
}

.dx-checkbox-icon {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  font-size: 22px;
  height: 1em;
  width: 1em
}

.dx-checkbox-checked .dx-checkbox-icon {
  color: #337ab7;
  font: 22px/1 DXIcons
}

.dx-checkbox-checked .dx-checkbox-icon:before {
  -webkit-margin-start: -.5em;
  content: "\f005";
  display: block;
  font-size: .727273em;
  height: 1em;
  inset-inline-start: 50%;
  margin-top: -.5em;
  margin-inline-start: -.5em;
  position: relative;
  top: 50%;
  width: 1em
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
  color: #337ab7
}

.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  -webkit-margin-start: -.2727275em;
  background-color: #337ab7;
  border-radius: 2px;
  content: "";
  display: block;
  font-size: inherit;
  height: .545455em;
  inset-inline-start: 50%;
  margin-top: -.2727275em;
  margin-inline-start: -.2727275em;
  position: relative;
  top: 50%;
  width: .545455em
}

.dx-state-disabled .dx-checkbox .dx-checkbox-icon, .dx-state-disabled .dx-checkbox-text, .dx-state-disabled.dx-checkbox .dx-checkbox-icon {
  opacity: .4
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon {
  border-color: #d9534f66
}

.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
  border-color: #d9534f
}

.dx-switch {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  cursor: pointer;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-switch .dx-switch-wrapper {
  display: inline-block;
  height: 100%;
  text-align: left;
  width: 100%
}

.dx-switch .dx-switch-wrapper:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

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

.dx-switch-container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  display: inline-block;
  height: 24px;
  margin: 0 -6px 0 0;
  overflow: hidden;
  padding: 0 2px;
  vertical-align: middle;
  width: 100%
}

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

.dx-switch-handle, .dx-switch-on-value .dx-switch-inner {
  transform: translateX(0)
}

.dx-switch-on-value .dx-switch-handle {
  transform: translateX(-100%)
}

.dx-rtl .dx-switch-wrapper, .dx-rtl.dx-switch-wrapper {
  text-align: right
}

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

.dx-rtl .dx-switch-handle {
  transform: translateX(-100%)
}

.dx-rtl.dx-switch-on-value .dx-switch-handle {
  transform: translateX(0)
}

.dx-switch {
  height: 24px;
  width: 44px
}

.dx-switch.dx-state-readonly .dx-switch-container {
  background-color: #fff;
  border-color: #f4f4f4
}

.dx-switch.dx-state-active .dx-switch-handle:before {
  background-color: #204d73
}

.dx-switch.dx-state-active .dx-switch-container {
  background-color: #60606033;
  border-color: #337ab7
}

.dx-switch.dx-state-hover .dx-switch-handle:before {
  background-color: #337ab7
}

.dx-switch.dx-state-hover .dx-switch-container {
  background-color: initial;
  border-color: #337ab7
}

.dx-switch.dx-state-focused .dx-switch-container {
  border-color: #337ab7
}

.dx-switch.dx-state-focused .dx-switch-handle:before {
  background-color: #337ab7
}

.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle:before {
  background-color: #204d73
}

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

.dx-switch-off, .dx-switch-on {
  box-sizing: border-box;
  flex-shrink: 0;
  float: left;
  font-size: 9px;
  font-weight: 600;
  line-height: 22px;
  overflow: hidden;
  padding-right: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 50%
}

.dx-switch-off {
  color: #999;
  padding-left: 2px
}

.dx-switch-on {
  color: #333
}

.dx-switch-handle {
  box-sizing: border-box;
  flex-basis: 14px;
  flex-shrink: 0;
  float: left;
  height: 18px;
  margin-top: 2px;
  position: relative;
  width: 14px
}

.dx-switch-handle:before {
  background-color: #63a0d4;
  border-radius: 2px;
  content: " ";
  display: block;
  height: 100%;
  width: 100%
}

.dx-switch-on-value .dx-switch-handle:before {
  background-color: #337ab7
}

.dx-rtl .dx-switch .dx-switch-off, .dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-off, .dx-switch.dx-rtl .dx-switch-on {
  float: right
}

.dx-rtl .dx-switch .dx-switch-on, .dx-switch.dx-rtl .dx-switch-on {
  padding-left: 16px;
  padding-right: 2px
}

.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: -14px
}

.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 {
  border-color: #d9534f66
}

.dx-invalid.dx-state-focused .dx-switch-container, .dx-invalid.dx-state-hover .dx-switch-container {
  border-color: #d9534f
}

.dx-invalid.dx-state-focused .dx-switch-handle:before, .dx-invalid.dx-state-hover .dx-switch-handle:before, .dx-invalid.dx-switch-on-value .dx-switch-handle:before {
  background-color: #d9534f
}

.dx-invalid .dx-switch-handle:before {
  background-color: #d9534f66
}

:root {
  --dx-button-padding-inline: 12px;
  --dx-component-color-bg: #fff;
  --dx-color-main-bg: #fff;
  --dx-color-primary: #337ab7;
  --dx-color-danger: #d9534f;
  --dx-color-success: #5cb85c;
  --dx-color-warning: #f0ad4e;
  --dx-color-border: #ddd;
  --dx-color-text: #333;
  --dx-color-icon: #333;
  --dx-color-spin-icon: #333;
  --dx-color-link: #337ab7;
  --dx-color-shadow: #000;
  --dx-color-separator: #ddd;
  --dx-component-height: 36px;
  --dx-font-size: 14px;
  --dx-border-width: 1px;
  --dx-border-radius: 4px;
  --dx-font-size-icon: 18px;
  --dx-texteditor-color-text: #333;
  --dx-texteditor-color-label: #999;
  --dx-toolbar-height: 36px;
  --dx-popup-toolbar-item-padding-inline: 10px
}

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

.dx-icon {
  background-position: 50% 50%
}

.dx-svg-icon svg {
  pointer-events: none
}

.dx-rtl .dx-icon-spinnext:before {
  content: "\f04f"
}

.dx-rtl .dx-icon-spinprev:before {
  content: "\f04e"
}

.dx-rtl .dx-icon-chevronnext:before {
  content: "\f012"
}

.dx-rtl .dx-icon-back:before, .dx-rtl .dx-icon-chevronprev:before {
  content: "\f010"
}

.dx-rtl .dx-icon-undo:before {
  content: "\f093"
}

.dx-rtl .dx-icon-redo:before {
  content: "\f04c"
}

.dx-rtl .dx-icon-hidepanel:before {
  content: "\f11d"
}

.dx-rtl .dx-icon-showpanel:before {
  content: "\f11c"
}

.dx-tabs {
  -webkit-touch-callout: none;
  display: flex;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.dx-tabs.dx-overflow-hidden {
  overflow: hidden
}

.dx-tabs.dx-tabs-vertical .dx-tabs-wrapper .dx-tab-text {
  white-space: normal
}

.dx-tabs .dx-tab-text-span, .dx-tabs .dx-tab-text-span-pseudo {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.dx-tabs-scrollable {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.dx-tabs-scrollable .dx-tabs-wrapper {
  height: 100%;
  white-space: nowrap
}

.dx-tabs-scrollable .dx-scrollable-content {
  height: 100%
}

.dx-tabs-wrapper {
  -webkit-border-before: 1px solid #0000;
  -webkit-border-after: 1px solid #0000;
  background-color: #f7f7f7;
  border-block-end: 1px solid #0000;
  border-block-start: 1px solid #0000;
  display: flex;
  position: relative;
  width: 100%
}

.dx-tabs-expanded .dx-tab {
  flex-basis: 100%;
  flex-grow: 0
}

.dx-tabs-stretched .dx-tab {
  flex-basis: auto;
  flex-grow: 1
}

.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
  flex-basis: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content
}

.dx-tabs:not(.dx-tabs-scrolling-enabled) {
  min-width: -webkit-min-content;
  min-width: -moz-min-content;
  min-width: min-content
}

.dx-tab {
  align-items: stretch;
  background-color: #f7f7f7;
  color: #333;
  cursor: pointer;
  display: inline-flex;
  flex-basis: 100%;
  gap: 4px;
  justify-content: center;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 10px 9px;
  position: relative
}

.dx-tab a {
  background-color: #fff;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: .001;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%
}

.dx-tab-content {
  max-width: 100%;
  position: relative
}

.dx-tab-content, .dx-tab-text {
  align-items: center;
  display: inline-flex;
  justify-content: center
}

.dx-tab-text {
  -webkit-user-drag: none;
  width: 100%
}

.dx-tabs-nav-button {
  align-items: center;
  align-self: stretch;
  flex-shrink: 0;
  justify-content: center
}

.dx-rtl.dx-tabs:not(.dx-tabs-vertical) {
  flex-direction: row-reverse
}

.dx-tabs-vertical {
  display: inline-flex;
  flex-direction: column;
  width: auto
}

.dx-tabs-vertical .dx-tab {
  min-width: 0
}

.dx-tabs-vertical .dx-tabs-wrapper {
  flex-direction: column;
  height: auto
}

.dx-tabs-vertical .dx-tabs-nav-button .dx-icon {
  transform: rotate(90deg)
}

.dx-tabs-vertical.dx-tabs-icon-position-end .dx-tab, .dx-tabs-vertical.dx-tabs-icon-position-start .dx-tab {
  justify-content: flex-start
}

.dx-tabs-icon-position-end .dx-tab-text {
  flex-direction: row-reverse
}

.dx-tabs-icon-position-top .dx-tab-text {
  flex-direction: column;
  text-align: center
}

.dx-tabs-icon-position-bottom .dx-tab-text {
  flex-direction: column-reverse;
  text-align: center
}

.dx-tab:after {
  bottom: -1px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 2
}

.dx-tab.dx-state-hover {
  background-color: #fff
}

.dx-tab.dx-state-hover:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: none;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: none;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: none;
  border-inline-start: none
}

.dx-tab.dx-tab-selected {
  background-color: #fff;
  color: #333
}

.dx-tab.dx-tab-selected:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tab.dx-tab-selected .dx-icon, .dx-tab.dx-tab-selected .dx-tab-text {
  color: #333
}

.dx-tab.dx-state-active {
  background-color: #58585833;
  color: #333
}

.dx-tab.dx-state-active:after {
  -webkit-border-before: 1px solid #d8d8d8;
  -webkit-border-end: 1px solid #d8d8d8;
  -webkit-border-after: 1px solid #d8d8d8;
  -webkit-border-start: 1px solid #d8d8d8;
  border-block-end: 1px solid #d8d8d8;
  border-block-start: 1px solid #d8d8d8;
  border-inline-end: 1px solid #d8d8d8;
  border-inline-start: 1px solid #d8d8d8
}

.dx-tab.dx-state-active .dx-icon, .dx-tab.dx-state-active .dx-tab-text {
  color: #333
}

.dx-tab.dx-state-disabled .dx-tab-content {
  opacity: .32
}

.dx-tab.dx-state-focused.dx-state-disabled:after {
  z-index: 2
}

.dx-tab .dx-tab-text {
  color: #333;
  -moz-column-gap: 8px;
  column-gap: 8px;
  line-height: 1.285715;
  row-gap: 4px
}

.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
  display: none
}

.dx-tab .dx-icon {
  -webkit-user-drag: none;
  background-position: 0 0;
  background-size: 18px 18px;
  color: #333;
  display: inline-block;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-tab .dx-tabs-item-badge {
  align-self: center;
  min-height: 18px;
  min-width: 18px
}

.dx-tabs.dx-state-focused .dx-tab.dx-state-focused:after {
  -webkit-border-before: 1px solid #337ab7;
  -webkit-border-end: 1px solid #337ab7;
  -webkit-border-after: 1px solid #337ab7;
  -webkit-border-start: 1px solid #337ab7;
  border-block-end: 1px solid #337ab7;
  border-block-start: 1px solid #337ab7;
  border-inline-end: 1px solid #337ab7;
  border-inline-start: 1px solid #337ab7
}

.dx-tabs.dx-state-focused .dx-tab.dx-state-focused.dx-state-disabled:after {
  -webkit-border-before: 1px solid #aaa;
  -webkit-border-end: 1px solid #aaa;
  -webkit-border-after: 1px solid #aaa;
  -webkit-border-start: 1px solid #aaa;
  border-block-end: 1px solid #aaa;
  border-block-start: 1px solid #aaa;
  border-inline-end: 1px solid #aaa;
  border-inline-start: 1px solid #aaa
}

.dx-tabs.dx-state-focused .dx-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabs.dx-state-focused .dx-tab.dx-focused-disabled-prev-tab:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabs-vertical .dx-tab:after {
  bottom: 0;
  content: "";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: 0;
  z-index: 2
}

.dx-tabs-vertical .dx-tab.dx-state-hover:after {
  -webkit-border-before: none;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: none;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabs-vertical .dx-tab.dx-tab-selected:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabs-vertical .dx-tab.dx-state-active:after {
  -webkit-border-before: 1px solid #d8d8d8;
  -webkit-border-end: 1px solid #d8d8d8;
  -webkit-border-after: 1px solid #d8d8d8;
  -webkit-border-start: 1px solid #d8d8d8;
  border-block-end: 1px solid #d8d8d8;
  border-block-start: 1px solid #d8d8d8;
  border-inline-end: 1px solid #d8d8d8;
  border-inline-start: 1px solid #d8d8d8
}

.dx-tabs-vertical .dx-tab.dx-state-focused.dx-state-disabled:after {
  -webkit-border-before: 1px solid #aaa;
  -webkit-border-end: 1px solid #aaa;
  -webkit-border-after: 1px solid #aaa;
  -webkit-border-start: 1px solid #aaa;
  border-block-end: 1px solid #aaa;
  border-block-start: 1px solid #aaa;
  border-inline-end: 1px solid #aaa;
  border-inline-start: 1px solid #aaa
}

.dx-tabs-vertical.dx-state-focused .dx-tab.dx-state-focused:after {
  -webkit-border-before: 1px solid #337ab7;
  -webkit-border-end: 1px solid #337ab7;
  -webkit-border-after: 1px solid #337ab7;
  -webkit-border-start: 1px solid #337ab7;
  border-block-end: 1px solid #337ab7;
  border-block-start: 1px solid #337ab7;
  border-inline-end: 1px solid #337ab7;
  border-inline-start: 1px solid #337ab7
}

.dx-tabs-vertical.dx-state-focused .dx-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: none;
  border-block-end: none;
  border-inline-end: 1px solid #ddd
}

.dx-tabs-vertical.dx-state-focused .dx-tab.dx-focused-disabled-prev-tab:after {
  -webkit-border-start: 1px solid #ddd;
  -webkit-border-before: none;
  border-block-start: none;
  border-inline-start: 1px solid #ddd
}

.dx-tabs {
  color: #ddd
}

.dx-tabs.dx-state-disabled {
  opacity: 1
}

.dx-tabs:not(.dx-tabs-nav-buttons) .dx-tabs-scrollable:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.dx-tabs:not(.dx-tabs-nav-buttons) .dx-tabs-scrollable .dx-scrollable-content {
  transform: none !important
}

.dx-tabs-wrapper:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd;
  bottom: -1px;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -1px;
  z-index: 1
}

.dx-tabs-nav-buttons .dx-tabs-wrapper {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabs-nav-buttons .dx-tabs-wrapper:after {
  border: none
}

.dx-tabs-vertical .dx-tabs-wrapper {
  -webkit-border-start: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-before: none;
  -webkit-border-after: none;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabs-vertical .dx-tabs-wrapper:after {
  -webkit-border-start: none;
  -webkit-border-end: none;
  border-inline-end: none;
  border-inline-start: none;
  bottom: 0;
  top: 0
}

.dx-tabs-vertical.dx-tabs-nav-buttons .dx-tabs-wrapper {
  -webkit-border-before: none;
  -webkit-border-after: none;
  border-block-end: none;
  border-block-start: none
}

.dx-tabs-nav-button {
  background-color: #f7f7f7;
  border-color: #ddd;
  border-radius: 0;
  color: #ddd;
  width: 25px
}

.dx-tabs-nav-button.dx-tabs-nav-button-left {
  border-right: none
}

.dx-tabs-nav-button.dx-tabs-nav-button-right {
  border-left: none
}

.dx-tabs-nav-button.dx-state-active {
  background-color: #58585833
}

.dx-tabs-nav-button.dx-state-active .dx-icon {
  color: #333
}

.dx-tabs-nav-button.dx-state-disabled {
  opacity: 1
}

.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: .5
}

.dx-tabs-nav-button .dx-button-content {
  padding: 0
}

.dx-tabs-nav-button.dx-state-hover {
  background-color: #fff
}

.dx-tabs-nav-button.dx-state-hover .dx-button-content {
  border-radius: 0
}

.dx-tabs-vertical .dx-tabs-nav-button {
  border-color: #ddd;
  height: 38px;
  width: 100%
}

.dx-tabs-vertical .dx-tabs-nav-button.dx-tabs-nav-button-left {
  border-bottom: none;
  border-right: 1px solid #ddd
}

.dx-tabs-vertical .dx-tabs-nav-button.dx-tabs-nav-button-right {
  border-left: 1px solid #ddd;
  border-top: none
}

.dx-badge {
  align-items: center;
  background-color: #337ab7;
  border-radius: 14px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  justify-content: center;
  line-height: normal;
  padding: 0 6px
}

.dx-overlay-wrapper {
  color: #333;
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  left: 0;
  line-height: 1.35715;
  pointer-events: none;
  top: 0;
  width: 100%;
  z-index: 1000
}

.dx-overlay-wrapper, .dx-overlay-wrapper *, .dx-overlay-wrapper :after, .dx-overlay-wrapper :before, .dx-overlay-wrapper:after, .dx-overlay-wrapper:before {
  box-sizing: border-box
}

.dx-overlay-shader {
  background-color: #fffc;
  pointer-events: auto
}

.dx-overlay-content {
  outline: 0;
  overflow: clip;
  pointer-events: auto;
  position: absolute;
  z-index: 1000
}

.dx-overlay-content > .dx-template-wrapper {
  height: 100%;
  width: 100%
}

.dx-overlay-wrapper input, .dx-overlay-wrapper textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-validationsummary-item {
  color: #d9534f
}

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

.dx-searchbox .dx-icon-search {
  display: block;
  pointer-events: none
}

.dx-searchbox .dx-icon-search:before {
  box-sizing: initial;
  display: inline-block;
  overflow: hidden;
  position: static;
  text-indent: 0
}

.dx-texteditor {
  display: block
}

.dx-texteditor.dx-texteditor-with-floating-label, .dx-texteditor.dx-texteditor-with-label {
  position: relative
}

.dx-placeholder {
  color: #999;
  cursor: text;
  height: 100%;
  inset-inline-start: 0;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  text-align: left;
  top: 0;
  width: auto
}

.dx-placeholder:before {
  content: attr(DATA-DX_PLACEHOLDER);
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  pointer-events: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.dx-placeholder:after {
  content: " ";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-texteditor-container {
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dx-texteditor-buttons-container {
  align-items: center;
  display: flex;
  flex-basis: content;
  flex-grow: 0;
  width: auto
}

.dx-texteditor-input-container {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  position: relative
}

.dx-texteditor-input {
  -webkit-appearance: none;
  border: 0;
  height: 100%;
  outline: 0;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  width: 100%
}

.dx-texteditor-input:-webkit-autofill + .dx-placeholder {
  display: none !important
}

.dx-texteditor-input:autofill + .dx-placeholder {
  display: none !important
}

.dx-texteditor-input:-moz-ui-invalid {
  box-shadow: none
}

.dx-texteditor-input::-webkit-input-placeholder {
  color: #0000
}

.dx-texteditor-input::-moz-placeholder {
  color: #0000
}

.dx-texteditor-input::placeholder {
  color: #0000
}

.dx-show-clear-button {
  position: relative
}

.dx-clear-button-area {
  cursor: pointer;
  height: 100%;
  position: relative;
  text-align: justify;
  width: 34px
}

.dx-clear-button-area .dx-icon-clear {
  background-size: contain;
  display: inline-block;
  position: absolute
}

.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.dx-editor-outlined {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px
}

.dx-texteditor.dx-editor-underlined {
  background: 0 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0
}

.dx-texteditor.dx-editor-filled {
  background: #3333330d;
  border: 1px solid #0000;
  border-radius: 4px
}

.dx-texteditor.dx-state-readonly {
  border-style: dashed
}

.dx-texteditor.dx-state-readonly.dx-editor-filled {
  background-color: #33333308;
  border-color: #0000
}

.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
  background-color: #33333308
}

.dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
  background-color: #337ab712
}

.dx-texteditor.dx-state-readonly.dx-editor-underlined {
  border-style: none none dashed
}

.dx-texteditor.dx-state-hover {
  border-color: #337ab766
}

.dx-texteditor.dx-state-hover.dx-editor-filled {
  background-color: #337ab71a;
  border-color: #0000
}

.dx-texteditor.dx-state-hover.dx-invalid.dx-editor-filled, .dx-texteditor.dx-state-hover.dx-invalid.dx-editor-outlined {
  border-color: #d9534f
}

.dx-texteditor.dx-state-focused .dx-texteditor-label {
  color: #337ab7
}

.dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
  color: #d9534f
}

.dx-texteditor.dx-texteditor-label-outside .dx-texteditor-label {
  color: #333
}

.dx-texteditor.dx-texteditor-label-outside.dx-invalid .dx-texteditor-label {
  color: #d9534f
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-active.dx-editor-outlined, .dx-texteditor.dx-state-active.dx-editor-underlined, .dx-texteditor.dx-state-focused.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-outlined, .dx-texteditor.dx-state-focused.dx-editor-underlined {
  border-color: #337ab7
}

.dx-texteditor.dx-state-active.dx-editor-filled, .dx-texteditor.dx-state-focused.dx-editor-filled {
  background-color: initial
}

.dx-texteditor.dx-invalid .dx-texteditor-input, .dx-texteditor.dx-valid .dx-texteditor-input {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px
}

.dx-texteditor.dx-invalid .dx-texteditor-input-container:after, .dx-texteditor.dx-valid .dx-texteditor-input-container:after {
  inset-inline-end: 4px
}

.dx-texteditor.dx-validation-pending .dx-texteditor-input {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px
}

.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  inset-inline-end: 4px
}

.dx-show-clear-button .dx-clear-button-area {
  min-width: 34px;
  right: 0;
  width: 34px
}

.dx-show-clear-button .dx-icon-clear {
  background-position: 8px 8px;
  background-size: 18px 18px;
  color: #999;
  font-size: 18px;
  height: 34px;
  line-height: 18px;
  margin-top: -17px;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 34px
}

.dx-placeholder:before {
  padding: 7px 9px 8px
}

.dx-texteditor-input {
  background: #0000;
  border-radius: 4px;
  color: #333;
  font-size: 1em;
  margin: 0;
  min-height: 34px;
  padding: 7px 9px 8px
}

.dx-editor-filled .dx-texteditor-input {
  background: 0 0
}

.dx-texteditor-label {
  color: #999;
  cursor: text;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  inset-inline-start: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%
}

.dx-texteditor-label .dx-label {
  display: flex
}

.dx-texteditor-label .dx-label span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto
}

.dx-invalid .dx-texteditor-label {
  color: #d9534f
}

.dx-editor-outlined .dx-texteditor-label {
  inset: 0
}

.dx-editor-outlined .dx-label {
  border-bottom: 1px solid #ddd;
  border-inline-width: 0;
  border-left-style: solid;
  border-radius: 1px;
  border-right-style: solid;
  border-top: 0 solid #ddd;
  -webkit-clip-path: inset(-12px 1px -1px 1px);
  clip-path: inset(-12px 1px -1px 1px);
  margin-left: -2px;
  margin-right: -2px;
  padding: 0 2px
}

.dx-editor-outlined .dx-label span {
  font-size: 12px;
  height: 19px;
  line-height: normal;
  margin-top: 0;
  position: relative;
  top: 0;
  transform: translateY(-7.5px)
}

.dx-editor-outlined .dx-label-before {
  border-block-width: 1px;
  border-bottom-color: #ddd;
  border-end-start-radius: 4px;
  border-inline-end-width: 0;
  border-inline-start-color: #ddd;
  border-inline-start-width: 1px;
  border-start-start-radius: 4px;
  border-style: solid;
  border-top-color: #ddd;
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px);
  min-width: 9px
}

.dx-editor-outlined .dx-label-after {
  border-block-width: 1px;
  border-bottom-color: #ddd;
  border-end-end-radius: 4px;
  border-inline-end-color: #ddd;
  border-inline-end-width: 1px;
  border-inline-start-width: 0;
  border-start-end-radius: 4px;
  border-style: solid;
  border-top-color: #ddd;
  flex-grow: 1;
  min-width: 9px
}

.dx-editor-outlined .dx-label-after, .dx-editor-outlined.dx-rtl .dx-label-before {
  -webkit-clip-path: inset(-1px -1px -1px 1px);
  clip-path: inset(-1px -1px -1px 1px)
}

.dx-editor-outlined.dx-rtl .dx-label-after {
  -webkit-clip-path: inset(-1px 1px -1px -1px);
  clip-path: inset(-1px 1px -1px -1px)
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label, .dx-editor-outlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label {
  position: relative
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-daterangebox .dx-label:before, .dx-editor-outlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-daterangebox .dx-label:before {
  -webkit-margin-start: -2px;
  background-color: #fff;
  content: "";
  height: 3px;
  margin-inline-start: -2px;
  position: absolute;
  top: -1.5px;
  width: 100%
}

.dx-editor-outlined.dx-texteditor-with-floating-label, .dx-editor-outlined.dx-texteditor-with-label {
  margin-top: 7.5px;
  outline: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor:not(.dx-daterangebox), .dx-editor-outlined.dx-texteditor-with-label.dx-texteditor:not(.dx-daterangebox) {
  border: none;
  box-shadow: none
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before {
  border-color: #ddd;
  border-style: dashed
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-disabled .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before {
  border-color: #33333380
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-before {
  border-color: #d9534f66
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-before {
  border-color: #d9534f
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-hover .dx-label-before {
  border-color: #337ab766
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-color: #337ab7
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label {
  border-bottom-width: 1px;
  border-top-width: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-before {
  border-width: 1px;
  border-inline-end-width: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-focused .dx-label-after {
  border-width: 1px;
  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;
  -moz-user-select: auto;
  user-select: auto
}

.dx-editor-outlined.dx-texteditor-label-outside .dx-label-after, .dx-editor-outlined.dx-texteditor-label-outside .dx-label-before {
  -webkit-clip-path: none;
  clip-path: none
}

.dx-editor-outlined.dx-texteditor-label-outside .dx-label {
  -webkit-margin-start: 0;
  border-end-end-radius: 1px;
  border-radius: 0;
  border-start-end-radius: 1px;
  border-top-width: 1px;
  -webkit-clip-path: none;
  clip-path: none;
  margin: 0;
  margin-inline-start: 0;
  padding: 0
}

.dx-editor-outlined.dx-texteditor-label-outside .dx-label span {
  cursor: default;
  font-size: 14px;
  height: 1.4285714286em;
  line-height: 1.4285714286em;
  margin-top: 0;
  pointer-events: auto;
  position: absolute;
  top: -24px;
  width: 100%
}

.dx-editor-outlined.dx-texteditor-with-floating-label .dx-placeholder {
  display: none
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label {
  border-top-width: 1px;
  padding: 0 2px
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label span {
  font-size: 14px;
  height: 19px;
  line-height: normal;
  margin-top: -8.5px;
  top: 50%;
  transform: translate(0);
  transition: font-size .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), top .2s cubic-bezier(0, 0, .2, 1)
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label:before {
  background-color: initial
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-label span {
  margin-top: 0;
  top: 7px
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label {
  border-top-width: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label span {
  font-size: 12px;
  height: 19px;
  line-height: normal;
  margin-top: 0;
  top: 0;
  transform: translateY(-7.5px)
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label:before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label:before {
  background-color: #fff
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-textarea .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused.dx-textarea .dx-label span {
  margin-top: 0;
  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 {
  border-top-width: 1px;
  padding: 0 2px
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label span {
  font-size: 14px;
  height: 19px;
  line-height: normal;
  margin-top: -8.5px;
  top: 50%;
  transform: translate(0);
  transition: font-size .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), top .2s cubic-bezier(0, 0, .2, 1)
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label:before {
  background-color: initial
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea .dx-label span {
  margin-top: 0;
  top: 7px
}

.dx-editor-filled .dx-texteditor-label .dx-label-after, .dx-editor-filled .dx-texteditor-label .dx-label-before {
  min-width: 9px
}

.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field, .dx-editor-filled.dx-texteditor-with-floating-label .dx-placeholder:before, .dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-input, .dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field, .dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder:before, .dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-texteditor-input {
  padding-bottom: 2px;
  padding-top: 13px
}

.dx-editor-filled.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder:before, .dx-editor-filled.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder:before {
  padding: 0
}

.dx-editor-filled.dx-texteditor-with-floating-label .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-label .dx-texteditor-label {
  font-size: 12px;
  height: 19px;
  line-height: 1.35715;
  margin-top: 0;
  top: 0
}

.dx-editor-filled.dx-texteditor-label-outside {
  margin-top: 24px
}

.dx-editor-filled.dx-texteditor-label-outside .dx-texteditor-label {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  top: -24px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto
}

.dx-editor-filled.dx-texteditor-label-outside .dx-label {
  cursor: default
}

.dx-editor-filled.dx-texteditor-label-outside .dx-label span {
  margin-bottom: 0;
  pointer-events: auto;
  position: absolute;
  width: 100%
}

.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 {
  font-size: 14px;
  height: 19px;
  line-height: 1.35715;
  margin-top: -9.5px;
  top: 50%;
  transition: font-size .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), top .2s cubic-bezier(0, 0, .2, 1)
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  margin-top: 0;
  top: 13px
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
  font-size: 12px;
  height: 19px;
  line-height: 1.35715;
  margin-top: 0;
  top: 0
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
  margin-top: 0;
  top: 0
}

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field, .dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder:before, .dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder:before, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-texteditor-input {
  padding-bottom: 4px;
  padding-top: 11px
}

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder:before, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder:before {
  padding: 0
}

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label {
  height: 19px;
  line-height: 1.35715;
  margin-top: 0;
  top: 0;
  transform: translate(0)
}

.dx-editor-underlined.dx-texteditor-label-outside {
  margin-top: 24px
}

.dx-editor-underlined.dx-texteditor-label-outside .dx-texteditor-label {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  margin-top: 0;
  top: -24px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  user-select: auto
}

.dx-editor-underlined.dx-texteditor-label-outside .dx-label {
  cursor: default
}

.dx-editor-underlined.dx-texteditor-label-outside .dx-label span {
  margin-bottom: 0;
  pointer-events: auto;
  position: absolute;
  width: 100%
}

.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 {
  font-size: 14px;
  height: 19px;
  line-height: 1.35715;
  margin-top: -9.5px;
  top: 50%;
  transform: translate(0);
  transition: font-size .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1), top .2s cubic-bezier(0, 0, .2, 1)
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
  margin-top: 0;
  top: 11px
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
  display: block
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
  font-size: 12px;
  height: 19px;
  line-height: 1.35715;
  margin-top: 0;
  top: 0;
  transform: translate(0)
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
  margin-top: 0;
  top: 0
}

.dx-editor-underlined .dx-placeholder:before, .dx-editor-underlined .dx-texteditor-input {
  padding-left: 0;
  padding-right: 0
}

.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-input-container .dx-placeholder, .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-input-container .dx-texteditor-input, .dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-label .dx-label {
  -webkit-padding-start: 9px;
  padding-inline-start: 9px
}

.dx-invalid.dx-texteditor {
  border-color: #d9534f66
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-hover, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-hover, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-hover {
  border-color: #d9534f
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container:after, .dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container:after {
  background-color: #d9534f;
  border-radius: 50%;
  color: #fff;
  content: "!";
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  margin-top: -9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 18px
}

.dx-invalid.dx-texteditor.dx-editor-filled {
  background-color: #d9534f1a;
  border-color: #0000
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused {
  background: 0 0
}

.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after, .dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after, .dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after {
  animation: dx-valid-badge-frames .3s cubic-bezier(1, .008, .565, 1.65) .1s forwards;
  color: #5cb85c;
  content: "\f005";
  font-family: DXIcons, sans-serif;
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
  margin-top: -9px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: scale(0);
  width: 18px
}

.dx-validation-pending.dx-texteditor.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-validation-pending.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator, .dx-validation-pending.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container .dx-pending-indicator {
  height: 22px;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 22px
}

.dx-texteditor-buttons-container > .dx-button {
  -webkit-margin-start: 1px;
  -webkit-margin-end: 1px;
  margin-bottom: 1px;
  margin-top: 1px;
  margin-inline-end: 1px;
  margin-inline-start: 1px
}

.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
  padding-bottom: 6px;
  padding-top: 5px
}

.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
  padding: 6px
}

.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:last-child, .dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:last-child {
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child, .dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  -webkit-margin-start: 0;
  margin-inline-start: 0
}

.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button:first-child {
  margin-left: 0
}

.dx-editor-underlined.dx-texteditor-with-before-buttons .dx-texteditor-buttons-container > .dx-button:last-child {
  margin-right: 0
}

.dx-searchbox .dx-icon-search {
  background-position: 8px 8px;
  background-size: 18px 18px;
  color: #999;
  font: 17px/18px DXIcons;
  height: 34px;
  margin-top: -17px;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 34px
}

.dx-searchbox .dx-icon-search:before {
  color: #999;
  content: "\f027"
}

.dx-searchbox .dx-placeholder:before, .dx-searchbox .dx-texteditor-input, .dx-searchbox.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input, .dx-searchbox.dx-editor-underlined .dx-texteditor-input {
  -webkit-padding-start: 34px;
  padding-inline-start: 34px
}

.dx-searchbox.dx-texteditor .dx-texteditor-label .dx-label-before {
  min-width: 0
}

.dx-searchbar {
  padding-bottom: 5px
}

.dx-searchbar .dx-texteditor {
  margin: 0
}

.dx-dropdowneditor {
  position: relative
}

.dx-dropdowneditor.dx-dropdowneditor-field-clickable, .dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-input {
  cursor: pointer
}

.dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-buttons-container .dx-state-disabled .dx-button, .dx-dropdowneditor.dx-dropdowneditor-field-clickable .dx-texteditor-buttons-container .dx-state-disabled.dx-button {
  pointer-events: auto
}

.dx-dropdowneditor-input-wrapper {
  -webkit-tap-highlight-color: transparent;
  display: flex;
  height: 100%;
  overflow: hidden
}

.dx-dropdowneditor-input-wrapper .dx-texteditor {
  border: none;
  display: flex;
  flex-grow: 1;
  margin: 0
}

.dx-dropdowneditor-input-wrapper .dx-texteditor-input {
  text-overflow: ellipsis
}

.dx-dropdowneditor-field-template-wrapper {
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  position: relative
}

.dx-dropdowneditor-field-template-wrapper > * {
  flex-grow: 1
}

.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  opacity: .35
}

.dx-dropdowneditor-button {
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  float: right;
  height: 100%;
  min-width: 34px;
  padding: 1px;
  position: relative;
  width: 34px
}

.dx-dropdowneditor-button .dx-button-content {
  text-align: center;
  white-space: nowrap
}

.dx-rtl .dx-dropdowneditor-button, .dx-rtl.dx-dropdowneditor-button {
  float: left
}

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
  cursor: default
}

.dx-dropdowneditor-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  border: 1px solid #0000;
  border-radius: 3px;
  color: #333;
  font: 18px/18px DXIcons;
  height: 100%;
  text-align: center;
  width: 32px
}

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

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

.dx-dropdowneditor-button.dx-button-mode-contained, .dx-dropdowneditor-button.dx-button-mode-outlined, .dx-dropdowneditor-button.dx-button-mode-text {
  background: 0 0
}

.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1
}

.dx-dropdowneditor-icon:before {
  content: "\f001";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-filled, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-outlined, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-editor-underlined {
  background: 0 0;
  border: none
}

.dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-after, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-floating-label .dx-texteditor-label .dx-label-before, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-after, .dx-dropdowneditor-input-wrapper .dx-texteditor.dx-texteditor-with-label .dx-texteditor-label .dx-label-before {
  border: none
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0
}

.dx-invalid .dx-texteditor-input, .dx-valid .dx-texteditor-input, .dx-validation-pending .dx-texteditor-input {
  -webkit-padding-end: 26px;
  padding-inline-end: 26px
}

.dx-invalid .dx-timeview .dx-texteditor-input, .dx-valid .dx-timeview .dx-texteditor-input, .dx-validation-pending .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: #e6e6e6;
  border-color: #0000
}

.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: #337ab733
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: #b3b3b3;
  border-color: #0000;
  color: #333;
  opacity: 1
}

.dx-editor-filled .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-editor-filled.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
  background-color: #337ab74d
}

.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  inset-inline-end: 38px
}

.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  inset-inline-end: 68px
}

.dx-state-hover.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  background-color: #d9534f33
}

.dx-dropdowneditor-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon, .dx-state-active.dx-invalid.dx-dropdowneditor.dx-editor-filled .dx-dropdowneditor-icon {
  background-color: #d9534f4d
}

.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
  inset-inline-end: 38px
}

.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  inset-inline-end: 68px
}

.dx-list {
  border: none;
  margin: 0;
  min-height: 3em
}

.dx-list .dx-scrollview-content:focus {
  outline: 0
}

.dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .dx-list-item > .dx-list-item-content, .dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
  white-space: normal
}

.dx-empty-collection .dx-list-select-all {
  display: none
}

.dx-list-collapsible-groups .dx-list-group-header {
  cursor: pointer
}

.dx-list-group-body {
  overflow: hidden
}

.dx-list-item {
  cursor: pointer;
  display: table;
  position: static;
  table-layout: fixed
}

.dx-list-item, .dx-list-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.dx-list-item-content {
  display: table-cell
}

.dx-list-item-content:before {
  color: #0000;
  content: "_";
  display: inline-block;
  float: left;
  width: 0
}

.dx-list .dx-empty-message {
  min-height: 3em;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-list-item-badge-container {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
  width: 20px
}

.dx-list-item-badge {
  float: right;
  position: relative
}

.dx-list-item-icon-container {
  display: inline-block
}

.dx-list-item-chevron {
  opacity: 1;
  transform: rotate(0)
}

.dx-rtl .dx-list-item-chevron {
  transform: rotate(180deg)
}

.dx-list-item-response-wait {
  opacity: .5;
  transition: opacity .2s linear
}

.dx-list-slide-menu-content {
  display: table;
  table-layout: fixed;
  width: 100%
}

.dx-list-item-after-bag, .dx-list-item-before-bag {
  height: 100%;
  vertical-align: middle
}

.dx-list-item-before-bag .dx-list-select-checkbox {
  float: left;
  transition: .1s linear
}

.dx-list-select-all-label {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-list-item-after-bag .dx-list-reorder-handle {
  background-repeat: no-repeat;
  cursor: move;
  touch-action: manipulation
}

.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
  cursor: default
}

.dx-list-switchable-menu-shield-positioning {
  position: relative;
  transform: translateZ(0)
}

.dx-list-switchable-delete-bottom-shield, .dx-list-switchable-delete-top-shield {
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0
}

.dx-list-switchable-delete-top-shield {
  top: 0
}

.dx-list-switchable-delete-bottom-shield {
  bottom: 0
}

.dx-list-switchable-delete-item-content-shield {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.dx-list-switchable-delete-button-container {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  top: 0
}

.dx-list-switchable-delete-button-wrapper {
  display: table;
  height: 100%
}

.dx-list-switchable-delete-button-inner-wrapper {
  display: table-cell;
  height: 100%;
  vertical-align: middle
}

.dx-list-switchable-menu-item-shield-positioning, .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content, .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
  position: relative
}

.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
  transform: rotate(-90deg)
}

.dx-list-slide-menu-buttons-container {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.dx-list-slide-menu-buttons {
  bottom: 0;
  display: table;
  height: 100%;
  left: 0;
  position: relative;
  top: 0
}

.dx-list-slide-menu-button {
  bottom: 1px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle
}

.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-switchable-delete-button, .dx-state-disabled .dx-list-toggle-delete-switch, .dx-state-disabled.dx-list-item {
  cursor: default
}

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

.dx-list-select-all-checkbox, .dx-rtl .dx-list .dx-list-item-badge, .dx-rtl.dx-list .dx-list-item-badge {
  float: left
}

.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl .dx-list .dx-list-select-all-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox, .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-toggle-delete-switch, .dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button-container, .dx-rtl.dx-list .dx-list-slide-item-delete-button-container {
  left: 0;
  right: 100%
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button {
  left: 0;
  right: auto
}

.dx-rtl .dx-list .dx-list-group-header:before, .dx-rtl.dx-list .dx-list-group-header:before {
  float: left
}

.dx-list-item-chevron {
  -webkit-margin-start: -5px;
  background-position: 0 0;
  background-size: 18px 18px;
  color: #333;
  font: 18px/18px DXIcons;
  height: 18px;
  margin-inline-start: -5px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-list-item-chevron:before {
  content: "\f010"
}

.dx-list-item-badge-container {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px
}

.dx-list-switchable-delete-button-inner-wrapper {
  -webkit-padding-start: 1px;
  padding-inline-start: 1px
}

.dx-list-item-icon-container {
  height: 18px;
  vertical-align: top;
  width: 28px
}

.dx-list-item-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

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

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

.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 41px)
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon {
  border-color: #265a87
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon, .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon {
  border: 1px solid #337ab7
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  background-color: #0000000a;
  color: #333
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-list-item-icon-container .dx-icon {
  color: #333
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:%23333' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm6 11H6v-2h12v2z'/%3E%3C/svg%3E")
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: #0000001a;
  color: #333
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-list-item-icon-container .dx-icon {
  color: #333
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: #00000012;
  color: #333
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:%23333' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm6 11H6v-2h12v2z'/%3E%3C/svg%3E")
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #337ab7;
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-icon-container .dx-icon {
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  border-color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:%23fff' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm6 11H6v-2h12v2z'/%3E%3C/svg%3E")
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: #337ab7b3;
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #337ab7;
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-item-icon-container .dx-icon {
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-slide-item-content {
  background-color: #337ab7;
  color: #fff
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:%23fff' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm6 11H6v-2h12v2z'/%3E%3C/svg%3E")
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-list-static-delete-button .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-list-static-delete-button .dx-icon, .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-static-delete-button .dx-icon {
  color: #333
}

.dx-list-group-header {
  align-items: center;
  background: #eeeeee0d;
  border-bottom: 2px solid #ddd;
  border-top: 1px solid #ddd;
  color: #333;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  padding: 20px 10px 10px
}

.dx-list-group:first-of-type .dx-list-group-header {
  border-top: none
}

.dx-list-group-collapsed .dx-list-group-header-indicator .dx-list-group-header:before {
  border-bottom-color: #333
}

.dx-list-group-header .dx-list-group-header-indicator {
  order: 1
}

.dx-list-collapsible-groups .dx-list-group-header .dx-list-group-header-indicator:before {
  border-color: #333 #0000 #0000;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  width: 0
}

.dx-list-group-collapsed .dx-list-group-header .dx-list-group-header-indicator:before {
  border-bottom-color: #333;
  border-width: 0 5px 5px
}

.dx-list-item:first-of-type {
  border-top: none
}

.dx-list-item:last-of-type {
  border-bottom: none
}

.dx-list-item .dx-icon-toggle-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:%23333' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm6 11H6v-2h12v2z'/%3E%3C/svg%3E");
  background-size: 100%
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
  background: #fff;
  border-bottom: 1px solid #337ab780;
  border-top: 1px solid #337ab780;
  box-shadow: 0 0 1px #0000001a, 0 1px 3px #0003;
  color: #959595
}

.dx-list .dx-empty-message, .dx-list-item {
  border-top: 1px solid #ddd;
  color: #333
}

.dx-list-item-separator-hidden .dx-list .dx-empty-message, .dx-list-item-separator-hidden .dx-list-item {
  border-bottom: none;
  border-top: none
}

.dx-list .dx-empty-message, .dx-list-item-content {
  padding: 10px
}

.dx-list-next-button .dx-button .dx-button-content {
  -webkit-padding-start: 12px;
  -webkit-padding-end: 12px;
  padding-block: 8px;
  padding-inline-end: 12px;
  padding-inline-start: 12px
}

.dx-list-next-button .dx-button .dx-icon {
  -webkit-margin-end: 9px;
  -webkit-margin-start: 0;
  font-size: 18px;
  height: 18px;
  margin-inline-end: 9px;
  margin-inline-start: 0;
  width: 18px
}

.dx-list-item-chevron-container {
  display: table-cell;
  vertical-align: middle;
  width: 16px
}

.dx-list-border-visible {
  border: 1px solid #ddd
}

.dx-list-border-visible .dx-list-select-all {
  border-bottom: 1px solid #ddd
}

.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: 29px
}

.dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 31px
}

.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  background: 0 0;
  border: none;
  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-icon-toggle-delete {
  -webkit-margin-start: 10px;
  -webkit-margin-end: 5px;
  height: 19px;
  margin-bottom: 5px;
  margin-top: 5px;
  margin-inline-end: 5px;
  margin-inline-start: 10px;
  transition: .1s linear;
  width: 19px
}

.dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
  -webkit-margin-start: 10px;
  margin-bottom: -3px;
  margin-top: -1px;
  margin-inline-start: 10px
}

.dx-list-select-all {
  border-bottom: 1px solid #ddd;
  padding: 9px 0 8px;
  white-space: nowrap
}

.dx-list-select-all-checkbox {
  -webkit-margin-end: 0;
  -webkit-margin-start: 10px;
  margin-bottom: -3px;
  margin-top: -1px;
  margin-inline-end: 0;
  margin-inline-start: 10px
}

.dx-list-select-all-label {
  line-height: 17px;
  margin-top: 1px;
  padding: 0 10px
}

.dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 36px
}

.dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 33.4px
}

.dx-list-item-after-bag .dx-list-reorder-handle {
  background-position: 5px 5px;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 28.8px;
  padding: 5px;
  text-align: center;
  width: 28.8px
}

.dx-list-item-after-bag .dx-list-reorder-handle:before {
  content: "\f038"
}

.dx-list-slide-menu-button-delete {
  background-color: #d9534f;
  border: 1px solid #0000;
  color: #fff
}

.dx-list-slide-menu-button-menu {
  background-color: #337ab7;
  border: 1px solid #0000;
  color: #fff
}

.dx-list-static-delete-button, .dx-list-switchable-delete-button {
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  padding: 0
}

.dx-list-static-delete-button .dx-button-content, .dx-list-switchable-delete-button .dx-button-content {
  padding: 3px
}

.dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: 0 3px 10px #0000001a
}

.dx-state-disabled .dx-list-item, .dx-state-disabled.dx-list-item {
  background-color: initial;
  opacity: .6
}

.dx-textarea {
  height: auto
}

.dx-textarea .dx-texteditor-input-container {
  align-items: stretch;
  margin: 0
}

.dx-textarea .dx-texteditor-input {
  display: block;
  font-family: inherit;
  margin: 0;
  overflow: auto;
  resize: none;
  white-space: pre-wrap
}

.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-placeholder:before, .dx-textarea .dx-texteditor-input {
  line-height: 1.35715
}

.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-placeholder:before, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-texteditor-input, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-placeholder:before, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-texteditor-input, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-placeholder:before, .dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-input, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-placeholder:before, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-texteditor-input, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-placeholder:before, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-texteditor-input, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-placeholder:before, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-texteditor-input {
  padding-top: 0
}

.dx-textarea.dx-texteditor-with-floating-label.dx-editor-outlined .dx-texteditor-container, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-texteditor-container {
  padding-top: 7px
}

.dx-textarea.dx-texteditor-with-floating-label.dx-editor-filled .dx-texteditor-container, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-texteditor-container {
  padding-top: 13px
}

.dx-textarea.dx-texteditor-with-floating-label.dx-editor-underlined .dx-texteditor-container, .dx-textarea.dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-texteditor-container {
  padding-top: 11px
}

.dx-textarea .dx-icon-clear {
  margin-top: 0;
  top: 0
}

.dx-numberbox {
  -webkit-touch-callout: none;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-numberbox input[type=number] {
  -moz-appearance: textfield
}

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

.dx-numberbox-spin-container {
  height: 100%
}

.dx-numberbox-spin-down, .dx-numberbox-spin-up {
  cursor: pointer;
  height: 50%;
  position: relative;
  width: 100%
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
  display: inline-block;
  height: 100%;
  width: 50%
}

.dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon {
  height: 100%;
  width: 100%
}

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

.dx-numberbox-spin-container {
  border-radius: 4px;
  overflow: hidden;
  width: 34px
}

.dx-numberbox-spin-up-icon {
  color: #333;
  font: 14px/1 DXIcons
}

.dx-numberbox-spin-up-icon:before {
  content: "\f002"
}

.dx-numberbox-spin-down-icon {
  color: #333;
  font: 14px/1 DXIcons
}

.dx-numberbox-spin-down-icon:before {
  content: "\f001"
}

.dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon {
  font-size: 18px;
  line-height: 18px;
  text-align: center
}

.dx-numberbox-spin-down-icon:before, .dx-numberbox-spin-up-icon:before {
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-numberbox-spin-button {
  padding: 1px
}

.dx-editor-underlined .dx-numberbox-spin-button {
  background: 0 0
}

.dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  background-color: #e6e6e6;
  box-shadow: inset 0 0 0 1px #0000
}

.dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon {
  background-color: #b3b3b3;
  color: #333
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  -webkit-border-start: none;
  border-inline-start: none;
  width: 74px
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon {
  background-position: 50%
}

.dx-calendar {
  -webkit-touch-callout: none;
  background-color: #fff;
  border: 1px solid #0000;
  direction: ltr;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 268px;
  justify-content: space-between;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 282px
}

.dx-calendar.dx-rtl {
  direction: rtl
}

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

.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 {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden
}

.dx-calendar-body .dx-widget {
  height: 100%;
  position: absolute;
  width: 100%
}

.dx-calendar-body table {
  border-spacing: 0;
  height: 100%;
  line-height: normal;
  table-layout: fixed;
  width: 100%
}

.dx-calendar-body td, .dx-calendar-body th {
  padding: 0
}

.dx-calendar-body thead th {
  color: #333;
  font-size: 10px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

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

.dx-calendar-week-number-cell {
  color: #3333338f;
  position: relative;
  width: 2em
}

.dx-calendar-week-number-cell span {
  align-items: center;
  background-color: #e0e0e080;
  display: flex;
  inset: 0;
  inset-inline-start: 0;
  justify-content: center;
  position: absolute;
  text-align: center;
  width: 2em
}

.dx-calendar-cell {
  color: #333;
  cursor: pointer;
  font-size: 14px;
  position: relative;
  text-align: center
}

.dx-calendar-cell span {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  height: 2em;
  justify-content: center;
  position: relative;
  width: 2em;
  z-index: 2
}

.dx-calendar-footer {
  align-items: center;
  display: flex;
  justify-content: center
}

.dx-calendar-multiview .dx-calendar-caption-button .dx-button-content {
  align-items: center;
  justify-content: space-between
}

.dx-calendar-multiview .dx-calendar-body .dx-widget, .dx-calendar-multiview .dx-calendar-caption-button .dx-button-text {
  width: 50%
}

.dx-calendar-multiview .dx-calendar-body table {
  padding: 0 10px
}

.dx-calendar.dx-calendar-with-footer {
  height: 312px
}

.dx-calendar.dx-calendar-multiview {
  width: 564px
}

.dx-calendar.dx-invalid {
  border-color: #d9534f66
}

.dx-calendar.dx-invalid.dx-state-focused {
  border-color: #d9534f
}

.dx-calendar-caption-button {
  border-radius: 0;
  font-weight: 600
}

.dx-calendar-navigator-previous-view {
  -webkit-margin-end: -1px;
  border-end-end-radius: 0;
  border-start-end-radius: 0;
  margin-inline-end: -1px
}

.dx-calendar-navigator-next-view {
  -webkit-margin-start: -1px;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  margin-inline-start: -1px
}

.dx-calendar-navigator .dx-button, .dx-calendar-navigator .dx-button .dx-icon {
  color: #333
}

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

.dx-calendar-body thead tr {
  height: 2em
}

.dx-calendar-body tbody tr:first-of-type .dx-calendar-week-number-cell span {
  border-start-end-radius: 0;
  border-start-start-radius: 0
}

.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
  border-end-end-radius: 0;
  border-end-start-radius: 0
}

.dx-calendar-body .dx-week-number-header {
  font-size: 14px;
  width: 2.5em
}

.dx-calendar-view-century .dx-calendar-cell span, .dx-calendar-view-decade .dx-calendar-cell span, .dx-calendar-view-year .dx-calendar-cell span {
  border-radius: 4px;
  height: 4em;
  line-height: 1em;
  width: 4em;
  word-spacing: 4em
}

.dx-calendar-cell.dx-calendar-today span {
  border: 2px solid #337ab7
}

.dx-calendar-cell.dx-state-hover span {
  background-color: #337ab73d;
  color: #333
}

.dx-calendar-cell.dx-state-active span {
  background-color: #337ab766
}

.dx-calendar-cell.dx-calendar-selected-date span {
  background-color: #337ab7;
  color: #fff
}

.dx-calendar-cell.dx-calendar-contoured-date span {
  box-shadow: 0 0 0 2px #337ab780
}

.dx-calendar-cell.dx-calendar-empty-cell, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-other-view.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-state-hover span {
  color: #33333361
}

.dx-calendar-cell.dx-calendar-empty-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
  color: #fff
}

.dx-calendar-cell.dx-calendar-other-view:after, .dx-calendar-cell.dx-calendar-other-view:before {
  content: none
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
  color: #33333361
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
  background-color: #337ab73d
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span {
  background-color: #337ab766
}

.dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span {
  background-color: initial;
  color: #33333361
}

.dx-calendar-cell.dx-calendar-empty-cell {
  color: #3333333d;
  cursor: default
}

.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
  background-color: initial
}

.dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
  background-color: #337ab7
}

.dx-calendar-cell-in-range:before {
  background-color: #337ab73d;
  border-color: #337ab799 #0000;
  border-style: dashed;
  border-width: 0;
  content: "";
  height: 2em;
  inset-inline-end: 0;
  inset-inline-start: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row:before, .dx-calendar-cell-in-range.dx-calendar-cell-end:before, .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row:before, .dx-calendar-cell-in-range.dx-calendar-cell-start:before, .dx-calendar-cell-in-range.dx-calendar-range-end-date:before, .dx-calendar-cell-in-range.dx-calendar-range-start-date:before {
  width: calc(50% + 1em)
}

.dx-calendar-cell-in-range.dx-calendar-range-start-date:before {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.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-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row:before {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end:before, .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date:before {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row:before {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date:before {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-in-range.dx-calendar-cell-start:before {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date:before {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px;
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row:before {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-in-range.dx-calendar-cell-end:before {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date:before {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-range-hover:after {
  background-color: inherit;
  border-color: #337ab799 #0000;
  border-style: dashed;
  border-width: 1px;
  content: "";
  height: 2em;
  inset-inline-end: 0;
  inset-inline-start: 0;
  position: absolute;
  width: 100%;
  z-index: 1
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row:after, .dx-calendar-cell-range-hover.dx-calendar-cell-end:after, .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end:after, .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start:after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row:after, .dx-calendar-cell-range-hover.dx-calendar-cell-start:after {
  width: calc(50% + 1em)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start:after {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.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-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row:after {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end:after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end:after {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row:after {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start:after {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start:after {
  border-end-start-radius: 4px;
  border-inline-start-color: #337ab799;
  border-start-start-radius: 4px;
  inset-inline-start: auto
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end:after {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px;
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row:after {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end:after {
  border-end-end-radius: 4px;
  border-inline-end-color: #337ab799;
  border-start-end-radius: 4px
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start:after {
  inset-inline-end: auto;
  inset-inline-start: calc(50% - 1em);
  width: 2em
}

.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: #0000
}

.dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
  color: inherit
}

.dx-datebox-wrapper .dx-popup-content {
  padding-bottom: 20px;
  padding-top: 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-left: 0;
  margin-right: 10px
}

.dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
  margin-left: 0;
  margin-right: 0
}

.dx-datebox-buttons-container {
  text-align: right;
  width: 100%
}

.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 {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='182' height='182' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23a)'%3E%3Ccircle cx='91' cy='91' r='85' fill='%23fff'/%3E%3Cpath d='M88.835 15.442v7.828h-1.682v-5.927c-.093.082-.203.16-.331.235a3.796 3.796 0 0 1-.4.198 4.92 4.92 0 0 1-.444.15 3.725 3.725 0 0 1-.454.085v-1.42a7.15 7.15 0 0 0 2.291-1.149h1.02Zm4.138 6.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 0-.328-.093-.575-.278-.743-.185-.167-.468-.25-.849-.25-.658 0-1.288.261-1.89.784v-1.484a4.065 4.065 0 0 1 2.254-.646c.387 0 .735.052 1.04.155.31.1.572.244.786.432.213.189.375.419.486.689.114.267.17.566.17.897a2.5 2.5 0 0 1-.165.94 2.78 2.78 0 0 1-.433.747 3.902 3.902 0 0 1-.619.62c-.235.185-.479.365-.732.54-.17.12-.336.241-.496.362a4.299 4.299 0 0 0-.417.353 1.841 1.841 0 0 0-.288.336.585.585 0 0 0-.107.315Zm.364 143.931c0 .377-.066.729-.198 1.057a2.616 2.616 0 0 1-.55.854 2.595 2.595 0 0 1-1.9.769 2.71 2.71 0 0 1-1.16-.24 2.354 2.354 0 0 1-.859-.694 3.286 3.286 0 0 1-.54-1.122 5.522 5.522 0 0 1-.186-1.5c0-.659.08-1.255.24-1.789a4.19 4.19 0 0 1 .694-1.378 3.131 3.131 0 0 1 2.537-1.196c.59 0 1.05.07 1.377.209v1.409a2.534 2.534 0 0 0-1.27-.331c-.285 0-.543.055-.775.166-.231.11-.43.267-.598.47a2.333 2.333 0 0 0-.39.737 3.294 3.294 0 0 0-.15.955h.033c.363-.502.899-.753 1.607-.753.317 0 .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 0 0 0-.416.085.92.92 0 0 0-.32.241 1.129 1.129 0 0 0-.208.368c-.047.139-.07.294-.07.465 0 .188.025.365.075.528.05.164.12.308.208.433.093.121.201.217.326.288a.827.827 0 0 0 .416.107.9.9 0 0 0 .412-.091.934.934 0 0 0 .315-.261c.089-.114.156-.25.203-.406.046-.16.069-.335.069-.524Zm34.027-10.579c0 .374-.065.712-.193 1.015a2.196 2.196 0 0 1-.55.779 2.399 2.399 0 0 1-.854.502 3.341 3.341 0 0 1-1.116.177c-.712 0-1.241-.107-1.586-.321v-.929c.52.335 1.052.502 1.597.502.277 0 .527-.041.747-.123.224-.082.415-.196.572-.342.156-.146.275-.322.357-.528a1.75 1.75 0 0 0 .128-.678c0-.499-.167-.889-.501-1.17-.335-.285-.821-.427-1.458-.427a12.509 12.509 0 0 0-.668.021 6.259 6.259 0 0 0-.63.043l.262-3.839h3.54v.79h-2.782l-.155 2.248c.114-.007.235-.012.363-.016a6.41 6.41 0 0 1 .342-.011c.406 0 .769.054 1.089.161.321.106.591.26.812.459.224.196.393.438.507.726.118.285.177.605.177.961ZM124.405 33.95h-.875v-6.615a2.152 2.152 0 0 1-.299.235c-.129.085-.275.17-.438.256-.16.086-.331.166-.513.24a3.605 3.605 0 0 1-.523.177v-.887a5.19 5.19 0 0 0 .609-.213 7.948 7.948 0 0 0 1.228-.657c.185-.125.345-.246.48-.363h.331v7.828Zm28.265 89.359v5.057h.982v.801h-.982v1.799h-.865v-1.799h-3.599v-.758a28.127 28.127 0 0 0 1.992-2.515c.313-.442.601-.881.865-1.319.267-.442.491-.863.672-1.266h.935Zm-3.476 5.057h2.611v-3.748a24.073 24.073 0 0 1-2.056 3.059l-.555.689Zm3.059-76.033c0-.235-.037-.44-.112-.614a1.148 1.148 0 0 0-.299-.433 1.174 1.174 0 0 0-.443-.261 1.832 1.832 0 0 0-1.057-.016c-.164.046-.324.11-.481.192a3.13 3.13 0 0 0-.849.673v-.94c.246-.239.52-.42.822-.545.307-.128.679-.192 1.116-.192.314 0 .604.046.871.139.267.089.498.22.694.395.196.174.349.39.459.646.114.256.171.55.171.881 0 .303-.036.577-.107.822a2.407 2.407 0 0 1-.315.695 3.29 3.29 0 0 1-.528.624c-.214.2-.465.402-.753.609-.36.256-.657.475-.892.657a3.991 3.991 0 0 0-.555.512 1.496 1.496 0 0 0-.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 2.91 0 0 0 .454-.544 1.93 1.93 0 0 0 .241-.55 2.37 2.37 0 0 0 .074-.598Zm10.071 43.671v-1.469c.513.374 1.111.56 1.794.56.431 0 .766-.092 1.004-.277.242-.185.363-.443.363-.774a.879.879 0 0 0-.448-.79c-.296-.186-.703-.278-1.223-.278h-.71v-1.292h.657c.996 0 1.495-.331 1.495-.993 0-.624-.383-.935-1.148-.935-.513 0-1.011.166-1.496.497v-1.378c.538-.27 1.165-.406 1.88-.406.783 0 1.392.176 1.826.529.438.352.657.81.657 1.372 0 1-.507 1.627-1.522 1.88v.026c.541.068.968.266 1.282.593.313.324.47.723.47 1.196 0 .716-.262 1.282-.785 1.698-.524.417-1.246.625-2.168.625-.791 0-1.433-.128-1.928-.385ZM19.815 92.057c0 .68-.075 1.29-.225 1.827a3.878 3.878 0 0 1-.656 1.356 2.89 2.89 0 0 1-1.047.854 3.239 3.239 0 0 1-1.404.294c-.627 0-1.166-.1-1.618-.3v-1.387c.402.263.886.395 1.452.395.58 0 1.034-.198 1.362-.593.327-.395.493-.966.497-1.714l-.033-.01c-.338.501-.852.752-1.543.752-.313 0-.603-.059-.87-.176a2.143 2.143 0 0 1-.689-.486 2.322 2.322 0 0 1-.454-.748 2.717 2.717 0 0 1-.16-.95c0-.402.066-.769.198-1.1.131-.331.315-.616.55-.854a2.42 2.42 0 0 1 .854-.55 2.951 2.951 0 0 1 1.1-.198c.416 0 .79.082 1.121.246.331.16.613.393.844.7a3.2 3.2 0 0 1 .534 1.126c.124.445.187.95.187 1.516Zm-1.704-.897c0-.195-.024-.379-.074-.55a1.45 1.45 0 0 0-.209-.448.987.987 0 0 0-.325-.294.875.875 0 0 0-.828-.016.98.98 0 0 0-.315.267c-.089.11-.158.244-.208.4-.05.157-.075.326-.075.508 0 .2.025.377.075.534.05.153.119.283.208.39a.937.937 0 0 0 .331.245 1.1 1.1 0 0 0 .833-.005.979.979 0 0 0 .31-.24c.089-.1.156-.217.203-.353.05-.135.074-.281.074-.438Zm7.951 36.781c0-.203.032-.406.096-.609a2.26 2.26 0 0 1 .272-.577 2.172 2.172 0 0 1 1.047-.833 2.282 2.282 0 0 1-.79-.71 1.699 1.699 0 0 1-.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 0 .596.05.86.15a2.1 2.1 0 0 1 .683.411 1.845 1.845 0 0 1 .608 1.393c0 .353-.097.675-.293.967a2.31 2.31 0 0 1-.78.71c.221.086.418.201.593.347.174.146.32.308.438.486a2.153 2.153 0 0 1 .374 1.186c0 .334-.06.64-.182.918a2.054 2.054 0 0 1-.513.715 2.352 2.352 0 0 1-.784.46 2.92 2.92 0 0 1-1.004.165c-.364 0-.696-.055-.999-.165a2.425 2.425 0 0 1-.785-.46 2.116 2.116 0 0 1-.518-.715 2.276 2.276 0 0 1-.181-.918Zm.95-.075c0 .238.036.454.107.646.075.192.178.356.31.491.135.135.297.24.486.315.192.071.404.107.635.107.224 0 .43-.037.62-.112.188-.075.35-.18.485-.315a1.34 1.34 0 0 0 .32-.491c.079-.193.118-.406.118-.641 0-.214-.037-.413-.112-.598a1.467 1.467 0 0 0-.31-.497 1.474 1.474 0 0 0-.486-.336 1.579 1.579 0 0 0-.635-.123c-.22 0-.425.039-.614.117a1.447 1.447 0 0 0-.806.812 1.616 1.616 0 0 0-.118.625Zm.273-3.551c0 .181.032.351.096.507.067.153.158.289.272.406a1.261 1.261 0 0 0 .897.368 1.294 1.294 0 0 0 .897-.373c.114-.118.205-.253.272-.406.068-.157.102-.324.102-.502 0-.185-.034-.356-.102-.513a1.229 1.229 0 0 0-.267-.406 1.249 1.249 0 0 0-.405-.267 1.225 1.225 0 0 0-.497-.101c-.189 0-.361.034-.518.101a1.278 1.278 0 0 0-.4.278c-.11.114-.196.249-.257.406-.06.157-.09.324-.09.502Zm29.501 27.983a28.493 28.493 0 0 0-.95 1.778 35.01 35.01 0 0 0-.567 1.218c-.192.434-.372.883-.539 1.346-.167.462-.315.932-.443 1.409-.125.474-.216.94-.273 1.399h-.94c.065-.455.163-.92.294-1.393a19.884 19.884 0 0 1 .994-2.724c.188-.423.371-.813.55-1.169a28.662 28.662 0 0 1 .844-1.581h-3.84v-.79h4.87v.507ZM29.447 60.652h-.876v-6.616a2.087 2.087 0 0 1-.299.235 5.733 5.733 0 0 1-.95.497 3.617 3.617 0 0 1-.523.176v-.886c.192-.054.395-.125.608-.214a8.022 8.022 0 0 0 1.228-.657 4.77 4.77 0 0 0 .481-.363h.331v7.828Zm7.476-3.86c0 .64-.06 1.208-.177 1.703-.114.495-.28.913-.502 1.255a2.261 2.261 0 0 1-.806.774 2.21 2.21 0 0 1-1.084.262c-.384 0-.728-.084-1.03-.251a2.184 2.184 0 0 1-.759-.742 3.75 3.75 0 0 1-.47-1.191 7.416 7.416 0 0 1-.16-1.623c0-.67.056-1.26.166-1.773.114-.513.28-.942.496-1.287.218-.349.486-.61.807-.785a2.268 2.268 0 0 1 1.11-.267c1.606 0 2.409 1.308 2.409 3.925Zm-.898.085c0-2.178-.517-3.268-1.553-3.268-1.093 0-1.64 1.11-1.64 3.327 0 2.068.536 3.102 1.608 3.102 1.057 0 1.586-1.053 1.586-3.16ZM57.039 33.95h-.876v-6.615a2.087 2.087 0 0 1-.299.235 5.665 5.665 0 0 1-.95.497 3.613 3.613 0 0 1-.524.176v-.887c.193-.053.395-.124.609-.213a8.009 8.009 0 0 0 1.228-.657 4.94 4.94 0 0 0 .48-.363h.332v7.828Zm5.895 0h-.876v-6.615a2.087 2.087 0 0 1-.299.235 5.665 5.665 0 0 1-.95.497 3.613 3.613 0 0 1-.524.176v-.887c.193-.053.395-.124.609-.213a8.023 8.023 0 0 0 1.228-.657c.185-.125.345-.246.48-.363h.332v7.828Z' fill='%23959595'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='a' x='2' y='4' width='178' height='178' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 182px;
  margin-bottom: 20px;
  max-height: 182px;
  min-height: 182px;
  min-width: 182px;
  position: relative
}

.dx-timeview-hourarrow, .dx-timeview-minutearrow {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-position: bottom;
  background-repeat: no-repeat;
  height: 50%;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  transform-origin: 50% 100%;
  width: 10px
}

.dx-timeview-hourarrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='6' height='44' rx='3' fill='%23337ab7'/%3E%3C/svg%3E")
}

.dx-timeview-minutearrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='66' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' width='4' height='64' rx='2' fill='%23337ab7'/%3E%3Ccircle cx='5' cy='61' r='3.5' fill='%23fff' stroke='%23337ab7' stroke-width='3'/%3E%3C/svg%3E")
}

.dx-timeview {
  height: auto;
  width: auto
}

.dx-timeview-format12 {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  width: 70px
}

.dx-timeview-time-separator {
  margin: 0 5px
}

.dx-timeview-field {
  min-height: 50px
}

.dx-timeview-field .dx-numberbox {
  width: 70px
}

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

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

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

.dx-dateview-item-selected-border, .dx-dateviewroller-day .dx-dateview-name-formatter, .dx-dateviewroller-month .dx-dateview-value-formatter {
  display: none
}

.dx-dateview-rollers {
  display: block;
  text-align: center;
  width: auto
}

.dx-dateviewroller-current .dx-dateview-item {
  transition: font-size .2s ease-out
}

.dx-dateviewroller {
  cursor: pointer;
  display: inline-block;
  flex: 1 1 auto;
  min-width: 4em;
  position: relative;
  text-align: center;
  vertical-align: top
}

.dx-dateviewroller .dx-button {
  display: none
}

.dx-dateviewroller .dx-scrollable-content:after, .dx-dateviewroller .dx-scrollable-content:before {
  content: "";
  display: block;
  height: 71px
}

.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 {
  color: #333;
  content: ":";
  font-size: 2.2em;
  font-weight: 700;
  position: absolute;
  right: -9%;
  top: 37%
}

.dx-dateviewroller-hours .dx-dateview-item-selected-frame {
  padding-left: 20%
}

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

.dx-dateview-item-selected {
  font-size: 2.2em
}

.dx-rtl.dx-dateviewroller-hours:after {
  left: -9%;
  right: auto
}

.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%
}

.dx-dateview-item-selected-frame:after, .dx-dateview-item-selected-frame:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  height: 71px;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.dx-dateview-item-selected-frame:before {
  background-image: linear-gradient(0deg, #fff0, #fffc 60%);
  background-repeat: no-repeat;
  border-bottom: 1px solid #ddd;
  top: -71px
}

.dx-dateview-item-selected-frame:after {
  background-image: linear-gradient(180deg, #fff0, #fffc 60%);
  background-repeat: no-repeat;
  border-top: 1px solid #ddd;
  top: 40px
}

.dx-dateview-compact .dx-dateview-rollers, .dx-device-phone .dx-dateview-rollers, .dx-device-tablet .dx-dateview-rollers {
  display: flex;
  flex-flow: row nowrap
}

.dx-dateview-compact .dx-dateviewroller-month, .dx-device-phone .dx-dateviewroller-month, .dx-device-tablet .dx-dateviewroller-month {
  min-width: 4em
}

.dx-dateview-compact .dx-dateview-item, .dx-device-phone .dx-dateview-item, .dx-device-tablet .dx-dateview-item {
  font-size: 1.1em
}

.dx-dateview-compact .dx-dateview-item-selected, .dx-device-phone .dx-dateview-item-selected, .dx-device-tablet .dx-dateview-item-selected {
  font-size: 1.4em
}

.dx-datebox-wrapper .dx-popup-title {
  background: 0 0;
  border-bottom: none;
  min-height: 10px
}

.dx-datebox-wrapper .dx-item {
  border: none
}

.dx-datebox-wrapper .dx-popup-bottom .dx-button {
  min-width: 85px;
  width: auto
}

.dx-datebox-datetime-time-side {
  background-color: #ddd3
}

.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 {
  border-radius: 3px;
  font: 18px/18px DXIcons;
  height: 100%;
  text-align: center;
  width: 32px
}

.dx-datebox-time .dx-dropdowneditor-icon:before {
  content: "\f01d";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-datebox-date .dx-dropdowneditor-icon {
  border-radius: 3px;
  font: 18px/18px DXIcons;
  height: 100%;
  text-align: center;
  width: 32px
}

.dx-datebox-date .dx-dropdowneditor-icon:before {
  content: "\f026";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-datebox-datetime .dx-dropdowneditor-icon {
  border-radius: 3px;
  font: 18px/18px DXIcons;
  height: 100%;
  text-align: center;
  width: 32px
}

.dx-datebox-datetime .dx-dropdowneditor-icon:before {
  content: "\f043";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-datebox-calendar.dx-rtl.dx-dropdowneditor-active .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1
}

.dx-datebox-calendar.dx-rtl.dx-editor-underlined {
  padding-right: 0
}

.dx-datebox-wrapper-calendar .dx-popup-content {
  padding: 0
}

.dx-datebox-wrapper-calendar .dx-calendar {
  border: none;
  margin: 20px
}

.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-bottom: 20px;
  margin-right: 20px
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-popup-content {
  margin-right: 0
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  margin-bottom: 20px
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  padding: 20px
}

.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  margin-right: 20px;
  margin-top: -1px
}

@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-left: 0;
  margin-right: 5px
}

.dx-datebox-wrapper-list .dx-popup-content {
  padding: 0
}

.dx-datebox:not(.dx-datebox-native) input[type=date] {
  line-height: normal
}

.dx-datebox:not(.dx-datebox-native).dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-datebox-native):not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  -webkit-padding-end: 26px;
  padding-inline-end: 26px
}

.dx-datebox:not(.dx-datebox-native).dx-auto-width .dx-timeview .dx-texteditor-input, .dx-datebox:not(.dx-datebox-native):not(.dx-texteditor-empty).dx-auto-width .dx-timeview .dx-texteditor-input {
  -webkit-padding-end: 0;
  padding-inline-end: 0
}

.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px
}

.dx-daterangebox {
  display: flex
}

.dx-daterangebox .dx-texteditor-with-floating-label, .dx-daterangebox .dx-texteditor-with-label {
  margin-top: 0
}

.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined {
  background-color: initial;
  border: 0;
  box-shadow: none
}

.dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label, .dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label-after, .dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-floating-label .dx-label-before, .dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label, .dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label-after, .dx-daterangebox.dx-editor-outlined .dx-datebox.dx-editor-outlined.dx-texteditor-with-label .dx-label-before {
  border: 0;
  box-shadow: none;
  -webkit-clip-path: none;
  clip-path: none;
  margin: 0
}

.dx-daterangebox .dx-datebox {
  width: 100%
}

.dx-daterangebox .dx-datebox.dx-editor-underlined {
  background-color: initial;
  border-bottom: 0
}

.dx-daterangebox .dx-datebox.dx-editor-underlined:before {
  margin-left: 0
}

.dx-daterangebox .dx-datebox.dx-editor-underlined.dx-rtl .dx-texteditor-container .dx-texteditor-input {
  padding-right: 0
}

.dx-daterangebox .dx-datebox.dx-editor-filled {
  background-color: initial;
  border: 0
}

.dx-daterangebox .dx-datebox.dx-editor-filled.dx-state-readonly, .dx-daterangebox .dx-datebox.dx-editor-filled.dx-state-readonly.dx-state-hover {
  background-color: initial
}

.dx-daterangebox.dx-texteditor-empty .dx-clear-button-area {
  display: block;
  visibility: hidden
}

.dx-daterangebox-separator {
  align-items: center;
  color: #999;
  display: flex;
  padding-left: 9px
}

.dx-rtl .dx-daterangebox-separator {
  transform: scaleX(-1)
}

.dx-daterangebox .dx-dropdowneditor-icon {
  border-radius: 3px;
  font: 18px/18px DXIcons;
  height: 100%;
  text-align: center;
  width: 32px
}

.dx-daterangebox .dx-dropdowneditor-icon:before {
  content: "\f043";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-daterangebox .dx-dropdowneditor-button {
  min-width: 32px;
  width: 32px
}

.dx-daterangebox .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  width: 30px
}

.dx-daterangebox .dx-texteditor-input {
  min-height: 32px
}

.dx-daterangebox .dx-texteditor:before {
  border-bottom: 1px solid #0000;
  bottom: 0;
  content: "";
  position: absolute;
  z-index: 2
}

.dx-daterangebox .dx-texteditor.dx-state-hover:before {
  border-bottom-color: #337ab766
}

.dx-daterangebox .dx-texteditor.dx-state-hover.dx-invalid:before {
  border-bottom-color: #d9534f66
}

.dx-daterangebox .dx-texteditor.dx-state-focused:before {
  border-bottom-color: #337ab7
}

.dx-daterangebox .dx-texteditor.dx-state-focused.dx-invalid:before {
  border-bottom-color: #d9534f
}

.dx-daterangebox .dx-texteditor.dx-state-readonly:before {
  border-bottom-style: dashed
}

.dx-daterangebox.dx-invalid .dx-texteditor.dx-state-hover:before {
  border-bottom-color: #d9534f66
}

.dx-daterangebox.dx-invalid .dx-texteditor.dx-state-focused:before {
  border-bottom-color: #d9534f
}

.dx-daterangebox .dx-editor-filled:before, .dx-daterangebox .dx-editor-outlined:before {
  margin: 0 9px;
  width: calc(100% - 18px)
}

.dx-daterangebox .dx-editor-underlined:before {
  width: 100%
}

.dx-daterangebox.dx-editor-underlined .dx-daterangebox-separator {
  padding-right: 9px
}

.dx-daterangebox .dx-datebox.dx-end-datebox.dx-texteditor .dx-texteditor-input, .dx-daterangebox .dx-datebox.dx-start-datebox.dx-texteditor .dx-texteditor-input {
  -webkit-padding-end: 9px;
  padding-inline-end: 9px
}

.dx-daterangebox .dx-datebox.dx-end-datebox.dx-texteditor.dx-invalid .dx-texteditor-input {
  -webkit-padding-end: 34px;
  padding-inline-end: 34px
}

.dx-daterangebox .dx-datebox.dx-end-datebox.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input {
  padding-right: 9px
}

.dx-daterangebox .dx-datebox.dx-end-datebox.dx-editor-underlined.dx-invalid.dx-rtl .dx-texteditor-input {
  padding-right: 0
}

.dx-daterangebox-separator .dx-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.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 {
  border-bottom-width: 1px;
  border-top-width: 0
}

.dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-bottom-width: 0;
  border-top-width: 1px
}

.dx-dropdownlist-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px
}

.dx-dropdownlist-popup-wrapper .dx-list {
  height: 100%;
  min-height: 39.0001px
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
  min-height: 33.0001px
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 9px
}

.dx-dropdownlist-popup-wrapper .dx-list-select-all {
  padding: 12px 0 8px
}

.dx-dropdownlist-popup-wrapper .dx-empty-message, .dx-dropdownlist-popup-wrapper .dx-list-item {
  border-top: 0
}

.dx-dropdownlist-popup-wrapper .dx-empty-message:last-of-type, .dx-dropdownlist-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none
}

.dx-autocomplete .dx-texteditor-input {
  font-size: 1em
}

.dx-autocomplete.dx-invalid .dx-texteditor-container:after, .dx-autocomplete.dx-valid .dx-texteditor-container:after, .dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  inset-inline-end: 8px
}

.dx-loadindicator {
  background-color: initial;
  border: none;
  display: inline-block;
  height: 32px;
  overflow: hidden;
  width: 32px
}

.dx-loadindicator-wrapper {
  font-size: 32px;
  height: 100%;
  margin: auto;
  width: 100%
}

.dx-loadindicator-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transform-origin: 50% 50%
}

.dx-loadindicator-icon-custom {
  animation: dx-loadindicator-icon-custom-rotate 1.5s linear infinite;
  background-size: 100% 100%;
  height: 100%;
  position: relative;
  transform-origin: 50% 50%;
  width: 100%
}

@keyframes dx-loadindicator-icon-custom-rotate {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}

.dx-loadindicator-container > .dx-loadindicator {
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%
}

.dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
  margin-left: -16px;
  margin-top: -16px
}

.dx-loadindicator-content {
  height: 100%;
  position: relative;
  width: 100%
}

.dx-loadindicator-icon {
  direction: ltr;
  height: 70%;
  inset-inline-start: 15%;
  position: relative;
  top: 15%;
  width: 70%
}

.dx-loadindicator-icon .dx-loadindicator-segment {
  animation: dx-generic-loadindicator-opacity 1s linear infinite;
  background: #606060;
  border-radius: 10% 10% 50% 50%;
  box-shadow: 0 0 3px #0003;
  height: 30%;
  left: 44.5%;
  opacity: 0;
  position: absolute;
  top: 37%;
  width: 19%
}

@keyframes dx-generic-loadindicator-opacity {
  0% {
    opacity: 1
  }
  to {
    opacity: .55
  }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
  animation-delay: 0s;
  transform: rotate(0) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
  animation-delay: -875ms;
  transform: rotate(45deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
  animation-delay: -.75s;
  transform: rotate(90deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
  animation-delay: -625ms;
  transform: rotate(135deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
  animation-delay: -.5s;
  transform: rotate(180deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
  animation-delay: -375ms;
  transform: rotate(225deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
  animation-delay: -.25s;
  transform: rotate(270deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
  animation-delay: -125ms;
  transform: rotate(315deg) translateY(-142%)
}

.dx-loadindicator-icon .dx-loadindicator-segment10, .dx-loadindicator-icon .dx-loadindicator-segment11, .dx-loadindicator-icon .dx-loadindicator-segment12, .dx-loadindicator-icon .dx-loadindicator-segment13, .dx-loadindicator-icon .dx-loadindicator-segment14, .dx-loadindicator-icon .dx-loadindicator-segment15, .dx-loadindicator-icon .dx-loadindicator-segment8, .dx-loadindicator-icon .dx-loadindicator-segment9 {
  display: none
}

.dx-treeview-loadindicator-wrapper {
  text-align: center
}

.dx-treeview {
  height: 100%
}

.dx-treeview .dx-scrollable:focus, .dx-treeview :focus {
  outline: 0
}

.dx-treeview .dx-empty-message {
  line-height: normal
}

.dx-treeview .dx-treeview-node.dx-treeview-root-node {
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.dx-checkbox + .dx-treeview-node-container, .dx-treeview-node-container:first-child {
  display: block;
  margin: 0
}

.dx-treeview-select-all-item {
  width: 100%
}

.dx-treeview-node-container {
  display: none;
  list-style-position: inside;
  margin: 0;
  overflow: hidden;
  padding: 0
}

.dx-treeview-node-container.dx-treeview-node-container-opened {
  display: block
}

.dx-treeview-node a {
  text-decoration: none
}

.dx-treeview-node .dx-checkbox {
  margin: 0;
  order: 1
}

.dx-treeview-item {
  align-items: center;
  cursor: pointer;
  display: flex
}

.dx-treeview-item .dx-treeview-item-content {
  flex: 1 1 auto;
  order: 2
}

.dx-treeview-item .dx-treeview-item-content .dx-icon {
  -webkit-margin-end: 8px;
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  margin-inline-end: 8px;
  padding: 0;
  text-align: center;
  vertical-align: bottom;
  width: 18px
}

.dx-treeview-item .dx-treeview-item-content .dx-button-has-icon .dx-icon {
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

.dx-treeview-item .dx-item-content .dx-item-url {
  align-items: center;
  display: flex
}

.dx-treeview-item.dx-state-disabled {
  opacity: .5
}

.dx-treeview-custom-collapse-icon, .dx-treeview-custom-expand-icon, .dx-treeview-toggle-item-visibility {
  cursor: pointer;
  order: 0
}

.dx-treeview-custom-collapse-icon.dx-state-disabled, .dx-treeview-custom-expand-icon.dx-state-disabled, .dx-treeview-toggle-item-visibility.dx-state-disabled {
  cursor: default
}

.dx-rtl .dx-treeview-custom-collapse-icon, .dx-rtl .dx-treeview-custom-expand-icon, .dx-rtl .dx-treeview-toggle-item-visibility {
  transform: scaleX(-1)
}

.dx-treeview-custom-collapse-icon, .dx-treeview-custom-expand-icon {
  background-position: 2px 2px;
  background-size: 18px 18px;
  cursor: pointer;
  font-size: 18px;
  height: 22px;
  line-height: 18px;
  padding: 2px;
  text-align: center;
  width: 22px
}

.dx-treeview-item {
  gap: 8px;
  margin: 0;
  padding: 5px 10px
}

.dx-treeview-item.dx-state-hover {
  background-color: #0000000a;
  border-radius: 0;
  color: #333
}

.dx-state-selected > .dx-treeview-item {
  border-radius: 0;
  color: #333
}

.dx-treeview-node {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  -webkit-padding-start: 15px;
  list-style-type: none;
  padding-inline-start: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-treeview-toggle-item-visibility {
  align-items: center;
  color: #333;
  display: flex;
  font: 18px/1 DXIcons;
  height: 22px;
  justify-content: center;
  width: 22px
}

.dx-treeview-toggle-item-visibility:before {
  content: "\f04e"
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 18px/1 DXIcons
}

.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  content: "\f001"
}

.dx-treeview-expander-icon-stub {
  display: flex;
  flex-shrink: 0;
  height: 22px;
  width: 22px
}

.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container {
  align-items: center;
  display: flex;
  height: 22px;
  justify-content: center;
  width: 22px
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
  color: #333
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
  background-color: #0000001a;
  color: #333
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: #337ab7;
  border-radius: 0;
  color: #fff
}

.dx-treeview-search {
  margin-bottom: 5px
}

.dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 41px)
}

.dx-treeview-select-all-item {
  border-bottom: 1px solid #ddd;
  padding: 9px 40px 11px
}

.dx-treeview-select-all-item .dx-checkbox-container {
  align-items: center;
  display: flex
}

.dx-treeview-select-all-item .dx-checkbox-text {
  -webkit-padding-start: 8px;
  padding-inline-start: 8px
}

.dx-treeview-node-loadindicator {
  height: 22px;
  width: 22px
}

.dx-treeview-border-visible {
  border: 1px solid #ddd
}

.dx-treeview-border-visible .dx-treeview-select-all-item {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}

.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding: 1px 1px 1px 7px
}

.dx-treeview-item-with-checkbox.dx-state-focused > .dx-treeview-item .dx-checkbox .dx-checkbox-icon {
  border: 1px solid #337ab7
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item .dx-treeview-toggle-item-visibility {
  color: inherit
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item .dx-treeview-node-loadindicator .dx-loadindicator-icon .dx-loadindicator-segment {
  background: #fff
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item .dx-item-content .dx-item-url {
  color: inherit
}

.dx-menu-base {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: initial;
  color: #333;
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.35715;
  text-align: start;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-menu-base .dx-menu-item-wrapper, .dx-menu-base .dx-menu-items-container {
  border: 0;
  height: 100%;
  margin: 0;
  outline: 0;
  padding: 0
}

.dx-menu-base .dx-menu-items-container {
  cursor: pointer;
  display: inline-block;
  list-style-type: none;
  white-space: nowrap
}

.dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container {
  cursor: default
}

.dx-menu-base .dx-menu-item {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
  height: 100%;
  white-space: nowrap;
  width: 100%
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
  border: 0;
  display: inline-block;
  vertical-align: middle
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  display: inline;
  overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text-with-url {
  vertical-align: initial
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon-with-url {
  vertical-align: top
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-item-url {
  vertical-align: middle
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
  bottom: 0;
  inset-inline-end: 0;
  position: absolute;
  top: 0;
  width: 2em
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  height: 100%
}

.dx-menu-base .dx-menu-item .dx-submenu {
  box-sizing: initial
}

.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout {
  transform: scaleX(-1)
}

.dx-menu-base.dx-overlay-content .dx-scrollable {
  overflow: visible
}

.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-content {
  min-height: auto;
  transform: none !important
}

.dx-menu-base.dx-overlay-content .dx-scrollable .dx-scrollable-container {
  overscroll-behavior: contain
}

.dx-menu-item {
  color: #333
}

.dx-menu-item a {
  color: #337ab7
}

.dx-menu-item.dx-state-disabled {
  opacity: .5
}

.dx-menu-item.dx-state-hover {
  background-color: #0000000a;
  color: #333
}

.dx-menu-item.dx-state-focused {
  background-color: #337ab7;
  color: #fff
}

.dx-menu-item.dx-state-focused a {
  color: #fff
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
  -webkit-margin-end: -18px;
  margin-inline-end: -18px
}

.dx-menu-item-selected {
  background-color: #e6e6e6;
  color: #333
}

.dx-menu-item-selected.dx-state-focused {
  background-color: #337ab7b3;
  color: #fff
}

.dx-menu-item-expanded {
  background-color: #0000000a;
  color: #333
}

.dx-menu-item-expanded, .dx-menu-item.dx-state-active, .dx-menu-item.dx-state-focused {
  outline: 0
}

.dx-menu-base input, .dx-menu-base textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-menu-base.dx-state-focused {
  outline: 0
}

.dx-menu-base .dx-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-menu-base .dx-menu-item-content {
  padding: 3px 5px 7px
}

.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
  -webkit-padding-end: 25px;
  -webkit-padding-start: 23px;
  padding-inline-end: 25px;
  padding-bottom: 5px;
  padding-top: 3px;
  padding-inline-start: 23px
}

.dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
  min-height: 7px;
  min-width: 7px
}

.dx-menu {
  color: #333;
  position: relative
}

.dx-menu-horizontal {
  height: 100%
}

.dx-menu-horizontal:after {
  content: "";
  height: 100%
}

.dx-menu-horizontal .dx-menu-item-wrapper, .dx-menu-horizontal:after {
  display: inline-block;
  vertical-align: middle
}

.dx-menu-horizontal .dx-menu-separator {
  -webkit-margin-end: 15px;
  display: inline-block;
  margin-inline-end: 15px
}

.dx-menu-vertical {
  height: 100%
}

.dx-menu-vertical:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-menu-vertical .dx-menu-item-wrapper {
  display: block
}

.dx-menu-vertical .dx-menu-separator {
  margin-bottom: 15px
}

.dx-context-menu-container-border {
  background-color: initial;
  border: 1px solid #ddd;
  bottom: 0;
  box-shadow: 0 1px 1px #00000026;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.dx-context-menu-content-delimiter {
  border: 1px solid #0000;
  cursor: pointer;
  display: none;
  position: absolute;
  z-index: 2000
}

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  font-size: 18px;
  order: 3
}

.dx-menu-adaptive-mode .dx-treeview-item {
  cursor: pointer
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  border-bottom: 1px solid #ddd;
  padding: 1px
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node .dx-item-content {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node:last-child {
  border-bottom: none
}

.dx-menu-adaptive-mode-overlay-wrapper {
  display: flex;
  flex-flow: row wrap
}

.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content {
  display: flex
}

.dx-menu-adaptive-mode-overlay-wrapper .dx-overlay-content .dx-treeview {
  flex: 1 1 auto;
  height: auto
}

.dx-context-menu-content-delimiter:before {
  background-color: #fff;
  content: "";
  height: 100%;
  position: absolute;
  width: 100%
}

.dx-menu .dx-menu-item-expanded {
  background-color: #fff;
  color: #333
}

.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  -webkit-margin-end: 19px;
  -webkit-margin-start: 3px;
  margin-inline-end: 19px;
  margin-inline-start: 3px
}

.dx-menu .dx-menu-item-has-text .dx-menu-item-text {
  padding: 3px 5px 5px
}

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px
}

.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  -webkit-padding-end: 19px;
  -webkit-padding-start: 5px;
  padding-inline-end: 19px;
  padding-inline-start: 5px
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-menu .dx-menu-horizontal .dx-menu-item-popout:before {
  content: "\f001";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-menu .dx-menu-vertical .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-menu .dx-menu-vertical .dx-menu-item-popout:before {
  content: "\f04e";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-menu-adaptive-mode {
  background-color: #fff
}

.dx-menu-adaptive-mode .dx-treeview {
  border: 1px solid #ddd;
  border-radius: 4px
}

.dx-menu-adaptive-mode .dx-treeview, .dx-menu-adaptive-mode .dx-treeview.dx-state-focused {
  box-shadow: 0 3px 10px #0000001a
}

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  color: inherit
}

.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  color: #fff
}

.dx-selectbox {
  cursor: pointer
}

.dx-selectbox .dx-texteditor-input {
  max-width: 100%
}

.dx-selectbox .dx-texteditor-input:-moz-read-only {
  cursor: pointer
}

.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-selectbox-popup-wrapper .dx-overlay-content {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  height: 100%
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-items-container .dx-toolbar-before {
  position: relative
}

.dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
  align-items: center;
  display: flex;
  flex: 0 1 auto
}

.dx-toolbar.dx-state-disabled {
  opacity: 1
}

.dx-toolbar .dx-button .dx-icon {
  box-sizing: initial
}

.dx-toolbar-items-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dx-toolbar-item {
  box-sizing: initial;
  display: table-cell;
  padding: 0 5px;
  vertical-align: middle
}

.dx-toolbar-item img {
  display: block
}

.dx-toolbar-menu-container {
  box-sizing: initial;
  display: table-cell;
  vertical-align: middle
}

.dx-toolbar-menu-container img {
  display: block
}

.dx-toolbar-group {
  float: left;
  margin: 0 10px
}

.dx-toolbar-after, .dx-toolbar-before {
  position: absolute
}

.dx-toolbar-center:empty {
  display: none
}

.dx-toolbar-before {
  left: 0
}

.dx-toolbar-after {
  right: 0
}

.dx-toolbar-label {
  -webkit-user-drag: none;
  white-space: nowrap
}

.dx-toolbar-label .dx-toolbar-item-content > div, .dx-toolbar-label > div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-toolbar-label > div {
  margin: 0 -5px;
  padding: 0 5px
}

.dx-toolbar-center {
  margin: 0 auto;
  text-align: center
}

.dx-toolbar-after, .dx-toolbar-before, .dx-toolbar-center {
  display: table;
  height: 100%;
  top: 0
}

.dx-rtl .dx-toolbar-before {
  left: auto;
  right: 0
}

.dx-rtl .dx-toolbar-after {
  left: 0;
  right: auto
}

.dx-toolbar-menu-section:empty {
  display: none
}

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content {
  padding: 0
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-buttongroup .dx-button-content {
  justify-content: flex-start
}

.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
  border-bottom: none
}

.dx-toolbar-menu-section .dx-list-item-content:before {
  content: none
}

.dx-toolbar-menu-section .dx-list-item-content, .dx-toolbar-menu-section .dx-list-item-content.dx-list, .dx-toolbar-menu-section .dx-list-item-content > .dx-list, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-list, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-list, .dx-toolbar-menu-section .dx-toolbar-item-content, .dx-toolbar-menu-section .dx-toolbar-item-content.dx-list, .dx-toolbar-menu-section .dx-toolbar-item-content > .dx-list {
  padding: 0
}

.dx-toolbar-menu-section .dx-list-item-content.dx-button, .dx-toolbar-menu-section .dx-list-item-content > .dx-button, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-button, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-button, .dx-toolbar-menu-section .dx-toolbar-item-content.dx-button, .dx-toolbar-menu-section .dx-toolbar-item-content > .dx-button {
  width: 100%
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  border: none;
  box-shadow: none;
  margin: 0;
  width: 100%
}

.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 {
  border-radius: 8px;
  min-height: 0;
  min-width: 100px
}

.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 {
  border-top: 0;
  display: block
}

.dx-dropdownmenu-popup-wrapper .dx-list-item-content {
  display: block
}

.dx-toolbar {
  background-color: #fff;
  color: #333;
  overflow: visible;
  padding: 0;
  width: 100%
}

.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px
}

.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px
}

.dx-toolbar .dx-toolbar-after:empty, .dx-toolbar .dx-toolbar-before:empty {
  padding: 0
}

.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible
}

.dx-toolbar .dx-toolbar-menu-container {
  -webkit-padding-start: 5px;
  padding: 0;
  padding-inline-start: 5px
}

.dx-toolbar .dx-toolbar-item {
  -webkit-padding-end: 5px;
  padding: 0;
  padding-inline-end: 5px
}

.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}

.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0
}

.dx-toolbar .dx-toolbar-label {
  font-size: 20px
}

.dx-toolbar.dx-toolbar-compact .dx-button {
  min-width: auto
}

.dx-toolbar-after .dx-toolbar-item {
  padding: 0
}

.dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child {
  -webkit-padding-start: 5px;
  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 #ddd
}

.dx-toolbar-menu-section .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 10px
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
  border-radius: 0
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button-content {
  padding: 10px
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
  background-color: initial;
  border-color: #0000;
  color: #333
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button .dx-icon {
  color: #333
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-selected {
  background-color: #0000002b
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-hover {
  background-color: #0000000a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-focused {
  background-color: #00000014
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-active {
  background-color: #0000003d;
  color: #333
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger {
  background-color: initial;
  border-color: #0000;
  color: #d43f3a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger .dx-icon {
  color: #d43f3a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger.dx-state-selected {
  background-color: #d9534f4d
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger.dx-state-focused, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger.dx-state-hover {
  background-color: #d43f3a1a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger.dx-state-active {
  background-color: #d43f3a66;
  color: #d43f3a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success {
  background-color: initial;
  border-color: #0000;
  color: #4cae4c
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success .dx-icon {
  color: #4cae4c
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success.dx-state-selected {
  background-color: #5cb85c4d
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success.dx-state-focused, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success.dx-state-hover {
  background-color: #4cae4c1a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success.dx-state-active {
  background-color: #4cae4c66;
  color: #4cae4c
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default {
  background-color: initial;
  border-color: #0000;
  color: #2d6da3
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default .dx-icon {
  color: #2d6da3
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-selected {
  background-color: #337ab74d
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-focused, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-hover {
  background-color: #2d6da31a
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-active {
  background-color: #2d6da366;
  color: #2d6da3
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button-group {
  margin-bottom: 5px;
  margin-top: 5px
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  -webkit-padding-start: 8px;
  -webkit-padding-end: 8px;
  padding-block: 8px;
  padding-inline-end: 8px;
  padding-inline-start: 8px
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  -webkit-margin-end: 0;
  -webkit-margin-start: 0;
  font-size: 18px;
  height: 18px;
  margin-inline-end: 0;
  margin-inline-start: 0;
  width: 18px
}

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

.dx-toolbar-button .dx-menu .dx-menu-item {
  border: 1px solid #0000;
  border-radius: 4px
}

.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
  line-height: 0;
  padding-bottom: 8px;
  padding-top: 7px
}

.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  line-height: 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: initial
}

.dx-popup-flex-height {
  display: flex;
  flex-wrap: wrap
}

.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
  width: 100%
}

.dx-popup-flex-height .dx-popup-content {
  box-sizing: border-box;
  flex: 1 1;
  flex-basis: 100%;
  height: auto;
  max-width: 100%
}

.dx-popup-inherit-height .dx-popup-content > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit
}

.dx-popup-inherit-height .dx-popup-content > .dx-widget {
  max-height: inherit
}

.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  max-height: inherit;
  min-height: inherit
}

.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
  max-height: inherit
}

.dx-popup-content-scrollable {
  overflow: auto;
  overscroll-behavior: contain
}

.dx-dialog-root .dx-overlay-shader {
  background-color: #444
}

.dx-prevent-safari-scrolling {
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0
}

.dx-popup-wrapper > .dx-overlay-content {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #337ab7
}

.dx-popup-title {
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
  background: 0 0;
  border-bottom: 1px solid #ddd;
  color: #333;
  min-height: 28px;
  padding: 10px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: normal
}

.dx-popup-title.dx-toolbar {
  overflow: visible;
  padding: 6px 20px
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px
}

.dx-popup-title.dx-toolbar .dx-toolbar-after:empty, .dx-popup-title.dx-toolbar .dx-toolbar-before:empty {
  padding: 0
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible
}

.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  -webkit-padding-start: 10px;
  padding: 0;
  padding-inline-start: 10px
}

.dx-popup-title.dx-toolbar .dx-toolbar-item {
  -webkit-padding-end: 10px;
  padding: 0;
  padding-inline-end: 10px
}

.dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}

.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
  font-size: 20px
}

.dx-popup-title.dx-toolbar .dx-closebutton {
  inset-inline-start: 10px;
  position: relative
}

.dx-popup-content {
  -webkit-user-drag: none;
  padding: 20px
}

.dx-popup-content > .dx-button {
  margin: 0 10px
}

.dx-popup-bottom {
  background: 0 0;
  color: #333
}

.dx-popup-bottom.dx-toolbar {
  overflow: visible;
  padding: 20px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty, .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  -webkit-padding-start: 10px;
  padding: 0;
  padding-inline-start: 10px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  -webkit-padding-end: 10px;
  padding: 0;
  padding-inline-end: 10px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  -webkit-padding-start: 20px;
  padding-inline-start: 20px
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px
}

.dx-popup-bottom .dx-button {
  min-width: 100px
}

.dx-popup-content.dx-dialog-content {
  min-width: 180px;
  padding: 20px
}

.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 {
  height: 18px;
  width: 18px
}

.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 {
  -webkit-margin-start: 4px;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  margin-inline-start: 4px
}

.dx-dropdownbutton-has-arrow .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button-has-text .dx-button-content {
  -webkit-padding-end: 12px;
  padding-inline-end: 12px
}

.dx-dropdownbutton-popup-wrapper {
  height: 100%
}

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  border-bottom-width: 1px;
  border-top-width: 0
}

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-bottom-width: 0;
  border-top-width: 1px
}

.dx-dropdownbutton-popup-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px
}

.dx-dropdownbutton-popup-wrapper .dx-list {
  height: 100%;
  min-height: 39.0001px
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
  min-height: 33.0001px
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 9px
}

.dx-dropdownbutton-popup-wrapper .dx-list-select-all {
  padding: 12px 0 8px
}

.dx-dropdownbutton-popup-wrapper .dx-empty-message, .dx-dropdownbutton-popup-wrapper .dx-list-item {
  border-top: 0
}

.dx-dropdownbutton-popup-wrapper .dx-empty-message:last-of-type, .dx-dropdownbutton-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none
}

.dx-actionsheet-popup-wrapper .dx-overlay-content {
  -webkit-user-drag: none;
  padding-bottom: 0;
  padding-top: 0
}

.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}

.dx-actionsheet-cancel, .dx-actionsheet-item {
  width: 100%
}

.dx-state-disabled .dx-actionsheet-container .dx-button {
  cursor: default
}

.dx-actionsheet-popover-wrapper .dx-popup-title, .dx-actionsheet-popup-wrapper .dx-popup-title {
  word-wrap: break-word
}

.dx-actionsheet-container .dx-actionsheet-item {
  margin: 0 0 10px
}

.dx-actionsheet-container .dx-button, .dx-button.dx-actionsheet-cancel {
  margin: 0
}

.dx-tileview div.dx-scrollable-container {
  overflow-y: hidden
}

.dx-tile {
  background-color: #fff;
  border: 1px solid #ddd9;
  color: #333;
  position: absolute;
  text-align: left
}

.dx-tile-content {
  height: 100%;
  padding: 0;
  width: 100%
}

.dx-tileview-wrapper {
  height: 1px;
  position: relative
}

.dx-tile.dx-state-focused, .dx-tile.dx-state-hover {
  background-color: #fff;
  border-color: #337ab766
}

.dx-tile.dx-state-active {
  background-color: #60606033;
  border-color: #0000;
  color: #333;
  transform: scale(.96);
  transition: transform .1s linear
}

.dx-toast-content {
  align-items: center;
  border-radius: 6px;
  box-shadow: 0 2px 3px 0 #0000;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  padding: 10px
}

.dx-toast-icon {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-flex;
  height: 35px;
  margin-right: 10px;
  width: 35px
}

.dx-toast-message {
  display: inline-flex;
  line-height: 16px
}

.dx-rtl .dx-toast-icon {
  margin-left: 10px;
  margin-right: 0
}

.dx-toast-stack {
  align-items: center;
  display: flex;
  gap: 3px;
  position: fixed;
  z-index: 9500
}

.dx-toast-stack .dx-toast-wrapper {
  height: auto !important;
  position: static !important;
  transform: translate(0) !important;
  width: auto !important
}

.dx-toast-stack .dx-toast-wrapper .dx-toast-content {
  position: static !important
}

.dx-toast-stack-down-push-direction {
  flex-direction: column-reverse;
  justify-content: flex-end
}

.dx-toast-stack-up-push-direction {
  flex-direction: column;
  justify-content: flex-end
}

.dx-toast-stack-left-push-direction {
  flex-direction: row;
  justify-content: flex-end
}

.dx-toast-stack-right-push-direction {
  flex-direction: row-reverse;
  justify-content: flex-end
}

.dx-toast-stack-down-stack-direction {
  flex-direction: column;
  justify-content: flex-start
}

.dx-toast-stack-up-stack-direction {
  flex-direction: column-reverse;
  justify-content: flex-start
}

.dx-toast-stack-left-stack-direction {
  flex-direction: row-reverse;
  justify-content: flex-start
}

.dx-toast-stack-right-stack-direction {
  flex-direction: row;
  justify-content: flex-start
}

.dx-toast-info {
  background-color: #337ab7
}

.dx-toast-info .dx-toast-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABoklEQVRIx63WPUvDQBjA8QMFsZNLlgpxtINjBsFVqINghm4dRAe/Rpdm6UcQHERwUYdAJ8HvkKHEQdrPEBQUrf7PoabtveSSSrit3PPjeve8RCCsyyMkIiYlAzJSYiJCPPt+248BfRKkdSX0CcoZnx7jAiJfY3r4LqbNsITI15B2EdNlVBGRSEZ0bUyXyQqIRDJZQIu/M1oRmZ2ovcz4zjt558NxR/6C6Vk2fHLPOXtsIhA0aHHGA1/Gvl7OBMYT/3BF05poTS5Be/5gxvQ15JWjgtyerWPelP19hMDTMvabQyciEJwoJ0rwBKF2lutSRCC4UWJCQaQx+5WYAyUmEsQas1WJ2VJiYkGqMTuVmG0lJhVkGnNaiblQYjKhZYHkmY1SpMGLEoN5Gskt605kjTstIjPvRiJ50tuSksePxv7UfKm8HAe0DGKXgZbB85eKHLWdKkjHUpjzvAmdHaUKIgnNmrIzLiTBs1W4ybiQvwq39RuV6TB1jpvA1f1yxo0sdT9XLy5DlF5cPBmmq0yG2uZUbVOzthle2xdFbd83//za+gXw/JH9LjmoAgAAAABJRU5ErkJggg==)
}

.dx-toast-warning {
  background-color: #f0ad4e
}

.dx-toast-warning .dx-toast-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABJklEQVRIx62WvW2EQBBGpwlSArdgSrBESuKIQhySLJJbcAuXrXTZteCAAG3GlWBRwVsHB+Ykw8zeafVlaPSY/1lBdlXQ0OMJzMBMwNPTUOzb732scAzEXQ04KhtT0jEdIFZNdJQapuZsIFadqY8wLWMiJBIZafcwLdcHIJHIdQNt4YwPQm4e1feYMjkn/3NUbpjuSUgk0q2YSinx5xL0SSl/dcM45V8r5qLYOEQoDjs2FTNQCI0a+deC+VatGqFPwugD0gs+A8YLQTW4LJgf1SoIcxJG751ZIAMGy5sp1ZuQgHkxMMGqVJq81Tdp6q0unnhFeDMK3lgz9b6k+MOaKX3CUzDO3jd2UH/7JtP2y7aLM12GbHcq29XMdsOzvSiyvW+efG39AmPXSbHWZjgLAAAAAElFTkSuQmCC)
}

.dx-toast-error {
  background-color: #d9534f
}

.dx-toast-error .dx-toast-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABeklEQVRIx62WMWrDQBBFx01I5zQinQ5hdINA3Kp3mUNEnSBIdwgEcgeBC18gVRojjDr7BklUxAE3b1NYihVrdmWbZbpl9FjN/zOzgqgREJNTUFEDNRUFOTGBnq8dRmQsMWosyYiGMSEpawuijTUpoQszZT6AaGPO1IaZsToRYjCsmGmYGZszIAbD5gA6/M7qTMj+RtMuJjy5Jv0ahQdMeiHEYEhbTKRK/KN+9K3IH+0xmZK+4Jb33mnChM/eaYYIgeLYBdcI4yNQgiBM+Oo5OxBi5S5l0ztdUNJoGrPr5cdCrtbgGOSCGHKhsCjQBbkhhkKorFK2oKsBiKESaocnys58sUMMtYDTXA8NZMSbIwv3bZJO/48VH3VuY6/NYwO4V+Tv1aYYgMTsVB8dKZUPQmyG/OcbzcUvijot6IYPzcVaT225UyQuCRjxrGyLwNbhW54Un5S8KrmZa96cGn/zxtP08zaLPW0Gb3vK29b0tsO9vSi8vW8ufG39AnvvGenmMu5AAAAAAElFTkSuQmCC)
}

.dx-toast-success {
  background-color: #5cb85c
}

.dx-toast-success .dx-toast-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAQAAAC00HvSAAABlklEQVRIx62Wv0rDUBSHTxE6uHTKGhDEzS2jg4vUMeBmX8BR8AFiJQEfwck3cAh2cxBcXEup3VoHF3UxS1FBvuvQhPy5N0lTwplyknz33HN+95wriNEsXAJCZkRAxIyQABfL/L3J6eAzRhltjI9Tj7HxmJcgEpvjYVdh+oxqEImN6JdhBkzXhCgUUwYmzIBFA4hCsUhB6XamDSGriPpZjL12TvQc2SnG2xCiUHgJxqktcdbe+SmU31lh/AaQJQ4HfOR8PiJYpYrVDU4RhD1+c8q2BLdBLNdxXW8KflcI1obcs4UgnGlvAiE0/DDhW/O90EMQDnMbWlkozDTnMz2OC6AvdhGEHT4Ny86EqOB6i1fNgv44QhC2mRi3Gwlozqs4kSnoHEHocFdWQT0ahWKYA93GT5elyY9MucmDHukiCCeGuDO5CUteJaAOgrDPskIKYZVuhpkG/1qpqKBaxRcIQpeHGmG6dWfKM0hfnxZW/Ql/qj0k/ib9Rh83Tqvdr7Ve3NJkaG1OtTY1W5vhrd0oWrvfbHjb+gdn1DPEHv9HmQAAAABJRU5ErkJggg==)
}

.dx-popover-wrapper .dx-popover-arrow:after {
  height: 14.1422712488px;
  width: 14.1422712488px
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  height: 10px;
  width: 20px
}

.dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  height: 20px;
  width: 10px
}

.dx-popover-arrow {
  overflow: hidden;
  position: absolute;
  z-index: 2000
}

.dx-popover-arrow:after {
  content: " ";
  display: block;
  overflow: hidden;
  position: absolute;
  transform: rotate(-45deg)
}

.dx-popover-wrapper.dx-position-top .dx-popover-arrow:after {
  left: 0;
  top: 0;
  transform-origin: top left
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  background: #fff;
  bottom: 0;
  right: 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 {
  right: 0;
  top: 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 {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin: 0
}

.dx-popover-wrapper .dx-popover-arrow:after, .dx-popover-wrapper.dx-popover-without-title .dx-popover-arrow:after {
  background: #fff
}

.dx-popover-arrow:after {
  border: 1px solid #ddd
}

.dx-progressbar .dx-position-left .dx-progressbar-range-container, .dx-progressbar .dx-position-left .dx-progressbar-status, .dx-progressbar .dx-position-right .dx-progressbar-range-container, .dx-progressbar .dx-position-right .dx-progressbar-status {
  display: table-cell;
  vertical-align: middle
}

.dx-progressbar .dx-position-bottom-left .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-left .dx-progressbar-status, .dx-progressbar .dx-position-top-left .dx-progressbar-range-container, .dx-progressbar .dx-position-top-left .dx-progressbar-status {
  float: left
}

.dx-progressbar .dx-position-bottom-right .dx-progressbar-range-container, .dx-progressbar .dx-position-bottom-right .dx-progressbar-status, .dx-progressbar .dx-position-top-right .dx-progressbar-range-container, .dx-progressbar .dx-position-top-right .dx-progressbar-status {
  float: right
}

.dx-progressbar .dx-position-bottom-center .dx-progressbar-status, .dx-progressbar .dx-position-top-center .dx-progressbar-status {
  text-align: center
}

.dx-progressbar .dx-position-left .dx-progressbar-status {
  padding-right: 8px
}

.dx-progressbar .dx-position-right .dx-progressbar-status {
  padding-left: 8px
}

.dx-progressbar:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-progressbar-range-container {
  width: 100%
}

.dx-progressbar-container {
  position: relative;
  width: 100%
}

.dx-progressbar-wrapper {
  direction: ltr;
  display: inline-block;
  vertical-align: middle;
  width: 100%
}

.dx-progressbar-range {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-progressbar-status {
  font-size: 12px;
  height: 20px;
  left: 0;
  position: relative;
  top: 0;
  width: auto
}

.dx-progressbar-animating-segment {
  display: none
}

.dx-rtl .dx-progressbar .dx-progressbar-wrapper, .dx-rtl.dx-progressbar .dx-progressbar-wrapper {
  direction: rtl
}

.dx-progressbar-container {
  background-color: #ddd;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 6px
}

.dx-progressbar-range {
  background-color: #337ab7;
  border: 1px solid #337ab7;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  box-sizing: initial;
  margin-top: -1px;
  position: relative
}

.dx-progressbar-animating-container {
  animation: dx-loader 2s linear infinite;
  background-color: #ddd;
  background-image: linear-gradient(-90deg, #0000 5%, #337ab7, #0000 95%);
  background-repeat: repeat;
  background-size: 90% 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  height: 6px;
  width: 100%
}

.dx-state-disabled .dx-progressbar-range {
  background-color: #337ab799
}

.dx-state-disabled .dx-progressbar-animating-container {
  animation: none;
  background-position-x: 45%
}

.dx-rtl .dx-progressbar .dx-progressbar-animating-container, .dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  animation: dx-loader-rtl 2s linear infinite;
  background-image: linear-gradient(-90deg, #0000 5%, #337ab7, #0000 95%);
  background-repeat: repeat
}

@keyframes dx-loader {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: 900%
  }
}

@keyframes dx-loader-rtl {
  0% {
    background-position-x: 0
  }
  to {
    background-position-x: -900%
  }
}

.dx-tooltip-wrapper .dx-overlay-content {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px #0000001a;
  color: #333;
  line-height: 0;
  min-height: 26px;
  min-width: 34px;
  text-align: center
}

.dx-tooltip-wrapper .dx-overlay-content:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
  display: inline-block;
  font-size: .85em;
  line-height: normal;
  padding: 12px 17px;
  white-space: nowrap
}

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
  background: #fff;
  border: 1px solid #ddd
}

.dx-slider-label {
  font-size: .85em;
  position: absolute
}

.dx-slider-label:last-child {
  inset-inline-end: 0
}

.dx-slider-label-position-bottom {
  padding-bottom: 14px
}

.dx-slider-label-position-top {
  padding-top: 14px
}

.dx-slider {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-slider:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-slider .dx-overlay-content {
  height: 28px
}

.dx-slider .dx-overlay-content:before {
  display: none
}

.dx-slider .dx-popover-wrapper .dx-popover-arrow:after {
  height: 9.8995898741px;
  width: 9.8995898741px
}

.dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
  height: 7px;
  width: 14px
}

.dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
  height: 14px;
  width: 7px
}

.dx-slider-wrapper {
  cursor: pointer;
  display: inline-block;
  height: 28px;
  position: relative;
  vertical-align: middle;
  width: 100%
}

.dx-slider-bar {
  position: relative
}

.dx-slider-range {
  -webkit-user-drag: none;
  pointer-events: none;
  position: absolute;
  top: 0
}

.dx-slider-handle .dx-tooltip-wrapper .dx-popup-content {
  line-height: 0
}

.dx-state-disabled .dx-slider-wrapper {
  cursor: default
}

.dx-slider-tooltip-visible-on-hover .dx-tooltip {
  visibility: hidden
}

.dx-slider-tooltip-visible-on-hover.dx-state-active .dx-tooltip, .dx-slider-tooltip-visible-on-hover.dx-state-hover .dx-tooltip {
  visibility: visible
}

.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
  box-shadow: none
}

.dx-slider .dx-state-active.dx-slider-handle {
  background: #204d73;
  border: 1px solid #fff
}

.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active), .dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
  background: #285f8f;
  border: 1px solid #fff
}

.dx-slider-bar {
  background: #ddd;
  border-radius: 2px;
  height: 4px;
  margin: 14px 7px
}

.dx-slider-range {
  border: 1px solid #0000;
  box-sizing: initial;
  height: 2px
}

.dx-slider-range.dx-slider-range-visible {
  background: #337ab7;
  border: 1px solid #337ab7;
  border-radius: 2px
}

.dx-slider-label-position-bottom .dx-slider-label {
  bottom: -17px
}

.dx-slider-label-position-top .dx-slider-label {
  top: -14px
}

.dx-slider-handle {
  -webkit-user-drag: none;
  -webkit-margin-end: -7px;
  background-color: #337ab7;
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: initial;
  height: 28px;
  inset-inline-end: 0;
  margin-top: -14px;
  margin-inline-end: -7px;
  pointer-events: auto;
  position: absolute;
  top: 0;
  width: 14px
}

.dx-state-disabled .dx-slider, .dx-state-disabled.dx-slider {
  opacity: 1
}

.dx-state-disabled .dx-slider .dx-slider-bar, .dx-state-disabled.dx-slider .dx-slider-bar {
  opacity: .5
}

.dx-invalid .dx-slider-handle {
  background-color: #d9534f
}

.dx-invalid .dx-slider-range-visible {
  background-color: #d9534f;
  border-color: #d9534f
}

.dx-invalid .dx-slider-bar {
  background-color: #d9534f66
}

.dx-invalid .dx-state-focused.dx-slider-handle:not(.dx-state-active), .dx-invalid .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
  background: #c9302c
}

.dx-rangeslider-start-handle {
  -webkit-margin-start: -7px;
  inset-inline-start: 0;
  margin-inline-start: -7px;
  top: 0
}

.dx-gallery {
  -webkit-touch-callout: none;
  border: 1px solid #0000;
  height: 100%;
  touch-action: pinch-zoom pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.dx-gallery.dx-gallery-indicator-visible {
  border-width: 0
}

.dx-gallery-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%
}

.dx-gallery-wrapper > .dx-empty-message {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%
}

.dx-gallery-container {
  height: 100%;
  position: relative
}

.dx-gallery-item {
  display: inline-block;
  height: 100%;
  overflow: hidden;
  text-align: center;
  width: 100%
}

.dx-gallery-item-image {
  align-self: flex-start;
  flex-shrink: 0;
  height: auto;
  margin: auto;
  max-width: 100%
}

.dx-gallery-item-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.dx-gallery .dx-gallery-item-loop {
  display: none
}

.dx-gallery-loop .dx-gallery-item-loop {
  display: inline-block;
  position: absolute
}

.dx-gallery-item-invisible {
  visibility: hidden
}

.dx-gallery-nav-button-next, .dx-gallery-nav-button-prev {
  -webkit-touch-callout: none;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-gallery-nav-button-prev {
  left: 0
}

.dx-gallery-nav-button-next {
  right: 0
}

.dx-gallery-indicator {
  bottom: 10px;
  font-size: 0;
  height: 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  width: 100%
}

.dx-state-disabled .dx-gallery-indicator-item, .dx-state-disabled .dx-gallery-nav-button-next, .dx-state-disabled .dx-gallery-nav-button-prev {
  cursor: default
}

.dx-rtl .dx-gallery-nav-button-prev {
  left: auto;
  right: 0;
  transform: scaleX(-1)
}

.dx-rtl .dx-gallery-nav-button-next {
  left: 0;
  right: auto;
  transform: scaleX(-1)
}

.dx-gallery .dx-gallery-nav-button-next, .dx-gallery .dx-gallery-nav-button-prev {
  background: 0 0;
  cursor: pointer;
  height: 100%;
  position: absolute;
  text-align: center;
  top: 0;
  width: 34%
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-hover:after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover:after {
  background-color: #337ab780
}

.dx-gallery .dx-gallery-nav-button-next.dx-state-active:after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active:after {
  background-color: #337ab7b3
}

.dx-gallery .dx-gallery-nav-button-next:before, .dx-gallery .dx-gallery-nav-button-prev:before {
  clear: both;
  color: #fff;
  display: block;
  font-size: 32px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 10
}

.dx-gallery .dx-gallery-nav-button-next:after, .dx-gallery .dx-gallery-nav-button-prev:after {
  border-radius: 0;
  content: "";
  height: 100%;
  position: absolute;
  width: 32px
}

.dx-gallery .dx-gallery-nav-button-prev {
  font: 14px/1 DXIcons
}

.dx-gallery .dx-gallery-nav-button-prev:before {
  content: "\f012";
  left: 0;
  margin-left: 0;
  right: auto
}

.dx-gallery .dx-gallery-nav-button-prev:after {
  left: 0
}

.dx-gallery .dx-gallery-nav-button-next {
  font: 14px/1 DXIcons
}

.dx-gallery .dx-gallery-nav-button-next:before {
  content: "\f010";
  left: auto;
  right: 0
}

.dx-gallery .dx-gallery-nav-button-next:after {
  right: 0
}

.dx-gallery-indicator-item {
  background: #fff;
  border: 1px solid #337ab7;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 8px;
  margin: 1px 6px;
  pointer-events: auto;
  width: 8px
}

.dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected {
  background: #337ab7;
  border: 2px solid #fffc;
  height: 12px;
  margin: -1px 6px;
  width: 12px
}

.dx-state-focused.dx-gallery {
  border-color: #337ab7
}

.dx-state-focused.dx-gallery .dx-gallery-indicator-item-selected {
  background: #22527b
}

.dx-lookup {
  margin: 0
}

.dx-lookup .dx-popup-content .dx-scrollable {
  height: calc(100% - 45px)
}

.dx-lookup .dx-lookup-field-wrapper {
  height: 100%;
  position: relative;
  width: 100%
}

.dx-lookup-field {
  -webkit-padding-before: 7px;
  -webkit-padding-after: 8px;
  -webkit-padding-end: 34px;
  -webkit-padding-start: 9px;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  overflow: hidden;
  padding-block-end: 8px;
  padding-block-start: 7px;
  padding-inline-end: 34px;
  padding-inline-start: 9px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%
}

.dx-lookup-field:before {
  color: #0000;
  content: ".";
  display: inline-block;
  float: left;
  width: 0
}

.dx-lookup-empty .dx-lookup-field {
  align-items: center;
  display: flex
}

.dx-lookup-empty .dx-lookup-field .dx-placeholder:before {
  padding: 0
}

.dx-lookup-empty .dx-placeholder {
  display: flex;
  position: relative
}

.dx-state-disabled .dx-lookup-field {
  cursor: default
}

.dx-lookup-popup-wrapper .dx-list-item {
  border-top: none;
  cursor: pointer
}

.dx-lookup-popup-search .dx-list {
  height: 90%;
  height: calc(100% - 70px)
}

.dx-lookup-search-wrapper {
  padding: 20px 20px 14px;
  width: 100%
}

.dx-editor-underlined .dx-lookup-field {
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.dx-lookup-arrow {
  bottom: 0;
  color: #333;
  font: 18px/18px DXIcons;
  height: 100%;
  inset-inline-end: 0;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 0;
  width: 34px
}

.dx-lookup-arrow:before {
  content: "\f04e";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-rtl .dx-lookup-arrow:before {
  content: "\f04f"
}

.dx-dropdowneditor-active .dx-lookup-arrow {
  color: #333
}

.dx-lookup-popup-wrapper .dx-list-item:last-of-type {
  border-bottom: none
}

.dx-lookup-popup-wrapper .dx-list-item-content {
  padding-left: 20px;
  padding-right: 20px
}

.dx-lookup-popup-wrapper .dx-popup-content {
  padding: 0;
  top: 0
}

.dx-lookup-popup-wrapper .dx-popup-title + .dx-popup-content {
  top: 49px
}

.dx-lookup-empty .dx-lookup-field {
  color: #999
}

.dx-invalid.dx-lookup .dx-lookup-field:after {
  background-color: #d9534f;
  border-radius: 50%;
  color: #fff;
  content: "!"
}

.dx-invalid.dx-lookup .dx-lookup-field:after, .dx-valid.dx-lookup .dx-lookup-field:after {
  font-size: 13px;
  font-weight: 700;
  height: 18px;
  inset-inline-end: 38px;
  line-height: 18px;
  margin-top: -9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 18px
}

.dx-valid.dx-lookup .dx-lookup-field:after {
  animation: dx-valid-badge-frames .3s cubic-bezier(1, .008, .565, 1.65) .1s forwards;
  color: #5cb85c;
  content: "\f005";
  font-family: DXIcons, sans-serif;
  opacity: 0;
  transform: scale(0)
}

.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
  height: 22px;
  inset-inline-end: 38px;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 22px
}

.dx-loadpanel-content:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.dx-loadpanel-content-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 100%
}

.dx-loadpanel-message {
  text-align: center
}

.dx-loadpanel-content.dx-loadpanel-pane-hidden {
  background: 0 0;
  border: none;
  box-shadow: none
}

@keyframes dx-loadpanel-opacity {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.dx-loadpanel-content {
  -webkit-touch-callout: none;
  -webkit-user-drag: none;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 6px 12px #00000040;
  padding: 10px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-tagbox .dx-texteditor-input {
  width: auto
}

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
  border: none;
  color: #0000;
  margin-left: 0;
  margin-right: 0;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  text-shadow: 0 0 0 gray;
  width: .1px
}

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus {
  outline: 0
}

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
  background: 0 0
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
  cursor: default
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
  align-items: stretch;
  flex-wrap: wrap
}

.dx-tag {
  align-self: flex-start;
  display: inline-flex;
  max-width: calc(100% - 1px)
}

.dx-tag-container.dx-texteditor-input-container {
  outline: 0
}

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
  overflow: hidden;
  white-space: nowrap
}

.dx-texteditor-container.dx-tag-container {
  white-space: normal
}

.dx-tag-content {
  -webkit-margin-start: 4px;
  -webkit-padding-start: 6px;
  -webkit-padding-end: 25px;
  background-color: #ddd;
  border-radius: 2px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  margin-top: 4px;
  margin-inline-start: 4px;
  min-width: 40px;
  padding: 3px 25px 4px 6px;
  padding-inline-end: 25px;
  padding-inline-start: 6px;
  position: relative;
  text-align: center
}

.dx-tag-remove-button {
  height: 100%;
  inset-inline-end: 0;
  position: absolute;
  top: 0;
  width: 25px
}

.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
  margin-left: 5px;
  padding-left: 0
}

.dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0
}

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

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input {
  height: auto
}

.dx-tagbox .dx-tag-container.dx-texteditor-input-container {
  padding-bottom: 4px
}

.dx-tagbox .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
  min-height: 30px;
  padding-bottom: 4px
}

.dx-texteditor-with-floating-label.dx-editor-outlined .dx-tag-container.dx-texteditor-input-container, .dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-outlined .dx-tag-container.dx-texteditor-input-container {
  padding-top: 8px
}

.dx-texteditor-with-floating-label.dx-editor-filled .dx-tag-container.dx-texteditor-input-container, .dx-texteditor-with-floating-label.dx-editor-underlined .dx-tag-container.dx-texteditor-input-container, .dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-filled .dx-tag-container.dx-texteditor-input-container, .dx-texteditor-with-label:not(.dx-texteditor-label-outside).dx-editor-underlined .dx-tag-container.dx-texteditor-input-container {
  padding-bottom: 2px;
  padding-top: 12px
}

.dx-tag-remove-button:after, .dx-tag-remove-button:before {
  background: #aaa;
  content: "";
  height: 11px;
  inset-inline-end: 9px;
  margin-top: -5px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 3px
}

.dx-tag-remove-button:after {
  height: 3px;
  inset-inline-end: 5px;
  margin-top: -1px;
  width: 11px
}

.dx-tag-remove-button:active:after, .dx-tag-remove-button:active:before {
  background: #ddd
}

.dx-tag.dx-state-focused .dx-tag-content {
  background-color: #cbcbcb;
  color: #333
}

.dx-tag.dx-state-focused .dx-tag-remove-button:after, .dx-tag.dx-state-focused .dx-tag-remove-button:before {
  background-color: #aaa
}

.dx-tag.dx-state-focused .dx-tag-remove-button:active:after, .dx-tag.dx-state-focused .dx-tag-remove-button:active:before {
  background: #ddd
}

.dx-tagbox.dx-invalid .dx-texteditor-container:after, .dx-tagbox.dx-valid .dx-texteditor-container:after, .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  inset-inline-end: 8px
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
  border-bottom: 1px solid #ddd;
  margin-bottom: 3px;
  padding-bottom: 11px
}

.dx-radio-value-container {
  -webkit-padding-end: 10px;
  padding-inline-end: 10px
}

.dx-radiogroup-horizontal .dx-collection {
  -moz-column-gap: 17px;
  column-gap: 17px;
  display: flex;
  flex-wrap: wrap
}

.dx-radiobutton {
  -webkit-touch-callout: none;
  align-items: center;
  cursor: pointer;
  display: flex;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-radiobutton.dx-state-disabled {
  cursor: default;
  opacity: .5
}

.dx-state-disabled .dx-radiobutton.dx-state-disabled {
  opacity: 1
}

.dx-radiobutton-icon .dx-radiobutton-icon-dot {
  border: 0 solid #fff;
  border-radius: 50%;
  height: 100%;
  width: 100%
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  background-color: #337ab7;
  border-width: 5px
}

.dx-radiobutton-icon {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  height: 22px;
  position: relative;
  width: 22px
}

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon {
  border-color: #f4f4f4
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon {
  border-color: #337ab766
}

.dx-radiobutton.dx-state-active .dx-radiobutton-icon {
  background-color: #60606033
}

.dx-radiobutton.dx-state-active .dx-radiobutton-icon-dot {
  border-color: #ddd
}

.dx-radiobutton.dx-state-focused .dx-radiobutton-icon {
  border-color: #337ab7
}

.dx-invalid .dx-radiobutton-icon {
  border-color: #d9534f66
}

.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon, .dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon {
  border-color: #d9534f
}

.dx-state-readonly .dx-radiobutton-icon {
  border-color: #f4f4f4
}

.dx-radiogroup .dx-radiobutton, .dx-radiogroup .dx-radiobutton-icon {
  margin-bottom: 1px;
  margin-top: 1px
}

.dx-accordion-item-title {
  -webkit-touch-callout: none;
  align-items: center;
  color: #333;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  padding: 9px 12px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-accordion-item-title-caption {
  -webkit-margin-end: 18px;
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  margin-inline-end: 18px
}

.dx-accordion-item-body {
  overflow: hidden;
  padding: 8px 12px 22px
}

.dx-accordion-item-closed .dx-accordion-item-body {
  visibility: hidden
}

.dx-accordion-item {
  border: 1px solid #0000;
  border-top-color: #ddd;
  overflow: hidden
}

.dx-accordion-item-opened .dx-accordion-item-body {
  visibility: visible
}

.dx-state-disabled .dx-accordion-item-title {
  cursor: default
}

.dx-accordion {
  background-color: #fff;
  color: #333
}

.dx-accordion-item:last-child {
  border-bottom: 1px solid #ddd
}

.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
  background-color: #60606033;
  color: #333
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
  background-color: #0000000a
}

.dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
  border-bottom-color: #0000000a
}

.dx-accordion-item-opened {
  border-color: #ddd
}

.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title, .dx-accordion-item-opened > .dx-accordion-item-title {
  background-color: initial
}

.dx-accordion-item-opened > .dx-accordion-item-title:before {
  content: "\f014"
}

.dx-accordion-item-opened + .dx-accordion-item {
  border-top-color: #0000
}

.dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
  border-top-color: #0000000a
}

.dx-accordion-item-title:before {
  content: "\f016";
  font-family: DXIcons;
  font-size: 18px;
  font-weight: 400;
  inset-inline-end: 12px;
  line-height: 100%;
  position: absolute
}

.dx-accordion-item-title .dx-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  display: inline-block;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-accordion-item-title-caption .dx-icon {
  -webkit-margin-end: 6px;
  -webkit-margin-start: 0;
  margin-inline-end: 6px;
  margin-inline-start: 0
}

.dx-state-disabled.dx-accordion-item {
  opacity: .5
}

.dx-state-focused.dx-accordion-item {
  border-color: #337ab7
}

.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat;
  border: none
}

.dx-colorbox-input-container .dx-placeholder {
  max-width: calc(100% - 25px)
}

.dx-colorbox .dx-texteditor-input-container:before {
  content: "";
  display: block;
  height: 15px;
  inset-inline-start: 14px;
  margin-top: -7.5px;
  position: absolute;
  top: 50%;
  width: 15px;
  z-index: 1
}

.dx-colorbox .dx-colorbox-color-is-not-defined .dx-texteditor-input-container:before {
  background: 0 0
}

.dx-colorbox .dx-texteditor-label .dx-label-before {
  min-width: 40px
}

.dx-colorbox-overlay .dx-popup-content {
  overflow: hidden;
  padding: 20px
}

.dx-colorbox-overlay .dx-popup-bottom .dx-toolbar-item:first-child {
  padding-right: 10px
}

.dx-colorbox-overlay .dx-colorview-buttons-container .dx-button {
  margin: 0
}

.dx-colorview-container label {
  color: #333;
  display: block;
  font-weight: 400;
  line-height: 36px;
  margin: 0;
  overflow: hidden;
  white-space: normal
}

.dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-left: 43px
}

.dx-colorview-container .dx-button {
  margin-bottom: 0;
  margin-top: 0
}

.dx-colorview-container .dx-button.dx-colorview-apply-button {
  margin-left: 0;
  margin-right: 10px
}

.dx-colorview-container .dx-button.dx-colorview-cancel-button {
  margin-left: 0;
  margin-right: 0
}

.dx-colorview-container-row {
  overflow: hidden;
  padding-top: 1px
}

.dx-colorview-container-row:first-child {
  margin-top: 0
}

.dx-colorview-container-cell {
  float: left
}

.dx-colorview-palette-handle {
  border-radius: 100%;
  cursor: crosshair;
  height: 28px;
  left: 0;
  position: absolute;
  top: 0;
  width: 28px;
  z-index: 5
}

.dx-colorview-alpha-channel-handle, .dx-colorview-hue-scale-handle {
  cursor: pointer;
  position: absolute
}

.dx-colorview-hue-scale-handle {
  height: 17px;
  left: -7px;
  top: 0;
  width: 36px
}

.dx-colorview-alpha-channel-handle {
  height: 36px;
  left: 0;
  top: -6px;
  width: 17px
}

.dx-colorview-hue-scale {
  background-image: linear-gradient(0deg, red, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, red);
  background-repeat: no-repeat;
  position: relative
}

.dx-colorbox-input-container:after, .dx-colorview-alpha-channel-wrapper, .dx-colorview-color-preview-container-inner {
  background-image: linear-gradient(45deg, #ccc 25%, #0000 0, #0000 74%, #ccc 75%, #ccc), linear-gradient(45deg, #ccc 25%, #0000 0, #0000 74%, #ccc 75%, #ccc);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px
}

.dx-colorview-alpha-channel-wrapper {
  background-position: 0 6px, 8px 14px
}

.dx-colorbox-input-container {
  height: 100%
}

.dx-colorview-palette-gradient-white {
  background-image: linear-gradient(270deg, #fff0, #fff);
  background-repeat: no-repeat
}

.dx-colorview-palette-gradient-black {
  background-image: linear-gradient(180deg, #0000, #000);
  background-repeat: no-repeat
}

.dx-colorview-palette {
  cursor: crosshair;
  overflow: hidden;
  position: relative
}

.dx-colorview-palette-gradient {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dx-colorview-alpha-channel-scale {
  height: 20px;
  position: relative
}

.dx-colorview-hue-scale-cell {
  margin-left: 19px;
  position: relative
}

.dx-colorview-controls-container {
  margin-left: 27px;
  position: relative
}

.dx-colorview-alpha-channel-cell {
  margin: 6px 0;
  position: relative
}

.dx-colorview-alpha-channel-cell .dx-button {
  width: 90px
}

.dx-rtl .dx-colorview-container-row .dx-colorview-container-cell {
  float: right
}

.dx-rtl .dx-colorview-hue-scale-cell {
  margin-left: 0;
  margin-right: 19px
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-left: 0;
  margin-right: 41px
}

.dx-rtl .dx-colorview-container label .dx-texteditor {
  float: left
}

.dx-rtl .dx-colorview-controls-container {
  margin-left: 0;
  margin-right: 25px
}

.dx-rtl .dx-colorview-alpha-channel-scale {
  direction: ltr
}

.dx-colorview-palette-handle {
  background: radial-gradient(#0000 5px, #0003 6px, #fff 7px, #fff 12px, #0003 13px);
  box-shadow: 0 1px 1px 0 #0003
}

.dx-colorview-hue-scale-handle {
  border: 1px solid #0003;
  box-shadow: inset -5px 0 0 3px #fff, inset 5px 0 0 3px #fff, inset -6px 0 1px 4px #0003, inset 6px 0 1px 4px #0003
}

.dx-colorview-alpha-channel-handle {
  border: 1px solid #0003;
  box-shadow: inset 0 -5px 0 3px #fff, inset 0 5px 0 3px #fff, inset 0 -6px 1px 4px #0003, inset 0 6px 1px 4px #0003
}

.dx-colorview-container {
  overflow: hidden;
  width: 450px
}

.dx-colorview-container label.dx-colorview-label-hex {
  margin: 10px 0 0
}

.dx-colorview-container label.dx-colorview-alpha-channel-label {
  -webkit-margin-start: 43px;
  margin-inline-start: 43px;
  width: 115px
}

.dx-colorview-container label .dx-texteditor {
  float: right;
  margin: 1px 1px 10px 0;
  width: 69px
}

.dx-colorview-hue-scale-cell {
  -webkit-margin-start: 19px;
  margin-inline-start: 19px
}

.dx-colorview-palette {
  height: 299px;
  width: 288px
}

.dx-colorview-alpha-channel-scale {
  width: 288px
}

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
  margin-top: 10px
}

.dx-colorview-hue-scale {
  height: 299px;
  width: 18px
}

.dx-colorview-alpha-channel-cell {
  width: 292px
}

.dx-colorview-hue-scale-wrapper {
  height: 301px
}

.dx-colorview-color-preview {
  height: 40px;
  width: 100%
}

.dx-colorview-controls-container {
  -webkit-margin-start: 27px;
  margin-inline-start: 27px;
  width: 90px
}

.dx-colorview-alpha-channel-border, .dx-colorview-color-preview-container, .dx-colorview-hue-scale-wrapper, .dx-colorview-palette-cell {
  background-color: #fff;
  box-shadow: 0 0 0 1px #ddd;
  margin: 0 1px 1px;
  padding: 1px
}

.dx-colorview-color-preview-container {
  margin-bottom: 34px
}

.dx-colorbox .dx-colorbox-input-container .dx-colorbox-input, .dx-colorbox .dx-colorbox-input-container .dx-placeholder:before {
  -webkit-padding-start: 40px;
  padding-inline-start: 40px
}

.dx-colorbox-color-result-preview {
  border: 1px solid #ddd;
  height: 17px;
  inset-inline-start: 13px;
  margin-top: -8.5px;
  position: absolute;
  top: 50%;
  width: 17px;
  z-index: 2
}

.dx-colorbox-overlay {
  padding: 0
}

.dx-colorbox-overlay.dx-overlay-content {
  background-color: #fff
}

.dx-pager {
  -webkit-touch-callout: none;
  line-height: normal;
  overflow: hidden;
  padding-bottom: 9px;
  padding-top: 9px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.dx-pager .dx-pages {
  float: right;
  white-space: nowrap
}

.dx-pager .dx-pages .dx-page-indexes {
  display: inline-block
}

.dx-pager .dx-pages .dx-page {
  cursor: pointer;
  display: inline-block;
  margin-left: 5px;
  margin-right: 1px
}

.dx-pager .dx-pages .dx-separator {
  display: inline-block
}

.dx-pager .dx-pages .dx-info {
  display: inline-block;
  margin-right: 9px;
  opacity: .7
}

.dx-pager .dx-pages .dx-navigate-button {
  box-sizing: initial;
  cursor: pointer;
  display: inline-block;
  vertical-align: top
}

.dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
  cursor: inherit;
  opacity: .3
}

.dx-pager .dx-page-sizes {
  float: left
}

.dx-pager .dx-page-sizes .dx-page-size {
  cursor: pointer;
  display: inline-block;
  margin-left: 4px;
  margin-right: 1px
}

.dx-pager .dx-page-sizes .dx-page-size.dx-first-child, .dx-pager .dx-page-sizes .dx-page-size:first-child {
  margin-left: 1px
}

.dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
  background-color: #d4d4d4;
  border-color: #0000;
  color: #333;
  cursor: inherit;
  text-shadow: none
}

.dx-pager .dx-light-pages {
  display: inline-block
}

.dx-pager .dx-light-pages .dx-page-index {
  width: 40px
}

.dx-pager .dx-light-pages .dx-pages-count {
  cursor: pointer
}

.dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-pages-count {
  padding-left: 6px
}

.dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-page-index, .dx-pager .dx-light-pages .dx-pages-count {
  display: table-cell
}

.dx-pager.dx-rtl .dx-pages, .dx-rtl .dx-pager .dx-pages {
  direction: ltr;
  float: left
}

.dx-pager.dx-rtl .dx-pages .dx-page, .dx-rtl .dx-pager .dx-pages .dx-page {
  direction: ltr
}

.dx-pager.dx-rtl .dx-pages .dx-page:first-child, .dx-rtl .dx-pager .dx-pages .dx-page:first-child {
  margin-left: 1px
}

.dx-pager.dx-rtl .dx-pages .dx-info, .dx-rtl .dx-pager .dx-pages .dx-info {
  direction: rtl;
  margin-left: 9px;
  margin-right: 0
}

.dx-pager.dx-rtl .dx-page-sizes, .dx-rtl .dx-pager .dx-page-sizes {
  float: right
}

.dx-pager.dx-light-mode .dx-page-sizes {
  min-width: 42px
}

.dx-pager.dx-light-mode .dx-page-indexes {
  vertical-align: middle
}

.dx-pager.dx-light-mode .dx-page-index {
  min-width: 19px
}

.dx-pager .dx-pages .dx-page {
  padding: 7px 9px 8px
}

.dx-pager .dx-pages .dx-separator {
  padding-left: 8px;
  padding-right: 8px
}

.dx-pager .dx-pages .dx-navigate-button {
  height: 17px;
  padding: 9px 13px;
  width: 9px
}

.dx-pager .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons
}

.dx-pager .dx-pages .dx-prev-button:before {
  content: "\f012"
}

.dx-pager .dx-pages .dx-next-button {
  font: 14px/1 DXIcons
}

.dx-pager .dx-pages .dx-next-button:before {
  content: "\f010"
}

.dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button {
  font-size: 21px;
  line-height: 21px;
  position: relative;
  text-align: center
}

.dx-pager .dx-pages .dx-next-button:before, .dx-pager .dx-pages .dx-prev-button:before {
  display: block;
  left: 50%;
  margin-left: -10.5px;
  margin-top: -10.5px;
  position: absolute;
  top: 50%;
  width: 21px
}

.dx-pager .dx-page, .dx-pager .dx-page-size {
  border: 1px solid #0000;
  border-radius: 3px
}

.dx-pager .dx-page-sizes .dx-page-size {
  padding: 7px 9px 8px 10px
}

.dx-gridbase-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: inherit;
  min-height: inherit
}

.dx-gridbase-container > * {
  flex: 0 0 auto
}

.dx-gridbase-a11y-status-container {
  height: 0;
  overflow: hidden;
  width: 0
}

.dx-datagrid-important-margin {
  margin-right: 5px !important
}

.dx-datagrid-table {
  background-color: initial
}

.dx-datagrid-borders > .dx-datagrid-total-footer {
  border-top: 0
}

.dx-datagrid-borders > .dx-datagrid-pager {
  margin-top: -1px
}

.dx-datagrid-borders > .dx-datagrid-header-panel {
  border-bottom: 0
}

.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2), .dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0
}

.dx-datagrid .dx-datagrid-content-fixed {
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
  position: relative
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
  pointer-events: auto
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
  background-color: initial;
  border-bottom-color: #0000;
  border-top-color: #0000;
  pointer-events: none;
  visibility: hidden
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: #0000
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto
}

.dx-datagrid .dx-menu-subitem ul li {
  padding-top: 0
}

.dx-datagrid .dx-menu-subitem ul li:first-child {
  padding-top: 1px
}

.dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px
}

.dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left
}

.dx-datagrid .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden
}

.dx-datagrid .dx-column-indicators .dx-sort-index-icon {
  margin-left: -3px;
  padding-right: 3px;
  width: 15px
}

.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block
}

.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter:after, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter:after {
  bottom: 0;
  content: "";
  left: 0;
  margin: -7px;
  position: absolute;
  right: 0;
  top: 0
}

.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
  padding: 7px
}

.dx-datagrid .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: auto
}

.dx-datagrid .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.dx-datagrid .dx-error-row .dx-error-message a {
  color: inherit
}

.dx-datagrid .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  padding: 0;
  vertical-align: middle
}

.dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  border-bottom: none;
  font-size: 16px
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 16px
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-datagrid-drag-action {
  cursor: pointer;
  opacity: 1;
  touch-action: pinch-zoom
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .dx-treeview-node .dx-treeview-item, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-treeview-item {
  -webkit-padding-start: 4px;
  padding-inline-start: 4px
}

.dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
  white-space: nowrap
}

.dx-datagrid-drag-header {
  box-sizing: initial;
  cursor: pointer;
  position: absolute;
  vertical-align: middle;
  z-index: 10000
}

.dx-datagrid-drag-header.dx-drag-command-cell {
  padding: 0
}

.dx-datagrid-columns-separator {
  position: absolute;
  width: 3px;
  z-index: 3
}

.dx-datagrid-columns-separator-transparent {
  border-left: 0;
  border-right: 0
}

.dx-datagrid-tracker {
  cursor: col-resize;
  width: 100%;
  z-index: 3
}

.dx-datagrid-table-content, .dx-datagrid-tracker {
  position: absolute;
  top: 0
}

.dx-datagrid-focus-overlay {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden
}

.dx-datagrid-action, .dx-datagrid-drag-action {
  cursor: pointer
}

.dx-datagrid-content {
  position: relative
}

.dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message {
  visibility: visible
}

.dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content {
  overflow: hidden;
  text-overflow: ellipsis
}

.dx-datagrid-table-fixed {
  table-layout: fixed;
  width: 100%
}

.dx-datagrid-content .dx-datagrid-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px
}

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
  max-width: none
}

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none
}

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit {
  max-width: none !important
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
  float: none !important
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
  width: 14px
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
  max-width: none
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
  margin-right: 3px
}

.dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
  margin-left: 3px
}

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
  float: none !important
}

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
  width: 14px
}

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px
}

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px
}

.dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
  max-width: 0
}

.dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child {
  float: none
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
  vertical-align: top
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
  border-left: 0
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-last-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-last-child {
  border-right: 0
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
  border-right: none;
  vertical-align: top
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
  border-left: none
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
  overflow: hidden
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
  position: static
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  vertical-align: middle
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell:not(.dx-datagrid-cell-expandable) {
  padding-left: 0
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  max-width: 70px;
  min-width: 70px;
  padding: 0;
  width: 70px
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
  min-width: 100px;
  text-overflow: clip;
  white-space: nowrap;
  width: 100px
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  min-width: 80px;
  width: 80px
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link {
  display: inline-block
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
  -webkit-touch-callout: none;
  max-width: 30px;
  min-width: 30px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 30px
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle
}

.dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap
}

.dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
  cursor: pointer;
  overflow: hidden;
  padding: 7px 7px 7px 32px;
  text-overflow: ellipsis
}

.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
  border-right: none
}

.dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none
}

.dx-cell-modified, .dx-datagrid-invalid, .dx-highlight-outline {
  padding: 7px;
  position: relative
}

.dx-cell-modified:after, .dx-datagrid-invalid:after, .dx-highlight-outline:after {
  border: 2px solid #0000;
  bottom: 0;
  content: "";
  left: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.dx-cell-modified.dx-hidden, .dx-datagrid-invalid.dx-hidden, .dx-highlight-outline.dx-hidden {
  display: block !important
}

.dx-cell-modified.dx-hidden:after, .dx-datagrid-invalid.dx-hidden:after, .dx-highlight-outline.dx-hidden:after {
  display: none
}

.dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-datagrid-invalid {
  padding: 0
}

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

.dx-datagrid-headers {
  -webkit-touch-callout: none;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-header-row > td > .dx-datagrid-text-content {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.dx-header-row > td > .dx-datagrid-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  max-width: 100%
}

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0
}

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  bottom: -1px;
  content: " ";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1
}

.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
  border-top: 1px solid #0000
}

.dx-datagrid-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid {
  padding: 0
}

.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
  display: none
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px
}

.dx-datagrid-filter-row .dx-cell-modified:after, .dx-datagrid-filter-row .dx-datagrid-invalid:after {
  pointer-events: none
}

.dx-datagrid-filter-row .dx-focused .dx-highlight-outline:after, .dx-datagrid-filter-row .dx-focused.dx-cell-modified:after, .dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid:after {
  border-color: #0000
}

.dx-datagrid-filter-row .dx-menu {
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  z-index: 1
}

.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%
}

.dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container, .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.dx-datagrid-filter-row > .dx-first-cell .dx-menu, .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0
}

.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px
}

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px
}

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px
}

.dx-datagrid-filter-row .dx-menu-caption {
  padding-left: 6px
}

.dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none
}

.dx-datagrid-filter-row .dx-menu-item-highlight {
  font-weight: 400
}

.dx-datagrid-scroll-container {
  overflow: hidden;
  width: 100%
}

.dx-datagrid-header-panel {
  text-align: left
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px
}

.dx-datagrid-search-panel {
  margin: 0 0 0 15px
}

.dx-gridbase-container > .dx-datagrid-rowsview {
  flex: auto;
  height: auto
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
  display: flex
}

.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  flex: 1 1;
  height: auto;
  min-height: 0;
  min-width: 0
}

.dx-datagrid-rowsview {
  overflow: hidden;
  position: relative
}

.dx-datagrid-rowsview.dx-empty {
  height: 100px
}

.dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
  height: 100%
}

.dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2
}

.dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3
}

.dx-datagrid-rowsview .dx-datagrid-content {
  overflow-anchor: none
}

.dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
  min-height: 100%
}

.dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container {
  width: auto
}

.dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
  height: auto
}

.dx-datagrid-rowsview:focus {
  outline: 0
}

.dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis
}

.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none
}

.dx-datagrid-rowsview .dx-data-row > td:focus {
  outline: 0
}

.dx-datagrid-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td .dx-link, .dx-datagrid-rowsview .dx-selection > td .dx-link, .dx-datagrid-rowsview .dx-selection > tr > td .dx-link {
  color: inherit
}

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row {
  border-bottom: 0;
  border-top: 0
}

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
  padding-bottom: 0;
  padding-top: 0
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: none
}

.dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox, .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0
}

.dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified:after {
  border-color: #0000
}

.dx-datagrid-nodata {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.dx-datagrid-bottom-load-panel {
  padding: 10px;
  text-align: center
}

.dx-datagrid-hidden-column {
  white-space: nowrap
}

.dx-datagrid .dx-row .dx-datagrid-hidden-column {
  border-left-width: 0;
  border-right-width: 0
}

.dx-datagrid-hidden-column > * {
  display: none !important
}

.dx-datagrid-total-footer > .dx-datagrid-content {
  padding-bottom: 7px;
  padding-top: 7px
}

.dx-datagrid-summary-item {
  font-weight: 700
}

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

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  box-shadow: none
}

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0
}

.dx-datagrid-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  height: 0;
  width: 0
}

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

.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none
}

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

.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px
}

.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right
}

.dx-datagrid.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-datagrid .dx-texteditor-buttons-container {
  text-align: start
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table {
  direction: rtl
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
  border-left: none
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
  border-right: none
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  transform: scaleX(-1)
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px
}

.dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated {
  direction: ltr
}

.dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated .dx-datagrid-table, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated .dx-datagrid-table {
  direction: rtl
}

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px
}

.dx-rtl .dx-datagrid-filter-row .dx-menu {
  left: auto;
  margin-left: 0;
  margin-right: -2px;
  right: 0
}

.dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
  margin-left: 0
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
  padding-right: 6px
}

.dx-rtl .dx-datagrid-header-panel {
  text-align: right
}

.dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
  margin-left: 0
}

.dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px
}

.dx-rtl .dx-datagrid-search-panel {
  margin: 0 15px 0 0
}

.dx-datagrid-filter-panel, .dx-datagrid-filter-panel-left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 0
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover {
  cursor: pointer;
  text-decoration: underline
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
  padding-right: 10px
}

.dx-datagrid-filter-panel .dx-icon-filter {
  cursor: pointer;
  margin: auto 7px auto auto
}

.dx-datagrid {
  cursor: default;
  line-height: normal;
  position: relative;
  white-space: normal
}

.dx-hidden.dx-group-cell {
  display: table-cell !important;
  font-size: 0 !important
}

.dx-datagrid-group-panel {
  display: flex;
  white-space: nowrap;
  width: 100%
}

.dx-datagrid-group-panel .dx-group-panel-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-datagrid-group-panel .dx-group-panel-item {
  display: inline-block;
  min-width: 30px;
  white-space: nowrap
}

.dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
  margin-left: 6px
}

.dx-datagrid-group-panel .dx-block-separator {
  border-radius: 3px;
  position: relative
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-bottom: 1px solid;
  border-top: 1px solid
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
  border-top: none
}

.dx-datagrid-rowsview .dx-group-row:focus {
  outline: 0
}

.dx-datagrid-rowsview .dx-group-row.dx-row > td {
  border-left-color: #0000;
  border-right-color: #0000
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
  outline: 0
}

.dx-datagrid-group-closed:before, .dx-datagrid-group-opened:before {
  display: block;
  left: 0;
  position: absolute;
  right: 0
}

.dx-rtl .dx-datagrid-group-closed {
  transform: scaleX(-1)
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
  border-left: none;
  border-right: none
}

.dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 0
}

.dx-rtl .dx-datagrid-group-panel .dx-sort {
  margin-left: 0;
  margin-right: 6px
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: 1px solid #ddd
}

.dx-datagrid-borders > .dx-datagrid-filter-panel, .dx-datagrid-borders > .dx-datagrid-headers {
  border-top: 1px solid #ddd
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top-width: 0
}

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
  border-color: #337ab780
}

.dx-datagrid > .dx-datagrid-headers, .dx-datagrid > .dx-datagrid-rowsview, .dx-datagrid > .dx-datagrid-total-footer {
  background-color: #fff
}

.dx-datagrid .dx-sort-up {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-sort-up:before {
  content: "\f051"
}

.dx-datagrid .dx-sort-down {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-sort-down:before {
  content: "\f052"
}

.dx-datagrid .dx-sort-down, .dx-datagrid .dx-sort-up {
  font-family: inherit
}

.dx-datagrid .dx-sort-down:before, .dx-datagrid .dx-sort-up:before {
  font-family: DXIcons, sans-serif
}

.dx-datagrid .dx-datagrid-header-panel .dx-toolbar {
  background-color: initial
}

.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
  outline: 0
}

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus, .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline: 2px solid #5c95c5;
  outline-offset: -2px
}

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
  outline-offset: 2px
}

.dx-datagrid .dx-datagrid-headers .dx-header-filter, .dx-datagrid .dx-datagrid-headers .dx-header-row > td {
  outline: 0
}

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline: 2px solid #5c95c5;
  outline-offset: 2px
}

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px
}

.dx-datagrid .dx-header-filter {
  color: #757575;
  font: 14px/1 DXIcons;
  position: relative
}

.dx-datagrid .dx-header-filter:before {
  content: "\f050"
}

.dx-datagrid .dx-header-filter-empty {
  color: #75757580
}

.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
  background-position: 0 0;
  background-size: 14px 14px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  text-align: center;
  width: 14px
}

.dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-col-fixed {
  background-color: #fff
}

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd
}

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none
}

.dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none
}

.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: 2px solid #5c95c5;
  outline-offset: 2px
}

.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  outline-color: #fff;
  outline-offset: 0
}

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
  background-color: #fff
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
  position: relative
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space):before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  background-repeat: repeat-y;
  content: "";
  display: block;
  height: 100%
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 34px;
  transform: scaleX(-1)
}

.dx-datagrid .dx-datagrid-filter-row .dx-filter-range-content {
  color: #333
}

.dx-datagrid .dx-error-row td {
  color: #fff;
  padding: 0
}

.dx-datagrid .dx-column-lines > td:first-child {
  border-left: none
}

.dx-datagrid .dx-column-lines > td:last-child {
  border-right: none
}

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon:before {
  content: "\f038"
}

.dx-datagrid-filter-panel {
  border-top: 1px solid #ddd;
  color: #333;
  padding: 10px
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-icon-filter {
  outline: 0
}

.dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-clear-filter:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-datagrid-filter-panel-text:focus, .dx-datagrid-filter-panel.dx-state-focused .dx-icon-filter:focus {
  outline: 2px solid #5c95c5;
  outline-offset: 3px
}

.dx-datagrid-form-buttons-container {
  float: right
}

.dx-datagrid-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px
}

.dx-datagrid-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons
}

.dx-datagrid-adaptive-more:before {
  content: "\f06c"
}

.dx-datagrid-edit-popup .dx-error-message {
  word-wrap: break-word;
  background-color: #e89895;
  color: #fff;
  margin-bottom: 20px;
  white-space: normal
}

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd
}

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none
}

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:before {
  transform: scaleX(-1)
}

.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  transform: scale(1)
}

.dx-rtl .dx-datagrid .dx-column-lines > td:first-child {
  border-left: 1px solid #ddd;
  border-right: none
}

.dx-rtl .dx-datagrid .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #ddd
}

.dx-rtl .dx-datagrid-form-buttons-container {
  float: left
}

.dx-rtl .dx-datagrid-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px
}

.dx-datagrid-cell-updated-animation {
  animation: dx-datagrid-highlight-change 1s
}

@keyframes dx-datagrid-highlight-change {
  0%, 50% {
    background-color: #33333314
  }
}

.dx-datagrid-total-footer tr {
  outline: 0
}

.dx-datagrid-total-footer:focus-within {
  outline: 2px solid #5c95c5;
  outline-offset: -2px
}

.dx-datagrid-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon, .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
  color: #898989
}

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  background-position: 0 0;
  background-size: 16px 16px;
  font: 16px/16px DXIcons;
  height: 16px;
  padding: 0;
  text-align: center;
  width: 16px
}

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  content: "\f053"
}

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  background-position: 0 0;
  background-size: 16px 16px;
  font: 16px/16px DXIcons;
  height: 16px;
  padding: 0;
  text-align: center;
  width: 16px
}

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  content: "\f054"
}

.dx-datagrid .dx-icon-filter-operation-equals, .dx-datagrid-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-equals:before, .dx-datagrid-container .dx-icon-filter-operation-equals:before {
  content: "\f044"
}

.dx-datagrid .dx-icon-filter-operation-default, .dx-datagrid-container .dx-icon-filter-operation-default {
  background-position: 0 0;
  background-size: 12px 12px;
  font: 12px/12px DXIcons;
  height: 12px;
  padding: 0;
  text-align: center;
  width: 12px
}

.dx-datagrid .dx-icon-filter-operation-default:before, .dx-datagrid-container .dx-icon-filter-operation-default:before {
  content: "\f027"
}

.dx-datagrid .dx-icon-filter-operation-not-equals, .dx-datagrid-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-not-equals:before, .dx-datagrid-container .dx-icon-filter-operation-not-equals:before {
  content: "\f045"
}

.dx-datagrid .dx-icon-filter-operation-less, .dx-datagrid-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-less:before, .dx-datagrid-container .dx-icon-filter-operation-less:before {
  content: "\f046"
}

.dx-datagrid .dx-icon-filter-operation-less-equal, .dx-datagrid-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-less-equal:before, .dx-datagrid-container .dx-icon-filter-operation-less-equal:before {
  content: "\f048"
}

.dx-datagrid .dx-icon-filter-operation-greater, .dx-datagrid-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-greater:before, .dx-datagrid-container .dx-icon-filter-operation-greater:before {
  content: "\f047"
}

.dx-datagrid .dx-icon-filter-operation-greater-equal, .dx-datagrid-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-greater-equal:before, .dx-datagrid-container .dx-icon-filter-operation-greater-equal:before {
  content: "\f049"
}

.dx-datagrid .dx-icon-filter-operation-contains, .dx-datagrid-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-contains:before, .dx-datagrid-container .dx-icon-filter-operation-contains:before {
  content: "\f063"
}

.dx-datagrid .dx-icon-filter-operation-not-contains, .dx-datagrid-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-not-contains:before, .dx-datagrid-container .dx-icon-filter-operation-not-contains:before {
  content: "\f066"
}

.dx-datagrid .dx-icon-filter-operation-starts-with, .dx-datagrid-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-starts-with:before, .dx-datagrid-container .dx-icon-filter-operation-starts-with:before {
  content: "\f064"
}

.dx-datagrid .dx-icon-filter-operation-ends-with, .dx-datagrid-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-ends-with:before, .dx-datagrid-container .dx-icon-filter-operation-ends-with:before {
  content: "\f065"
}

.dx-datagrid .dx-icon-filter-operation-between, .dx-datagrid-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons
}

.dx-datagrid .dx-icon-filter-operation-between:before, .dx-datagrid-container .dx-icon-filter-operation-between:before {
  content: "\f06a"
}

.dx-datagrid {
  color: #333;
  line-height: inherit
}

.dx-datagrid .dx-row-alt {
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5
}

.dx-datagrid .dx-row-alt > td, .dx-datagrid .dx-row-alt > tr > td {
  background-color: #f5f5f5
}

.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: #0000
}

.dx-datagrid .dx-link {
  color: #337ab7;
  cursor: pointer;
  text-decoration: underline
}

.dx-datagrid .dx-row-lines > td {
  border-bottom: 1px solid #ddd
}

.dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.dx-datagrid .dx-error-row .dx-closebutton {
  background-position: 0 0;
  background-size: 14px 14px;
  float: right;
  font: 14px/14px DXIcons;
  height: 14px;
  margin: 9px;
  padding: 0;
  text-align: center;
  width: 14px
}

.dx-datagrid .dx-error-row .dx-closebutton:before {
  content: "\f00a"
}

.dx-datagrid .dx-error-row .dx-error-message {
  word-wrap: break-word;
  background-color: #e89895;
  padding: 7px 35px 7px 7px;
  white-space: normal
}

.dx-datagrid .dx-row > td {
  padding: 7px
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0 5px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto
}

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

.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px
}

.dx-datagrid-edit-popup .dx-error-message {
  padding: 7px
}

.dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input {
  min-height: 33px;
  padding: 7px
}

.dx-datagrid-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-datagrid-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
  padding-right: 7px
}

.dx-datagrid-headers .dx-lookup, .dx-datagrid-rowsview .dx-lookup {
  height: auto
}

.dx-datagrid-headers .dx-lookup-field, .dx-datagrid-rowsview .dx-lookup-field {
  padding-bottom: 7px;
  padding-left: 7px;
  padding-top: 7px
}

.dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-left: 34px
}

.dx-rtl .dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-datagrid-rowsview .dx-searchbox .dx-texteditor-input {
  padding-right: 34px
}

.dx-datagrid-checkbox-size {
  padding-bottom: 2px;
  vertical-align: middle
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
  font-size: 16px
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon:before {
  font-size: 12px
}

.dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  -webkit-margin-start: -3px;
  border-radius: 0;
  display: block;
  font-size: inherit;
  height: 6px;
  inset-inline-start: 50%;
  margin-top: -3px;
  margin-inline-start: -3px;
  position: relative;
  top: 50%;
  width: 6px
}

.dx-datagrid-column-chooser-list .dx-empty-message {
  color: #757575;
  padding: 0 20px
}

.dx-datagrid-column-chooser {
  color: #333;
  font-size: 14px;
  font-weight: 400
}

.dx-datagrid-column-chooser, .dx-datagrid-column-chooser input, .dx-datagrid-column-chooser textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content {
  padding: 0 20px 20px
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  padding: 0 20px 20px
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .dx-treeview-select-all-item, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-select-all-item {
  -webkit-padding-start: 34px;
  padding-inline-start: 34px
}

.dx-datagrid-column-chooser .dx-overlay-content {
  background-color: #fff;
  box-shadow: 0 1px 3px #0003
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: initial;
  padding-bottom: 9px;
  padding-top: 7px
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px -1px #0003;
  color: #757575;
  font-weight: 400;
  margin-bottom: 10px;
  opacity: .5;
  padding: 7px
}

.dx-datagrid-drag-header {
  background-color: #fff;
  border: 1px solid #337ab780;
  box-shadow: 0 0 1px #0000001a, 0 1px 3px #0003;
  color: #757575;
  font-weight: 400;
  padding: 7px
}

.dx-datagrid-columns-separator {
  background-color: #337ab7
}

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

.dx-datagrid-drop-highlight > td {
  background-color: #337ab7;
  color: #fff
}

.dx-datagrid-focus-overlay {
  border: 2px solid #5c95c5
}

.dx-datagrid-table .dx-row .dx-command-select {
  min-width: 70px;
  width: 70px
}

.dx-datagrid-table .dx-row .dx-command-edit {
  min-width: 85px;
  width: 85px
}

.dx-datagrid-table .dx-row .dx-command-edit .dx-state-disabled.dx-link {
  opacity: .5
}

.dx-datagrid-table .dx-row .dx-command-edit .dx-state-disabled.dx-link-icon {
  opacity: .6
}

.dx-datagrid-table .dx-row .dx-command-expand {
  min-width: 30px;
  width: 30px
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
  padding-top: 7px
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: #0000000a;
  color: #333
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-right-color: #0000000a
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-command-select {
  overflow: inherit
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-datagrid-readonly .dx-texteditor .dx-texteditor-input {
  background-color: #0000000a;
  color: #333
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  background-color: initial
}

.dx-datagrid-headers {
  border-bottom: 1px solid #ddd;
  color: #757575;
  font-weight: 400;
  touch-action: pinch-zoom
}

.dx-datagrid-headers .dx-datagrid-content {
  margin-bottom: -1px
}

.dx-datagrid-borders .dx-datagrid-headers .dx-datagrid-table {
  border-bottom-width: 1px
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 1px solid #ddd
}

.dx-datagrid-filter-row .dx-menu .dx-overlay-content {
  color: #333
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused {
  background-color: initial
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused:after {
  border: 2px solid #5c95c5
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
  background-color: #fff
}

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  border-color: #0000
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
  background-color: initial
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  background-color: #fff
}

.dx-datagrid-filter-row .dx-cell-modified:after, .dx-datagrid-filter-row .dx-datagrid-invalid:after, .dx-datagrid-filter-row .dx-highlight-outline:after {
  border-color: #5cb85c80
}

.dx-datagrid-filter-row .dx-menu-item-content .dx-icon {
  color: #898989
}

.dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 7px 7px 32px
}

.dx-datagrid-filter-range-overlay .dx-overlay-content {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 3px #00000026;
  overflow: inherit
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-cell-modified:after, .dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-datagrid-invalid:after {
  border-color: #5cb85c80;
  left: 0
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  background-color: #fff;
  padding: 7px
}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  border: 2px solid #5c95c5
}

.dx-cell-modified, .dx-datagrid-invalid {
  padding: 7px
}

.dx-datagrid-header-panel {
  border-bottom: 1px solid #ddd
}

.dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 10px
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow:before {
  content: "\f00b"
}

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel:before {
  content: "\f04c"
}

.dx-datagrid-save-button .dx-icon-edit-button-save {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-datagrid-save-button .dx-icon-edit-button-save:before {
  content: "\f041"
}

.dx-datagrid-adaptive-more {
  background-position: 0 0;
  background-size: 21px 21px;
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  text-align: center;
  width: 21px
}

.dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview, .dx-datagrid-rowsview.dx-datagrid-after-headers {
  border-top: 1px solid #ddd
}

.dx-datagrid-rowsview .dx-row {
  border-bottom: 1px solid #0000;
  border-top: 1px solid #0000
}

.dx-datagrid-rowsview .dx-row:focus {
  outline: 0
}

.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
  border-bottom: 1px solid #ddd;
  border-top-width: 0
}

.dx-datagrid-rowsview .dx-row.dx-edit-row > td {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.dx-datagrid-rowsview .dx-row.dx-datagrid-edit-form {
  white-space: normal
}

.dx-datagrid-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 20px
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-texteditor-input {
  padding-right: 0
}

.dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell, .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space {
  background-color: #fafafa
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-cell-modified:after, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-datagrid-invalid:after {
  border: 1px solid #d9534f66
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused.dx-cell-modified:after, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused.dx-datagrid-invalid:after {
  border: 1px solid #d9534f
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified:after, .dx-datagrid-rowsview .dx-data-row .dx-cell-modified.dx-datagrid-invalid:after {
  border-color: #5cb85c80
}

.dx-datagrid-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px
}

.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #333333b3
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  padding-bottom: 8px;
  padding-left: 8px;
  padding-top: 8px
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
  border: 1px solid #d9534f66
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
  padding-bottom: 7px;
  padding-left: 7px;
  padding-top: 7px
}

.dx-datagrid-rowsview .dx-item-modified {
  border: 2px solid #5cb85c80;
  border-radius: 4px
}

.dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
  padding-bottom: 6px;
  padding-left: 6px;
  padding-top: 6px
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: #d6e4f1;
  color: #333
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input {
  border-radius: 0
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-datagrid-group-opened {
  color: #333
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #333
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid #5c95c5
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-bottom: 1px solid #d6e4f1;
  border-top: 1px solid #d6e4f1
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #d6e4f1;
  color: #333
}

.dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-closed, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-group-opened, .dx-datagrid-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item {
  color: #333
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
  background-color: #e6e6e6;
  color: #333
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space {
  border-right-color: #e6e6e6
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
  border-right-color: #ddd
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused {
  background-color: #fff;
  color: #333
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid #e6e6e6
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td {
  border-bottom: 1px solid #e6e6e6
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
  border-left-color: #ddd;
  border-right-color: #ddd
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
  border-bottom-color: #ddd
}

.dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0
}

.dx-datagrid-rowsview td.dx-validation-pending {
  padding: 0;
  position: relative
}

.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified, .dx-datagrid-rowsview td.dx-validation-pending.dx-datagrid-invalid {
  padding: 7px 34px 7px 7px
}

.dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl .dx-datagrid-rowsview td.dx-validation-pending.dx-datagrid-invalid, .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl.dx-datagrid-rowsview td.dx-validation-pending.dx-datagrid-invalid {
  padding-left: 34px;
  padding-right: 7px
}

.dx-datagrid-rowsview td.dx-validation-pending .dx-pending-indicator {
  background-color: #fff;
  height: 22px;
  inset-inline-end: 4px;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 22px
}

.dx-datagrid-rowsview td.dx-editor-cell .dx-texteditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px
}

.dx-datagrid-rowsview td.dx-editor-cell .dx-texteditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-bottom: 7px;
  padding-left: 34px;
  padding-right: 7px
}

.dx-datagrid-search-text {
  background-color: #337ab7;
  color: #fff
}

.dx-datagrid-nodata {
  color: #333;
  font-size: 17px;
  opacity: .7
}

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

.dx-datagrid-pager {
  border-top: 1px solid #ddd
}

.dx-datagrid-pager .dx-navigate-button, .dx-datagrid-pager .dx-page, .dx-datagrid-pager .dx-page-size {
  outline: 0
}

.dx-datagrid-pager.dx-state-focused .dx-navigate-button:focus, .dx-datagrid-pager.dx-state-focused .dx-page-size:focus, .dx-datagrid-pager.dx-state-focused .dx-page:focus {
  outline: 2px solid #5c95c5;
  outline-offset: -2px
}

.dx-datagrid-summary-item {
  color: #333333b3
}

.dx-datagrid-total-footer {
  border-top: 1px solid #ddd;
  position: relative
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
  background-color: #fff;
  min-width: inherit
}

.dx-datagrid-revert-tooltip .dx-revert-button {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
  margin: 0 1px
}

.dx-datagrid-revert-tooltip .dx-revert-button .dx-icon {
  color: #fff
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #d9534f
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #c9302c
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #b52b27
}

.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #a02622;
  color: #fff
}

.dx-datagrid-revert-tooltip .dx-revert-button > .dx-button-content {
  padding: 7px
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size {
  width: 100%
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-container {
  padding: 14px
}

.dx-toolbar-menu-section .dx-datagrid-checkbox-size .dx-checkbox-text {
  padding-left: 34px
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: #0000000a;
  border-right-color: #0000
}

.dx-rtl .dx-datagrid-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px
}

.dx-rtl .dx-datagrid-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 32px 7px 7px
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td {
  border-right-color: #ddd
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: #e6e6e6
}

.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none {
  border-left-color: #ddd
}

.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0
}

.dx-datagrid-group-panel {
  font-size: 14px;
  touch-action: pinch-zoom
}

.dx-datagrid-group-panel .dx-group-panel-message {
  border-bottom: 1px solid #0000;
  border-top: 1px solid #0000;
  color: #757575;
  font-weight: 400;
  line-height: 1.2858;
  padding: 7px
}

.dx-datagrid-group-panel .dx-group-panel-item {
  border: 1px solid #ddd;
  color: #757575;
  font-weight: 400;
  margin-right: 10px;
  padding: 7px
}

.dx-datagrid-group-panel .dx-block-separator {
  background-color: #337ab7;
  color: #757575;
  font-weight: 400;
  margin-right: 10px
}

.dx-datagrid-group-panel .dx-sort {
  color: #757575
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child {
  border-top: none
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
  font-weight: 700
}

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
  background-color: #f7f7f7;
  color: #222
}

.dx-datagrid-rowsview .dx-row.dx-group-row td {
  border-bottom-color: #ddd;
  border-top-color: #ddd
}

.dx-datagrid-group-opened {
  background-position: 0 0;
  background-size: 18px 18px;
  color: #959595;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center
}

.dx-datagrid-group-opened:before {
  content: "\f001"
}

.dx-datagrid-group-closed {
  background-position: 0 0;
  background-size: 18px 18px;
  color: #959595;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center
}

.dx-datagrid-group-closed:before {
  content: "\f04e"
}

.dx-datagrid-group-closed, .dx-datagrid-group-opened {
  cursor: pointer;
  position: relative;
  width: 100%
}

.dx-row.dx-datagrid-group-footer.dx-column-lines {
  border-bottom: 1px solid #ddd
}

.dx-row.dx-datagrid-group-footer > td {
  background-color: #fff;
  border-left-width: 0;
  border-right-width: 0;
  border-top: 1px solid #ddd
}

.dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
  margin-left: 10px
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text, .dx-datagrid-filter-panel .dx-icon-filter {
  color: #337ab7
}

.dx-treelist-important-margin {
  margin-right: 5px !important
}

.dx-treelist-table {
  background-color: initial
}

.dx-treelist-borders > .dx-treelist-total-footer {
  border-top: 0
}

.dx-treelist-borders > .dx-treelist-pager {
  margin-top: -1px
}

.dx-treelist-borders > .dx-treelist-header-panel {
  border-bottom: 0
}

.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2), .dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
  border-bottom-width: 0
}

.dx-treelist .dx-treelist-content-fixed {
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
  position: relative
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
  pointer-events: auto
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
  background-color: initial;
  border-bottom-color: #0000;
  border-top-color: #0000;
  pointer-events: none;
  visibility: hidden
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none {
  border-bottom-color: #0000
}

.dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
  width: auto
}

.dx-treelist .dx-menu-subitem ul li {
  padding-top: 0
}

.dx-treelist .dx-menu-subitem ul li:first-child {
  padding-top: 1px
}

.dx-treelist .dx-menu-subitem .dx-menu-item {
  padding: 7px 30px 7px 5px
}

.dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: left
}

.dx-treelist .dx-link {
  cursor: pointer;
  text-decoration: underline
}

.dx-treelist .dx-column-indicators {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap
}

.dx-treelist .dx-column-indicators.dx-visibility-hidden {
  visibility: hidden
}

.dx-treelist .dx-column-indicators .dx-sort-index-icon {
  margin-left: -3px;
  padding-right: 3px;
  width: 15px
}

.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-treelist .dx-column-indicators .dx-header-filter.dx-sort, .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter, .dx-treelist .dx-column-indicators .dx-sort.dx-sort {
  display: inline-block
}

.dx-treelist .dx-column-indicators .dx-header-filter.dx-header-filter:after, .dx-treelist .dx-column-indicators .dx-sort.dx-header-filter:after {
  bottom: 0;
  content: "";
  left: 0;
  margin: -7px;
  position: absolute;
  right: 0;
  top: 0
}

.dx-treelist .dx-row > td, .dx-treelist .dx-row > tr > td {
  padding: 7px
}

.dx-treelist .dx-error-row {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  user-select: auto
}

.dx-treelist .dx-error-row .dx-error-message {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text
}

.dx-treelist .dx-error-row .dx-error-message a {
  color: inherit
}

.dx-treelist .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: move;
  padding: 0;
  vertical-align: middle
}

.dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
  cursor: pointer;
  cursor: grabbing
}

.dx-sortable-without-handle .dx-data-row {
  cursor: pointer
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  border-bottom: none;
  font-size: 16px
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title .dx-toolbar-label {
  font-size: 16px
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content {
  padding: 0 20px 20px
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item.dx-treelist-drag-action {
  cursor: pointer;
  opacity: 1;
  touch-action: pinch-zoom
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
  padding: 0
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-list .dx-treeview-node .dx-treeview-item, .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-treeview-item {
  -webkit-padding-start: 4px;
  padding-inline-start: 4px
}

.dx-treelist-nowrap, .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
  white-space: nowrap
}

.dx-treelist-drag-header {
  box-sizing: initial;
  cursor: pointer;
  position: absolute;
  vertical-align: middle;
  z-index: 10000
}

.dx-treelist-drag-header.dx-drag-command-cell {
  padding: 0
}

.dx-treelist-columns-separator {
  position: absolute;
  width: 3px;
  z-index: 3
}

.dx-treelist-columns-separator-transparent {
  border-left: 0;
  border-right: 0
}

.dx-treelist-tracker {
  cursor: col-resize;
  width: 100%;
  z-index: 3
}

.dx-treelist-table-content, .dx-treelist-tracker {
  position: absolute;
  top: 0
}

.dx-treelist-focus-overlay {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  visibility: hidden
}

.dx-treelist-action, .dx-treelist-drag-action {
  cursor: pointer
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
  color: inherit
}

.dx-treelist-content {
  position: relative
}

.dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message {
  visibility: visible
}

.dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message .dx-overlay-content, .dx-treelist-text-content {
  overflow: hidden;
  text-overflow: ellipsis
}

.dx-treelist-table-fixed {
  table-layout: fixed;
  width: 100%
}

input.dx-hidden {
  display: inline-block !important;
  width: 0 !important
}

.dx-hidden-cell {
  visibility: hidden
}

.dx-row > td, .dx-row > tr > td {
  border: none
}

.dx-treelist-content .dx-treelist-table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  max-width: 10px
}

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
  max-width: none
}

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
  display: none
}

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
  width: 26px
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit {
  max-width: none !important
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
  float: none !important
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
  width: 14px
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
  display: inline-block
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
  max-width: none
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
  margin-right: 3px
}

.dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
  margin-left: 3px
}

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
  float: none !important
}

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
  width: 14px
}

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
  margin-right: 3px
}

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
  margin-left: 3px
}

.dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
  max-width: 0
}

.dx-treelist-content .dx-treelist-table [class*=column] + [class*=column]:last-child {
  float: none
}

.dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
  vertical-align: top
}

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-first-child, .dx-treelist-content .dx-treelist-table .dx-row > td:first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
  border-left: 0
}

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-last-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-last-child {
  border-right: 0
}

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
  border-right: none;
  vertical-align: top
}

.dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
  border-left: none
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
  overflow: hidden
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
  position: static
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  max-width: 0;
  padding-bottom: 0;
  padding-right: 0;
  padding-top: 0;
  vertical-align: middle
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell:not(.dx-treelist-cell-expandable) {
  padding-left: 0
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor, .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
  border: 0;
  margin: 0
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
  max-width: 70px;
  min-width: 70px;
  padding: 0;
  width: 70px
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
  min-width: 100px;
  text-overflow: clip;
  white-space: nowrap;
  width: 100px
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
  min-width: 80px;
  width: 80px
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
  text-decoration: none
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link {
  display: inline-block
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
  -webkit-touch-callout: none;
  max-width: 30px;
  min-width: 30px;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 30px
}

.dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
  padding: 0;
  vertical-align: middle
}

.dx-treelist-content .dx-treelist-table .dx-data-row .dx-command-edit-with-icons {
  line-height: 1;
  white-space: nowrap
}

.dx-treelist-content .dx-treelist-table .dx-filter-range-content {
  cursor: pointer;
  overflow: hidden;
  padding: 7px 7px 7px 32px;
  text-overflow: ellipsis
}

.dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
  border-right: none
}

.dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
  border-left: none
}

.dx-cell-modified, .dx-highlight-outline, .dx-treelist-invalid {
  padding: 7px;
  position: relative
}

.dx-cell-modified:after, .dx-highlight-outline:after, .dx-treelist-invalid:after {
  border: 2px solid #0000;
  bottom: 0;
  content: "";
  left: 1px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.dx-cell-modified.dx-hidden, .dx-highlight-outline.dx-hidden, .dx-treelist-invalid.dx-hidden {
  display: block !important
}

.dx-cell-modified.dx-hidden:after, .dx-highlight-outline.dx-hidden:after, .dx-treelist-invalid.dx-hidden:after {
  display: none
}

.dx-editor-cell .dx-texteditor-input {
  margin: 0
}

.dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-treelist-invalid {
  padding: 0
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select):before {
  content: "​";
  display: inline-block;
  vertical-align: middle
}

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

.dx-treelist-headers {
  -webkit-touch-callout: none;
  outline: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
  display: inline-block
}

.dx-header-row > td {
  overflow: hidden;
  white-space: nowrap
}

.dx-header-row > td > .dx-treelist-text-content {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right, .dx-header-row > td > .dx-treelist-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
  max-width: 100%
}

.dx-header-row .dx-header-filter-indicator, .dx-header-row .dx-sort-indicator {
  max-width: calc(100% - 17px)
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
  margin-right: 3px
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
  margin-left: 3px
}

.dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 34px)
}

.dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 31px)
}

.dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 62px)
}

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
  max-width: calc(100% - 29px)
}

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
  max-width: calc(100% - 43px)
}

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 46px)
}

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
  max-width: calc(100% - 74px)
}

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
  border-width: 0
}

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused:after {
  bottom: -1px;
  content: " ";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1
}

.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
  border-top: 1px solid #0000
}

.dx-treelist-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid {
  padding: 0
}

.dx-treelist-filter-row .dx-editor-cell .dx-menu {
  display: none
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
  position: relative
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
  display: block
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before, .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 32px
}

.dx-treelist-filter-row .dx-cell-modified:after, .dx-treelist-filter-row .dx-treelist-invalid:after {
  pointer-events: none
}

.dx-treelist-filter-row .dx-focused .dx-highlight-outline:after, .dx-treelist-filter-row .dx-focused.dx-cell-modified:after, .dx-treelist-filter-row .dx-focused.dx-treelist-invalid:after {
  border-color: #0000
}

.dx-treelist-filter-row .dx-menu {
  cursor: pointer;
  height: 100%;
  left: 0;
  overflow: visible;
  position: absolute;
  top: 0;
  z-index: 1
}

.dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
  display: flex;
  height: 100%
}

.dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container, .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
  display: none
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.dx-treelist-filter-row > .dx-first-cell .dx-menu, .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0
}

.dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 30px 5px 5px
}

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
  padding: 8px 5px 7px
}

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
  padding: 9px 6px 8px
}

.dx-treelist-filter-row .dx-menu-caption {
  padding-left: 6px
}

.dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
  display: none
}

.dx-treelist-filter-row .dx-menu-item-highlight {
  font-weight: 400
}

.dx-treelist-scroll-container {
  overflow: hidden;
  width: 100%
}

.dx-treelist-header-panel {
  text-align: left
}

.dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 10px
}

.dx-state-disabled {
  cursor: pointer
}

.dx-state-disabled .dx-menu-item {
  cursor: default
}

.dx-treelist-search-panel {
  margin: 0 0 0 15px
}

.dx-gridbase-container > .dx-treelist-rowsview {
  flex: auto;
  height: auto
}

.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
  display: flex
}

.dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
  flex: 1 1;
  height: auto;
  min-height: 0;
  min-width: 0
}

.dx-treelist-rowsview {
  overflow: hidden;
  position: relative
}

.dx-treelist-rowsview.dx-empty {
  height: 100px
}

.dx-treelist-rowsview.dx-empty .dx-scrollable-content {
  height: 100%
}

.dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
  z-index: 2
}

.dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
  z-index: 3
}

.dx-treelist-rowsview .dx-treelist-content {
  overflow-anchor: none
}

.dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
  min-height: 100%
}

.dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container {
  width: auto
}

.dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
  height: auto
}

.dx-treelist-rowsview:focus {
  outline: 0
}

.dx-treelist-rowsview .dx-row > td, .dx-treelist-rowsview .dx-row > tr > td {
  overflow: hidden;
  text-overflow: ellipsis
}

.dx-treelist-rowsview .dx-row.dx-row-lines:first-child, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
  border-top: none
}

.dx-treelist-rowsview .dx-data-row > td:focus {
  outline: 0
}

.dx-treelist-rowsview .dx-selection.dx-row:hover > td .dx-link, .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td .dx-link, .dx-treelist-rowsview .dx-selection > td .dx-link, .dx-treelist-rowsview .dx-selection > tr > td .dx-link {
  color: inherit
}

.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row {
  border-bottom: 0;
  border-top: 0
}

.dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td {
  padding-bottom: 0;
  padding-top: 0
}

.dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
  display: none
}

.dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox, .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
  display: inline-block
}

.dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
  outline: 0
}

.dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified:after {
  border-color: #0000
}

.dx-treelist-nodata {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.dx-treelist-bottom-load-panel {
  padding: 10px;
  text-align: center
}

.dx-treelist-hidden-column {
  white-space: nowrap
}

.dx-treelist .dx-row .dx-treelist-hidden-column {
  border-left-width: 0;
  border-right-width: 0
}

.dx-treelist-hidden-column > * {
  display: none !important
}

.dx-treelist-total-footer > .dx-treelist-content {
  padding-bottom: 7px;
  padding-top: 7px
}

.dx-treelist-summary-item {
  font-weight: 700
}

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

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

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content {
  border: none;
  box-shadow: none
}

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-overlay-content .dx-popup-content {
  padding: 0
}

.dx-treelist-revert-tooltip.dx-popover-wrapper .dx-popover-arrow {
  height: 0;
  width: 0
}

.dx-treelist-notouch-action {
  touch-action: none
}

.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none
}

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

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
  padding: 7px 5px 7px 30px
}

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
  background-position-x: right
}

.dx-rtl .dx-treelist .dx-texteditor-buttons-container, .dx-treelist.dx-rtl .dx-texteditor-buttons-container {
  text-align: start
}

.dx-rtl .dx-treelist-content .dx-treelist-table {
  direction: rtl
}

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
  border-left: none
}

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
  border-right: none
}

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
  transform: scaleX(-1)
}

.dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
  padding: 7px 32px 7px 7px
}

.dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated {
  direction: ltr
}

.dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated .dx-treelist-table, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated .dx-treelist-table {
  direction: rtl
}

.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder:before, .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
  padding-right: 32px
}

.dx-rtl .dx-treelist-filter-row .dx-menu {
  left: auto;
  margin-left: 0;
  margin-right: -2px;
  right: 0
}

.dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
  margin-left: 0
}

.dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
  padding: 5px 5px 5px 30px
}

.dx-rtl .dx-treelist-filter-row .dx-menu-caption {
  padding-right: 6px
}

.dx-rtl .dx-treelist-header-panel {
  text-align: right
}

.dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
  margin-left: 0
}

.dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
  margin-right: 10px
}

.dx-rtl .dx-treelist-search-panel {
  margin: 0 15px 0 0
}

.dx-treelist-filter-panel, .dx-treelist-filter-panel-left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 0
}

.dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover, .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover {
  cursor: pointer;
  text-decoration: underline
}

.dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
  padding-right: 10px
}

.dx-treelist-filter-panel .dx-icon-filter {
  cursor: pointer;
  margin: auto 7px auto auto
}

.dx-treelist-container {
  color: #333;
  cursor: default;
  line-height: normal;
  position: relative;
  white-space: normal
}

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable {
  white-space: nowrap
}

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content {
  display: inline-block;
  white-space: normal
}

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container {
  float: none
}

.dx-treelist-rowsview .dx-treelist-icon-container {
  display: inline-block;
  line-height: 1;
  vertical-align: top;
  white-space: nowrap
}

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: left
}

.dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
  border-bottom: 1px solid #ddd
}

.dx-treelist-borders > .dx-treelist-filter-panel, .dx-treelist-borders > .dx-treelist-headers {
  border-top: 1px solid #ddd
}

.dx-treelist-borders > .dx-treelist-filter-panel {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top-width: 0
}

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {
  border-color: #337ab780
}

.dx-treelist .dx-column-lines > td:first-child {
  border-left: none
}

.dx-treelist .dx-column-lines > td:last-child {
  border-right: none
}

.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-command-drag .dx-treelist-drag-icon:before {
  content: "\f038"
}

.dx-treelist-container > .dx-treelist-headers, .dx-treelist-container > .dx-treelist-rowsview {
  background-color: #fff
}

.dx-treelist-container .dx-sort-up {
  font: 14px/1 DXIcons
}

.dx-treelist-container .dx-sort-up:before {
  content: "\f051"
}

.dx-treelist-container .dx-sort-down {
  font: 14px/1 DXIcons
}

.dx-treelist-container .dx-sort-down:before {
  content: "\f052"
}

.dx-treelist-container .dx-sort-down, .dx-treelist-container .dx-sort-up {
  font-family: inherit
}

.dx-treelist-container .dx-sort-down:before, .dx-treelist-container .dx-sort-up:before {
  font-family: DXIcons, sans-serif
}

.dx-treelist-container .dx-treelist-header-panel .dx-toolbar {
  background-color: initial
}

.dx-treelist-container .dx-treelist-headers .dx-header-filter, .dx-treelist-container .dx-treelist-headers .dx-header-row > td {
  outline: 0
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline: 2px solid #5c95c5
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
  outline-offset: -2px
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
  outline-offset: 2px
}

.dx-treelist-container .dx-header-filter {
  color: #757575;
  font: 14px/1 DXIcons;
  position: relative
}

.dx-treelist-container .dx-header-filter:before {
  content: "\f050"
}

.dx-treelist-container .dx-header-filter-empty {
  color: #75757580
}

.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
  background-position: 0 0;
  background-size: 14px 14px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  padding: 0;
  text-align: center;
  width: 14px
}

.dx-treelist-container .dx-treelist-content-fixed .dx-treelist-table .dx-col-fixed {
  background-color: #fff
}

.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd
}

.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-left: none
}

.dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-right: none
}

.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row > td.dx-command-edit > a.dx-link:focus {
  outline: 2px solid #5c95c5;
  outline-offset: 2px
}

.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
  outline-color: #fff;
  outline-offset: 0
}

.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
  background-color: #fff
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
  position: relative
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC);
  background-repeat: repeat-y;
  content: "";
  display: block;
  height: 100%
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  transform: scaleX(-1)
}

.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
  color: #333
}

.dx-treelist-container .dx-error-row td {
  color: #fff;
  padding: 0
}

.dx-treelist-container .dx-error-row .dx-error-message {
  word-wrap: break-word;
  background-color: #e89895;
  white-space: normal
}

.dx-treelist-filter-panel {
  border-top: 1px solid #ddd;
  color: #333;
  padding: 10px
}

.dx-treelist-filter-panel.dx-state-focused .dx-icon-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-clear-filter:focus, .dx-treelist-filter-panel.dx-state-focused .dx-treelist-filter-panel-text:focus {
  outline: 2px solid #5c95c5
}

.dx-treelist-form-buttons-container {
  float: right
}

.dx-treelist-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px
}

.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
  background-position: 0 0;
  background-size: 16px 16px;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 16px
}

.dx-treelist-adaptive-more {
  cursor: pointer;
  font: 21px/21px DXIcons
}

.dx-treelist-adaptive-more:before {
  content: "\f06c"
}

.dx-treelist-edit-popup .dx-error-message {
  word-wrap: break-word;
  background-color: #e89895;
  color: #fff;
  margin-bottom: 20px;
  white-space: normal
}

.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
  border-left: 1px solid #ddd;
  border-right: none
}

.dx-rtl.dx-treelist .dx-column-lines > td:last-child {
  border-left: none;
  border-right: 1px solid #ddd
}

.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd
}

.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-first-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-first-cell {
  border-right: none
}

.dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-headers .dx-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-data-row td.dx-pointer-events-none.dx-last-cell, .dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-freespace-row td.dx-pointer-events-none.dx-last-cell {
  border-left: none
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td:before {
  transform: scaleX(-1)
}

.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  transform: scale(1)
}

.dx-rtl .dx-treelist-form-buttons-container {
  float: left
}

.dx-rtl .dx-treelist-form-buttons-container .dx-button {
  margin-left: 0;
  margin-right: 10px
}

.dx-treelist-cell-updated-animation {
  animation: dx-treelist-highlight-change 1s
}

@keyframes dx-treelist-highlight-change {
  0%, 50% {
    background-color: #33333314
  }
}

.dx-treelist-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon, .dx-treelist.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
  color: #898989
}

.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc {
  background-position: 0 0;
  background-size: 16px 16px;
  font: 16px/16px DXIcons;
  height: 16px;
  padding: 0;
  text-align: center;
  width: 16px
}

.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc:before {
  content: "\f053"
}

.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
  background-position: 0 0;
  background-size: 16px 16px;
  font: 16px/16px DXIcons;
  height: 16px;
  padding: 0;
  text-align: center;
  width: 16px
}

.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc:before {
  content: "\f054"
}

.dx-treelist .dx-icon-filter-operation-equals, .dx-treelist-container .dx-icon-filter-operation-equals {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-equals:before, .dx-treelist-container .dx-icon-filter-operation-equals:before {
  content: "\f044"
}

.dx-treelist .dx-icon-filter-operation-default, .dx-treelist-container .dx-icon-filter-operation-default {
  background-position: 0 0;
  background-size: 12px 12px;
  font: 12px/12px DXIcons;
  height: 12px;
  padding: 0;
  text-align: center;
  width: 12px
}

.dx-treelist .dx-icon-filter-operation-default:before, .dx-treelist-container .dx-icon-filter-operation-default:before {
  content: "\f027"
}

.dx-treelist .dx-icon-filter-operation-not-equals, .dx-treelist-container .dx-icon-filter-operation-not-equals {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-not-equals:before, .dx-treelist-container .dx-icon-filter-operation-not-equals:before {
  content: "\f045"
}

.dx-treelist .dx-icon-filter-operation-less, .dx-treelist-container .dx-icon-filter-operation-less {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-less:before, .dx-treelist-container .dx-icon-filter-operation-less:before {
  content: "\f046"
}

.dx-treelist .dx-icon-filter-operation-less-equal, .dx-treelist-container .dx-icon-filter-operation-less-equal {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-less-equal:before, .dx-treelist-container .dx-icon-filter-operation-less-equal:before {
  content: "\f048"
}

.dx-treelist .dx-icon-filter-operation-greater, .dx-treelist-container .dx-icon-filter-operation-greater {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-greater:before, .dx-treelist-container .dx-icon-filter-operation-greater:before {
  content: "\f047"
}

.dx-treelist .dx-icon-filter-operation-greater-equal, .dx-treelist-container .dx-icon-filter-operation-greater-equal {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-greater-equal:before, .dx-treelist-container .dx-icon-filter-operation-greater-equal:before {
  content: "\f049"
}

.dx-treelist .dx-icon-filter-operation-contains, .dx-treelist-container .dx-icon-filter-operation-contains {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-contains:before, .dx-treelist-container .dx-icon-filter-operation-contains:before {
  content: "\f063"
}

.dx-treelist .dx-icon-filter-operation-not-contains, .dx-treelist-container .dx-icon-filter-operation-not-contains {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-not-contains:before, .dx-treelist-container .dx-icon-filter-operation-not-contains:before {
  content: "\f066"
}

.dx-treelist .dx-icon-filter-operation-starts-with, .dx-treelist-container .dx-icon-filter-operation-starts-with {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-starts-with:before, .dx-treelist-container .dx-icon-filter-operation-starts-with:before {
  content: "\f064"
}

.dx-treelist .dx-icon-filter-operation-ends-with, .dx-treelist-container .dx-icon-filter-operation-ends-with {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-ends-with:before, .dx-treelist-container .dx-icon-filter-operation-ends-with:before {
  content: "\f065"
}

.dx-treelist .dx-icon-filter-operation-between, .dx-treelist-container .dx-icon-filter-operation-between {
  font: 14px/1 DXIcons
}

.dx-treelist .dx-icon-filter-operation-between:before, .dx-treelist-container .dx-icon-filter-operation-between:before {
  content: "\f06a"
}

.dx-treelist {
  line-height: inherit
}

.dx-treelist .dx-row-alt {
  border-bottom: 1px solid #f5f5f5;
  border-top: 1px solid #f5f5f5
}

.dx-treelist .dx-row-alt > td, .dx-treelist .dx-row-alt > tr > td {
  background-color: #f5f5f5
}

.dx-treelist .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: #0000
}

.dx-treelist .dx-link {
  color: #337ab7
}

.dx-treelist .dx-row-lines > td {
  border-bottom: 1px solid #ddd
}

.dx-treelist .dx-column-lines > td {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd
}

.dx-treelist .dx-error-row .dx-closebutton {
  background-position: 0 0;
  background-size: 14px 14px;
  float: right;
  font: 14px/14px DXIcons;
  height: 14px;
  margin: 9px;
  padding: 0;
  text-align: center;
  width: 14px
}

.dx-treelist .dx-error-row .dx-closebutton:before {
  content: "\f00a"
}

.dx-treelist .dx-error-row .dx-error-message {
  padding: 7px 35px 7px 7px
}

.dx-treelist .dx-row > td {
  padding: 7px
}

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link:not(.dx-link-icon) {
  margin: 0 2px;
  min-width: 20px
}

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0 5px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link:not(.dx-link-icon) {
  width: auto
}

.dx-treelist .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]:before {
  background-position-y: 34px
}

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

.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 19px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px
}

.dx-treelist-edit-popup .dx-error-message {
  padding: 7px
}

.dx-treelist-headers .dx-texteditor-input, .dx-treelist-rowsview .dx-texteditor-input {
  min-height: 33px;
  padding: 7px
}

.dx-treelist-headers .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-headers .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-rowsview .dx-numberbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input, .dx-treelist-rowsview .dx-textbox.dx-show-clear-button.dx-texteditor-empty:not(.dx-invalid) .dx-texteditor-input {
  padding-right: 7px
}

.dx-treelist-headers .dx-lookup, .dx-treelist-rowsview .dx-lookup {
  height: auto
}

.dx-treelist-headers .dx-lookup-field, .dx-treelist-rowsview .dx-lookup-field {
  padding-bottom: 7px;
  padding-left: 7px;
  padding-top: 7px
}

.dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before, .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input {
  padding-left: 34px
}

.dx-rtl .dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl .dx-treelist-rowsview .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-headers .dx-searchbox .dx-texteditor-input, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-placeholder:before, .dx-rtl.dx-treelist-rowsview .dx-searchbox .dx-texteditor-input {
  padding-right: 34px
}

.dx-editor-cell .dx-numberbox-spin-button {
  background-color: initial
}

.dx-editor-cell .dx-icon-clear {
  left: 0
}

.dx-editor-cell .dx-texteditor, .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  background: #fff
}

.dx-editor-cell .dx-dropdowneditor {
  background-color: #fff
}

.dx-editor-cell.dx-focused .dx-dropdowneditor-icon {
  border-radius: 0
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select):before {
  padding-bottom: 7px;
  padding-top: 7px
}

.dx-treelist-checkbox-size {
  padding-bottom: 2px;
  vertical-align: middle
}

.dx-treelist-checkbox-size .dx-checkbox-icon {
  font-size: 16px
}

.dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon:before {
  font-size: 12px
}

.dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  -webkit-margin-start: -3px;
  border-radius: 0;
  display: block;
  font-size: inherit;
  height: 6px;
  inset-inline-start: 50%;
  margin-top: -3px;
  margin-inline-start: -3px;
  position: relative;
  top: 50%;
  width: 6px
}

.dx-treelist-column-chooser-list .dx-empty-message {
  color: #757575;
  padding: 0 20px
}

.dx-treelist-column-chooser {
  color: #333;
  font-size: 14px;
  font-weight: 400
}

.dx-treelist-column-chooser, .dx-treelist-column-chooser input, .dx-treelist-column-chooser textarea {
  font-family: Helvetica Neue, Segoe UI, helvetica, verdana, sans-serif;
  line-height: 1.35715
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content {
  padding: 0 20px 20px
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-search {
  margin-bottom: 10px
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-popup-content .dx-treeview-node {
  padding-left: 20px
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-popup-content {
  padding: 0 20px 20px
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-list .dx-treeview-select-all-item, .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-select-all-item {
  -webkit-padding-start: 34px;
  padding-inline-start: 34px
}

.dx-treelist-column-chooser .dx-overlay-content {
  background-color: #fff;
  box-shadow: 0 1px 3px #0003
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
  background-color: initial;
  padding-bottom: 9px;
  padding-top: 7px
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px -1px #0003;
  color: #757575;
  font-weight: 400;
  margin-bottom: 10px;
  opacity: .5;
  padding: 7px
}

.dx-treelist-drag-header {
  background-color: #fff;
  border: 1px solid #337ab780;
  box-shadow: 0 0 1px #0000001a, 0 1px 3px #0003;
  color: #757575;
  font-weight: 400;
  padding: 7px
}

.dx-treelist-columns-separator {
  background-color: #337ab7
}

.dx-treelist-columns-separator-transparent {
  background-color: initial
}

.dx-treelist-drop-highlight > td {
  background-color: #337ab7;
  color: #fff
}

.dx-treelist-focus-overlay {
  border: 2px solid #5c95c5
}

.dx-treelist-table .dx-row .dx-command-select {
  min-width: 70px;
  width: 70px
}

.dx-treelist-table .dx-row .dx-command-edit {
  min-width: 85px;
  width: 85px
}

.dx-treelist-table .dx-row .dx-command-edit .dx-state-disabled.dx-link {
  opacity: .5
}

.dx-treelist-table .dx-row .dx-command-edit .dx-state-disabled.dx-link-icon {
  opacity: .6
}

.dx-treelist-table .dx-row .dx-command-expand {
  min-width: 30px;
  width: 30px
}

.dx-treelist-table .dx-row .dx-command-expand.dx-treelist-group-space {
  padding-top: 7px
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused) {
  background-color: #0000000a;
  color: #333
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  border-right-color: #0000000a
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-command-select {
  overflow: inherit
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > .dx-treelist-readonly .dx-texteditor .dx-texteditor-input {
  background-color: #0000000a;
  color: #333
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td.dx-pointer-events-none {
  background-color: initial
}

.dx-treelist-headers {
  border-bottom: 1px solid #ddd;
  color: #757575;
  font-weight: 400;
  touch-action: pinch-zoom
}

.dx-treelist-headers .dx-treelist-content {
  margin-bottom: -1px
}

.dx-treelist-borders .dx-treelist-headers .dx-treelist-table {
  border-bottom-width: 1px
}

.dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: 1px solid #ddd
}

.dx-treelist-filter-row .dx-menu .dx-overlay-content {
  color: #333
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused {
  background-color: initial
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused:after {
  border: 2px solid #5c95c5
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded {
  background-color: #fff
}

.dx-treelist-filter-row .dx-menu-item.dx-state-focused.dx-menu-item-expanded:after {
  border-color: #0000
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
  background-color: initial
}

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
  background-color: #fff
}

.dx-treelist-filter-row .dx-cell-modified:after, .dx-treelist-filter-row .dx-highlight-outline:after, .dx-treelist-filter-row .dx-treelist-invalid:after {
  border-color: #5cb85c80
}

.dx-treelist-filter-row .dx-menu-item-content .dx-icon {
  color: #898989
}

.dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 7px 7px 32px
}

.dx-treelist-filter-range-overlay .dx-overlay-content {
  border: 1px solid #ddd;
  box-shadow: 2px 2px 3px #00000026;
  overflow: inherit
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-cell-modified:after, .dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-treelist-invalid:after {
  border-color: #5cb85c80;
  left: 0
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  background-color: #fff;
  padding: 7px
}

.dx-treelist-filter-range-overlay .dx-overlay-content .dx-texteditor.dx-state-focused:after {
  border: 2px solid #5c95c5
}

.dx-filter-menu.dx-menu {
  background-color: initial;
  height: 100%
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 6px 5px 7px
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content .dx-icon {
  margin: 0 3px
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  margin-top: 2px
}

.dx-cell-modified, .dx-treelist-invalid {
  padding: 7px
}

.dx-treelist-header-panel {
  border-bottom: 1px solid #ddd
}

.dx-treelist-header-panel .dx-toolbar {
  margin-bottom: 10px
}

.dx-icon-column-chooser {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-icon-column-chooser:before {
  content: "\f04d"
}

.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-treelist-addrow-button .dx-icon-edit-button-addrow:before {
  content: "\f00b"
}

.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-treelist-cancel-button .dx-icon-edit-button-cancel:before {
  content: "\f04c"
}

.dx-treelist-save-button .dx-icon-edit-button-save {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-treelist-save-button .dx-icon-edit-button-save:before {
  content: "\f041"
}

.dx-apply-button .dx-icon-apply-filter {
  background-position: 0 0;
  background-size: 18px 18px;
  font: 18px/18px DXIcons;
  height: 18px;
  padding: 0;
  text-align: center;
  width: 18px
}

.dx-apply-button .dx-icon-apply-filter:before {
  content: "\f050"
}

.dx-treelist-adaptive-more {
  background-position: 0 0;
  background-size: 21px 21px;
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  padding: 0;
  text-align: center;
  width: 21px
}

.dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview, .dx-treelist-rowsview.dx-treelist-after-headers {
  border-top: 1px solid #ddd
}

.dx-treelist-rowsview .dx-row {
  border-bottom: 1px solid #0000;
  border-top: 1px solid #0000
}

.dx-treelist-rowsview .dx-row:focus {
  outline: 0
}

.dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
  border-bottom: 1px solid #ddd;
  border-top-width: 0
}

.dx-treelist-rowsview .dx-row.dx-edit-row > td {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.dx-treelist-rowsview .dx-row.dx-treelist-edit-form {
  white-space: normal
}

.dx-treelist-rowsview .dx-master-detail-row > .dx-master-detail-cell {
  padding: 20px
}

.dx-treelist-rowsview .dx-master-detail-row .dx-master-detail-cell, .dx-treelist-rowsview .dx-master-detail-row > .dx-treelist-group-space {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.dx-treelist-rowsview .dx-master-detail-row .dx-texteditor-input {
  padding-right: 0
}

.dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) .dx-master-detail-cell, .dx-treelist-rowsview .dx-master-detail-row:not(.dx-treelist-edit-form) > .dx-treelist-group-space {
  background-color: #fafafa
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-cell-modified:after, .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-treelist-invalid:after {
  border: 1px solid #d9534f66
}

.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused.dx-cell-modified:after, .dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused.dx-treelist-invalid:after {
  border: 1px solid #d9534f
}

.dx-treelist-rowsview .dx-data-row .dx-cell-modified.dx-cell-modified:after, .dx-treelist-rowsview .dx-data-row .dx-cell-modified.dx-treelist-invalid:after {
  border-color: #5cb85c80
}

.dx-treelist-rowsview .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content {
  padding: 9px 17px
}

.dx-treelist-rowsview .dx-row-removed > td {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  color: #333333b3
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
  padding-bottom: 8px;
  padding-left: 8px;
  padding-top: 8px
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
  border: 1px solid #d9534f66
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
  padding-bottom: 7px;
  padding-left: 7px;
  padding-top: 7px
}

.dx-treelist-rowsview .dx-item-modified {
  border: 2px solid #5cb85c80;
  border-radius: 4px
}

.dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
  padding-bottom: 6px;
  padding-left: 6px;
  padding-top: 6px
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) {
  background-color: #d6e4f1;
  color: #333
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-texteditor-input, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-texteditor-input, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-texteditor-input {
  border-radius: 0
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) .dx-treelist-group-opened, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused) .dx-treelist-group-opened {
  color: #333
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row .dx-command-edit .dx-link:focus {
  background-color: #fff;
  color: #333
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row > tr:last-child > td {
  border-bottom: 1px solid #5c95c5
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
  border-bottom: 1px solid #d6e4f1;
  border-top: 1px solid #d6e4f1
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #d6e4f1;
  color: #333
}

.dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-datagrid-summary-item, .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-closed, .dx-treelist-rowsview .dx-row-focused.dx-group-row .dx-treelist-group-opened {
  color: #333
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td {
  background-color: #e6e6e6;
  color: #333
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space {
  border-right-color: #e6e6e6
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
  border-right-color: #ddd
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused {
  background-color: #fff;
  color: #333
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > td {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:first-child > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:first-child > td {
  border-top: 1px solid #e6e6e6
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover:not(.dx-row-lines) > tr:last-child > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):not(.dx-row-lines) > tr:last-child > td {
  border-bottom: 1px solid #e6e6e6
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-column-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-column-lines > tr > td {
  border-left-color: #ddd;
  border-right-color: #ddd
}

.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused).dx-row-lines > tr > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover.dx-row-lines > tr > td {
  border-bottom-color: #ddd
}

.dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-right: 0
}

.dx-treelist-rowsview td.dx-validation-pending {
  padding: 0;
  position: relative
}

.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified, .dx-treelist-rowsview td.dx-validation-pending.dx-treelist-invalid {
  padding: 7px 34px 7px 7px
}

.dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl .dx-treelist-rowsview td.dx-validation-pending.dx-treelist-invalid, .dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-cell-modified, .dx-rtl.dx-treelist-rowsview td.dx-validation-pending.dx-treelist-invalid {
  padding-left: 34px;
  padding-right: 7px
}

.dx-treelist-rowsview td.dx-validation-pending .dx-pending-indicator {
  background-color: #fff;
  height: 22px;
  inset-inline-end: 4px;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 22px
}

.dx-treelist-rowsview td.dx-editor-cell .dx-texteditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px
}

.dx-treelist-rowsview td.dx-editor-cell .dx-texteditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-bottom: 7px;
  padding-left: 34px;
  padding-right: 7px
}

.dx-treelist-search-text {
  background-color: #337ab7;
  color: #fff
}

.dx-treelist-nodata {
  color: #333;
  font-size: 17px;
  opacity: .7
}

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

.dx-treelist-pager {
  border-top: 1px solid #ddd
}

.dx-treelist-pager .dx-navigate-button, .dx-treelist-pager .dx-page, .dx-treelist-pager .dx-page-size {
  outline: 0
}

.dx-treelist-pager.dx-state-focused .dx-navigate-button:focus, .dx-treelist-pager.dx-state-focused .dx-page-size:focus, .dx-treelist-pager.dx-state-focused .dx-page:focus {
  outline: 2px solid #5c95c5;
  outline-offset: -2px
}

.dx-treelist-summary-item {
  color: #333333b3
}

.dx-treelist-total-footer {
  border-top: 1px solid #ddd;
  position: relative
}

.dx-treelist-revert-tooltip .dx-overlay-content {
  background-color: #fff;
  min-width: inherit
}

.dx-treelist-revert-tooltip .dx-revert-button {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
  margin: 0 1px
}

.dx-treelist-revert-tooltip .dx-revert-button .dx-icon {
  color: #fff
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-selected {
  background-color: #d9534f
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-hover {
  background-color: #c9302c
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #b52b27
}

.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #a02622;
  color: #fff
}

.dx-treelist-revert-tooltip .dx-revert-button > .dx-button-content {
  padding: 7px
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size {
  width: 100%
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-container {
  padding: 14px
}

.dx-toolbar-menu-section .dx-treelist-checkbox-size .dx-checkbox-text {
  padding-left: 34px
}

.dx-rtl .dx-toolbar-menu-section .dx-checkbox-text {
  padding-left: 27px;
  padding-right: 34px
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: #0000000a;
  border-right-color: #0000
}

.dx-rtl .dx-treelist-filter-row .dx-menu .dx-menu-item-has-submenu.dx-menu-item-has-icon .dx-icon {
  margin: 0 3px
}

.dx-rtl .dx-treelist-filter-row td .dx-editor-container .dx-filter-range-content {
  padding: 7px 32px 7px 7px
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td {
  border-right-color: #ddd
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: #e6e6e6
}

.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none, .dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none {
  border-left-color: #ddd
}

.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-wrapper .dx-scrollable-container .dx-scrollable-content {
  padding-left: 0
}

.dx-treelist-rowsview .dx-treelist-empty-space {
  display: inline-block;
  font: 14px/1 DXIcons;
  position: relative;
  width: 14px
}

.dx-treelist-rowsview .dx-treelist-empty-space:before {
  content: "\f04e";
  visibility: hidden
}

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: #959595
}

.dx-treelist-rowsview .dx-treelist-expanded span {
  cursor: pointer;
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
  content: "\f001";
  display: block;
  left: 0;
  margin-left: -5px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-treelist-rowsview .dx-treelist-collapsed span {
  cursor: pointer;
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
  content: "\f04e";
  display: block;
  left: 0;
  margin-left: -6px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-treelist-rowsview .dx-treelist-collapsed, .dx-treelist-rowsview .dx-treelist-expanded {
  margin-right: 4px
}

.dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  color: #959595
}

.dx-treelist-rowsview .dx-treelist-cell-expandable {
  white-space: nowrap
}

.dx-treelist-rowsview .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: normal
}

.dx-treelist-rowsview.dx-treelist-nowrap .dx-treelist-table .dx-treelist-cell-expandable .dx-treelist-text-content {
  white-space: nowrap
}

.dx-treelist-rowsview .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
  padding-left: 7px
}

.dx-treelist-checkbox-size {
  line-height: 0
}

.dx-treelist-cell-expandable .dx-select-checkbox, .dx-treelist-select-all .dx-select-checkbox {
  position: absolute
}

.dx-treelist-icon-container.dx-editor-inline-block {
  padding-right: 23px;
  position: relative
}

.dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
  margin-top: -8px;
  top: 50%
}

.dx-treelist-select-all {
  position: relative
}

.dx-treelist-select-all .dx-checkbox {
  left: 21px;
  margin-top: 1px
}

.dx-treelist-select-all .dx-treelist-checkbox-size:before {
  content: "";
  height: 24px;
  left: -4px;
  position: absolute;
  top: -5px;
  width: 24px
}

.dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  padding-left: 44px
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-collapsed, .dx-rtl .dx-treelist-rowsview .dx-treelist-expanded {
  margin-left: 4px;
  margin-right: 0;
  transform: scaleX(-1)
}

.dx-rtl .dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: right
}

.dx-rtl .dx-treelist-select-all .dx-checkbox {
  left: calc(100% - 37px)
}

.dx-rtl .dx-treelist-headers .dx-header-row > .dx-treelist-select-all {
  padding-left: 7px;
  padding-right: 44px
}

.dx-rtl .dx-treelist-icon-container.dx-editor-inline-block {
  padding-left: 23px;
  padding-right: 0
}

.dx-treelist-filter-panel .dx-icon-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter, .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
  color: #337ab7;
  outline: 0
}

.dx-pivotgrid-fields-container .dx-header-filter, .dx-pivotgrid-fields-container .dx-sort {
  display: inline-block
}

.dx-pivotgrid-fields-container .dx-area-field-content {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field-content {
  display: inline-block
}

.dx-pivotgrid-fields-container.dx-drag .dx-column-indicators {
  display: inline-block;
  float: none
}

.dx-pivotgrid-nodata {
  left: 50%;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%
}

.dx-pivotgrid {
  background-color: #fff;
  cursor: default;
  position: relative;
  width: 100%
}

.dx-pivotgrid.dx-overflow-hidden {
  overflow: hidden
}

.dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-data-cell {
  width: 100%
}

.dx-pivotgrid .dx-area-data-cell {
  position: relative
}

.dx-pivotgrid table, .dx-pivotgrid tbody, .dx-pivotgrid td, .dx-pivotgrid tfoot, .dx-pivotgrid th, .dx-pivotgrid thead, .dx-pivotgrid tr {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0
}

.dx-pivotgrid table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: auto
}

.dx-pivotgrid td {
  box-sizing: initial;
  vertical-align: top
}

.dx-pivotgrid .dx-area-description-cell {
  background-clip: padding-box;
  position: relative;
  white-space: nowrap
}

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
  bottom: 0;
  position: absolute
}

.dx-pivotgrid .dx-area-field-content, .dx-pivotgrid .dx-column-indicators {
  display: inline-block
}

.dx-pivotgrid .dx-expand-icon-container {
  display: inline-block;
  position: relative
}

.dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area {
  position: static
}

.dx-pivotgrid .dx-incompressible-fields .dx-pivotgrid-fields-area:not(.dx-hidden) {
  display: table-cell
}

.dx-pivotgrid .dx-incompressible-fields .dx-column-indicators {
  float: none !important;
  vertical-align: top
}

.dx-pivotgrid .dx-incompressible-fields .dx-area-field {
  display: inline-block;
  white-space: nowrap
}

.dx-pivotgrid .dx-area-field, .dx-pivotgrid .dx-area-field-content {
  white-space: nowrap
}

.dx-pivotgrid .dx-popup-content .dx-column-indicators {
  display: inline-block;
  float: none !important
}

.dx-pivotgrid .dx-popup-content .dx-area-field-content {
  display: inline-block
}

.dx-pivotgrid .dx-pivotgrid-area {
  box-sizing: initial;
  white-space: nowrap
}

.dx-pivotgrid .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-expanded {
  cursor: pointer
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand, .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  display: inline-block
}

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-area {
  white-space: normal
}

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted {
  white-space: nowrap
}

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-sorted > span {
  white-space: normal
}

.dx-pivotgrid .dx-word-wrap .dx-pivotgrid-collapsed > span, .dx-pivotgrid .dx-word-wrap .dx-pivotgrid-expanded > span {
  display: inline-flex
}

.dx-pivotgridfieldchooser {
  background-color: #fff;
  position: relative
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
  display: flex;
  height: 100%;
  overflow: hidden
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-0, .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 {
  flex-direction: column
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:first-child {
  flex-grow: 3
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container.dx-layout-2 .dx-row:nth-child(2) {
  display: flex;
  flex-direction: row;
  flex-grow: 4;
  flex-wrap: wrap
}

.dx-pivotgridfieldchooser .dx-col {
  display: flex;
  flex-direction: column;
  width: 50%
}

.dx-pivotgridfieldchooser .dx-row {
  display: flex;
  flex-direction: row;
  height: 0
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:first-child {
  flex-grow: 2
}

.dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container .dx-row:nth-child(2) {
  flex-grow: 1
}

.dx-pivotgrid-action {
  cursor: pointer
}

.dx-pivotgrid-drag-action {
  touch-action: pinch-zoom
}

.dx-pivotgrid-scrollbar-measure-element {
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 100px
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
  height: 2px;
  margin-left: -1px;
  margin-top: -4px
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical.dx-position-indicator-last {
  margin-top: -3px
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px;
  width: 2px
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 3px
}

.dx-pivotgrid-fields-container .dx-area-fields {
  position: relative
}

.dx-pivotgrid-fields-container .dx-sort {
  color: #959595;
  font-size: 14px;
  width: 14px
}

.dx-pivotgrid-fields-container .dx-sort-up {
  font: 14px/1 DXIcons
}

.dx-pivotgrid-fields-container .dx-sort-up:before {
  content: "\f051"
}

.dx-pivotgrid-fields-container .dx-sort-down {
  font: 14px/1 DXIcons
}

.dx-pivotgrid-fields-container .dx-sort-down:before {
  content: "\f052"
}

.dx-pivotgrid-fields-container .dx-header-filter {
  color: #757575;
  font: 14px/1 DXIcons;
  width: 14px
}

.dx-pivotgrid-fields-container .dx-header-filter:before {
  content: "\f050"
}

.dx-pivotgrid-fields-container .dx-header-filter-empty {
  color: #75757580
}

.dx-pivotgrid-fields-container .dx-area-field {
  cursor: pointer
}

.dx-pivotgrid-fields-container.dx-drag {
  opacity: .8
}

.dx-pivotgrid-fields-container.dx-drag .dx-area-field.dx-area-box {
  border: 1px solid #337ab780;
  box-shadow: 0 0 1px #0000001a, 0 1px 3px #0003
}

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 4px;
  padding: 7px 10px
}

.dx-pivotgrid-fields-container .dx-drag-source {
  opacity: .5
}

.dx-pivotgrid-fields-container .dx-column-indicators {
  line-height: 19px;
  margin-left: 6px;
  vertical-align: bottom
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  overflow: hidden
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  display: inline-block;
  float: right;
  margin-right: 10px
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  margin-top: 12px
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-right: 4px
}

.dx-pivotgrid .dx-area-description-cell.dx-pivotgrid-background, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header {
  background-color: #ddd3
}

.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 0
}

.dx-pivotgrid .dx-filter-header .dx-area-field-container {
  border-collapse: initial;
  border-spacing: 8px
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head td {
  padding: 2px
}

.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px
}

.dx-pivotgrid .dx-area-field.dx-area-box {
  margin-bottom: 0
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td {
  border-top: 1px solid #ddd
}

.dx-pivotgrid.dx-row-lines .dx-pivotgrid-area-data tr:first-child > td {
  border-top-width: 0
}

.dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-area-row-cell {
  border-right: 1px solid #ddd
}

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button {
  margin: 1px
}

.dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-toolbar .dx-button:not(.dx-state-hover):not(.dx-state-active) {
  background-color: initial;
  border-color: #0000;
  box-shadow: none
}

.dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-bottom-border {
  border-bottom: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-area td {
  color: #959595;
  padding: 7px 10px
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head td {
  border: none;
  padding: 10px 2px;
  position: relative
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 10px
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-right: 10px
}

.dx-pivotgrid .dx-pivotgrid-fields-area-head .dx-empty-area-text {
  border: 1px solid #0000;
  color: #525252;
  padding: 7px 0;
  white-space: nowrap
}

.dx-pivotgrid .dx-group-connector {
  background-color: #ddd;
  height: 2px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 2px
}

.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: 0
}

.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  right: 0
}

.dx-pivotgrid .dx-virtual-content {
  display: none
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content {
  display: block;
  overflow: hidden;
  position: relative
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
  background-color: initial !important;
  color: #0000
}

.dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td span {
  visibility: hidden
}

.dx-pivotgrid .dx-virtual-mode table {
  position: absolute
}

.dx-pivotgrid .dx-pivotgrid-area-data {
  position: relative
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  border-left: 1px solid #ddd;
  color: #333;
  text-align: right;
  white-space: nowrap
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child {
  border-left: 0
}

.dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-grandtotal, .dx-pivotgrid .dx-pivotgrid-area-data tbody tr:first-child .dx-total {
  border-top-width: 0
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-expand-border {
  border-top: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-right: 0
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  border-right: 1px solid #ddd;
  min-width: 50px
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  border-top: 0
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-pivotgrid-fields-area-head td:last-child {
  border-right: 0
}

.dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total, .dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd
}

.dx-pivotgrid .dx-area-tree-view .dx-total {
  border-bottom: none
}

.dx-pivotgrid .dx-area-tree-view td.dx-white-space-column {
  background-color: #ddd3;
  border-top: 1px solid #0000;
  min-width: 19px;
  padding: 0;
  width: 19px
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-right: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  border: 1px solid #ddd;
  text-align: center
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed, .dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: left
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 0
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers tr:first-child td {
  border-top: 0
}

.dx-pivotgrid .dx-expand-icon-container {
  font: 14px/1 DXIcons;
  margin-left: -5px;
  margin-right: 0;
  width: 14px
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers:last-child {
  border-bottom: 0
}

.dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-column-header, .dx-pivotgrid .dx-data-header, .dx-pivotgrid .dx-total {
  background-color: #ddd3
}

.dx-pivotgrid .dx-grandtotal {
  background-color: #f5f5f5
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-data-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-left: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-column-header, .dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-right: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header {
  border-top: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-border .dx-filter-header td {
  display: inline-block
}

.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell {
  border-bottom: 1px solid #ddd
}

.dx-pivotgrid .dx-icon-sorted {
  display: inline-block;
  margin-left: 5px;
  width: 14px
}

.dx-pivotgrid .dx-popup-content {
  padding: 10px
}

.dx-pivotgrid .dx-popup-content .dx-pivotgrid-fields-area-head td {
  padding: 0 2px
}

.dx-pivotgrid.dx-context-menu .dx-pivotgrid.dx-submenu {
  width: auto
}

.dx-pivotgridfieldchooser .dx-area-fields {
  overflow: hidden
}

.dx-pivotgridfieldchooser .dx-treeview-search {
  margin: 5px
}

.dx-pivotgridfieldchooser .dx-area-icon {
  display: inline-block;
  font-size: 18px;
  height: 18px;
  vertical-align: middle;
  width: 18px
}

.dx-pivotgridfieldchooser .dx-area {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 5px
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable, .dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 0
}

.dx-pivotgridfieldchooser .dx-area > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
  height: auto
}

.dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  height: 0;
  margin-top: 3px
}

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  align-self: center
}

.dx-pivotgridfieldchooser .dx-area-fields[group] {
  background-color: #ddd3;
  display: flex;
  padding: 5px
}

.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  border-color: #337ab7
}

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal {
  margin-left: -3px
}

.dx-rtl .dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-horizontal.dx-position-indicator-last {
  margin-left: 1px
}

.dx-rtl .dx-pivotgrid-fields-container .dx-column-indicators {
  margin-left: 0;
  margin-right: 6px
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  float: left;
  margin-left: 10px;
  margin-right: 0
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button, .dx-rtl.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-pivotgrid-field-chooser-button {
  margin-left: 4px;
  margin-right: 0
}

.dx-rtl.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-left: 2px;
  padding-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td {
  padding: 10px 2px
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:first-child {
  padding-right: 10px
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-fields-area-head tr > td:last-child {
  padding-left: 10px
}

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-prev {
  left: auto;
  right: 0
}

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
  left: 0;
  right: auto
}

.dx-rtl.dx-pivotgrid .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-area-row-cell {
  border-left: 1px solid #ddd;
  border-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data.dx-scrollable-native .dx-scrollable-content {
  float: none
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td {
  border-left: 0;
  border-right: 1px solid #ddd
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-area-data tbody td:first-child, .dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
  border-left: 1px solid #ddd;
  border-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-last-cell {
  border-left: 0;
  border-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
  border-left: 1px solid #ddd;
  border-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-pivotgrid-area {
  border-left: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td:first-child {
  border-left: 1px solid #ddd;
  border-right: 0
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-collapsed, .dx-rtl.dx-pivotgrid .dx-pivotgrid-horizontal-headers td.dx-pivotgrid-expanded {
  text-align: right
}

.dx-rtl.dx-pivotgrid .dx-expand-icon-container {
  margin-left: 0;
  margin-right: -5px
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand-icon-container {
  transform: scaleX(-1)
}

.dx-rtl.dx-pivotgrid .dx-icon-sorted {
  margin-left: 0;
  margin-right: 5px
}

.dx-rtl.dx-pivotgrid .dx-pivotgridfieldchooser-container .dx-col {
  display: flex
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-description-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-right: 1px solid #ddd
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-column-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-data-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-left: 1px solid #ddd
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-column-header {
  border-right: none
}

.dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-area-row-cell, .dx-rtl.dx-pivotgrid .dx-pivotgrid-border .dx-data-header {
  border-left: none
}

.dx-pivotgrid .dx-area-description-cell .dx-button-content, .dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar .dx-button-content, .dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button-content {
  padding: 5px
}

.dx-pivotgrid .dx-expand-icon-container:before {
  content: "\f04e";
  visibility: hidden
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand {
  color: #959595;
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand:before {
  content: "\f04e";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
  color: #959595;
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand:before {
  content: "\f001";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  background-position: 0 0;
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  margin: 0 5px -1px 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 18px
}

.dx-pivotgridfieldchooser .dx-area .dx-area-caption {
  vertical-align: middle
}

.dx-pivotgrid-fields-container .dx-position-indicator {
  background-color: gray
}

.dx-context-menu.dx-overlay-content {
  overflow: inherit;
  position: absolute
}

.dx-context-menu .dx-menu-items-container {
  padding: 1px
}

.dx-context-menu .dx-menu-item .dx-submenu {
  position: fixed;
  z-index: 1003
}

.dx-context-menu {
  color: #333
}

.dx-context-menu .dx-submenu {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 2px 2px #00000026
}

.dx-context-menu .dx-menu-item-popout {
  font: 18px/18px DXIcons;
  text-align: center
}

.dx-context-menu .dx-menu-item-popout:before {
  content: "\f04e";
  display: block;
  left: 50%;
  margin-left: -9px;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  width: 18px
}

.dx-context-menu .dx-menu-separator {
  background-color: #ddd;
  height: 1px;
  margin: 5px 0
}

.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  -webkit-padding-start: 5px;
  padding-inline-start: 5px
}

.dx-context-menu.dx-rtl .dx-menu-item-content {
  padding: 5px 3px 5px 5px
}

.dx-context-menu.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  padding: 3px 23px 5px 25px
}

.dx-multiview-wrapper {
  height: 100%;
  overflow: hidden;
  touch-action: pinch-zoom pan-y;
  width: 100%
}

.dx-multiview-item-container {
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%
}

.dx-multiview-item-container .dx-empty-message {
  text-align: center
}

.dx-multiview-item {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.dx-multiview-item.dx-item-selected {
  position: relative
}

.dx-multiview-item-content {
  height: 100%;
  width: 100%
}

.dx-multiview-item-hidden {
  left: -9999px;
  top: -9999px;
  visibility: hidden
}

.dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body {
  visibility: hidden
}

.dx-tabpanel {
  display: flex;
  flex-direction: column
}

.dx-tabpanel .dx-tabs-vertical .dx-tabs-wrapper {
  min-height: 100%
}

.dx-tabpanel .dx-tabs-vertical .dx-tabpanel-tab {
  flex-grow: 0
}

.dx-tabpanel-tab {
  flex-basis: auto;
  padding: 9px
}

.dx-tabpanel-tabs-position-right {
  flex-direction: row-reverse
}

.dx-tabpanel-tabs-position-right.dx-rtl {
  flex-direction: row
}

.dx-tabpanel-tabs-position-bottom {
  flex-direction: column-reverse
}

.dx-tabpanel-tabs-position-left {
  flex-direction: row
}

.dx-tabpanel-tabs-position-left.dx-rtl {
  flex-direction: row-reverse
}

.dx-tabpanel .dx-tabpanel-tabs .dx-tabs {
  height: 100%
}

.dx-tabpanel-container {
  flex-grow: 1;
  min-height: 0;
  min-width: 0
}

.dx-tabpanel-tab.dx-state-focused:after {
  border-color: #ddd
}

.dx-tabpanel-tab.dx-state-disabled:after {
  z-index: 3
}

.dx-tabpanel-tabs .dx-tabs:not(.dx-tabs-vertical) .dx-tabpanel-tab {
  max-width: 140px
}

.dx-tabs-nav-buttons:not(.dx-tabs-vertical) .dx-tabpanel-tab {
  max-width: none;
  width: 140px
}

.dx-tabs-nav-buttons:not(.dx-tabs-vertical) .dx-tabpanel-tab:last-child.dx-tab-selected:after {
  right: 0
}

.dx-tabpanel.dx-state-focused .dx-tabpanel-tab.dx-state-focused:after {
  border-color: #337ab7
}

.dx-tabpanel.dx-state-focused .dx-tabpanel-tab.dx-state-focused.dx-state-disabled:after {
  border-color: #aaa
}

.dx-tabpanel.dx-state-focused .dx-tabpanel-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel.dx-state-focused .dx-tabpanel-tab.dx-focused-disabled-prev-tab:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel.dx-state-focused .dx-tabs-vertical .dx-tabpanel-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel.dx-state-focused .dx-tabs-vertical .dx-tabpanel-tab.dx-focused-disabled-prev-tab:after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab:first-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-after: 1px solid #0000;
  -webkit-border-start: 1px solid #0000;
  border-block-end: 1px solid #0000;
  border-inline-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab:last-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-end: 1px solid #0000;
  -webkit-border-after: 1px solid #0000;
  border-block-end: 1px solid #0000;
  border-inline-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-hover:after {
  -webkit-border-after: 1px solid #0000;
  border-block-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-tab-selected {
  -webkit-border-after: 1px solid #fff;
  border-block-end: 1px solid #fff
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-tab-selected:after {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-active:after {
  -webkit-border-after: 1px solid #337ab7;
  border-block-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled) {
  -webkit-border-after: 1px solid #fff;
  border-block-end: 1px solid #fff
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled):after {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled.dx-state-focused {
  -webkit-border-after: 1px solid #aaa;
  border-block-end: 1px solid #aaa
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled.dx-state-focused:after {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-disabled, .dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-focused, .dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-tab-selected {
  margin-bottom: -1px
}

.dx-tabpanel-tabs-position-top.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-top.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-after: 1px solid #337ab7;
  border-block-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab:first-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-after: 1px solid #0000;
  -webkit-border-start: 1px solid #0000;
  border-block-end: 1px solid #0000;
  border-inline-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab:last-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-before: 1px solid #0000;
  -webkit-border-start: 1px solid #0000;
  border-block-start: 1px solid #0000;
  border-inline-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-hover:after {
  -webkit-border-start: 1px solid #0000;
  border-inline-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-tab-selected {
  -webkit-border-start: 1px solid #fff;
  border-inline-start: 1px solid #fff
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-tab-selected:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-active:after {
  -webkit-border-start: 1px solid #337ab7;
  border-inline-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled) {
  -webkit-border-start: 1px solid #fff;
  border-inline-start: 1px solid #fff
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled):after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-start: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-disabled.dx-state-focused {
  -webkit-border-start: 1px solid #aaa;
  border-inline-start: 1px solid #aaa
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-disabled.dx-state-focused:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-disabled, .dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-focused, .dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-tab-selected {
  -webkit-margin-start: -1px;
  margin-inline-start: -1px
}

.dx-tabpanel-tabs-position-right.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-start: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-right.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-start: 1px solid #337ab7;
  border-inline-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabpanel-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab:first-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-before: 1px solid #0000;
  -webkit-border-start: 1px solid #0000;
  border-block-start: 1px solid #0000;
  border-inline-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab:last-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-before: 1px solid #0000;
  -webkit-border-end: 1px solid #0000;
  border-block-start: 1px solid #0000;
  border-inline-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-hover:after {
  -webkit-border-before: 1px solid #0000;
  border-block-start: 1px solid #0000
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-tab-selected {
  -webkit-border-before: 1px solid #fff;
  border-block-start: 1px solid #fff
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-tab-selected:after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-active:after {
  -webkit-border-before: 1px solid #337ab7;
  border-block-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled) {
  -webkit-border-before: 1px solid #fff;
  border-block-start: 1px solid #fff
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-before: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-disabled.dx-state-focused {
  -webkit-border-before: 1px solid #aaa;
  border-block-start: 1px solid #aaa
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-disabled.dx-state-focused:after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-disabled, .dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-focused, .dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-tab-selected {
  -webkit-margin-before: -1px;
  margin-block-start: -1px
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-before: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-before: 1px solid #337ab7;
  border-block-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab:first-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-end: 1px solid #0000;
  -webkit-border-after: 1px solid #0000;
  border-block-end: 1px solid #0000;
  border-inline-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab:last-child:not(.dx-state-focused,.dx-tab-selected).dx-state-hover:after {
  -webkit-border-before: 1px solid #0000;
  -webkit-border-end: 1px solid #0000;
  border-block-start: 1px solid #0000;
  border-inline-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-hover:after {
  -webkit-border-end: 1px solid #0000;
  border-inline-end: 1px solid #0000
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-tab-selected {
  -webkit-border-end: 1px solid #fff;
  border-inline-end: 1px solid #fff
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-tab-selected:after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-active:after {
  -webkit-border-end: 1px solid #337ab7;
  border-inline-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled) {
  -webkit-border-end: 1px solid #fff;
  border-inline-end: 1px solid #fff
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-focused:not(.dx-state-disabled):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-disabled.dx-state-focused {
  -webkit-border-end: 1px solid #aaa;
  border-inline-end: 1px solid #aaa
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-disabled.dx-state-focused:after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-disabled, .dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-focused, .dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-tab-selected {
  -webkit-margin-end: -1px;
  margin-inline-end: -1px
}

.dx-tabpanel-tabs-position-left.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-left.dx-state-focused.dx-disabled-focused-tab .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused) {
  -webkit-border-end: 1px solid #337ab7;
  border-inline-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabpanel-tab.dx-state-disabled:not(.dx-state-focused):after {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabpanel-tab.dx-focused-disabled-next-tab:after {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel .dx-tabs-wrapper {
  border: none
}

.dx-tabpanel .dx-tabs-wrapper:after {
  bottom: 0;
  top: 0
}

.dx-tabpanel .dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper:after {
  content: none
}

.dx-tabpanel .dx-multiview-wrapper {
  border: 1px solid #ddd
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper.dx-state-focused {
  border-color: #337ab7
}

.dx-tabpanel-tabs-position-top .dx-tabs-wrapper {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-top .dx-tabs-wrapper:after {
  -webkit-border-before: none;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: none;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-top .dx-tabs .dx-tabs-scrollable:after {
  -webkit-border-before: none;
  -webkit-border-end: 1px solid;
  -webkit-border-after: none;
  -webkit-border-start: 1px solid;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid;
  border-inline-start: 1px solid;
  bottom: 1px;
  top: 0
}

.dx-tabpanel-tabs-position-top.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button, .dx-tabpanel-tabs-position-top.dx-state-focused.dx-disabled-focused-tab .dx-tabs-wrapper {
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabs-nav-button, .dx-tabpanel-tabs-position-top.dx-state-focused .dx-tabs-wrapper {
  -webkit-border-after: 1px solid #337ab7;
  border-block-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-top:not(.dx-empty-collection) .dx-multiview-wrapper {
  -webkit-border-before: none;
  border-block-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabs-wrapper {
  -webkit-border-start: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-right .dx-tabs-wrapper:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: none;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: none;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-right .dx-tabs .dx-tabs-scrollable:after {
  -webkit-border-before: 1px solid;
  -webkit-border-end: none;
  -webkit-border-after: 1px solid;
  -webkit-border-start: none;
  border-block-end: 1px solid;
  border-block-start: 1px solid;
  border-inline-end: none;
  border-inline-start: none;
  left: 1px;
  right: 0
}

.dx-tabpanel-tabs-position-right.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button, .dx-tabpanel-tabs-position-right.dx-state-focused.dx-disabled-focused-tab .dx-tabs-wrapper {
  -webkit-border-start: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-nav-button, .dx-tabpanel-tabs-position-right.dx-state-focused .dx-tabs-wrapper {
  -webkit-border-start: 1px solid #337ab7;
  border-inline-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-right:not(.dx-empty-collection) .dx-multiview-wrapper {
  -webkit-border-end: none;
  border-inline-end: none
}

.dx-tabpanel-tabs-position-bottom .dx-tabs-wrapper {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-after: 1px solid #ddd;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-bottom .dx-tabs-wrapper:after {
  -webkit-border-before: none;
  -webkit-border-end: 1px solid #ddd;
  -webkit-border-after: none;
  -webkit-border-start: 1px solid #ddd;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-bottom .dx-tabs .dx-tabs-scrollable:after {
  -webkit-border-before: none;
  -webkit-border-end: 1px solid;
  -webkit-border-after: none;
  -webkit-border-start: 1px solid;
  border-block-end: none;
  border-block-start: none;
  border-inline-end: 1px solid;
  border-inline-start: 1px solid;
  bottom: 0;
  top: 1px
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button, .dx-tabpanel-tabs-position-bottom.dx-state-focused.dx-disabled-focused-tab .dx-tabs-wrapper {
  -webkit-border-before: 1px solid #ddd;
  border-block-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-nav-button, .dx-tabpanel-tabs-position-bottom.dx-state-focused .dx-tabs-wrapper {
  -webkit-border-before: 1px solid #337ab7;
  border-block-start: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-bottom:not(.dx-empty-collection) .dx-multiview-wrapper {
  -webkit-border-after: none;
  border-block-end: none
}

.dx-tabpanel-tabs-position-left .dx-tabs-wrapper {
  -webkit-border-start: 1px solid #ddd;
  -webkit-border-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd;
  border-inline-start: 1px solid #ddd
}

.dx-tabpanel-tabs-position-left .dx-tabs-wrapper:after {
  -webkit-border-before: 1px solid #ddd;
  -webkit-border-end: none;
  -webkit-border-after: 1px solid #ddd;
  -webkit-border-start: none;
  border-block-end: 1px solid #ddd;
  border-block-start: 1px solid #ddd;
  border-inline-end: none;
  border-inline-start: none
}

.dx-tabpanel-tabs-position-left .dx-tabs .dx-tabs-scrollable:after {
  -webkit-border-before: 1px solid;
  -webkit-border-end: none;
  -webkit-border-after: 1px solid;
  -webkit-border-start: none;
  border-block-end: 1px solid;
  border-block-start: 1px solid;
  border-inline-end: none;
  border-inline-start: none;
  left: 0;
  right: 1px
}

.dx-tabpanel-tabs-position-left.dx-state-focused.dx-disabled-focused-tab .dx-tabs-nav-button, .dx-tabpanel-tabs-position-left.dx-state-focused.dx-disabled-focused-tab .dx-tabs-wrapper {
  -webkit-border-end: 1px solid #ddd;
  border-inline-end: 1px solid #ddd
}

.dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabs-nav-button, .dx-tabpanel-tabs-position-left.dx-state-focused .dx-tabs-wrapper {
  -webkit-border-end: 1px solid #337ab7;
  border-inline-end: 1px solid #337ab7
}

.dx-tabpanel-tabs-position-left:not(.dx-empty-collection) .dx-multiview-wrapper {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input {
  display: none
}

.dx-fileuploader-wrapper {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.dx-fileuploader-container {
  display: table;
  height: 100%;
  table-layout: fixed;
  width: 100%
}

.dx-fileuploader-input-wrapper:after, .dx-fileuploader-input-wrapper:before {
  content: "";
  display: table;
  line-height: 0;
  width: 100%
}

.dx-fileuploader-input-wrapper:after {
  clear: both;
  margin-bottom: -1em;
  padding-bottom: 1em
}

.dx-fileuploader-input-wrapper:before {
  margin-top: -1em;
  padding-top: 1em
}

.dx-fileuploader-input-wrapper .dx-button {
  float: left
}

.dx-fileuploader-input-wrapper .dx-button + .dx-button {
  margin-left: 12px
}

.dx-fileuploader-button {
  position: relative
}

.dx-fileuploader-button .dx-fileuploader-input {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button {
  cursor: pointer
}

.dx-fileuploader-dragover .dx-fileuploader-input::-webkit-file-upload-button {
  width: 100%
}

.dx-fileuploader-content {
  display: table-row-group;
  vertical-align: middle
}

.dx-fileuploader-content > .dx-fileuploader-upload-button {
  margin-top: 10px
}

.dx-fileuploader-empty .dx-fileuploader-content > .dx-fileuploader-upload-button {
  display: none
}

.dx-fileuploader-input-content {
  display: table;
  width: 100%
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
  padding-top: 22px
}

.dx-fileuploader-file-container {
  padding: 4px 0;
  width: 100%
}

.dx-fileuploader-file-container .dx-button {
  height: 28px;
  margin-right: 10px;
  width: 28px
}

.dx-fileuploader-file-container .dx-button.dx-state-invisible {
  margin-right: 0
}

.dx-fileuploader-button-container, .dx-fileuploader-input-container {
  display: table-cell;
  vertical-align: middle
}

.dx-fileuploader-input-container {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dx-fileuploader-input {
  cursor: default;
  margin: 0;
  opacity: 0;
  width: 100%
}

.dx-fileuploader-input-label {
  cursor: default;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%
}

.dx-fileuploader-input-label:before {
  content: "";
  cursor: default;
  overflow: hidden;
  position: absolute;
  top: -50%
}

.dx-fileuploader-button-container {
  display: table-cell;
  vertical-align: middle
}

.dx-fileuploader-file-info {
  float: left;
  width: 100%
}

.dx-fileuploader-file-status-message {
  float: left;
  font-size: 12px;
  height: 16px
}

.dx-fileuploader .dx-progressbar {
  float: left;
  height: 22px;
  margin-top: -6px;
  width: 100%
}

.dx-rtl .dx-fileuploader .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-button {
  float: right
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button, .dx-rtl.dx-fileuploader .dx-fileuploader-file-container .dx-fileuploader-button {
  margin-left: 10px;
  margin-right: 0
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-name, .dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl .dx-fileuploader .dx-fileuploader-file-status-message, .dx-rtl.dx-fileuploader .dx-fileuploader-file-name, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-status-message {
  float: right
}

.dx-rtl .dx-fileuploader .dx-fileuploader-file-size, .dx-rtl.dx-fileuploader .dx-fileuploader-file-size {
  margin-right: 4px
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  color: #d9534f;
  height: auto
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message span {
  display: block;
  margin-bottom: 2px
}

.dx-fileuploader-invalid .dx-fileuploader-file-status-message span:last-child {
  margin-bottom: 0
}

.dx-fileuploader-invalid .dx-fileuploader-button-container {
  vertical-align: top
}

.dx-fileuploader-invalid .dx-fileuploader-cancel-button {
  margin-top: 5px
}

.dx-fileuploader-wrapper {
  padding: 7px
}

.dx-fileuploader-content > .dx-fileuploader-upload-button {
  margin-left: 3px;
  margin-right: 3px
}

.dx-fileuploader-input-wrapper {
  border: 3px dashed #0000;
  padding: 7px 0
}

.dx-fileuploader.dx-state-disabled .dx-fileuploader-input-label {
  position: relative
}

.dx-fileuploader-dragover .dx-fileuploader-input-wrapper {
  border: none;
  padding: 0
}

.dx-fileuploader-dragover .dx-fileuploader-input-wrapper .dx-fileuploader-button {
  display: none
}

.dx-fileuploader-dragover .dx-fileuploader-input-container {
  display: block;
  width: 100%
}

.dx-fileuploader-dragover .dx-fileuploader-input {
  box-sizing: initial;
  display: block;
  padding: 17px 3px 18px;
  width: 100%
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
  border: 3px dashed #ddd;
  padding: 14px 9px;
  text-align: center
}

.dx-fileuploader-file-size, .dx-fileuploader-file-status-message {
  color: #999
}

.dx-fileuploader-input {
  padding: 7px 0
}

.dx-fileuploader-input-label {
  color: #333;
  overflow: hidden;
  padding: 8px 9px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-fileuploader-files-container {
  padding: 12px 3px 0;
  width: 100%
}

.dx-fileuploader-empty .dx-fileuploader-files-container {
  padding: 0
}

.dx-invalid .dx-fileuploader-files-container {
  padding-top: 50px
}

.dx-fileuploader-files-container .dx-fileuploader-button .dx-button-content {
  padding: 0
}

.dx-fileuploader-file {
  display: table-cell;
  line-height: 13px;
  padding-top: 5px;
  white-space: nowrap;
  width: 100%
}

.dx-fileuploader-file-name {
  color: #333;
  float: left;
  max-width: 100%;
  overflow: hidden;
  padding-bottom: 3.5px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-fileuploader-file-size {
  float: left;
  font-size: 10px;
  margin-left: 4px;
  padding-bottom: 3.5px;
  vertical-align: super
}

.dx-scheduler-appointment-popup .dx-popup-content {
  padding-bottom: 0;
  padding-top: 0
}

.dx-scheduler-appointment-popup .dx-scrollable-content {
  padding-top: 20px
}

.dx-scheduler-appointment-popup .dx-form.dx-recurrence-editor-container .dx-scrollable-content {
  padding-top: 0
}

.dx-scheduler .dx-empty-message {
  line-height: normal
}

.dx-scheduler-all-day-panel td {
  padding: 0
}

.dx-scheduler-appointment-collector {
  cursor: pointer;
  display: block;
  margin: 3px 0 0 3px;
  position: absolute
}

.dx-scheduler-appointment-collector .dx-button-content, .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
  margin: 0 4px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-scheduler-appointment-collector .dx-button-content:after, .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content:after {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  position: relative;
  vertical-align: middle
}

.dx-scheduler-appointment-collector.dx-button.dx-button-default {
  max-width: none;
  padding: 0
}

.dx-scheduler-work-space-mouse-selection .dx-scheduler-all-day-appointments, .dx-scheduler-work-space-mouse-selection .dx-scheduler-fixed-appointments, .dx-scheduler-work-space-mouse-selection .dx-scheduler-scrollable-appointments {
  pointer-events: none
}

.dx-rtl .dx-scheduler-appointment-collector {
  margin: 3px 3px 0 0
}

@media (max-width: 450px) {
  .dx-scheduler-adaptive .dx-scheduler-view-switcher-label {
    display: none
  }
}

.dx-scheduler-adaptive .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell {
  line-height: 1.3;
  white-space: pre-wrap
}

.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
  margin: 0
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content, .dx-scheduler-overlay-panel .dx-popup-content {
  padding: 0
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item {
  width: 360px
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content {
  padding: 5px
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler-overlay-panel .dx-overlay-content {
  box-shadow: 0 0 15px 0 #00000026
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
  display: flex
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
  background: #337ab7;
  border-radius: 50%;
  height: 20px;
  margin-left: 5px;
  margin-top: 7px;
  width: 20px
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon {
  color: #333
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content {
  color: #333;
  flex-basis: 100%;
  margin: 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .01em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
  font-size: 12px;
  margin-top: 10px;
  opacity: .8;
  text-align: left
}

.dx-scheduler-overlay-panel .dx-overlay-content {
  background: #fff;
  position: relative
}

.dx-scheduler-appointment-content-date {
  display: inline-block;
  opacity: .7;
  white-space: pre-wrap
}

.dx-scheduler-appointment-content-details {
  margin-top: 2px
}

.dx-scheduler-appointment-content-allday {
  display: none
}

.dx-scheduler-appointment {
  -webkit-touch-callout: none;
  background-clip: padding-box;
  background-color: #337ab7;
  border-bottom: 1px solid #0000;
  box-shadow: inset 0 2px 0 0 #0000004d;
  color: #fff;
  cursor: default;
  left: 0;
  min-height: 4px;
  min-width: 4px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-active {
  box-shadow: inset 0 -2px 0 0 #0000004d, inset 0 2px 0 0 #0000004d
}

.dx-scheduler-appointment .dx-scheduler-appointment, .dx-scheduler-appointment.dx-state-focused {
  box-shadow: none
}

.dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source):before, .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source):before {
  background-color: #0000004d;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .98;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 0 5px 0 0 #0000004d
}

.dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 0 5px 0 0 #0000004d, inset 0 -2px 0 0 #0000004d
}

.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
  height: 5px
}

.dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
  width: 5px
}

.dx-scheduler-appointment.dx-resizable-resizing {
  opacity: .7;
  z-index: 1000
}

.dx-scheduler-appointment .dx-resizable-handle-left {
  left: -1px
}

.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon {
  font: 18px/1 DXIcons;
  position: absolute;
  right: 5px;
  top: 3px
}

.dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon:before {
  content: "\f069"
}

.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  font: 18px/1 DXIcons;
  position: absolute;
  right: 5px;
  top: 3px
}

.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  content: "\f15a"
}

.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  left: 3px;
  right: auto
}

.dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon, .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
  display: none
}

.dx-scheduler-appointment.dx-state-disabled {
  cursor: default;
  opacity: .6;
  pointer-events: auto
}

.dx-scheduler-appointment.dx-scheduler-appointment-drag-source {
  opacity: .7
}

.dx-scheduler-fixed-appointments {
  position: absolute;
  z-index: 100
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 1000
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused {
  box-shadow: none
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source):before, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused:not(.dx-scheduler-appointment-drag-source):before {
  background-color: #0000004d;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .98;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment {
  box-shadow: 7px 7px 15px 0 #32323233, inset 0 -2px 0 0 #0000004d, inset 0 2px 0 0 #0000004d
}

.dx-scheduler-agenda .dx-scheduler-appointment {
  background-color: initial;
  border-radius: 5px;
  color: #333;
  padding: 10px
}

.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-hover {
  background-color: #0000000a
}

.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused {
  background-color: #00000014;
  box-shadow: none;
  color: #333
}

.dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused:before {
  background: 0 0
}

.dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon {
  color: #fff;
  position: static
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-left-layout {
  overflow: visible
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 10px
}

.dx-scheduler-agenda .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
  display: flex;
  flex-direction: row
}

.dx-scheduler-agenda .dx-scheduler-appointment-content-date {
  opacity: 1;
  white-space: nowrap
}

.dx-scheduler-agenda .dx-scheduler-appointment-title {
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-scheduler-agenda .dx-scheduler-appointment-content-details {
  display: flex;
  font-size: 12px;
  opacity: .7
}

.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  display: flex;
  padding-right: 5px
}

.dx-scheduler-agenda .dx-scheduler-appointment-resource-item, .dx-scheduler-agenda .dx-scheduler-appointment-resource-list {
  display: flex
}

.dx-scheduler-agenda .dx-scheduler-appointment-resource-item {
  margin-left: 15px
}

.dx-scheduler-agenda .dx-scheduler-appointment-resource-item-value {
  margin-left: 3px
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-marker {
  align-items: center;
  background-color: #337ab7;
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 32px
}

.dx-scheduler-agenda .dx-rtl .dx-scheduler-agenda-appointment-right-layout {
  margin-left: 0;
  margin-right: 10px
}

.dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped):not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-panel-container {
  display: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell {
  border: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell {
  border-left: none;
  border-right: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
  border-left: none;
  border-top: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel-container {
  display: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-panel-empty-cell {
  margin-top: 0
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
  margin-top: 1px
}

.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-right: none
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
  border-left: none
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: 100%
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border-right: 1px solid #ddd9
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-cell {
  border-top: 1px solid #ddd9
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell {
  border-left: 1px solid #ddd9;
  border-right: 1px solid #ddd9
}

.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:first-child, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:first-child, .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:first-child {
  border-left: none
}

.dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
  border: none
}

.dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:first-child, .dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell, .dx-rtl .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  width: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table {
  height: 100%;
  width: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  border-right: none
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table-scrollable-content, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable-content {
  height: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  color: #959595;
  height: 50px;
  text-align: right;
  vertical-align: top
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell .dx-scheduler-date-table-cell-text {
  padding-right: 6px
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
  height: 75px
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
  background-color: #337ab726;
  color: #337ab7;
  font-weight: 700
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  display: none
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-sidebar-scrollable {
  display: block;
  float: left
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
  border-bottom: none;
  box-shadow: 0 -2px 0 #ddd9
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell {
  height: 75px
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  border-bottom: none
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 160px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 80px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 240px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 80px
}

.dx-scheduler-timeline-day .dx-scheduler-date-table-container, .dx-scheduler-timeline-day .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-month .dx-scheduler-date-table-container, .dx-scheduler-timeline-month .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-week .dx-scheduler-date-table-container, .dx-scheduler-timeline-week .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-work-week .dx-scheduler-date-table-container, .dx-scheduler-timeline-work-week .dx-scheduler-date-table-scrollable-content {
  height: 100%;
  min-height: 100%;
  width: 100%
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel, .dx-scheduler-timeline-month .dx-scheduler-header-panel, .dx-scheduler-timeline-week .dx-scheduler-header-panel, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel {
  display: flex;
  flex-flow: row nowrap
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel thead, .dx-scheduler-timeline-month .dx-scheduler-header-panel thead, .dx-scheduler-timeline-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead {
  display: flex;
  flex-flow: column nowrap;
  width: 100%
}

.dx-scheduler-timeline-day .dx-scheduler-header-row, .dx-scheduler-timeline-month .dx-scheduler-header-row, .dx-scheduler-timeline-week .dx-scheduler-header-row, .dx-scheduler-timeline-work-week .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  flex-grow: 1;
  justify-content: center
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  display: flex;
  flex-flow: row-reverse nowrap
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell {
  flex-basis: 0
}

.dx-scheduler-timeline-day .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  border-right: none
}

.dx-scheduler-timeline .dx-scheduler-date-table-cell, .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
  width: 200px
}

.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
  display: none
}

.dx-scheduler-timeline .dx-scheduler-date-table {
  border-collapse: initial;
  border-spacing: 0;
  display: flex;
  flex-flow: column nowrap
}

.dx-scheduler-timeline .dx-scheduler-date-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100px
}

.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  display: flex;
  flex-flow: row nowrap
}

.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  align-items: stretch;
  display: flex;
  flex: 1 1 auto;
  flex-flow: row nowrap;
  height: inherit;
  min-height: 50px
}

.dx-scheduler-timeline .dx-scheduler-group-table {
  border-collapse: initial;
  border-spacing: 0;
  display: flex;
  flex-flow: column nowrap
}

.dx-scheduler-timeline .dx-scheduler-group-table tbody {
  display: flex;
  flex-flow: column nowrap;
  height: 100%
}

.dx-scheduler-timeline .dx-scheduler-group-header {
  min-height: 50px
}

.dx-scheduler-timeline .dx-scheduler-group-header-content {
  flex-grow: 1;
  overflow: visible
}

.dx-scheduler-timeline .dx-scheduler-group-header-content div {
  line-height: normal;
  white-space: normal
}

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  width: 200px
}

.dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  height: 100%;
  min-height: 100px
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  height: auto
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top-color: #0000
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell {
  border-bottom: 1px solid #c4c4c4
}

.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  display: block
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row .dx-scheduler-group-header {
  border: none;
  border-top: 1px solid #ddd9
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-group-header {
  border-right: 1px solid #ddd9
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row .dx-scheduler-last-group-cell {
  border-right: 1px solid #c4c4c4
}

.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell:first-child {
  border-left: none
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-cell:first-child {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-scheduler:not(.dx-scheduler-native) .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  flex: 1 1
}

.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  padding-top: 10px
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell:after {
  display: none
}

.dx-scheduler-agenda .dx-scheduler-group-table {
  border-spacing: 0;
  float: left;
  height: 100%;
  margin-top: 0
}

.dx-scheduler-agenda .dx-scheduler-time-panel {
  border: none;
  margin-top: 0;
  width: 70px
}

.dx-scheduler-agenda .dx-scheduler-date-table-cell, .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  border: none
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  float: right
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content:before {
  border-bottom: none
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell:after {
  display: none
}

.dx-scheduler-agenda .dx-scheduler-group-header {
  border-left: none;
  border-right: none;
  border-top: none;
  font-weight: 700;
  padding: 0;
  vertical-align: top
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  font-size: 14px;
  width: 40px
}

.dx-scheduler-agenda .dx-scheduler-group-header-content div {
  white-space: normal
}

.dx-scheduler-agenda-nodata {
  left: 0;
  opacity: .5;
  position: absolute;
  right: 0;
  text-align: center;
  top: 45%
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel {
  border: none
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-time-panel {
  width: 70px
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
  min-height: 100%
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  display: flex;
  flex-direction: column
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table > tbody {
  flex-grow: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row {
  flex-grow: 1;
  flex-shrink: 0;
  height: 78px
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell {
  height: auto
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-virtual .dx-scheduler-date-table-row {
  height: 50px
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
  width: 100%
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
  flex-shrink: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable .dx-scrollable-content {
  min-width: 100%
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-cell {
  flex-shrink: 0
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table .dx-scheduler-date-table-row {
  flex: 1 1
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  color: #337ab7
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  background-color: #63a0d4;
  content: "";
  position: absolute;
  right: 0;
  width: 100%
}

.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 100px
}

.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 150px
}

.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 75px
}

.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 200px
}

.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header {
  width: 66.6666666667px
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-empty-cell {
  width: 100px
}

.dx-scheduler-work-space-day.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 200px
}

.dx-scheduler-work-space-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 250px
}

.dx-scheduler-work-space-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 300px
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:nth-child(odd) .dx-scheduler-date-table-cell {
  border-top: 1px solid #c4c4c4
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top: none
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-odd-cells .dx-scheduler-time-panel-row:nth-child(2n) .dx-scheduler-time-panel-cell:after {
  background-color: #c4c4c4
}

.dx-scheduler-work-space {
  background-color: #fff;
  border: 1px solid #ddd9;
  border-top: none;
  display: flex;
  flex-direction: column;
  float: left;
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  border-top: 1px solid #ddd9
}

.dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  border-right: none
}

.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  border-top: 1px solid #ddd9
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel, .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline) .dx-scheduler-header-panel-empty-cell {
  border-bottom: 2px solid #ddd9
}

.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel, .dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-month):not(.dx-scheduler-timeline).dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell {
  border-bottom: none
}

.dx-scheduler-work-space.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  border-bottom: 1px solid #ddd9
}

.dx-scheduler-header-panel-container {
  display: flex;
  flex-shrink: 0
}

.dx-scheduler-header-panel-empty-cell {
  align-items: flex-end;
  border-bottom: 1px solid #ddd9;
  border-right: 1px solid #ddd9;
  display: flex;
  flex-shrink: 0;
  width: 0
}

.dx-scheduler-header-tables-container {
  overflow: hidden;
  width: 100%
}

.dx-scheduler-date-table-container {
  position: relative
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-container {
  height: 100%
}

.dx-scheduler-date-table-scrollable {
  overflow: hidden;
  width: 100%
}

.dx-scheduler-date-table-scrollable .dx-scrollable-content {
  overflow: hidden
}

.dx-scheduler-date-table-scrollable-content, .dx-scheduler-side-bar-scrollable-content {
  align-items: flex-start;
  display: flex
}

.dx-scheduler-date-table-scrollable-content {
  float: left;
  position: relative
}

.dx-scheduler-date-table-cell, .dx-scheduler-group-header, .dx-scheduler-header-panel-cell, .dx-scheduler-time-panel-cell {
  -webkit-touch-callout: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-scheduler-date-table-current-date {
  font-weight: 700
}

.dx-scheduler-date-table-other-month {
  opacity: .5
}

.dx-scheduler-work-space-flex-container {
  display: flex;
  flex-direction: row;
  height: 100%;
  min-height: 0
}

.dx-scheduler-group-flex-container {
  display: flex;
  flex: 0 0 100%;
  min-height: 100%
}

.dx-scheduler-group-flex-container .dx-scheduler-group-row {
  display: flex;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  min-width: 0
}

.dx-scheduler-group-flex-container .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
  border-right: 1px solid #ddd9
}

.dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
  align-items: flex-start;
  border: none;
  border-top: 1px solid #ddd9;
  display: flex;
  flex: 1 1;
  flex-flow: row nowrap;
  height: auto;
  justify-content: flex-start;
  overflow: hidden;
  padding: 0 5px;
  text-align: left;
  text-overflow: ellipsis;
  width: 100px
}

.dx-scheduler-header-scrollable {
  height: auto
}

.dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
  border-top: none
}

.dx-scheduler-all-day-table-cell, .dx-scheduler-date-table-cell {
  border-left: 1px solid #ddd9;
  border-top: 1px solid #ddd9
}

.dx-scheduler-all-day-table-cell:first-child, .dx-scheduler-date-table-cell:first-child {
  border-left: none
}

.dx-scheduler-date-table-cell, .dx-scheduler-header-panel-cell {
  border-right: 1px solid #ddd9
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-count .dx-scheduler-all-day-title, .dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  border-top: 1px solid #ddd9
}

.dx-scheduler-timeline .dx-scheduler-all-day-panel, .dx-scheduler-timeline .dx-scheduler-all-day-title, .dx-scheduler-timeline .dx-scheduler-time-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-panel, .dx-scheduler-work-space-month .dx-scheduler-all-day-title, .dx-scheduler-work-space-month .dx-scheduler-time-panel {
  display: none
}

.dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: none
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: none
}

.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: none
}

.dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-left: none
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-right: 1px solid #c4c4c4
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-date-table-cell:nth-child(7n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-week .dx-scheduler-header-panel-cell:nth-child(7n) {
  border-left: 1px solid #c4c4c4
}

.dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-right: 1px solid #c4c4c4
}

.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-date-table-cell:nth-child(5n), .dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-work-week .dx-scheduler-header-panel-cell:nth-child(5n) {
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #ddd9
}

.dx-scheduler-header-panel {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%
}

.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-panel-empty-cell {
  border-bottom: none
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: auto
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  float: none
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  flex-shrink: 0;
  height: auto
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child {
  border-left: none
}

.dx-scheduler-header-panel-cell {
  border-left: 1px solid #ddd9;
  color: #333;
  font-weight: 400;
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap
}

.dx-scheduler-header-panel-cell:first-child {
  border-left: 1px solid #0000
}

.dx-scheduler-all-day-panel {
  position: relative;
  width: 100%
}

.dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell, .dx-scheduler-all-day-title {
  border-bottom: 2px solid #ddd9
}

.dx-scheduler-all-day-title {
  -webkit-touch-callout: none;
  color: #333;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100px
}

.dx-scheduler-small .dx-scheduler-all-day-title {
  width: 50px
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-title {
  height: 50px;
  line-height: 50px
}

.dx-scheduler-all-day-table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%
}

.dx-scheduler-group-header {
  height: 30px;
  text-align: center
}

.dx-scheduler-time-panel {
  border-collapse: collapse;
  border-right: 1px solid #ddd9;
  flex: 0 0 auto;
  width: 100px
}

.dx-scheduler-small .dx-scheduler-time-panel {
  font-size: 14px;
  width: 50px
}

.dx-scheduler-time-panel .dx-scheduler-time-panel-row:first-of-type td > div {
  margin-top: 0
}

.dx-scheduler-time-panel-cell {
  border-bottom: 1px solid #0000;
  color: #333;
  padding-right: 20px;
  position: relative;
  text-align: right;
  vertical-align: top;
  width: 100%
}

.dx-scheduler-time-panel-cell > div {
  margin-top: -13px
}

.dx-scheduler-small .dx-scheduler-time-panel-cell {
  padding-left: 0;
  padding-right: 10px
}

.dx-scheduler-time-panel-cell:after {
  background-color: #ddd9;
  bottom: -1px;
  height: 1px;
  position: absolute;
  right: 0;
  width: 10%
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell {
  color: #337ab7
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before {
  background-color: #63a0d4;
  height: inherit;
  position: absolute;
  right: 0;
  top: 0;
  width: 2px
}

.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
  display: none
}

.dx-scheduler-time-panel-title-cell {
  padding: 0
}

.dx-scheduler-date-table {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%
}

.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
  background-color: #dbe9f5
}

.dx-scheduler-all-day-table-cell.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-focused {
  background-color: #dbe9f5;
  opacity: 1
}

.dx-scheduler-all-day-table-cell.dx-scheduler-focused-cell, .dx-scheduler-date-table-cell.dx-scheduler-focused-cell {
  box-shadow: inset 0 0 0 1px #337ab7
}

.dx-scheduler-all-day-table-cell > div, .dx-scheduler-date-table-cell > div {
  pointer-events: none
}

.dx-scheduler-date-table-droppable-cell {
  background-color: #f2f2f2
}

.dx-scheduler-group-header-content div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  display: flex;
  height: 40px
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content > div {
  margin: auto
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-row, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-panel, .dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-row {
  display: flex;
  flex-flow: row nowrap
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  display: flex;
  flex-basis: 0;
  flex-flow: row nowrap;
  flex-grow: 1
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  flex-basis: auto
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
  border-right: none
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  border-spacing: 0;
  border-top: 1px solid #ddd9;
  display: flex;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100px
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  border-bottom: none;
  height: 50px !important;
  line-height: 50px !important;
  top: 0
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
  display: table-cell;
  position: relative
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
  height: 50px
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
  border-top: 1px solid #ddd9
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell > div {
  margin-top: 0
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-last-group-cell {
  border-bottom: none;
  box-shadow: inset 0 -1px 0 #ddd9
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
  border-bottom: 2px solid #ddd9
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  border-top: 1px solid #ddd9
}

.dx-rtl .dx-scheduler-header-panel-empty-cell {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-rtl .dx-scheduler-date-table-scrollable-content, .dx-rtl .dx-scheduler-side-bar-scrollable-content {
  direction: rtl
}

.dx-rtl .dx-scheduler-sidebar-scrollable .dx-scheduler-group-row:last-child .dx-scheduler-group-header, .dx-rtl .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-rtl .dx-scheduler-header-panel {
  left: 0;
  right: inherit
}

.dx-rtl .dx-scheduler-time-panel, .dx-rtl .dx-scheduler-work-space-vertical-group-table {
  float: right
}

.dx-rtl .dx-scheduler-time-panel-cell {
  padding-left: 20px;
  padding-right: 0;
  text-align: left
}

.dx-scheduler-small .dx-rtl .dx-scheduler-time-panel-cell {
  padding-left: 10px
}

.dx-rtl .dx-scheduler-time-panel-cell:after {
  left: 0;
  right: auto
}

.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
  border-left: none;
  border-right: 1px solid #ddd9
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  float: right
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  padding: 0 5px 0 10px
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-three .dx-scheduler-group-header:last-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-two .dx-scheduler-group-header:last-child {
  text-align: right
}

.dx-rtl .dx-scheduler-all-day-table-cell:first-child, .dx-rtl .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-header-panel-cell:first-child, .dx-rtl .dx-scheduler-time-panel {
  border-left: 1px solid #ddd9;
  border-right: none
}

.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-header-panel-empty-cell {
  width: 50px
}

.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-one .dx-scheduler-header-panel-empty-cell {
  width: 150px
}

.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
  width: 200px
}

.dx-scheduler-small .dx-scheduler-work-space-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-small .dx-scheduler-work-space-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
  width: 250px
}

.dx-recurrence-repeat-end-wrapper {
  display: flex
}

.dx-recurrence-numberbox-interval-wrapper .dx-layout-manager .dx-field-item, .dx-recurrence-repeat-on .dx-layout-manager .dx-field-item {
  padding-left: 0;
  padding-right: 0
}

.dx-recurrence-numberbox-interval-wrapper .dx-box-item:first-child:not(:only-child), .dx-recurrence-repeat-on .dx-box-item:first-child:not(:only-child) {
  flex-grow: 0 !important;
  min-width: auto !important
}

.dx-recurrence-numberbox-interval-wrapper .dx-field-item-label {
  white-space: nowrap
}

.dx-layout-manager .dx-field-item.dx-recurrence-repeat-on {
  padding-top: 0
}

.dx-recurrence-repeat-end-label {
  line-height: 36px
}

.dx-recurrence-radiogroup-repeat-type {
  margin: 0
}

.dx-recurrence-radiogroup-repeat-type .dx-item {
  padding-bottom: 10px
}

.dx-recurrence-datebox-until-date {
  margin-left: 28px
}

.dx-recurrence-numberbox-repeat-count {
  margin-left: 16px;
  margin-right: 11px
}

.dx-recurrence-button-group {
  width: 100%
}

.dx-recurrence-button-group .dx-button-content {
  padding: 8px
}

.dx-recurrence-button-group .dx-buttongroup-wrapper > div {
  flex: 1 1
}

.dx-recurrence-editor-container .dx-recurrence-numberbox-interval {
  margin-right: 11px
}

.dx-recurrence-editor-container .dx-recurrence-numberbox-interval.dx-rtl {
  margin-left: 11px;
  margin-right: 0
}

.dx-recurrence-numberbox-interval-label {
  margin-top: 25px
}

.dx-scheduler-container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.dx-scheduler-header {
  border: 1px solid #ddd9;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  z-index: 1
}

.dx-scheduler-header .dx-toolbar {
  background-color: initial;
  height: 100%
}

.dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
  height: 100%
}

.dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container .dx-icon:before {
  content: "\f016"
}

.dx-scheduler-view-switcher-dropdown-button-content .dx-list-item {
  display: list-item
}

.dx-scheduler-date-time-shader-all-day {
  background-color: #3333330a;
  pointer-events: none;
  position: absolute;
  width: 100%
}

.dx-scheduler-date-time-indicator {
  background-color: #63a0d4;
  box-shadow: 0 1px 0 0 #ffffff1a;
  pointer-events: none;
  position: absolute
}

.dx-scheduler-date-time-indicator:before {
  color: #63a0d4;
  font-size: 30px;
  margin-left: -12px;
  margin-top: -14px;
  position: absolute;
  text-shadow: #ffffff1a 1px 0 0;
  z-index: 1000
}

.dx-scheduler-date-time-shader {
  pointer-events: none
}

.dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content {
  padding: 0 7px
}

.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-right: 40px
}

.dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced:not(.dx-scheduler-all-day-appointment) .dx-scheduler-appointment-reduced-icon {
  top: 9px
}

.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  font: 14px/1 DXIcons;
  height: 1px;
  margin-left: 100px
}

.dx-scheduler-work-space-day .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator:before {
  content: "\f04e"
}

.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator {
  margin-left: 50px
}

.dx-scheduler-work-space-day .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader {
  margin-left: 100px
}

.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader {
  margin-left: 50px
}

.dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before {
  background-color: #3333330a;
  content: "";
  height: inherit;
  left: inherit;
  margin-left: 100px;
  position: absolute;
  width: inherit
}

.dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-small .dx-scheduler-work-space-day .dx-scheduler-date-time-shader-top:before, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-small .dx-scheduler-work-space-week .dx-scheduler-date-time-shader-top:before, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-small .dx-scheduler-work-space-work-week .dx-scheduler-date-time-shader-top:before {
  margin-left: 50px
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-all-day, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-time-shader-top:before {
  margin-left: 0
}

.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator {
  font: 14px/1 DXIcons;
  margin-left: 0
}

.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator:before {
  content: "\f04f";
  margin-right: -12px
}

.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top:before {
  margin-left: 0;
  margin-right: 100px
}

.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
  font: 14px/1 DXIcons;
  top: 0;
  width: 1px
}

.dx-scheduler-timeline .dx-scheduler-date-time-indicator:before {
  content: "\f001";
  margin-left: -14px;
  margin-top: -12px
}

.dx-scheduler-timeline .dx-scheduler-date-time-shader {
  height: 100%;
  position: absolute
}

.dx-scheduler-timeline .dx-scheduler-date-time-shader:before {
  background-color: #3333330a;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  width: inherit
}

.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
  box-shadow: none
}

.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:after {
  background-color: #63a0d4;
  bottom: -1px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  right: 0
}

.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  top: 0
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  font-size: 13px;
  padding: 0 7px
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 25px 0 7px
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 7px 0 25px
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced-icon {
  top: 0
}

.dx-scheduler-all-day-appointments, .dx-scheduler-scrollable-appointments {
  position: absolute;
  top: 0
}

.dx-scheduler-all-day-appointments.dx-rtl, .dx-scheduler-scrollable-appointments.dx-rtl {
  left: 0
}

.dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset 2px 0 0 0 #0000004d
}

.dx-rtl .dx-scheduler-all-day-appointment, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment {
  box-shadow: inset -2px 0 0 0 #0000004d
}

.dx-scheduler-all-day-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active {
  box-shadow: inset -2px 0 0 0 #0000004d, inset 2px 0 0 0 #0000004d
}

.dx-scheduler-all-day-appointment.dx-state-hover, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset 5px 0 0 0 #0000004d
}

.dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset 5px 0 0 0 #0000004d, inset -2px 0 0 0 #0000004d
}

.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
  box-shadow: inset -5px 0 0 0 #0000004d
}

.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
  box-shadow: inset -5px 0 0 0 #0000004d, inset 2px 0 0 0 #0000004d
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-draggable-dragging .dx-scheduler-appointment {
  box-shadow: inset -2px 0 0 0 #0000004d, inset 2px 0 0 0 #0000004d, 7px 7px 15px 0 #32323233
}

.dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail {
  box-shadow: none
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  position: absolute;
  top: 15%
}

.dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  right: 20px
}

.dx-scheduler-appointment-content {
  cursor: pointer;
  height: 100%;
  opacity: .99;
  overflow: hidden;
  padding: 5px 7px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  font-size: 12px
}

.dx-scheduler-appointment-content > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details, .dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-appointment-empty .dx-scheduler-appointment-title {
  display: none
}

.dx-scheduler-appointment-content-details {
  font-size: 11px;
  overflow: hidden;
  white-space: pre
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment-content-details, .dx-scheduler-work-space-month .dx-scheduler-appointment-content-details {
  display: none
}

.dx-scheduler-appointment-popup .dx-form .dx-field-item.dx-appointment-form-switch > div {
  flex-grow: 0;
  width: auto
}

.dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-scheduler-appointment-popup .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin: 0
}

.dx-scheduler-appointment-popup .dx-field-item-label-location-left {
  padding-right: 20px
}

.dx-scheduler-appointment-popup .dx-field {
  min-height: 0
}

.dx-scheduler-appointment-popup .dx-field-label {
  width: auto
}

.dx-scheduler-appointment-popup .dx-field-value {
  padding-left: 0;
  padding-right: 0
}

.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox {
  float: left
}

.dx-scheduler-appointment-popup .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  float: right
}

.dx-scheduler-appointment-collector {
  background-color: #337ab7;
  color: #fff
}

.dx-scheduler-appointment-collector.dx-button, .dx-scheduler-appointment-collector.dx-button.dx-state-active, .dx-scheduler-appointment-collector.dx-button.dx-state-focused, .dx-scheduler-appointment-collector.dx-button.dx-state-hover {
  background-color: #337ab7;
  border: none;
  box-shadow: none;
  color: #fff
}

.dx-scheduler-appointment-collector.dx-button.dx-state-hover:before {
  background-color: #0000004d;
  bottom: 0;
  content: "";
  left: 0;
  opacity: .98;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0
}

.dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
  color: #fff;
  opacity: .99
}

.dx-scheduler-appointment-collector-compact .dx-button-content span:last-child, .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
  padding-left: 0
}

.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  height: 0;
  width: 100%
}

.dx-scheduler-agenda .dx-scheduler-appointment {
  box-shadow: none;
  margin-bottom: 5px;
  margin-top: 5px;
  position: relative
}

.dx-scheduler-agenda .dx-scheduler-appointment.dx-scheduler-last-in-date-agenda-appointment {
  margin-bottom: 20px
}

.dx-rtl .dx-scheduler-appointment-recurrence-icon {
  left: 5px;
  right: auto
}

.dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  left: 20px;
  right: auto
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-left: 40px;
  padding-right: 5px
}

.dx-rtl .dx-scheduler-all-day-appointments, .dx-rtl .dx-scheduler-scrollable-appointments {
  left: 0
}

.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-bottom:before, .dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-top:before {
  margin-right: 50px
}

.dx-scheduler-time-panel-cell {
  height: 50px
}

.dx-scheduler-time-panel-cell.dx-scheduler-time-panel-current-time-cell:before, .dx-scheduler-time-panel-cell:after {
  content: ""
}

.dx-scheduler-date-table-cell {
  height: 50px
}

.dx-scheduler-all-day-title {
  font-size: 14px;
  font-weight: 700;
  height: 75px;
  line-height: 75px
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  height: 25px;
  line-height: 25px
}

.dx-scheduler-all-day-table {
  height: 75px
}

.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  height: 25px
}

.dx-scheduler-header-panel-cell {
  height: 50px
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  height: 2px;
  top: 47px
}

.dx-scheduler-timeline .dx-scheduler-date-table-cell {
  border-right: none;
  height: 75px
}

.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  border-bottom: none
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable .dx-scrollable-content {
  min-height: 300px
}

.dx-scheduler-header {
  background-color: #f5f5f5;
  height: 56px
}

.dx-scheduler-header .dx-toolbar .dx-toolbar-item-content, .dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container {
  padding: 9px
}

.dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
  min-width: 180px
}

.dx-scheduler-adaptive .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
  min-width: 140px
}

.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  border-bottom: 1px solid #ddd9
}

.dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) .dx-scheduler-group-header {
  color: #333
}

.dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-header-panel .dx-scheduler-group-header, .dx-scheduler-work-space-vertical-group-table .dx-scheduler-group-header {
  color: #333;
  font-weight: 700;
  padding: 0
}

.dx-scheduler-all-day-panel {
  background-color: #fff
}

.dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-all-day-title {
  border-top: 1px solid #ddd9
}

.dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-date-table-cell {
  border: none
}

.dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th {
  border-left: none;
  border-right: none
}

.dx-scheduler-work-space-week .dx-scheduler-date-table-row:first-child {
  border-top: none
}

.dx-scheduler-all-day-table-cell.dx-state-active, .dx-scheduler-date-table-cell.dx-state-active {
  background-color: #ddddddb3
}

.dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover {
  background-color: #0000000a;
  color: #959595
}

.dx-scheduler-appointment-popup .dx-popup-title {
  background-color: #fff
}

.dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton, .dx-scheduler-appointment-popup .dx-popup-title .dx-closebutton.dx-rtl {
  margin: 0
}

.dx-scheduler-appointment-popup .dx-popup-bottom {
  border-top: 1px solid #ddd
}

.dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-right: 4px
}

.dx-rtl .dx-scheduler-appointment-popup .dx-toolbar-after {
  margin-left: 4px;
  margin-right: 0
}

.dx-scheduler-appointment-popup .dx-form-validation-summary {
  padding: 10px 20px
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  font-size: 16px
}

.dx-scheduler-group-header, .dx-scheduler-header-panel, .dx-scheduler-time-panel {
  font-size: 14px
}

.dx-scheduler-work-space-grouped .dx-scheduler-group-row th, .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
  border-right: 1px solid #aaa
}

.dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child, .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
  border-right: none
}

.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell {
  border-left: 1px solid #aaa;
  border-right: 1px solid #ddd9
}

.dx-rtl .dx-scheduler-work-space-grouped .dx-scheduler-group-row th:last-child, .dx-rtl .dx-scheduler-work-space.dx-scheduler-work-space-grouped .dx-scheduler-last-group-cell:last-child {
  border-left: none
}

.dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-timeline .dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row th, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-vertical-grouped .dx-scheduler-last-group-cell {
  border-left: 1px solid #ddd9;
  border-right: 1px solid #ddd9
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell {
  border-right: 1px solid #aaa
}

.dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child, .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child {
  border-right: none
}

.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell {
  border-left: 1px solid #aaa;
  border-right: 1px solid #ddd9
}

.dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell:last-child, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header.dx-scheduler-last-group-cell:last-child, .dx-rtl .dx-scheduler-work-space-grouped.dx-scheduler-work-space-group-by-date .dx-scheduler-header-panel-cell:last-child {
  border-left: none
}

.dx-scheduler-appointment-collector {
  height: 20px
}

.dx-scheduler-appointment-collector.dx-button.dx-button-default, .dx-scheduler-appointment-collector.dx-state-hover:before {
  border-radius: 20px
}

.dx-scheduler-appointment {
  border-left: 3px solid #0000;
  border-right: 2px solid #0000
}

.dx-scheduler-appointment.dx-state-focused {
  color: #fff
}

.dx-scheduler-appointment.dx-scheduler-appointment-empty {
  border-left: 1px solid #0000;
  border-right: 1px solid #0000
}

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment {
  border-right: none
}

.dx-scheduler-appointment-strip {
  display: none
}

.dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
  padding-right: 40px
}

.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 25px 5px 7px
}

.dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 5px 7px 5px 25px
}

.dx-scheduler-dropdown-appointment-date {
  color: #959595
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  background-color: #fff
}

.dx-scheduler-agenda .dx-scheduler-group-header {
  font-size: 14px;
  width: 80px
}

.dx-scheduler-agenda .dx-scheduler-group-header-content {
  box-shadow: inset 0 -1px 0 0 #c4c4c4;
  overflow: hidden;
  padding: 10px 0 0 10px;
  width: 80px
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  padding-left: 10px;
  padding-right: 0;
  padding-top: 10px;
  vertical-align: top
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  padding-left: 0;
  padding-right: 10px
}

.dx-scheduler-agenda .dx-scheduler-group-header-content, .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  text-align: left
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-header-content, .dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  text-align: right
}

.dx-scheduler-agenda .dx-scheduler-date-table-cell, .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  box-shadow: inset 0 -1px 0 0 #ddd9
}

.dx-scheduler-agenda .dx-scheduler-date-table-last-row .dx-scheduler-date-table-cell, .dx-scheduler-agenda .dx-scheduler-date-table-last-row .dx-scheduler-time-panel-cell {
  box-shadow: inset 0 -1px 0 0 #c4c4c4
}

.dx-scheduler-agenda-nodata {
  font-size: 14px
}

.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content .dx-popup-content .dx-list-item {
  border-top-width: 1px
}

.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
  background: #fff
}

.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 {
  display: block;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1
}

.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: initial
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper, .dx-layout-manager .dx-label-h-align .dx-field-item-label {
  display: table-cell
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
  display: block
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
  vertical-align: middle;
  white-space: nowrap
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
  display: block
}

.dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-custom-label-content {
  display: inline-block
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-custom-label-content .dx-icon {
  vertical-align: top
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
  margin-bottom: 4px;
  margin-top: 7px
}

.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;
  margin: 0;
  padding: 0
}

.dx-form-group-custom-caption {
  align-items: center;
  display: flex;
  font-size: 20px
}

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

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

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

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

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

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

.dx-rtl .dx-field-item-optional-mark, .dx-rtl .dx-field-item-required-mark {
  unicode-bidi: embed
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 15px;
  padding-inline-start: 15px
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 15px;
  padding-inline-end: 15px
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
  padding-top: 10px
}

.dx-form-group-caption {
  font-size: 20px
}

.dx-field-item-label-text {
  color: #333
}

.dx-field-item-label-location-top {
  margin-bottom: 4px
}

.dx-field-item-optional .dx-label > span:after, .dx-field-item-optional-mark {
  color: #afafaf
}

.dx-field-item-required .dx-label > span:after, .dx-field-item-required-mark {
  color: #c9302c
}

.dx-field-item-custom-label-content .dx-icon {
  background-size: 20px 20px;
  font-size: 20px;
  height: 20px;
  line-height: 20px;
  width: 20px
}

.dx-field-item-custom-label-content .dx-icon, .dx-form-group-custom-caption .dx-icon {
  -webkit-margin-end: 9px;
  -webkit-margin-start: 0;
  background-position: 0 0;
  margin-inline-end: 9px;
  margin-inline-start: 0;
  padding: 0;
  text-align: center
}

.dx-form-group-custom-caption .dx-icon {
  background-size: 18px 18px;
  font-size: 18px;
  height: 18px;
  line-height: 18px;
  width: 18px
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon, .dx-filterbuilder.dx-rtl .dx-filterbuilder-text {
  margin-left: 5px;
  margin-right: 0
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 0;
  padding-right: 26px
}

.dx-filterbuilder .dx-filterbuilder-action-icon, .dx-filterbuilder .dx-filterbuilder-text {
  margin-left: 0;
  margin-right: 5px
}

.dx-filterbuilder .dx-filterbuilder-action-icon:focus, .dx-filterbuilder .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-text:focus {
  outline: 0
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
  display: inline-block;
  white-space: nowrap
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
  cursor: pointer;
  display: inline-block;
  white-space: pre
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
  white-space: nowrap
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator {
  margin: 0 7px;
  opacity: .3
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  min-width: 20px;
  padding: 2px 7px 3px
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
  display: inline-block;
  margin-bottom: -4px;
  margin-top: -7px;
  vertical-align: middle
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
  cursor: pointer;
  display: inline-block;
  position: relative
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action.dx-filterbuilder-action-icon {
  padding: 5px 8px
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
  padding-left: 26px
}

.dx-filterbuilder-operations .dx-treeview-item {
  padding-left: 5px
}

.dx-filterbuilder-operations .dx-rtl .dx-treeview-item {
  padding-right: 5px
}

.dx-filterbuilder-overlay {
  white-space: nowrap
}

.dx-filterbuilder-overlay .dx-treeview .dx-treeview-node {
  padding-left: 0
}

.dx-filterbuilder-overlay .dx-treeview .dx-treeview-node .dx-treeview-node-container-opened {
  margin-left: 15px
}

.dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 0
}

.dx-filterbuilder-overlay .dx-treeview.dx-rtl .dx-treeview-node .dx-treeview-node-container-opened {
  margin-right: 15px
}

.dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal {
  border-radius: 0
}

.dx-filterbuilder-overlay .dx-overlay-content.dx-popup-normal > .dx-popup-content {
  padding: 0
}

.dx-filterbuilder-overlay .dx-scrollable-container {
  max-height: 360px
}

.dx-filterbuilder-overlay .dx-menu-items-container {
  padding: 0
}

.dx-filterbuilder {
  background-color: #fff
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text {
  color: #333
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation {
  background-color: #d9534f4d
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
  background-color: #d9534f80
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus {
  background-color: #d9534f;
  color: #fff
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
  background-color: #337ab74d
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
  background-color: #337ab780
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
  background-color: #337ab7;
  color: #fff
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
  background-color: #5cb85c4d
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
  background-color: #5cb85c80
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus {
  background-color: #5cb85c;
  color: #fff
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:hover {
  background-color: #dddddd80
}

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus {
  background-color: #ddd;
  color: #fff
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
  color: #5cb85c4d
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
  color: #5cb85c80
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus {
  color: #5cb85c
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove {
  color: #d9534f4d
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
  color: #d9534f80
}

.dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:focus {
  color: #d9534f
}

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon {
  color: #333
}

.dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-expander-icon-stub {
  display: none
}

.dx-filterbuilder .dx-filterbuilder-action-icon {
  margin-bottom: 9px
}

.dx-filterbuilder .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-text {
  border-radius: 5px
}

.dx-filterbuilder .dx-filterbuilder-range-separator {
  color: #333
}

.dx-filterbuilder-overlay .dx-treeview-item {
  padding: 5px 15px
}

.dx-filterbuilder-overlay .dx-rtl .dx-treeview-item {
  padding-left: 15px
}

.dx-drawer {
  height: 100%;
  width: 100%
}

.dx-drawer .dx-drawer-wrapper > .dx-drawer-panel-content.dx-drawer-panel-content-hidden {
  visibility: hidden
}

.dx-drawer-wrapper {
  height: 100%;
  overflow: hidden;
  position: relative
}

.dx-drawer-panel-content {
  bottom: 0;
  position: absolute;
  top: 0
}

.dx-drawer-panel-content .dx-overlay-content {
  overflow: hidden
}

.dx-drawer-right .dx-drawer-panel-content {
  right: 0
}

.dx-drawer-left .dx-drawer-panel-content {
  left: 0
}

.dx-drawer-panel-content-push-top-or-bottom {
  width: 100%
}

.dx-drawer-content {
  height: 100%;
  overflow: hidden;
  top: 0;
  width: 100%
}

.dx-drawer-shader {
  background-color: #00000080;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000
}

.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
  top: auto
}

.dx-drawer-shrink .dx-drawer-panel-content {
  flex: 0 0 auto;
  height: 100%;
  overflow: hidden;
  position: relative
}

.dx-drawer-shrink .dx-drawer-wrapper {
  display: flex;
  flex: 1 0 auto;
  flex-direction: row
}

.dx-drawer-shrink .dx-drawer-content {
  flex: 1 1 auto;
  position: relative
}

.dx-drawer-shrink.dx-drawer-bottom .dx-drawer-wrapper, .dx-drawer-shrink.dx-drawer-top .dx-drawer-wrapper {
  flex-direction: column
}

.dx-drawer-overlap .dx-drawer-panel-content {
  overflow: visible
}

.dx-drawer-overlap .dx-drawer-panel-content.dx-overlay-wrapper {
  left: auto;
  right: auto
}

.dx-drawer-overlap.dx-drawer-left .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-right .dx-drawer-wrapper {
  overflow-y: visible
}

.dx-drawer-overlap.dx-drawer-bottom .dx-drawer-wrapper, .dx-drawer-overlap.dx-drawer-top .dx-drawer-wrapper {
  overflow-x: visible
}

.dx-drawer-overlap.dx-drawer-right.dx-drawer-expand > .dx-drawer-wrapper > .dx-overlay > .dx-overlay-wrapper > .dx-overlay-content, .dx-drawer-overlap.dx-drawer-right.dx-drawer-slide > .dx-drawer-wrapper > .dx-overlay > .dx-overlay-wrapper > .dx-overlay-content {
  right: 0
}

.dx-htmleditor {
  border: 1px solid #0000;
  display: flex;
  flex-direction: column
}

.dx-htmleditor:not(.dx-state-disabled) li[data-list=checked], .dx-htmleditor:not(.dx-state-disabled) li[data-list=unchecked] {
  cursor: pointer
}

.dx-htmleditor-add-image-popup-with-tabs > .dx-overlay-content > .dx-popup-content {
  padding: 0
}

.dx-htmleditor-hidden-content {
  display: none
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-multiview-wrapper {
  border-bottom-color: #0000;
  border-left-color: #0000;
  border-right-color: #0000
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fix-ratio-container .dx-textbox {
  display: inline-block;
  width: calc(100% - 41px)
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fix-ratio-container .dx-buttongroup {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
  vertical-align: top;
  width: 36px
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-wrapper {
  padding: 0
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-upload-button {
  display: none
}

.dx-htmleditor-add-image-popup > .dx-overlay-content .dx-popup-title {
  border-bottom: 0
}

.dx-quill-container {
  box-sizing: border-box;
  display: flex;
  flex: 1 1;
  flex-basis: auto;
  margin: 0;
  min-height: 1px;
  overflow: hidden;
  position: relative
}

.ql-clipboard {
  height: 1px;
  left: -100000px;
  overflow-y: hidden;
  position: absolute;
  top: 50%
}

.ql-clipboard p {
  margin: 0;
  padding: 0
}

.dx-htmleditor-content {
  word-wrap: break-word;
  box-sizing: border-box;
  line-height: 1.42;
  outline: 0;
  overflow-y: auto;
  padding: 12px 15px;
  white-space: pre-wrap;
  width: 100%
}

.dx-htmleditor-content .dx-variable > span {
  background: #337ab726;
  border-radius: 8px;
  padding: 3px 6px
}

.dx-htmleditor-content > * {
  cursor: text
}

.dx-htmleditor-content blockquote, .dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6, .dx-htmleditor-content ol, .dx-htmleditor-content p, .dx-htmleditor-content pre, .dx-htmleditor-content ul {
  margin: 0;
  padding: 0
}

.dx-htmleditor-content h1, .dx-htmleditor-content h2, .dx-htmleditor-content h3, .dx-htmleditor-content h4, .dx-htmleditor-content h5, .dx-htmleditor-content h6, .dx-htmleditor-content p, .dx-htmleditor-content ul {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.dx-htmleditor-content table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%
}

.dx-htmleditor-content td, .dx-htmleditor-content th {
  border: 1px solid #000;
  padding: 2px 5px
}

.dx-htmleditor-content li, .dx-htmleditor-content ol, .dx-htmleditor-content ul {
  -webkit-padding-start: 1.5em;
  padding-inline-start: 1.5em
}

.dx-htmleditor-content li {
  list-style-type: none;
  position: relative
}

.dx-htmleditor-content li[data-list=bullet]:before {
  content: "•"
}

.dx-htmleditor-content li[data-list=checked]:before {
  content: "☑"
}

.dx-htmleditor-content li[data-list=unchecked]:before {
  content: "☐"
}

.dx-htmleditor-content li:before {
  -webkit-margin-start: -1.5em;
  -webkit-margin-end: .3em;
  display: inline-block;
  margin-inline-end: .3em;
  margin-inline-start: -1.5em;
  text-align: end;
  white-space: nowrap;
  width: 1.2em
}

.dx-htmleditor-content li > .ql-ui {
  visibility: hidden
}

.dx-htmleditor-content li[data-list=checked] > .ql-ui, .dx-htmleditor-content li[data-list=unchecked] > .ql-ui {
  visibility: visible
}

.dx-htmleditor-content li[data-list=ordered] {
  counter-increment: list-0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.dx-htmleditor-content li[data-list=ordered]:before {
  content: counter(list-0, decimal) ". "
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-1 {
  counter-increment: list-1
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". "
}

.dx-htmleditor-content li.ql-indent-1 {
  -webkit-padding-start: 4.5em;
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  padding-inline-start: 4.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-2 {
  counter-increment: list-2
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-2:before {
  content: counter(list-2, lower-roman) ". "
}

.dx-htmleditor-content li.ql-indent-2 {
  -webkit-padding-start: 7.5em;
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  padding-inline-start: 7.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-3 {
  counter-increment: list-3
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-3:before {
  content: counter(list-3, decimal) ". "
}

.dx-htmleditor-content li.ql-indent-3 {
  -webkit-padding-start: 10.5em;
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
  padding-inline-start: 10.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-4 {
  counter-increment: list-4
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". "
}

.dx-htmleditor-content li.ql-indent-4 {
  -webkit-padding-start: 13.5em;
  counter-reset: list-5 list-6 list-7 list-8 list-9;
  padding-inline-start: 13.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-5 {
  counter-increment: list-5
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-5:before {
  content: counter(list-5, lower-roman) ". "
}

.dx-htmleditor-content li.ql-indent-5 {
  -webkit-padding-start: 16.5em;
  counter-reset: list-6 list-7 list-8 list-9;
  padding-inline-start: 16.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-6 {
  counter-increment: list-6
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-6:before {
  content: counter(list-6, decimal) ". "
}

.dx-htmleditor-content li.ql-indent-6 {
  -webkit-padding-start: 19.5em;
  counter-reset: list-7 list-8 list-9;
  padding-inline-start: 19.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-7 {
  counter-increment: list-7
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". "
}

.dx-htmleditor-content li.ql-indent-7 {
  -webkit-padding-start: 22.5em;
  counter-reset: list-8 list-9;
  padding-inline-start: 22.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-8 {
  counter-increment: list-8
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-8:before {
  content: counter(list-8, lower-roman) ". "
}

.dx-htmleditor-content li.ql-indent-8 {
  -webkit-padding-start: 25.5em;
  counter-reset: list-9;
  padding-inline-start: 25.5em
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-9 {
  counter-increment: list-9
}

.dx-htmleditor-content ol li[data-list=ordered].ql-indent-9:before {
  content: counter(list-9, decimal) ". "
}

.dx-htmleditor-content .ql-indent-1 {
  -webkit-padding-start: 3em;
  padding-inline-start: 3em
}

.dx-htmleditor-content .ql-indent-2 {
  -webkit-padding-start: 6em;
  padding-inline-start: 6em
}

.dx-htmleditor-content .ql-indent-3 {
  -webkit-padding-start: 9em;
  padding-inline-start: 9em
}

.dx-htmleditor-content .ql-indent-4 {
  -webkit-padding-start: 12em;
  padding-inline-start: 12em
}

.dx-htmleditor-content .ql-indent-5 {
  -webkit-padding-start: 15em;
  padding-inline-start: 15em
}

.dx-htmleditor-content .ql-indent-6 {
  -webkit-padding-start: 18em;
  padding-inline-start: 18em
}

.dx-htmleditor-content .ql-indent-7 {
  -webkit-padding-start: 21em;
  padding-inline-start: 21em
}

.dx-htmleditor-content .ql-indent-8 {
  -webkit-padding-start: 24em;
  padding-inline-start: 24em
}

.dx-htmleditor-content .ql-indent-9 {
  -webkit-padding-start: 27em;
  padding-inline-start: 27em
}

.dx-htmleditor-content li.ql-indent-9 {
  -webkit-padding-start: 28.5em;
  padding-inline-start: 28.5em
}

.dx-htmleditor-content table td, .dx-htmleditor-content table th {
  outline: 0
}

.dx-htmleditor-content .ql-code-block-container {
  font-family: monospace
}

.dx-htmleditor-content .ql-code-block-container, .dx-htmleditor-content code {
  background-color: #bfbfbf26;
  color: #333c
}

.dx-htmleditor-content .ql-video {
  display: block;
  max-width: 100%
}

.dx-htmleditor-content .ql-video.ql-align-center {
  margin: 0 auto
}

.dx-htmleditor-content .ql-video.ql-align-right {
  margin: 0 0 0 auto
}

.dx-htmleditor-content .ql-font-serif {
  font-family: Georgia, Times New Roman, serif
}

.dx-htmleditor-content .ql-font-monospace {
  font-family: Monaco, Courier New, monospace
}

.dx-htmleditor-content .ql-direction-rtl {
  direction: rtl;
  text-align: inherit
}

.dx-htmleditor-content.ql-blank:before {
  color: #999;
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px
}

.dx-htmleditor-content.ql-blank:after {
  content: attr(data-placeholder);
  visibility: hidden;
  z-index: -1
}

.dx-htmleditor-content.ql-blank[data-placeholder] > p {
  height: .1px
}

.dx-suggestion-list-wrapper .dx-list .dx-scrollable-content {
  margin: 0
}

.dx-suggestion-list {
  min-width: 50px
}

.dx-suggestion-list .dx-list-item {
  display: block
}

.dx-suggestion-list .dx-list-item-icon {
  border-radius: 50%;
  vertical-align: text-bottom
}

.dx-formdialog-form {
  min-width: 360px
}

.dx-overlay-content.dx-popup-fullscreen .dx-formdialog-form {
  min-width: 240px
}

.dx-formdialog-field-target .dx-field-item-content {
  text-align: end
}

.dx-background-format .dx-icon-background, .dx-background-format .dx-icon-color, .dx-color-format .dx-icon-background, .dx-color-format .dx-icon-color {
  border-bottom: 3px solid #0000
}

.dx-htmleditor-toolbar-separator {
  border-left: 1px solid #0000
}

.dx-htmleditor-toolbar-menu-separator {
  border-top: 1px solid #0000;
  width: 100%
}

.dx-htmleditor-toolbar-menu-separator:before {
  content: none
}

.dx-resize-frame {
  border: 1px dashed #789;
  box-sizing: initial;
  pointer-events: none;
  position: absolute
}

.dx-resize-frame .dx-resizable-handle {
  pointer-events: auto
}

.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right {
  border: 1px solid #fff;
  border-radius: 0;
  height: 11px;
  width: 11px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  height: 15px;
  width: 15px
}

.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-right {
  right: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  right: -7.5px
}

.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-top-left {
  left: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left {
  left: -7.5px
}

.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right {
  top: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-top-right {
  top: -7.5px
}

.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right {
  bottom: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-touch-device.dx-resize-frame .dx-resizable-handle-corner-bottom-right {
  bottom: -7.5px
}

.dx-resize-frame .dx-resizable-handle-bottom:after, .dx-resize-frame .dx-resizable-handle-left:after, .dx-resize-frame .dx-resizable-handle-right:after, .dx-resize-frame .dx-resizable-handle-top:after {
  border: 1px solid #fff;
  content: "";
  height: 11px;
  position: absolute;
  width: 11px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom:after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-left:after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-right:after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-top:after {
  height: 15px;
  width: 15px
}

.dx-resize-frame .dx-resizable-handle-left:after, .dx-resize-frame .dx-resizable-handle-right:after {
  top: calc(50% - 5.5px)
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-left:after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-right:after {
  top: calc(50% - 7.5px)
}

.dx-resize-frame .dx-resizable-handle-bottom:after, .dx-resize-frame .dx-resizable-handle-top:after {
  left: calc(50% - 5.5px)
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom:after, .dx-touch-device.dx-resize-frame .dx-resizable-handle-top:after {
  left: calc(50% - 7.5px)
}

.dx-resize-frame .dx-resizable-handle-right:after {
  right: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-right:after {
  right: -7.5px
}

.dx-resize-frame .dx-resizable-handle-left:after {
  left: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-left:after {
  left: -7.5px
}

.dx-resize-frame .dx-resizable-handle-top:after {
  top: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-top:after {
  top: -7.5px
}

.dx-resize-frame .dx-resizable-handle-bottom:after {
  bottom: -5.5px
}

.dx-touch-device.dx-resize-frame .dx-resizable-handle-bottom:after {
  bottom: -7.5px
}

.dx-mention {
  border-radius: 2px;
  padding: 1px 0
}

.dx-mention .dx-template-wrapper {
  display: inline-block;
  white-space: nowrap
}

.dx-mention > span {
  margin: 0 2px
}

.dx-table-resize-frame {
  pointer-events: none;
  position: absolute
}

.dx-table-resize-frame > div {
  background-color: initial;
  pointer-events: auto;
  position: absolute
}

.dx-table-resize-frame .dx-htmleditor-column-resizer {
  cursor: col-resize;
  height: 100%;
  top: 0;
  width: 5px
}

.dx-table-resize-frame .dx-htmleditor-highlighted-column {
  height: 100%;
  top: 0;
  width: 3px
}

.dx-table-resize-frame .dx-htmleditor-row-resizer {
  cursor: row-resize;
  height: 5px;
  left: 0;
  width: 100%
}

.dx-table-resize-frame .dx-htmleditor-highlighted-row {
  height: 3px;
  left: 0;
  width: 100%
}

.dx-htmleditor {
  border-color: #ddd
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper {
  padding: 5px;
  position: relative
}

.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  border-bottom: 1px solid #ddd
}

.dx-htmleditor.dx-state-readonly {
  border-style: dashed
}

.dx-htmleditor.dx-state-readonly .dx-htmleditor-toolbar-wrapper:before {
  background-color: #fff3;
  bottom: 1px;
  content: "";
  left: 1px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 2
}

.dx-htmleditor.dx-state-readonly .dx-toolbar-button .dx-button.dx-state-disabled {
  opacity: .5
}

.dx-htmleditor.dx-htmleditor-outlined {
  border-radius: 4px
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-hover {
  border-color: #337ab766
}

.dx-htmleditor.dx-htmleditor-outlined.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-state-focused {
  border-color: #337ab7
}

.dx-htmleditor.dx-htmleditor-outlined.dx-invalid {
  border-color: #d9534f66
}

.dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-active, .dx-htmleditor.dx-htmleditor-outlined.dx-invalid.dx-state-focused {
  border-color: #d9534f
}

.dx-htmleditor.dx-htmleditor-filled {
  background: #3333330d;
  border-color: #0000;
  border-radius: 4px
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-readonly {
  border-style: dashed
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-active, .dx-htmleditor.dx-htmleditor-filled.dx-state-readonly.dx-state-focused {
  background-color: #33333308
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-hover, .dx-htmleditor.dx-htmleditor-filled.dx-state-hover.dx-invalid.dx-state-readonly:not(.dx-state-focused) {
  background-color: #337ab712
}

.dx-htmleditor.dx-htmleditor-filled.dx-state-active, .dx-htmleditor.dx-htmleditor-filled.dx-state-focused {
  background-color: initial;
  border-color: #337ab7
}

.dx-htmleditor.dx-htmleditor-filled.dx-invalid {
  background-color: #d9534f1a
}

.dx-htmleditor.dx-htmleditor-filled.dx-invalid.dx-state-active, .dx-htmleditor.dx-htmleditor-filled.dx-invalid.dx-state-focused {
  background: 0 0;
  border-color: #d9534f
}

.dx-htmleditor.dx-htmleditor-underlined {
  border-color: #0000 #0000 #ddd
}

.dx-htmleditor.dx-htmleditor-underlined .dx-htmleditor-content {
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-hover {
  border-bottom-color: #337ab766
}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-active, .dx-htmleditor.dx-htmleditor-underlined.dx-state-focused {
  border-bottom-color: #337ab7
}

.dx-htmleditor.dx-htmleditor-underlined.dx-state-active.dx-invalid, .dx-htmleditor.dx-htmleditor-underlined.dx-state-focused.dx-invalid {
  border-bottom-color: #d9534f
}

.dx-htmleditor.dx-htmleditor-underlined.dx-invalid {
  border-bottom-color: #d9534f66
}

.dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-focused {
  border-color: #0000 #0000 #d9534f
}

.dx-htmleditor-content blockquote {
  -webkit-padding-start: 12px;
  -webkit-border-start: 4px solid;
  border-inline-start: 4px solid;
  border-inline-start-color: #ddd;
  color: #333c;
  padding-inline-start: 12px
}

.dx-htmleditor-content td, .dx-htmleditor-content th {
  border-color: #ddd
}

.dx-htmleditor-toolbar {
  background-color: initial
}

.dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator {
  height: 36px
}

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
  background-color: initial
}

.dx-htmleditor-toolbar-format.dx-background-format .dx-button-content, .dx-htmleditor-toolbar-format.dx-color-format .dx-button-content {
  padding-bottom: 5px
}

.dx-htmleditor-toolbar-format.dx-size-format {
  width: 105px
}

.dx-htmleditor-toolbar-separator {
  border-inline-start-color: #ddd
}

.dx-htmleditor-toolbar-menu-separator {
  border-top-color: #ddd
}

.dx-resize-frame {
  border-color: #337ab7
}

.dx-resize-frame .dx-resizable-handle-bottom:after, .dx-resize-frame .dx-resizable-handle-corner-bottom-left, .dx-resize-frame .dx-resizable-handle-corner-bottom-right, .dx-resize-frame .dx-resizable-handle-corner-top-left, .dx-resize-frame .dx-resizable-handle-corner-top-right, .dx-resize-frame .dx-resizable-handle-left:after, .dx-resize-frame .dx-resizable-handle-right:after, .dx-resize-frame .dx-resizable-handle-top:after {
  background-color: #337ab7
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-tab:first-child:after {
  -webkit-border-start: none;
  border-inline-start: none
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-tabs-wrapper:after {
  -webkit-border-start: none;
  -webkit-border-end: none;
  border-inline-end: none;
  border-inline-start: none
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-collection .dx-field-item:not(.dx-last-col) {
  -webkit-padding-end: 5px;
  padding-inline-end: 5px
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-collection .dx-field-item:not(.dx-first-col) {
  -webkit-padding-start: 0;
  padding-inline-start: 0
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-input-wrapper {
  border: 3px dashed #ddd;
  padding: 60px 20px
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-input-wrapper .dx-fileuploader-input-label {
  border-width: 0
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-dragover .dx-fileuploader-input {
  padding-bottom: 8px;
  padding-top: 7px
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-dragover .dx-fileuploader-input-label {
  padding-top: 8px
}

.dx-htmleditor-add-image-popup > .dx-overlay-content > .dx-popup-content .dx-fileuploader-dragover .dx-fileuploader-content {
  background-color: #dddc
}

.dx-mention {
  background-color: #ddd;
  color: #333
}

.dx-suggestion-list-wrapper {
  height: 100%
}

.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
  border-bottom-width: 1px;
  border-top-width: 0
}

.dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
  border-bottom-width: 0;
  border-top-width: 1px
}

.dx-suggestion-list-wrapper .dx-popup-content {
  height: 100%;
  padding: 1px
}

.dx-suggestion-list-wrapper .dx-list {
  height: 100%;
  min-height: 39.0001px
}

.dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) {
  min-height: 33.0001px
}

.dx-suggestion-list-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 7px 9px
}

.dx-suggestion-list-wrapper .dx-list-select-all {
  padding: 12px 0 8px
}

.dx-suggestion-list-wrapper .dx-empty-message, .dx-suggestion-list-wrapper .dx-list-item {
  border-top: 0
}

.dx-suggestion-list-wrapper .dx-empty-message:last-of-type, .dx-suggestion-list-wrapper .dx-list-item:last-of-type {
  border-bottom: none
}

.dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-column, .dx-table-resize-frame > .dx-draggable-dragging + .dx-htmleditor-highlighted-row {
  background-color: #337ab780
}

.dx-fa-button.dx-fa-button-main .dx-overlay-shader {
  background-color: #fffc
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content {
  background-color: #337ab7;
  border-radius: 24px;
  box-shadow: 0 6px 12px #0003;
  color: #fff;
  max-height: 48px;
  min-width: 48px;
  overflow: visible
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover {
  background-color: #285f8f
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: initial
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active {
  background-color: #22527b
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: initial
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-icon-close {
  background-color: initial;
  box-shadow: none;
  padding: 15px
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper {
  position: static
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background: 0 0;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  margin-right: 0
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-inkripple {
  border-radius: 24px
}

.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content {
  display: flex;
  flex-direction: row-reverse
}

.dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon, .dx-fa-button.dx-fa-button-main.dx-fa-button-with-label .dx-overlay-content .dx-fa-button-icon-close {
  padding: 15px 0 15px 15px
}

.dx-fa-button.dx-fa-button-main.dx-fa-button-without-icon .dx-fa-button-icon {
  width: 0
}

.dx-fa-button .dx-fa-button-icon, .dx-fa-button .dx-fa-button-icon-close {
  box-sizing: initial;
  height: 18px;
  padding: 6px;
  width: 18px
}

.dx-fa-button .dx-fa-button-icon .dx-icon, .dx-fa-button .dx-fa-button-icon-close .dx-icon {
  font-size: 18px
}

.dx-fa-button .dx-fa-button-icon img, .dx-fa-button .dx-fa-button-icon-close img {
  height: 100%;
  width: 100%
}

.dx-fa-button .dx-overlay-content {
  align-items: center;
  background-color: initial;
  border-radius: 50%;
  color: #333;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  max-height: 30px;
  min-width: 30px;
  overflow: visible
}

.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse {
  flex-direction: row-reverse
}

.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper {
  left: 30px;
  right: auto
}

.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse .dx-fa-button-label-wrapper .dx-fa-button-label {
  margin-left: 10px;
  margin-right: auto
}

.dx-fa-button .dx-overlay-content.dx-state-hover .dx-fa-button-icon {
  background-color: #ebebeb
}

.dx-fa-button .dx-overlay-content.dx-state-active .dx-fa-button-icon {
  background-color: #c2c2c2
}

.dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper {
  position: absolute;
  right: 30px
}

.dx-fa-button .dx-overlay-content .dx-fa-button-label-wrapper .dx-fa-button-label {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 6px 12px #00000029;
  color: #333;
  font-size: 12px;
  margin-right: 10px;
  padding: 5px 10px;
  white-space: nowrap
}

.dx-fa-button .dx-overlay-content .dx-fa-button-icon {
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 6px 12px #0003;
  position: relative
}

.dx-fa-button .dx-overlay-content .dx-inkripple {
  border-radius: 15px;
  overflow: hidden
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label {
  font-size: 14px;
  margin-right: 0;
  padding: 0 25px 0 10px
}

.dx-filemanager {
  border: 1px solid;
  height: 500px
}

.dx-filemanager .dx-filemanager-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%
}

.dx-filemanager .dx-filemanager-notification-drawer, .dx-filemanager .dx-filemanager-notification-drawer-panel {
  height: 100%
}

.dx-filemanager .dx-filemanager-notification-popup .dx-overlay-content {
  max-width: 93vw;
  min-width: 240px
}

@media (min-width: 431px) {
  .dx-filemanager .dx-filemanager-notification-popup .dx-overlay-content {
    max-width: 400px
  }
}

.dx-filemanager .dx-filemanager-notification-popup .dx-popup-content {
  padding: 15px
}

.dx-filemanager .dx-filemanager-notification-popup .dx-popup-content .dx-filemanager-progress-box {
  padding: 5px 0 0
}

.dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 10px
}

.dx-filemanager .dx-filemanager-notification-popup .dx-filemanager-notification-common-no-item {
  border-style: none
}

.dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel {
  border-left-style: solid;
  border-left-width: 1px
}

.dx-filemanager .dx-filemanager-progress-panel {
  height: 100%;
  width: 340px
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-container {
  padding: 10px 20px 20px
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title {
  align-items: flex-start;
  display: flex;
  padding: 0 0 5px 10px
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title .dx-filemanager-progress-panel-title-text {
  align-self: center;
  flex: 1 1 auto;
  font-size: 18px;
  font-weight: 600
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-common .dx-filemanager-progress-box-common {
  font-weight: 600
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-separator {
  height: 20px
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-i.dx-filemanager-i-cancel {
  height: 16px;
  width: 16px
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
  border-radius: 2px;
  margin-bottom: 8px
}

.dx-filemanager .dx-filemanager-progress-box {
  align-items: center;
  display: flex;
  padding: 10px 0 10px 10px
}

.dx-filemanager .dx-filemanager-progress-box.dx-filemanager-progress-box-without-close-button {
  padding-right: 10px
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-image {
  margin-right: 10px
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-wrapper {
  flex: 1 1 auto;
  overflow: hidden
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-common {
  overflow: hidden;
  padding: 5px 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-progress-bar, .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-status {
  padding: 5px 0
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button {
  margin-left: 5px
}

.dx-filemanager .dx-filemanager-progress-box-error {
  word-wrap: break-word;
  border-radius: 2px;
  border-width: 0;
  display: inline-block;
  font-size: .85em;
  line-height: normal;
  max-height: 150px;
  overflow-y: auto;
  padding: 2px 8px 3px
}

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  margin-right: 5px;
  width: 1px
}

.dx-filemanager .dx-splitter-wrapper.dx-splitter-inactive, .dx-filemanager .dx-splitter-wrapper.dx-splitter-initial {
  right: 3px
}

.dx-filemanager .dx-filemanager-container {
  border-top: 1px solid;
  box-sizing: border-box;
  display: flex;
  height: 100%;
  overflow: hidden
}

.dx-filemanager .dx-filemanager-container .dx-filemanager-adaptivity-drawer-panel {
  height: 100%
}

.dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
  display: block;
  height: 100%;
  padding: 5px 10px;
  width: 100%
}

.dx-filemanager .dx-filemanager-container .dx-drawer-opened .dx-splitter-bar.dx-state-disabled {
  width: 1px
}

.dx-filemanager .dx-filemanager-container .dx-drawer-shrink .dx-drawer-panel-content {
  overflow: visible
}

.dx-filemanager .dx-filemanager-container .dx-drawer-panel-content {
  display: block;
  width: 30%
}

.dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-initial {
  max-width: 300px;
  min-width: 250px
}

.dx-filemanager .dx-filemanager-container .dx-drawer-panel-content.dx-drawer-panel-content-adaptive {
  max-width: 100%
}

.dx-filemanager .dx-filemanager-dirs-panel {
  height: 100%
}

.dx-filemanager .dx-filemanager-breadcrumbs {
  border-bottom: 1px solid;
  padding: 2px 11px
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
  padding-left: 0;
  padding-right: 0
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-parent-folder-item .dx-menu-item-content {
  padding-left: 2px;
  padding-right: 2px
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
  margin: 0 10px;
  padding-left: 0;
  padding-right: 0;
  width: 1px
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item .dx-menu-item-content {
  padding-left: 1px;
  padding-right: 1px
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover {
  cursor: default
}

.dx-filemanager .dx-filemanager-editing-container, .dx-filemanager .dx-filemanager-notification-container {
  left: -5000px;
  position: absolute;
  top: -5000px
}

.dx-filemanager .dx-row .dx-filemanager-file-actions-button {
  float: right
}

.dx-filemanager .dx-row .dx-filemanager-file-actions-button .dx-button-content {
  padding: 0
}

.dx-filemanager .dx-row.dx-row-focused .dx-filemanager-file-actions-button, .dx-filemanager .dx-row.dx-selection .dx-filemanager-file-actions-button, .dx-filemanager .dx-row.dx-state-hover .dx-filemanager-file-actions-button {
  visibility: visible
}

.dx-filemanager .dx-filemanager-items-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
  box-sizing: border-box;
  left: 0;
  pointer-events: none;
  position: relative;
  top: 0;
  z-index: 1000
}

.dx-filemanager .dx-filemanager-thumbnails {
  height: 100%;
  overflow: hidden;
  width: 100%
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port {
  box-sizing: border-box;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
  width: 100%
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item {
  border: 1px dashed #0000;
  box-sizing: border-box;
  cursor: pointer;
  float: left;
  height: 100px;
  margin: 5px;
  text-align: center;
  white-space: nowrap;
  width: 100px
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content {
  overflow: hidden;
  padding: 13px 0 10px
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-thumbnail {
  border: 0
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-spacer {
  border: 0;
  height: 10px;
  margin: 0;
  padding: 0;
  visibility: hidden
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-content .dx-filemanager-thumbnails-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%
}

.dx-filemanager .dx-filemanager-details {
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.dx-filemanager .dx-filemanager-details > div {
  height: 100%
}

.dx-filemanager .dx-filemanager-details .dx-datagrid-rowsview .dx-datagrid-table > tbody > tr.dx-filemanager-parent-directory-item > td > .dx-select-checkbox {
  display: none
}

.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper {
  align-items: flex-start;
  display: inline-flex;
  width: 100%
}

.dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-filemanager .dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager .dx-filemanager-i.dx-icon.dx-filemanager-i-progress {
  animation: dx-filemanager-icon-rotate 1.5s linear infinite
}

@keyframes dx-filemanager-icon-rotate {
  0% {
    transform: rotate(0)
  }
  to {
    transform: rotate(1turn)
  }
}

.dx-filemanager-file-actions-button {
  text-align: center;
  visibility: hidden
}

.dx-filemanager-file-actions-button.dx-widget {
  line-height: 100%
}

.dx-filemanager-file-actions-button .dx-button {
  background-color: initial;
  border: none;
  box-shadow: none
}

.dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding: 10px 11px
}

.dx-filemanager-file-actions-button .dx-button i {
  font-style: normal
}

.dx-filemanager-file-actions-button.dx-filemanager-file-actions-button-activated, .dx-filemanager-file-actions-button:hover {
  visibility: visible
}

.dx-filemanager-dirs-tree {
  width: 100%
}

.dx-filemanager-dirs-tree .dx-treeview-item-content {
  align-items: flex-end;
  display: flex
}

.dx-filemanager-dirs-tree .dx-treeview-item-content > .dx-icon {
  flex: 0 0 auto
}

.dx-filemanager-dirs-tree .dx-treeview-item-content .dx-filemanager-dirs-tree-item-text {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dx-filemanager-dirs-tree .dx-filemanager-focused-item .dx-filemanager-file-actions-button, .dx-filemanager-dirs-tree .dx-treeview-item.dx-state-hover .dx-filemanager-file-actions-button {
  visibility: visible
}

.dx-filemanager-dialog.dx-filemanager-dialog-folder-chooser, .dx-filemanager-progresspanel {
  height: 100%;
  overflow: auto
}

.dx-filemanager-dialog-folder-chooser > div {
  height: 100%
}

.dx-filemanager-dialog-popup > .dx-overlay-content {
  max-height: 400px;
  max-width: 400px;
  min-height: 300px;
  min-width: 300px
}

.dx-filemanager-dialog-name-editor-popup > .dx-overlay-content {
  max-height: 180px;
  max-width: 340px;
  min-height: 180px
}

.dx-filemanager-dialog-delete-item-popup > .dx-overlay-content {
  max-width: 340px;
  min-height: 180px
}

.dx-filemanager-dialog-delete-item-popup > .dx-overlay-content .dx-popup-content .dx-filemanager-dialog-delete-item {
  overflow-wrap: break-word
}

.dx-filemanager-progresspanel {
  box-sizing: border-box;
  padding: 5px
}

.dx-filemanager-progresspanel .dx-filemanager-progressbox {
  float: left;
  padding-bottom: 10px;
  width: 100%
}

.dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button {
  float: right;
  margin-top: 5px
}

.dx-splitter-wrapper {
  height: 100%;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 998
}

.dx-splitter-wrapper .dx-splitter-border {
  cursor: col-resize;
  height: 100%;
  width: 7px;
  z-index: 997
}

.dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar {
  cursor: col-resize;
  display: block;
  height: 100%;
  margin: auto;
  width: 1px;
  z-index: 999
}

.dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar.dx-splitter-inactive {
  z-index: 998
}

.dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar.dx-state-disabled {
  cursor: default;
  width: 0
}

.dx-splitter-bar {
  background-color: #337ab780
}

.dx-splitter-bar.dx-splitter-inactive {
  background-color: #ddd
}

.dx-splitter-border {
  background-color: initial
}

.dx-filemanager {
  border-color: #ddd
}

.dx-filemanager .dx-filemanager-notification-common {
  border-color: #ddd;
  color: #d9534f
}

.dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel {
  border-left-color: #ddd
}

.dx-filemanager .dx-filemanager-progress-panel {
  background-color: #fff
}

.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-container {
  padding-top: 6px
}

.dx-filemanager .dx-filemanager-progress-box-image {
  font-size: 36px;
  height: 36px;
  width: 36px
}

.dx-filemanager .dx-filemanager-progress-box-error {
  background: #d9534f;
  color: #fff
}

.dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button {
  margin-top: 9px
}

.dx-filemanager .dx-filemanager-toolbar {
  background: #fff;
  min-height: 48px;
  padding: 6px 10px
}

.dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar, .dx-filemanager .dx-filemanager-toolbar.dx-filemanager-file-toolbar .dx-toolbar {
  background: #f7f7f7
}

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
  background: #ddd;
  height: 36px
}

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-viewmode-item .dx-texteditor {
  width: 150px
}

.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled {
  background: 0 0
}

.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-active, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-focused, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-state-hover {
  background: #3333331a
}

.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
  border-color: #0000
}

.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor .dx-dropdowneditor-icon {
  background: 0 0
}

.dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon, .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon {
  background: 0 0;
  border-color: #0000
}

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-has-large-icon .dx-button-content {
  padding: 4px
}

.dx-filemanager .dx-filemanager-toolbar .dx-toolbar .dx-filemanager-toolbar-viewmode-item .dx-button-content {
  padding-left: 8px;
  padding-right: 8px
}

.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
  border: 2px solid #337ab7
}

.dx-filemanager .dx-filemanager-container {
  border-top-color: #ddd
}

.dx-filemanager .dx-filemanager-dirs-panel {
  border-right-color: #ddd
}

.dx-filemanager .dx-filemanager-breadcrumbs {
  border-bottom-color: #ddd
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item.dx-state-focused {
  background: #ddd;
  color: #333
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-menu-item-content {
  padding-bottom: 8px;
  padding-top: 5px
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item .dx-menu-item-content {
  background: #ddd
}

.dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-path-separator-item.dx-state-hover, .dx-filemanager .dx-filemanager-breadcrumbs .dx-filemanager-breadcrumbs-separator-item.dx-state-hover {
  background: 0 0
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected {
  background: #337ab7cc;
  color: #fff
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-hover:not(.dx-state-focused):not(.dx-item-selected) {
  background: #0000000a
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-focused {
  border: 1px solid #337ab7
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-item-selected.dx-state-focused {
  background: #337ab7b3;
  color: #fff
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail {
  font-size: 36px;
  height: 36px;
  width: 36px
}

.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-item-custom-thumbnail {
  color: #ddd
}

.dx-filemanager .dx-filemanager-files-view {
  background: #fff
}

.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-filemanager-details-item-thumbnail {
  font-size: 18px;
  height: 18px;
  width: 18px
}

.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-command-select {
  max-width: 43px;
  min-width: 43px;
  width: 43px
}

.dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-row-focused .dx-filemanager-file-actions-button .dx-button .dx-icon {
  color: #fff
}

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-content > i {
  margin-bottom: 0
}

.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item {
  background: #fff
}

.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item.dx-state-hover {
  background: #ebebeb
}

.dx-filemanager-dirs-tree.dx-treeview .dx-state-focused > .dx-treeview-item * {
  color: #333
}

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item {
  background: #ebebeb
}

.dx-filemanager-dirs-tree.dx-treeview .dx-treeview-item-without-checkbox > .dx-treeview-item.dx-filemanager-focused-item * {
  color: #333
}

.dx-filemanager-view-switcher-popup {
  width: 34px
}

.dx-filemanager-view-switcher-popup .dx-dropdownbutton-popup-wrapper.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding-left: 7px;
  padding-right: 8px;
  padding-top: 7px;
  text-overflow: clip
}

.dx-filemanager-dirs-tree.dx-treeview .dx-filemanager-file-actions-button {
  margin-bottom: -1px;
  margin-top: 1px
}

.dx-filemanager-dirs-tree.dx-treeview .dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding: 0
}

.dx-filemanager-file-actions-button .dx-button {
  height: 21px;
  min-width: 21px
}

.dx-filemanager-file-actions-button .dx-button .dx-button-content {
  padding-bottom: 10px;
  padding-top: 10px
}

.dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager-i.dx-filemanager-i-refresh, .dx-filemanager-i.dx-icon.dx-filemanager-i-progress, .dx-filemanager-i.dx-icon.dx-filemanager-i-refresh {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x30_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'%3E%3Cstyle%3E.st0{fill:%23333}%3C/style%3E%3Cg id='_x31_'%3E%3Cpath id='_x33_' class='st0' d='M11 4c2.45 0 4.59 1.26 5.84 3.16L15 9l6 1-1-6-1.73 1.73A8.934 8.934 0 0 0 11 2a9 9 0 0 0-9 9h2c0-3.87 3.13-7 7-7z'/%3E%3Cpath id='_x32_' class='st0' d='M17.92 12c-.49 3.39-3.39 6-6.92 6-2.19 0-4.13-1.01-5.41-2.59L7 14l-6-1 1 6 2.17-2.17C5.82 18.76 8.26 20 11 20c4.63 0 8.44-3.5 8.94-8h-2.02z'/%3E%3C/g%3E%3C/svg%3E");
  height: 22px;
  width: 22px
}

.dx-filemanager-i.dx-filemanager-i-done, .dx-filemanager-i.dx-icon.dx-filemanager-i-done {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'%3E%3Cpath d='m21 10-6-1 1.87-1.87A7.064 7.064 0 0 0 11 4c-3.87 0-7 3.13-7 7H2a9 9 0 0 1 9-9c3.02 0 5.7 1.42 7.35 3.65L20 4l1 6zM5.6 15.4C6.88 16.98 8.81 18 11 18c.4 0 .78-.05 1.15-.12.15.69.42 1.32.77 1.91-.62.13-1.26.21-1.92.21-2.74 0-5.17-1.24-6.82-3.18L2 19l-1-6 6 1-1.4 1.4z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23333'/%3E%3Cpath d='M17.5 12c2.49 0 4.5 2.01 4.5 4.5S19.99 21 17.5 21 13 18.99 13 16.5s2.01-4.5 4.5-4.5z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%235cb85c'/%3E%3Cpath d='m21.35 14.35-4.71 5-3-3 .71-.71 2.15 2.15 4.15-4.15.7.71z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3C/svg%3E");
  height: 22px;
  width: 22px
}

.dx-filemanager-i.dx-filemanager-i-danger, .dx-filemanager-i.dx-icon.dx-filemanager-i-danger {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22' style='enable-background:new 0 0 22 22' xml:space='preserve'%3E%3Cpath d='m21 10-6-1 1.87-1.87A7.064 7.064 0 0 0 11 4c-3.87 0-7 3.13-7 7H2a9 9 0 0 1 9-9c3.02 0 5.7 1.42 7.35 3.65L20 4l1 6zM5.6 15.4C6.88 16.98 8.81 18 11 18c.4 0 .78-.05 1.15-.12.15.69.42 1.32.77 1.91-.62.13-1.26.21-1.92.21-2.74 0-5.17-1.24-6.82-3.18L2 19l-1-6 6 1-1.4 1.4z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23333'/%3E%3Cpath d='M17.5 12c2.49 0 4.5 2.01 4.5 4.5S19.99 21 17.5 21 13 18.99 13 16.5s2.01-4.5 4.5-4.5z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23d9534f'/%3E%3Cpath d='M17 20v-1h1v1h-1zm0-7h1v5h-1v-5z' style='fill-rule:evenodd;clip-rule:evenodd;fill:%23fff'/%3E%3C/svg%3E");
  height: 22px;
  width: 22px
}

.dx-filemanager-i.dx-filemanager-i-cancel, .dx-filemanager-i.dx-icon.dx-filemanager-i-cancel {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='%23333' d='M8 0c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8m2.87 4L8 6.87 5.13 4 4 5.13 6.87 8 4 10.87 5.13 12 8 9.13 10.87 12 12 10.87 9.13 8 12 5.13 10.87 4z'/%3E%3C/svg%3E");
  height: 22px;
  width: 22px
}

.dx-diagram {
  border: 1px solid #0000;
  display: flex;
  flex-flow: column;
  height: 600px;
  min-height: 350px
}

.dx-diagram .dx-diagram-toolbar-wrapper {
  flex-grow: 0;
  padding: 5px
}

.dx-diagram .dx-diagram-toolbar-wrapper .dx-diagram-toolbar {
  background-color: initial
}

.dx-diagram .dx-diagram-content-wrapper {
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  overflow: hidden
}

.dx-diagram .dx-diagram-content, .dx-diagram .dx-diagram-scroll-view {
  height: 100%;
  width: 100%
}

.dx-diagram.dx-diagram-fullscreen {
  height: 100% !important;
  left: 0;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 2
}

.dx-diagram .dxdi-control {
  height: auto;
  overflow: visible;
  width: auto
}

.dx-diagram .dxdi-canvas {
  overflow: hidden
}

.dx-diagram-toolbox-popup.dx-popup-wrapper .dx-overlay-content {
  border-radius: 0
}

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar {
  background-color: #0000000d;
  padding: 0
}

.dx-diagram-toolbox-popup .dx-popup-title .dx-button-content, .dx-diagram-toolbox-popup .dx-popup-title .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  background-color: initial;
  border: 0;
  border-radius: 0;
  min-width: 0;
  padding: 0
}

.dx-diagram-toolbox-popup .dx-popup-title .dx-button:not(.dx-closebutton) {
  cursor: inherit;
  pointer-events: none
}

.dx-diagram-toolbox-popup .dx-popup-content {
  padding: 0
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input {
  border-color: #0000
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-placeholder:before, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input input {
  font-size: .9em;
  min-height: 0
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input .dx-button {
  border: 0;
  border-radius: 0;
  min-height: 14px
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel {
  height: 100%;
  overflow-y: auto;
  position: relative
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > * {
  position: absolute
}

.dx-diagram-properties-popup .dx-scrollview, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel > .dx-scrollview {
  width: 100%
}

.dx-diagram-properties-popup .dx-popup-content {
  padding: 0
}

.dx-diagram-properties-popup .dx-tabs {
  border: 0
}

.dx-diagram-properties-popup .dx-tabpanel .dx-multiview-wrapper {
  border-left: 0;
  border-right: 0
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container {
  display: block;
  height: auto
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container > div {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  position: inherit;
  width: 100%
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  align-items: center;
  display: flex
}

.dx-diagram-properties-popup:not(.dx-diagram-mobile-popup) .dx-tabpanel .dx-multiview-wrapper {
  border-bottom: 0
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup {
  width: calc(100% - 2px) !important
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title {
  border: 0;
  min-height: 0;
  position: relative;
  z-index: 1
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container {
  height: auto
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  padding-bottom: 0;
  padding-top: 0
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel {
  display: flex;
  flex-direction: column-reverse
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-multiview-wrapper {
  border-top: 0
}

.dx-diagram-floating-toolbar-container {
  position: absolute;
  transition: opacity .4s;
  width: 100%;
  z-index: 1001
}

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container {
  background: 0 0;
  border: 0;
  border-radius: 50%;
  padding: 0
}

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar {
  background: 0 0
}

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container div {
  border-radius: 50%
}

.dx-diagram-floating-toolbar-container .dx-diagram-toolbar .dx-toolbar-items-container > * {
  padding-left: 0;
  padding-right: 0
}

.dx-diagram-toolbar .dx-diagram-toolbar-separator {
  border-left: 1px solid #0000;
  display: table;
  height: 100%
}

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
  border-top: 1px solid #0000;
  width: 100%
}

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator:before {
  content: none
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-texteditor, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-texteditor, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-texteditor, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-texteditor {
  width: auto
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper {
  align-items: center;
  display: flex
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i {
  display: block
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox {
  max-width: 0;
  width: 0
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-textbox .dx-texteditor-input {
  padding-left: 0;
  width: 0
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay {
  height: 100% !important;
  transform: none !important;
  width: 100% !important
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content {
  bottom: 0 !important;
  top: auto !important;
  transform: none !important;
  width: 100% !important
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-popup-content {
  padding: 8px
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container {
  width: 100%
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row {
  display: flex
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell {
  flex-grow: 1
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-palette-cell .dx-colorview-palette {
  min-width: 300px;
  width: 100%
}

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-controls-container, .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content .dx-colorview-container .dx-colorview-container-row .dx-colorview-hue-scale-cell {
  margin-left: 12px
}

.dx-diagram-i {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: inline-block
}

.dx-diagram-loading-indicator {
  height: 64px;
  left: calc(50% - 32px);
  position: absolute;
  top: calc(50% - 32px);
  width: 64px
}

.dx-diagram-touch-context-toolbox .dx-popover-wrapper, .dx-diagram-touchbar-overlay {
  z-index: 1 !important
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container {
  display: block;
  height: 100%;
  padding: 0
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container:after {
  clear: both;
  content: "";
  display: block
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-items-container > li {
  display: block;
  float: left
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-item.dx-menu-item-has-text.dx-menu-item-has-icon .dx-menu-item-content .dx-icon {
  margin: 0
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
  display: none
}

.dx-diagram-context-toolbox-target, .dx-diagram-touchbar-target {
  background-color: initial;
  pointer-events: none;
  position: absolute
}

.dx-diagram-context-toolbox-target {
  height: 1px;
  width: 1px
}

.dx-diagram-context-toolbox .dx-popup-content {
  padding: 8px
}

.dx-diagram {
  border-color: #ddd
}

.dx-diagram .dxdi-control .dxdi-canvas {
  background-color: #d9d9d9
}

.dx-diagram .dxdi-control .dxdi-canvas .connector-multi-selection, .dx-diagram .dxdi-control .dxdi-canvas .connector-point-mark, .dx-diagram .dxdi-control .dxdi-canvas .connector-selection, .dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark, .dx-diagram .dxdi-control .dxdi-canvas .extension-line path, .dx-diagram .dxdi-control .dxdi-canvas .item-multi-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .item-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .items-selection-rect, .dx-diagram .dxdi-control .dxdi-canvas .selection-mark {
  stroke: #337ab7
}

.dx-diagram .dxdi-control .dxdi-canvas .connector-side-mark, .dx-diagram .dxdi-control .dxdi-canvas .extension-line text {
  fill: #337ab7
}

.dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector), .dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector), .dx-diagram .dxdi-control .dxdi-canvas .connection-target, .dx-diagram .dxdi-control .dxdi-canvas .container-target {
  stroke: #5cb85c
}

.dx-diagram .dxdi-control .dxdi-canvas .connection-mark:not(.selector).active, .dx-diagram .dxdi-control .dxdi-canvas .connection-point:not(.selector).active {
  fill: #5cb85c
}

.dx-diagram .dxdi-control .dxdi-canvas .geometry-mark {
  stroke: #d9534f
}

.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path {
  stroke: #606060;
  stroke-opacity: 1
}

.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse {
  stroke: #606060;
  stroke-opacity: .55
}

.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background {
  fill: #606060;
  opacity: .55
}

.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse {
  fill: #d9534f
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .geometry-mark, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .selection-mark {
  stroke: #666
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-selection-rect, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect {
  fill: #0000;
  stroke: #666
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect {
  fill: #90909005
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect {
  fill: #90909005;
  stroke: #666
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-multi-selection, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-point-mark, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-selection, .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark {
  stroke: #666
}

.dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .connector-side-mark {
  fill: #666
}

.dx-diagram .dxdi-text-input-container.connector-text .dxdi-text-input {
  border-color: #337ab7
}

.dx-diagram .dx-diagram-toolbar-wrapper {
  border-bottom: 1px solid #ddd
}

.dx-diagram.dx-diagram-fullscreen {
  background-color: #fff
}

.dx-diagram-properties-panel, .dx-diagram-toolbox-panel {
  background: #fff
}

.dx-diagram-floating-toolbar-container {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, .175);
  padding: 2px
}

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container {
  height: 48px;
  width: 48px
}

.dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-item .dx-button-content, .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container .dx-toolbar-items-container .dx-button-content {
  line-height: 44px;
  padding-bottom: 0;
  padding-top: 0
}

.dx-diagram-floating-toolbar-container .dx-toolbar-item {
  padding: 0 2px 0 0
}

.dx-diagram-toolbox-popup > .dx-overlay-content {
  box-shadow: 0 1px 8px rgba(0, 0, 0, .175)
}

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar {
  font-size: .5em;
  min-height: 12px
}

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar .dx-closebutton {
  left: 0;
  position: static
}

.dx-rtl .dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar .dx-closebutton {
  right: 0
}

.dx-diagram-toolbox-popup .dx-popup-title.dx-toolbar .dx-toolbar-items-container {
  height: 12px
}

.dx-diagram-toolbox-popup .dx-popup-title .dx-button-content, .dx-diagram-toolbox-popup .dx-popup-title .dx-button.dx-button-has-icon:not(.dx-button-has-text) {
  height: 12px;
  width: 12px
}

.dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input-container, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel, .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel .dx-accordion {
  width: 144px
}

.dx-diagram-toolbox-popup .dx-diagram-toolbox-input-container {
  border-bottom: 1px solid #ddd
}

.dx-diagram-toolbox-popup .dx-diagram-toolbox-input {
  box-shadow: none;
  margin: 2px
}

.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-placeholder:before, .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-texteditor-input {
  padding: 4px 9px
}

.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-button-content, .dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button.dx-button-has-icon:not(.dx-button-has-text) .dx-button-content {
  padding: 2px
}

.dx-diagram-toolbox-popup .dx-diagram-toolbox-input .dx-button .dx-icon {
  font-size: 12px
}

.dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton {
  height: 12px;
  margin: 1px 0 0;
  width: 12px
}

.dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton .dx-icon {
  background-position: 1px 1px;
  background-size: 8px 8px;
  font-size: 8px;
  height: 10px;
  line-height: 8px;
  padding: 1px;
  width: 10px
}

.dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content {
  padding-top: 66px
}

.dx-diagram-toolbox-popup.dx-diagram-mobile-popup .dx-popup-content .dx-diagram-toolbox-input-container {
  border-top: 1px solid #ddd
}

.dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item {
  border-left: none;
  border-right: none
}

.dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item:first-of-type {
  border-top: none
}

.dx-diagram-toolbox-panel .dx-accordion .dx-accordion-item:last-child {
  border-bottom: none
}

.dx-diagram-toolbox-panel .dx-item-content.dx-accordion-item-title {
  padding: 6px 12px
}

.dx-diagram-toolbox-panel .dx-item-content.dx-accordion-item-title .dx-accordion-item-title-caption {
  font-size: .7em;
  font-weight: 700
}

.dx-diagram-toolbox-panel .dx-item-content.dx-accordion-item-title:before {
  font-size: .7em
}

.dx-diagram-toolbox-panel .dx-item-content.dx-accordion-item-body {
  padding: 6px 12px
}

.dx-diagram-toolbox-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text {
  opacity: .25
}

.dx-diagram-properties-popup .dx-multiview-item, .dx-diagram-properties-popup.dx-diagram-properties-popup-notabs .dx-popup-content {
  padding: 8px
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-title {
  font-weight: 700;
  padding: 8px
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar {
  padding: 0 8px 8px
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item {
  margin-bottom: 4px
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-item.dx-diagram-lg-icon-item .dx-diagram-i {
  background-size: 64px 64px;
  height: 64px;
  width: 64px
}

.dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar:first-child {
  padding-top: 8px
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-popup-title {
  padding: 2px 8px 0 0
}

.dx-diagram-properties-popup.dx-diagram-mobile-popup .dx-tabpanel .dx-tab-selected:before {
  top: -1px
}

.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  background-color: #e6e6e6
}

.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  background-color: #449d44
}

.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  background-color: #285f8f
}

.dx-diagram-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  background-color: #c9302c
}

.dx-diagram-toolbar .dx-dropdowneditor.dx-editor-filled, .dx-diagram-toolbar .dx-texteditor.dx-editor-filled {
  background-color: initial
}

.dx-diagram-toolbar .dx-diagram-toolbar-separator {
  border-left-color: #ddd
}

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
  border-top-color: #ddd
}

.dx-diagram-toolbar .dx-diagram-toolbar-text {
  padding: 8px 0 9px 15px
}

.dx-diagram-toolbar .dx-diagram-lg-edit-item .dx-texteditor {
  width: 240px
}

.dx-diagram-toolbar .dx-diagram-md-edit-item .dx-texteditor {
  width: 150px
}

.dx-diagram-toolbar .dx-diagram-sm-edit-item .dx-texteditor {
  width: 100px
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  border-bottom-style: solid;
  border-bottom-width: 3px
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-diagram-i, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  margin-left: 8px;
  margin-right: 7px
}

.dx-diagram-toolbar .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-diagram-toolbar .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-color-edit-item .dx-dropdowneditor-field-template-wrapper .dx-icon, .dx-dropdownmenu-popup .dx-diagram-image-dropdown-item .dx-dropdowneditor-field-template-wrapper .dx-icon {
  color: #333;
  font-size: 18px
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-item .dx-menu-item-content {
  padding: 5px
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-separator {
  height: 30px;
  margin: 0;
  width: 1px
}

.dx-diagram-i-selectbox-null-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'/%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-begin-none {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='m1 13 9-9 1 1-9 9-1-1z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd;fill:red'/%3E%3Cpath d='M12 8V3H0v12h12v-5h16V8H12zm-2 5H2V5h8v8z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-begin-arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16' style='enable-background:new 0 0 28 16' xml:space='preserve'%3E%3Cpath d='m8 9 4 3 1 2L0 8l13-6-1 2-4 3h20v2H8z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-begin-outlined-triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='m0 9 13 6v-5h15V8H13V3L0 9zm11 3L3.9 9 11 6v6z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-begin-filled-triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='M13 10v5L0 9l13-6v5h15v2H13z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-end-none {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='m17 13 9-9 1 1-9 9-1-1z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd;fill:red'/%3E%3Cpath d='M0 8v2h16v5h12V3H16v5H0zm18-3h8v8h-8V5z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-end-arrow {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='M0 10V8h20l-4-3-1-2 13 6-13 6 1-2 4-3H0z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-end-outlined-triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 16' style='enable-background:new 0 0 28 16' xml:space='preserve'%3E%3Cpath d='M28 8 15 2v5H0v2h15v5l13-6zM17 5l7.1 3-7.1 3V5z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-end-filled-triangle {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='M0 10V8h15V3l13 6-13 6v-5H0z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-orthogonal {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='M20 18v-8h3V5H8v3H0V0h8v3h17v7h3v8h-8zM6 2H2v4h4V2zm20 10h-4v4h4v-4z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-connector-straight {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath d='M20 10v2.2L8 2.8V0H0v8h8V5.8l12 9.3V18h8v-8h-8zM6 6H2V2h4v4zm20 10h-4v-4h4v4z' fill='%23333'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-line-solid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cpath fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd' d='M3 8h22v2H3z'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-line-dotted {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cpath id='_x32__2_' class='st0' fill='%23333' d='M3 8h2v2H3z'/%3E%3Cpath id='_x32__1_' class='st0' fill='%23333' d='M7 8h2v2H7z'/%3E%3Cpath id='_x32__3_' class='st0' fill='%23333' d='M11 8h2v2h-2z'/%3E%3Cpath id='_x32__4_' class='st0' fill='%23333' d='M15 8h2v2h-2z'/%3E%3Cpath id='_x32__5_' class='st0' fill='%23333' d='M19 8h2v2h-2z'/%3E%3Cpath id='_x32__6_' class='st0' fill='%23333' d='M23 8h2v2h-2z'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-line-dashed {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 28 18' style='enable-background:new 0 0 28 18' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cpath id='_x32__1_' class='st0' fill='%23333' d='M3 8h6v2H3z'/%3E%3Cpath id='_x32__4_' class='st0' fill='%23333' d='M11 8h6v2h-6z'/%3E%3Cpath id='_x32__5_' class='st0' fill='%23333' d='M19 8h6v2h-6z'/%3E%3C/svg%3E");
  height: 18px;
  width: 28.08px
}

.dx-diagram-i-button-fill, .dx-diagram-i-menu-fill {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m7.6 1-.9.9 1.9 1.9L3 9.4 9.5 16 16 9.4 7.6 1zM5 9l4.5-4.5L14 9H5z' fill='%23333'/%3E%3C/svg%3E");
  height: 21px;
  width: 18px
}

.dx-diagram-i-button-fullscreen, .dx-diagram-i-menu-fullscreen {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath fill='%23333' d='M0 6h2V2h4V0H0zM2 12H0v6h6v-2H2zM12 0v2h4v4h2V0zM16 16h-4v2h6v-6h-2z'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-lock, .dx-diagram-i-menu-lock {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M14 5c0-2.8-2.2-5-5-5S4 2.2 4 5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-5 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zM6 5c0-1.7 1.3-3 3-3s3 1.3 3 3H6z' fill='%23333'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-unlock, .dx-diagram-i-menu-unlock {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M14 17H4c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c0-1.7-1.3-3-3-3-.9 0-1.7.4-2.2 1H4.4C5.2 1.2 7 0 9 0c2.8 0 5 2.2 5 5 1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zM9 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-send-to-back, .dx-diagram-i-menu-send-to-back {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M8 0h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V2c0-1.1.9-2 2-2z' fill='%23333' style='opacity:.35;fill-rule:evenodd;clip-rule:evenodd'/%3E%3Cpath d='M8 12c-1.1 0-2-.9-2-2V4H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2v-2H8z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-bring-to-front, .dx-diagram-i-menu-bring-to-front {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M8 0h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H8c-1.1 0-2-.9-2-2V2c0-1.1.9-2 2-2z' fill='%23333' style='opacity:.35;fill-rule:evenodd;clip-rule:evenodd'/%3E%3Cpath d='M4 4h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-select-all, .dx-diagram-i-menu-select-all {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cpath id='_x31_' class='st0' d='M8.5 6c.1 0 .3 0 .4.1l6.8 5.3c.3.2.3.5.1.8-.1.1-.1.2-.3.2l-1.9.3 1.3 2.6c.2.3 0 .6-.3.7l-2.1.9c-.1 0-.2.1-.3.1-.2 0-.4-.1-.5-.3l-1.3-2.6-1.5 1.1c-.1.1-.2.1-.4.1-.3 0-.6-.2-.6-.5V6.6c0-.3.3-.6.6-.6z' fill='%23333'/%3E%3Cg id='_x33_' style='opacity:.75'%3E%3Cpath id='_x31__1_' class='st0' fill='%23333' d='m12 6 2 2h2V6z'/%3E%3Cpath id='_x32__1_' transform='rotate(-45.001 13 3)' class='st0' fill='%23333' d='M11.6 2h2.8v2h-2.8z'/%3E%3Cpath id='_x33__1_' class='st0' fill='%23333' d='M8 1h2v4H8z'/%3E%3Cpath id='_x34_' transform='rotate(-45.001 5 11)' class='st0' fill='%23333' d='M3.6 10h2.8v2H3.6z'/%3E%3Cpath id='_x35_' transform='rotate(-45.001 5 3)' class='st0' fill='%23333' d='M4 1.6h2v2.8H4z'/%3E%3Cpath id='_x36_' class='st0' fill='%23333' d='M2 6h4v2H2z'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-image-delete, .dx-diagram-i-menu-image-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M17 15.4 15.5 17l-2-2-2 2-1.5-1.6 2-2-2-2 1.5-1.4 2 2 2-2 1.5 1.5-2 2 2 1.9zM12 6l-4 6-2-2-3 5h5v2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v4l-2 2-3-3zM5.5 5C4.7 5 4 5.6 4 6.5S4.7 8 5.5 8 7 7.3 7 6.5 6.3 5 5.5 5z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-image-edit, .dx-diagram-i-menu-image-edit {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m15 9-3-3-4 6-2-2-3 5h6v2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v4l-2 2zM5.5 5C4.7 5 4 5.7 4 6.5S4.7 8 5.5 8 7 7.3 7 6.5 6.3 5 5.5 5zM17 12.5 12.5 17H11v-1.5l4.5-4.5 1.5 1.5z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-image-insert, .dx-diagram-i-menu-image-insert {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m15 9-3-3-4 7-2-3-3 5h6v2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v4l-2 2zM5.5 5C4.7 5 4 5.7 4 6.5S4.7 8 5.5 8 7 7.3 7 6.5 6.3 5 5.5 5zm7.5 6h2v2h2v2h-2v2h-2v-2h-2v-2h2v-2z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-layered-bt {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M60 20v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2zm-2 0h-8v8h8v-8zM46 6v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2zm-2 0h-8v8h8V6zm2 28v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2zm-2 0h-8v8h8v-8zm2 16v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2zm-2 0h-8v8h8v-8zM32 20v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2zm-2 0h-8v8h8v-8zM12 4l6 6h-5v50h-2V10H6l6-6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M55 9v9h-2v-7h-7V9h9zm-2 21h2v9h-9v-2h7v-7zM39 44h2v4h-2v-4zM27 9h7v2h-7v7h-2V9h2zm0 28h7v2h-9v-9h2v7z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-layered-lr {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M45 59h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-2v-8h-8v8h8zm14-12h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-2v-8h-8v8h8zm-28 2h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-2v-8h-8v8h8zm-16 2H7c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-2v-8H7v8h8zm30-12h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-2v-8h-8v8h8zm16-18-6 6v-5H5v-2h50V5l6 6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M56 54h-9v-2h7v-7h2v9zm-21-2v2h-9v-9h2v7h7zM21 38v2h-4v-2h4zm35-12v7h-2v-7h-7v-2h9v2zm-28 0v7h-2v-9h9v2h-7z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-layered-rl {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M19 57v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2zm10 0v-8h-8v8h8zM5 43v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2zm10 0v-8H7v8h8zm18 0v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2zm10 0v-8h-8v8h8zm6 0v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2zm10 0v-8h-8v8h8zM19 29v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2h-8c-1.1 0-2-.9-2-2zm10 0v-8h-8v8h8zM11 5v5h50v2H11v5l-6-6 6-6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M10 52v-7h2v7h7v2h-9v-2zm28 0v-7h2v9h-9v-2h7zm11-14v2h-4v-2h4zM10 24h9v2h-7v7h-2v-9zm21 2v-2h9v9h-2v-7h-7z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-layered-tb {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M58 46h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-10h-8v8h8v-8zM44 60h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-10h-8v8h8v-8zm0-18h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-10h-8v8h8v-8zm0-6h-8c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-10h-8v8h8V6zM30 46h-8c-1.1 0-2-.9-2-2v-8c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2zm0-10h-8v8h8v-8zM6 54h5V4h2v50h5l-6 6-6-6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M53 55h-7v-2h7v-7h2v9h-2zm0-28h-7v-2h9v9h-2v-7zM39 16h2v4h-2v-4zM25 55v-9h2v7h7v2h-9zm2-21h-2v-9h9v2h-7v7z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-tree-bt {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M59 6v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-2 0h-6v6h6V6zm2 20v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-2 0h-6v6h6v-6zm-8 12v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-2 0h-6v6h6v-6zm2 14v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-2 0h-6v6h6v-6zm-8-20c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6zm-2-6h-6v6h6v-6zm-7-12h-6c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm-6-2h6V6h-6v6zm-7-2h-5v50h-2V10H5l6-6 6 6zm19 2V6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm2 0h6V6h-6v6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M55 14v10h-2V14h2zm-2 20h2v8h-6v-2h4v-6zM43 46h2v4h-2v-4zm-3-32h2v6h-7v4h-2v-4h-7v-6h2v4h11.9l.1-4zm-5 26h4v2h-6v-8h2v6z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-tree-lr {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M58 59h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-2v-6h-6v6h6zm-20 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-2v-6h-6v6h6zm-12-8h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-2v-6h-6v6h6zm-14 2H6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-2v-6H6v6h6zm20-8c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6zm6-2v-6h-6v6h6zm12-7v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm2-6v6h6v-6h-6zm2-7v-5H4v-2h50V5l6 6-6 6zm-2 19h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2zm0 2v6h6v-6h-6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M50 55H40v-2h10v2zm-20-2v2h-8v-6h2v4h6zM18 43v2h-4v-2h4zm32-3v2h-6v-7h-4v-2h4v-7h6v2h-4v11.9l4 .1zm-26-5v4h-2v-6h8v2h-6z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-tree-rl {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M4 57v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2zm8 0v-6H6v6h6zm12 0v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm8 0v-6h-6v6h6zm4-10v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm8 0v-6h-6v6h6zm6 0v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2zm8 0v-6h-6v6h6zm-32-8c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6zm6-2v-6h-6v6h6zm-20-5H6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm-6-8v6h6v-6H6zM4 11l6-6v5h50v2H10v5l-6-6zm10 27v6c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-8 0v6h6v-6H6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M14 53h10v2H14v-2zm26 0v-4h2v6h-8v-2h6zm10-10v2h-4v-2h4zm-32-3.1V28h-4v-2h6v7h4v2h-4v7h-6v-2l4-.1zM34 35v-2h8v6h-2v-4h-6z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-toolbox-open {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M13.5 17c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zM9 1l5 7H4l5-7zM8 17H1v-7h7v7z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-toolbox-close {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M8 14v-2h8v2H8zm-1.3-1.7-1.4 1.4L1 9l4.3-4.7 1.4 1.4L4.4 8H16v2H4.4l2.3 2.3zM8 4h8v2H8V4z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-i-button-layout-tree-tb {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 64 64' style='enable-background:new 0 0 64 64' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cg id='_x34_'%3E%3Cpath id='_x35_' class='st0' d='M57 60h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-8h-6v6h6v-6zm0-12h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-8h-6v6h6v-6zm-10-4h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-8h-6v6h6v-6zm0-6h-6c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2zm0-8h-6v6h6V6zm-8 32c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2v6zm-2-6h-6v6h6v-6zm-5 20v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2h6c1.1 0 2 .9 2 2zm-8 6h6v-6h-6v6zm-13 2-6-6h5V4h2v50h5l-6 6zm27-10h6c1.1 0 2 .9 2 2v6c0 1.1-.9 2-2 2h-6c-1.1 0-2-.9-2-2v-6c0-1.1.9-2 2-2zm0 8h6v-6h-6v6z' fill='%23333'/%3E%3C/g%3E%3Cg id='_x32_' style='opacity:.5'%3E%3Cpath id='_x33_' class='st0' d='M53 50V40h2v10h-2zm0-26h-4v-2h6v8h-2v-6zM43 14h2v4h-2v-4zm-3.1 32H28v4h-2v-6h7v-4h2v4h7v6h-2l-.1-4zM35 30h-2v-8h6v2h-4v6z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-diagram-toolbox-popup .dx-button-has-icon .dx-icon.dx-icon-diagram-toolbox-drag {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12' xml:space='preserve'%3E%3Cpath d='M0 8h1V3H0v5zm2 0h1V3H2v5zm2 0h1V3H4v5zm2 0h1V3H6v5zm2 0h1V3H8v5zm2-5v5h1V3h-1z' fill='%23333' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E");
  background-size: 12px 12px;
  height: 12px;
  line-height: 12px;
  width: 12px
}

.dx-diagram-i-button-properties-panel-open {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m17.8 10.3-1 1-2.1-2.1 1-1c.1-.1.2-.2.4-.2.1 0 .3.1.4.2l1.3 1.3c.2.2.2.6 0 .8zM14 2H4v13h2v2H4c-1.1 0-2-.9-2-2V2c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v3l-2 2V2zm2.1 9.9-6 6.1H8v-2.1l6.1-6.1 2 2.1z' fill='%23fff' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3Cpath d='M5 3h8v5l-6 6H5V3z' fill='%23fff' style='opacity:.35;fill-rule:evenodd;clip-rule:evenodd;enable-background:new'/%3E%3C/svg%3E");
  height: 18px;
  width: 18px
}

.dx-gantt {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 100%
}

.dx-gantt .dx-gantt-main-wrapper {
  display: flex;
  flex-direction: row;
  height: 100%;
  position: relative
}

.dx-gantt .dx-toolbar .dx-toolbar-items-container {
  height: auto;
  min-height: 36px
}

.dx-gantt .dx-gantt-toolbar-separator {
  border-left: 1px solid #0000;
  display: table;
  height: 100%
}

.dx-gantt .dx-gantt-treelist-wrapper {
  display: inline-flex
}

.dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-scrollbar-vertical {
  display: none
}

.dx-gantt .dx-gantt-treelist-wrapper .dx-treelist .dx-treelist-headers + .dx-treelist-rowsview {
  border-top: none
}

.dx-gantt .dx-splitter-wrapper .dx-splitter-border .dx-splitter-bar {
  width: 2px
}

.dx-gantt .dx-gantt-view {
  background-color: #fff;
  min-width: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%
}

.dx-gantt .dx-gantt-view .dx-gantt-tac-hb {
  margin-top: -1px
}

.dx-gantt .dx-gantt-view .dx-scrollable-scrollbar {
  z-index: 100
}

.dx-gantt .dx-gantt-view .dx-gantt-parent:before {
  border-left-color: inherit;
  border-top-color: inherit
}

.dx-gantt .dx-gantt-view .dx-gantt-parent:after {
  border-right-color: inherit;
  border-top-color: inherit
}

.dx-gantt {
  border: 1px solid #ddd
}

.dx-gantt .dx-gantt-toolbar-wrapper {
  border-bottom: 1px solid #ddd;
  padding: 5px
}

.dx-gantt .dx-gantt-toolbar-wrapper .dx-gantt-toolbar-separator {
  border-left-color: #ddd
}

.dx-gantt .dx-treelist-text-content {
  min-height: 19px
}

.dx-gantt .dx-treelist-headers .dx-treelist-table {
  min-height: 32px
}

.dx-gantt .dx-treelist-icon-container {
  max-height: 19px
}

.dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td, .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-gantt .dx-treelist .dx-treelist-rowsview .dx-selection.dx-row > tr > td {
  background-color: #e6e6e6
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > tr > td {
  color: #333
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > tr > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
  border-bottom-color: #ddd
}

.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > tr > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td, .dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > tr > td {
  border-left-color: #ddd;
  border-right-color: #ddd
}

.dx-gantt .dx-treelist-rowsview tr:not(.dx-row-focused).dx-selection .dx-treelist-empty-space {
  color: #333
}

.dx-gantt .dx-header-row {
  height: 45px
}

.dx-gantt .dx-gantt-header {
  color: #757575
}

.dx-gantt .dx-gantt-header .dx-gantt-hb, .dx-gantt .dx-gantt-header .dx-gantt-tsa, .dx-gantt .dx-gantt-header .dx-gantt-tsac, .dx-gantt .dx-gantt-header .dx-gantt-vb {
  background-color: #fff;
  border-color: #ddd
}

.dx-gantt .dx-gantt-si {
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
  vertical-align: middle
}

.dx-gantt .dx-gantt-tsa, .dx-gantt .dx-gantt-tsac {
  border-bottom: 1px solid #ddd
}

.dx-gantt .dx-gantt-hb {
  border-top: 1px solid #ddd
}

.dx-gantt .dx-gantt-vb {
  border-left: 1px solid #ddd
}

.dx-gantt .dx-gantt-taskWrapper {
  padding-top: 0
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut {
  height: 21px;
  line-height: 21px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task {
  background-color: #337ab7;
  border-radius: 4px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task .dx-gantt-tPrg {
  background-color: #0003;
  border-radius: 4px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask {
  border-radius: 4px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-smallTask .dx-gantt-titleIn {
  padding: 0 2px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent {
  background-color: #5cb85c;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-left-color: #5cb85c;
  border-right-color: #5cb85c;
  border-top-color: #5cb85c;
  height: 19px;
  line-height: 19px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg {
  background-color: #fff3
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask).dx-gantt-cmpl .dx-gantt-tPrg:after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask):after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask):before, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-smallTask):not(.dx-gantt-noPrg) .dx-gantt-tPrg:before {
  border-style: solid;
  border-width: 4px;
  bottom: -8px;
  content: "";
  position: absolute
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:before, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg:before {
  border-bottom-color: #0000;
  border-right-color: #0000;
  left: 0
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg:before {
  border-left-color: #fff3;
  border-top-color: #fff3
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg:after, .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:after {
  border-bottom-color: #0000;
  border-left-color: #0000;
  right: 0
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl:after {
  border-right-color: #fff3;
  border-top-color: #fff3
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl .dx-gantt-tPrg:after {
  border-right-color: #5cb85c;
  border-top-color: #5cb85c
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent .dx-gantt-task-edit-frame {
  height: 19px
}

.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn {
  color: #fff;
  padding: 0 7px
}

.dx-gantt .dx-gantt-taskRes {
  background-color: #999;
  border-radius: 4px;
  color: #fff;
  height: 21px;
  line-height: 21px;
  margin-left: 21px;
  padding-left: 4px;
  padding-right: 4px
}

.dx-gantt .dx-gantt-titleOut {
  padding-right: 20px
}

.dx-gantt .dx-gantt-milestone {
  background-color: #333;
  height: 14px;
  width: 14px
}

.dx-gantt .dx-gantt-task-edit-wrapper {
  padding-left: 1px;
  padding-top: 0
}

.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame {
  border: 1px solid #285f8f;
  border-radius: 4px;
  height: 100%
}

.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress {
  border-color: #0000 #0000 #285f8f
}

.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress:before {
  border: 1px solid #285f8f;
  bottom: -14px;
  height: 6px;
  width: 12px
}

.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress-status {
  border-radius: 4px
}

.dx-gantt .dx-gantt-task-edit-wrapper-successor {
  padding-top: 0
}

.dx-gantt .dx-gantt-task-edit-wrapper-successor .dx-gantt-task-edit-frame-successor {
  height: 21px
}

.dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-r {
  background: #fff;
  border: 1px solid #285f8f;
  bottom: 0;
  height: 10px;
  margin: auto;
  top: 0;
  width: 10px
}

.dx-gantt .dx-gantt-task-edit-dependency-r, .dx-gantt .dx-gantt-task-edit-successor-dependency-r {
  left: -11px
}

.dx-gantt .dx-gantt-task-edit-dependency-l, .dx-gantt .dx-gantt-task-edit-successor-dependency-l {
  right: -11px
}

.dx-gantt .dx-gantt-task-edit-dependency-line {
  background-color: #333
}

.dx-gantt .dx-gantt-sel {
  background-color: #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6
}

.dx-gantt .dx-gantt-tac-hb .dx-gantt-sel {
  border: none
}

.dx-gantt .dx-gantt-conn-v {
  border-left-color: #333
}

.dx-gantt .dx-gantt-conn-h {
  border-top-color: #333
}

.dx-gantt .dx-gantt-arrow {
  border: 5px solid #333
}

.dx-gantt .dx-gantt-ti, .dx-gantt .dx-gantt-tm {
  border-left: 1px dashed #337ab7
}

.dx-gantt .dx-gantt-ti {
  background-color: #337ab726;
  border-right: 1px dashed #337ab7
}

.dx-gantt .dx-gantt-altRow, .dx-gantt .dx-gantt-collapsable-row {
  background-color: #f5f5f5
}

.dx-form.dx-cv-dialog {
  padding-bottom: 8px
}

.dx-form.dx-cv-dialog .dx-cv-dialog-row {
  padding-top: 12px
}

.dx-gantt-i.dx-gantt-i-add {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M17 15h-3v3h-2v-3H9v-2h3v-3h2v3h3v2zM12 4l-2-2H3v12h4v2H1V0h10l3 3v5h-2V4z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-add-sub-task {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M14 6H6v3h2.3c.3-.6 1-1 1.7-1h5c1.1 0 2 .9 2 2s-.9 2-2 2h-5c-.7 0-1.4-.4-1.7-1H6v4h2.3c.3-.6 1-1 1.7-1h5c1.1 0 2 .9 2 2s-.9 2-2 2h-5c-.7 0-1.4-.4-1.7-1H4V6C2.3 6 1 4.7 1 3s1.3-3 3-3h10c1.7 0 3 1.3 3 3s-1.3 3-3 3zm0-4H4c-.6 0-1 .4-1 1s.4 1 1 1h10c.6 0 1-.4 1-1s-.4-1-1-1z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-add-task {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cstyle%3E.st0{fill-rule:evenodd;clip-rule:evenodd}%3C/style%3E%3Cpath class='st0' d='M10 13H8v-3H5V8h3V5h2v3h3v2h-3v3z' fill='%23666'/%3E%3Cpath class='st0' d='M9 1.1c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8c0-4.5-3.6-8-8-8zM9 15c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z' fill='%23666'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-collapse {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m9 7 7 6.8-1.2 1.2L9 9.3 3.2 15 2 13.8 9 7zm-5.8 3L2 8.8 9 2l7 6.8-1.2 1.2L9 4.3 3.2 10z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-delete {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M17 10H9c-.6 0-1-.4-1-1s.4-1 1-1h2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1h2c.6 0 1 .4 1 1s-.4 1-1 1zm-5-6-2-2H3v12h4v2H1V0h10l3 3v3h-2V4zm5 12c0 1.1-.9 2-2 2h-4c-1.1 0-2-.9-2-2v-5h8v5z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-delete-dependency {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M17 10H9c-.6 0-1-.4-1-1s.4-1 1-1h2c0-.6.4-1 1-1h2c.6 0 1 .4 1 1h2c.6 0 1 .4 1 1s-.4 1-1 1zm-9 3H5V5H3.7c-.3.6-1 1-1.7 1-1.1 0-2-.9-2-2s.9-2 2-2c.7 0 1.4.4 1.7 1H7v8h1v2zm9 3c0 1.1-.9 2-2 2h-4c-1.1 0-2-.9-2-2v-5h8v5z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-expand {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M2 3.2 3.2 2 9 7.7 14.8 2 16 3.2 9 10 2 3.2zm7 9.5L14.8 7 16 8.2 9 15 2 8.2 3.2 7 9 12.7z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-full-screen {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cstyle%3E%3C/style%3E%3Cpath id='_x34_' class='st0' fill='%23666' d='M1 7h2V3h4V1H1z'/%3E%3Cpath id='_x33_' class='st0' fill='%23666' d='M3 11H1v6h6v-2H3z'/%3E%3Cpath id='_x32_' class='st0' fill='%23666' d='M11 1v2h4v4h2V1z'/%3E%3Cpath id='_x31_' class='st0' fill='%23666' d='M15 15h-4v2h6v-6h-2z'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-redo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M1 9c0-4.4 3.6-8 8-8 2.2 0 4.2.9 5.6 2.4L17 1v6h-6l2.2-2.2C12.1 3.7 10.7 3 9 3 5.7 3 3 5.7 3 9s2.7 6 6 6v2c-4.4 0-8-3.6-8-8z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-task-details {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M12.5 18C10 18 7.9 15.5 7 13.5c.9-2 3-4.5 5.5-4.5s4.6 2.5 5.5 4.5c-.9 2-3 4.5-5.5 4.5zm0-7c-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5-1.1-2.5-2.5-2.5zm0 4c-.8 0-1.5-.7-1.5-1.5s.7-1.5 1.5-1.5 1.5.7 1.5 1.5-.7 1.5-1.5 1.5zM12 4l-2-2H3v12h2l1 2H1V0h10l3 3v4h-2V4z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-undo {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M9 17v-2c3.3 0 6-2.7 6-6s-2.7-6-6-6c-1.7 0-3.1.7-4.2 1.8L7 7H1V1l2.4 2.4C4.8 1.9 6.8 1 9 1c4.4 0 8 3.6 8 8s-3.6 8-8 8z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-zoom-in {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m17.7 16.3-1.4 1.4-4.1-4.1C11 14.5 9.6 15 8 15c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7c0 1.6-.5 3-1.4 4.2l4.1 4.1zM8 3C5.2 3 3 5.2 3 8s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm1 8H7V9H5V7h2V5h2v2h2v2H9v2z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-zoom-out {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='m17.7 16.3-1.4 1.4-4.1-4.1C11 14.5 9.6 15 8 15c-3.9 0-7-3.1-7-7s3.1-7 7-7 7 3.1 7 7c0 1.6-.5 3-1.4 4.2l4.1 4.1zM8 3C5.2 3 3 5.2 3 8s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zM5 9V7h6v2H5z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-resource-manager {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16' xml:space='preserve'%3E%3Cpath d='M12 9h4v4h-4M8 5H0v2h8m4-2h4V1h-4M0 1v2h10V1M0 15h8v-2H0m0-2h10V9H0' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-toggle-resources {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cpath d='M14 15H2c-1.1 0-2-.9-2-2v-2c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v2c0 1.1-.9 2-2 2zm-5-4H2v2h7v-2zm5-4H2C.9 7 0 6.1 0 5V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v2c0 1.1-.9 2-2 2zm-2-4H2v2h10V3z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3C/svg%3E")
}

.dx-gantt-i.dx-gantt-i-toggle-dependencies {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg version='1.1' id='_x31_' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 18 18' style='enable-background:new 0 0 18 18' xml:space='preserve'%3E%3Cstyle%3E.st1{opacity:.5}%3C/style%3E%3Cpath id='_x32_' d='M7 11c-2.3 0-4.2-1.7-5-4 .8-2.3 2.7-4 5-4s4.2 1.7 5 4c-.8 2.3-2.7 4-5 4zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z' fill='%23666' style='fill-rule:evenodd;clip-rule:evenodd'/%3E%3Cpath class='st1' fill='%23666' d='M6 10v4h7v2l3-3-3-3v2H8v-2zM6 4V2H0V0h8v4z'/%3E%3Cpath transform='rotate(-45.001 11.5 3.5)' class='st2' fill='%23666' d='M9.4 2.1h4.2v2.8H9.4z'/%3E%3Cpath transform='rotate(-45.001 4 11)' class='st2' fill='%23666' d='M1.2 9.6h5.7v2.8H1.2z'/%3E%3C/svg%3E")
}

.dx-sortable {
  overflow: hidden
}

.dx-sortable-dragging.dx-sortable-clone {
  box-sizing: border-box;
  left: 0;
  opacity: .9;
  position: absolute;
  top: 0;
  z-index: 2147483647
}

.dx-sortable-dragging.dx-sortable-clone .dx-inkripple {
  overflow: hidden
}

.dx-sortable-dragging.dx-sortable-clone * {
  cursor: pointer;
  cursor: grabbing
}

.dx-sortable-source {
  opacity: .5
}

.dx-sortable-source-hidden {
  opacity: 0
}

.dx-sortable-placeholder {
  border: 1px solid #337ab7;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 2147483647
}

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

.dx-sortable-dragging > * {
  border-color: #337ab780;
  box-shadow: 0 1px 3px #0000001a, 0 6px 8px #0003
}

.dx-deferrendering .dx-deferrendering-loadindicator-container {
  height: 100%;
  position: relative;
  width: 100%
}

.dx-deferrendering.dx-pending-rendering .dx-invisible-while-pending-rendering, .dx-deferrendering:not(.dx-pending-rendering) .dx-visible-while-pending-rendering {
  display: none !important
}

.dx-map-container, .dx-map-shield {
  color: #000;
  height: 100%;
  position: relative;
  width: 100%
}

.dx-map-shield {
  background: #00000003;
  left: 0;
  opacity: .01;
  top: -100%
}

:host, :root {
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
  --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
  --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
  --fa-font-sharp-solid: normal 900 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-regular: normal 400 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-light: normal 300 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-thin: normal 100 1em/1 "Font Awesome 6 Sharp";
  --fa-font-sharp-duotone-solid: normal 900 1em/1 "Font Awesome 6 Sharp Duotone"
}

svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa {
  box-sizing: initial;
  overflow: visible
}

.svg-inline--fa {
  display: inline-block;
  display: var(--fa-display, inline-block);
  height: 1em;
  overflow: visible;
  vertical-align: -.125em
}

.svg-inline--fa.fa-2xs {
  vertical-align: .1em
}

.svg-inline--fa.fa-xs {
  vertical-align: 0
}

.svg-inline--fa.fa-sm {
  vertical-align: -.07143em
}

.svg-inline--fa.fa-lg {
  vertical-align: -.2em
}

.svg-inline--fa.fa-xl {
  vertical-align: -.25em
}

.svg-inline--fa.fa-2xl {
  vertical-align: -.3125em
}

.svg-inline--fa.fa-pull-left {
  margin-right: .3em;
  margin-right: var(--fa-pull-margin, .3em);
  width: auto
}

.svg-inline--fa.fa-pull-right {
  margin-left: .3em;
  margin-left: var(--fa-pull-margin, .3em);
  width: auto
}

.svg-inline--fa.fa-li {
  top: .25em;
  width: 2em;
  width: var(--fa-li-width, 2em)
}

.svg-inline--fa.fa-fw {
  width: 1.25em;
  width: var(--fa-fw-width, 1.25em)
}

.fa-layers svg.svg-inline--fa {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}

.fa-layers-counter, .fa-layers-text {
  display: inline-block;
  position: absolute;
  text-align: center
}

.fa-layers {
  display: inline-block;
  height: 1em;
  position: relative;
  text-align: center;
  vertical-align: -.125em;
  width: 1em
}

.fa-layers svg.svg-inline--fa {
  transform-origin: center center
}

.fa-layers-text {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center center
}

.fa-layers-counter {
  background-color: #ff253a;
  background-color: var(--fa-counter-background-color, #ff253a);
  border-radius: 1em;
  border-radius: var(--fa-counter-border-radius, 1em);
  box-sizing: border-box;
  color: #fff;
  color: var(--fa-inverse, #fff);
  line-height: 1;
  line-height: var(--fa-counter-line-height, 1);
  max-width: 5em;
  max-width: var(--fa-counter-max-width, 5em);
  min-width: 1.5em;
  min-width: var(--fa-counter-min-width, 1.5em);
  overflow: hidden;
  padding: .25em .5em;
  padding: var(--fa-counter-padding, .25em .5em);
  right: 0;
  right: var(--fa-right, 0);
  text-overflow: ellipsis;
  top: 0;
  top: var(--fa-top, 0);
  transform: scale(.25);
  transform: scale(var(--fa-counter-scale, .25));
  transform-origin: top right
}

.fa-layers-bottom-right {
  bottom: 0;
  bottom: var(--fa-bottom, 0);
  right: 0;
  right: var(--fa-right, 0);
  top: auto;
  transform: scale(.25);
  transform: scale(var(--fa-layers-scale, .25));
  transform-origin: bottom right
}

.fa-layers-bottom-left {
  bottom: 0;
  bottom: var(--fa-bottom, 0);
  left: 0;
  left: var(--fa-left, 0);
  right: auto;
  top: auto;
  transform: scale(.25);
  transform: scale(var(--fa-layers-scale, .25));
  transform-origin: bottom left
}

.fa-layers-top-right {
  right: 0;
  right: var(--fa-right, 0);
  top: 0;
  top: var(--fa-top, 0);
  transform: scale(.25);
  transform: scale(var(--fa-layers-scale, .25));
  transform-origin: top right
}

.fa-layers-top-left {
  left: 0;
  left: var(--fa-left, 0);
  right: auto;
  top: 0;
  top: var(--fa-top, 0);
  transform: scale(.25);
  transform: scale(var(--fa-layers-scale, .25));
  transform-origin: top left
}

.fa-1x {
  font-size: 1em
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-6x {
  font-size: 6em
}

.fa-7x {
  font-size: 7em
}

.fa-8x {
  font-size: 8em
}

.fa-9x {
  font-size: 9em
}

.fa-10x {
  font-size: 10em
}

.fa-2xs {
  font-size: .625em;
  line-height: .1em;
  vertical-align: .225em
}

.fa-xs {
  font-size: .75em;
  line-height: .08333em;
  vertical-align: .125em
}

.fa-sm {
  font-size: .875em;
  line-height: .07143em;
  vertical-align: .05357em
}

.fa-lg {
  font-size: 1.25em;
  line-height: .05em;
  vertical-align: -.075em
}

.fa-xl {
  font-size: 1.5em;
  line-height: .04167em;
  vertical-align: -.125em
}

.fa-2xl {
  font-size: 2em;
  line-height: .03125em;
  vertical-align: -.1875em
}

.fa-fw {
  text-align: center;
  width: 1.25em
}

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0
}

.fa-ul > li {
  position: relative
}

.fa-li {
  left: -2em;
  left: calc(var(--fa-li-width, 2em) * -1);
  line-height: inherit;
  position: absolute;
  text-align: center;
  width: 2em;
  width: var(--fa-li-width, 2em)
}

.fa-border {
  border-color: #eee;
  border-color: var(--fa-border-color, #eee);
  border-radius: .1em;
  border-radius: var(--fa-border-radius, .1em);
  border-style: solid;
  border-style: var(--fa-border-style, solid);
  border-width: .08em;
  border-width: var(--fa-border-width, .08em);
  padding: .2em .25em .15em;
  padding: var(--fa-border-padding, .2em .25em .15em)
}

.fa-pull-left {
  float: left;
  margin-right: .3em;
  margin-right: var(--fa-pull-margin, .3em)
}

.fa-pull-right {
  float: right;
  margin-left: .3em;
  margin-left: var(--fa-pull-margin, .3em)
}

.fa-beat {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-beat;
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-bounce;
  animation-timing-function: cubic-bezier(.28, .84, .42, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1))
}

.fa-fade {
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-fade;
  animation-timing-function: cubic-bezier(.4, 0, .6, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-beat-fade, .fa-fade {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s)
}

.fa-beat-fade {
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-beat-fade;
  animation-timing-function: cubic-bezier(.4, 0, .6, 1);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(.4, 0, .6, 1))
}

.fa-flip {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-flip;
  animation-timing-function: ease-in-out;
  animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-shake;
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-shake, .fa-spin {
  animation-delay: 0s;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal)
}

.fa-spin {
  animation-duration: 2s;
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-spin;
  animation-timing-function: linear;
  animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
  --fa-animation-direction: reverse
}

.fa-pulse, .fa-spin-pulse {
  animation-direction: normal;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: 1s;
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: infinite;
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-name: fa-spin;
  animation-timing-function: steps(8);
  animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s
  }
}

@keyframes fa-beat {
  0%, 90% {
    transform: scale(1)
  }
  45% {
    transform: scale(1.25);
    transform: scale(var(--fa-beat-scale, 1.25))
  }
}

@keyframes fa-bounce {
  0% {
    transform: scale(1) translateY(0)
  }
  10% {
    transform: scale(1.1, .9) translateY(0);
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0)
  }
  30% {
    transform: scale(.9, 1.1) translateY(-.5em);
    transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.5em))
  }
  50% {
    transform: scale(1.05, .95) translateY(0);
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0)
  }
  57% {
    transform: scale(1) translateY(-.125em);
    transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em))
  }
  64% {
    transform: scale(1) translateY(0)
  }
  to {
    transform: scale(1) translateY(0)
  }
}

@keyframes fa-fade {
  50% {
    opacity: .4;
    opacity: var(--fa-fade-opacity, .4)
  }
}

@keyframes fa-beat-fade {
  0%, to {
    opacity: .4;
    opacity: var(--fa-beat-fade-opacity, .4);
    transform: scale(1)
  }
  50% {
    opacity: 1;
    transform: scale(1.125);
    transform: scale(var(--fa-beat-fade-scale, 1.125))
  }
}

@keyframes fa-flip {
  50% {
    transform: rotateY(-180deg);
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
  }
}

@keyframes fa-shake {
  0% {
    transform: rotate(-15deg)
  }
  4% {
    transform: rotate(15deg)
  }
  24%, 8% {
    transform: rotate(-18deg)
  }
  12%, 28% {
    transform: rotate(18deg)
  }
  16% {
    transform: rotate(-22deg)
  }
  20% {
    transform: rotate(22deg)
  }
  32% {
    transform: rotate(-12deg)
  }
  36% {
    transform: rotate(12deg)
  }
  40%, to {
    transform: rotate(0deg)
  }
}

@keyframes fa-spin {
  0% {
    transform: rotate(0deg)
  }
  to {
    transform: rotate(1turn)
  }
}

.fa-rotate-90 {
  transform: rotate(90deg)
}

.fa-rotate-180 {
  transform: rotate(180deg)
}

.fa-rotate-270 {
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  transform: scaleX(-1)
}

.fa-flip-vertical {
  transform: scaleY(-1)
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1)
}

.fa-rotate-by {
  transform: rotate(0);
  transform: rotate(var(--fa-rotate-angle, 0))
}

.fa-stack {
  display: inline-block;
  height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em
}

.fa-stack-1x, .fa-stack-2x {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: auto;
  z-index: var(--fa-stack-z-index, auto)
}

.svg-inline--fa.fa-stack-1x {
  height: 1em;
  width: 1.25em
}

.svg-inline--fa.fa-stack-2x {
  height: 2em;
  width: 2.5em
}

.fa-inverse {
  color: #fff;
  color: var(--fa-inverse, #fff)
}

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

.svg-inline--fa .fa-primary {
  fill: currentColor;
  fill: var(--fa-primary-color, currentColor);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa .fa-secondary {
  fill: currentColor;
  fill: var(--fa-secondary-color, currentColor)
}

.svg-inline--fa .fa-secondary, .svg-inline--fa.fa-swap-opacity .fa-primary {
  opacity: .4;
  opacity: var(--fa-secondary-opacity, .4)
}

.svg-inline--fa.fa-swap-opacity .fa-secondary {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1)
}

.svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary {
  fill: #000
}

.fa-duotone.fa-inverse, .fad.fa-inverse {
  color: #fff;
  color: var(--fa-inverse, #fff)
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.nav-wrapper {
  align-items: center;
  flex-grow: 1;
  height: 110px;
  justify-content: space-between;
  padding: 0 3rem;
  top: 0;
  z-index: 1600
}

.nav-logo-wrapper {
  height: 100%
}

.nav-logo {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 1rem;
  height: 100%;
  object-fit: contain;
  padding: 5px;
  width: auto
}

.navbar-buttons {
  display: flex;
  height: 100%;
  justify-content: space-around;
  margin: 0 2rem
}

@media (max-width: 1400px) {
  .nav-wrapper {
    padding: 0 2rem
  }
}

@media (max-width: 1200px) {
  .nav-wrapper {
    height: 75px;
    padding: 0 1rem
  }

  .nav-logo-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%
  }

  .nav-logo {
    padding: 0
  }
}

@media (max-width: 768px) {
  .nav-wrapper {
    height: 60px
  }
}

@media (max-width: 576px) {
  .nav-wrapper {
    height: 56px
  }
}

.banner {
  background-attachment: scroll;
  background-image: url(/atc/static/banner_1.aa6878ec947cafd5fe82.png);
  background-repeat: no-repeat;
  background-size: cover
}

.banner .banner-wrapper {
  background-color: rgba(0, 51, 102, .522);
  display: flex;
  flex-direction: column;
  justify-content: center
}

.banner .welcome-atc {
  display: flex;
  justify-content: center;
  padding: 6rem;
  width: 100%
}

.banner .welcome-atc .welcome {
  color: #050404;
  color: #fff;
  font-size: 6rem;
  font-style: normal;
  font-weight: 500;
  text-transform: uppercase
}

.banner .welcome-atc .atc {
  color: #050404;
  color: #fff;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2
}

.banner .alerts {
  bottom: 2rem;
  width: 80%
}

@media (min-width: 991px) {
  .banner, .banner .banner-wrapper {
    min-height: calc(100vh - 110px)
  }

  .banner .welcome-atc {
    padding-bottom: 5rem
  }

  .banner .welcome-atc .welcome {
    font-size: 5rem
  }

  .banner .welcome-atc .atc {
    font-size: 2.5rem
  }
}

@media (max-width: 991px) {
  .banner, .banner .banner-wrapper {
    min-height: calc(100vh - 80px)
  }

  .banner .welcome-atc {
    padding: 5rem 10px 2rem;
    text-align: center
  }

  .banner .welcome-atc .welcome {
    font-size: max(2.5rem, 12vw)
  }

  .banner .welcome-atc .atc {
    font-size: max(1.2rem, 4vw)
  }
}

.main-section {
  min-height: 90vh
}

.main-section.background-light {
  background-color: #fff
}

.main-section.background-primary {
  background-color: #d8e5f2
}

.main-section line {
  stroke: #cd9700;
  stroke-width: 2
}

.main-section .header {
  color: #036;
  font-family: Dubai
}

@media only screen and (max-width: 595px) {
  .main-section {
    min-height: 90vh
  }

  .main-section.background-light {
    background-color: #fff
  }

  .main-section.background-primary {
    background-color: #d8e5f2
  }

  .main-section line {
    stroke: #cd9700;
    stroke-width: 2
  }

  .main-section .header {
    color: #036;
    font-family: Dubai
  }
}

.Tabs {
  background: #036;
  border-radius: 2rem;
  color: #e8f0f2;
  height: 100%;
  margin: 3.5rem auto 1.5rem;
  min-height: 300px;
  overflow: auto;
  padding: 2rem 1rem;
  width: 80%
}

@media (max-width: 769px) {
  .Tabs {
    padding: 2rem 0
  }
}



@media (max-width: 768px) {
  ul.nav {
    display: flex;
    width: 90%
  }
}





.TabContent {
  padding: 0 2rem;
  text-align: center
}

.division-section {
  min-height: 90vh
}

.division-section.background-light {
  background-color: #fff
}

.division-section.background-primary {
  background-color: #d8e5f2
}

.division-section line {
  stroke: #cd9700;
  stroke-width: 2
}

.division-section .header {
  color: #036;
  font-family: Dubai
}

@media only screen and (max-width: 595px) {
  .division-section {
    min-height: 90vh
  }

  .division-section.background-light {
    background-color: #fff
  }

  .division-section.background-primary {
    background-color: #d8e5f2
  }

  .division-section line {
    stroke: #cd9700;
    stroke-width: 2
  }

  .division-section .header {
    color: #036;
    font-family: Dubai
  }

  .division-section .line-text {
    -webkit-text-stroke-width: 1.65px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 33px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .75em;
    padding-top: 1.5em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 600px) {
  .division-section .line-text {
    -webkit-text-stroke-width: 1.65px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 33px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 768px) {
  .division-section .line-text {
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 889px) {
  .division-section .line-text {
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 1600px) {
  .division-section .line-text {
    -webkit-text-stroke-width: 4.2px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 84px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

.headerTitle {
  align-items: center;
  display: flex;
  justify-content: center
}

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

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

.TCPic {
  height: 500px;
  width: 750px
}

.content-section {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 90vh
}

.content-section.background-light {
  background-color: #fff
}

.content-section.background-primary {
  background-color: #aac4df
}

.content-section line {
  stroke: #cd9700;
  stroke-width: 2
}

.content-section .header {
  color: #036;
  font-family: Dubai
}

@media only screen and (max-width: 595px) {
  .content-section {
    min-height: 90vh
  }

  .content-section.background-light {
    background-color: #fff
  }

  .content-section.background-primary {
    background-color: #d8e5f2
  }

  .content-section line {
    stroke: #cd9700;
    stroke-width: 2
  }

  .content-section .header {
    color: #036;
    font-family: Dubai
  }

  .content-section .line-text {
    -webkit-text-stroke-width: 1.65px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 33px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .75em;
    padding-top: 1.5em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 600px) {
  .content-section .line-text {
    -webkit-text-stroke-width: 1.65px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 33px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 768px) {
  .content-section .line-text {
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 889px) {
  .content-section .line-text {
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 50px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

@media only screen and (min-width: 1600px) {
  .content-section .line-text {
    -webkit-text-stroke-width: 4.2px;
    -webkit-text-stroke-color: #000f89;
    color: #7cb9e8;
    display: inline-block;
    font-size: 84px;
    font-style: italic;
    font-weight: 800;
    padding-bottom: .25em;
    position: relative;
    text-shadow: .2px .3px #d8e5f2, 1.2px 1.3px #036, 2.2px 2.3px #036, 3.2px 3.3px #036, 4.2px 4.3px #036, 5.2px 5.3px #036, 6.2px 6.3px #036, 7.2px 7.3px #036;
    text-transform: uppercase;
    white-space: nowrap
  }
}

.by-the-numbers {
  color: #fff;
  height: 90vh
}

.by-the-numbers .header {
  color: #fff;
  font-size: 3.5rem;
  line-height: 50px;
  padding-left: inherit;
  padding-top: 2rem
}

.by-the-numbers .containerByNumbers {
  align-items: center;
  height: 90vh;
  justify-content: space-between;
  padding: .5rem;
  width: auto
}

.by-the-numbers .milestone-font {
  color: #fff;
  font-size: 3rem;
  padding-top: .35em
}

.paralsec {
  background-attachment: fixed;
  background-color: #036;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%232e5881'/%3E%3Cstop offset='1' stop-color='%232e5881' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%238099b3'/%3E%3Cstop offset='1' stop-color='%238099b3' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23aebece'/%3E%3Cstop offset='1' stop-color='%23aebece' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23036'/%3E%3Cstop offset='1' stop-color='%23036' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%235C7C9C'/%3E%3Cstop offset='1' stop-color='%235C7C9C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FFF'/%3E%3Cstop offset='1' stop-color='%23FFF' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23b)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23c)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23d)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23e)' d='M0 0h1200v800H0z'/%3E%3Cpath fill='url(%23f)' d='M0 0h1200v800H0z'/%3E%3C/svg%3E");
  background-size: cover;
  display: block;
  width: 100%
}

@media only screen and (max-width: 600px) {
  .byNumbersHeader {
    padding-top: 5.5em
  }

  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 2.75rem
  }

  .by-the-numbers .containerByNumbers {
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    width: auto
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.25rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 601px) {
  .byNumbersHeader {
    padding-top: 5.5em
  }

  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 2.75rem
  }

  .by-the-numbers .containerByNumbers {
    align-items: center;
    justify-content: space-between;
    padding: .5rem;
    width: auto
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.25rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 1024px) {
  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 3rem
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2.25rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.5rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 1200px) {
  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 3rem
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 1.95rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.25rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 1440px) {
  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 3rem
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.25rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 1600px) {
  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 3rem
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.15rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

@media only screen and (min-width: 1920px) {
  .by-the-numbers {
    height: auto
  }

  .by-the-numbers .header {
    font-size: 3rem
  }

  .by-the-numbers .milestone-font.numbers {
    font-size: 2.25rem
  }

  .by-the-numbers .milestone-font.description {
    font-size: 1.5rem;
    padding-top: .35em
  }

  .parallax {
    background-attachment: fixed;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    min-height: 90vh;
    width: 100%
  }
}

.important-links {
  padding: 6rem 0 8rem
}

.important-links .react-reveal {
  align-items: center;
  background-repeat: cover;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center
}

.important-links .header {
  color: #036;
  display: flex;
  justify-content: center
}

.alerts-section {
  margin: auto;
  width: 100%
}

.alerts-section.carousel {
  flex: 1 1;
  position: relative;
  width: auto
}

.alerts-section.carousel.item {
  width: auto
}

.alerts-section .carousel-control-next, .alerts-section .carousel-control-prev {
  color: #dbdbdb;
  width: 5%
}

.alerts-section .card-img {
  aspect-ratio: 3/1;
  opacity: .75;
  width: 100%
}

@media (min-width: 768px) {
  .alerts-section {
    max-width: 70vw
  }
}

@media (min-width: 992px) {
  .alerts-section {
    max-width: min(60vw, 850px)
  }
}

.footer {
  background-attachment: fixed;
  background-color: rgba(0, 51, 102, .259);
  background-image: url(/atc/static/mountains.ad413ee097bf29309ad5.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  position: relative
}

.footer:before {
  opacity: .8
}

.footer ul li {
  font-size: 12px
}

.footer ul li:hover {
  cursor: pointer;
  text-decoration: underline
}

.footer ul li a {
  color: #fff;
  text-decoration: none
}

.footer .email {
  width: 200px
}

.footer .footer-logo {
  max-height: 150px
}

.footer .footer-atc {
  max-height: 85px
}

.footer .social-icons {
  font-size: 30px
}

.footer .social-icons:hover {
  cursor: pointer;
  transform: scale(1.25)
}

.footer .footer-separator {
  padding-left: 24px;
  padding-right: 24px
}

.footer .footer-separator line {
  stroke: #a3a3a3;
  stroke-width: 2
}

@media only screen and (max-width: 595px) {
  .footer .footer-logo {
    height: 100px
  }

  .footer .footer-atc {
    height: 65px
  }
}

@media only screen and (min-width: 768px) {
  .footer .email {
    width: 500px
  }
}

@media only screen and (min-width: 889px) {
  .footer .email {
    width: 500px
  }
}

@media only screen and (min-width: 1200px) {
  .footer .email {
    width: 500px
  }
}

/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root, [data-bs-theme=light] {
  --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: #036;
  --bs-secondary: #cd9700;
  --bs-body: #4a5558;
  --bs-primary-rgb: 0, 51, 102;
  --bs-secondary-rgb: 205, 151, 0;
  --bs-body-rgb: 74, 85, 88;
  --bs-primary-text-emphasis: #001429;
  --bs-secondary-text-emphasis: #523c00;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #ccd6e0;
  --bs-secondary-bg-subtle: #f5eacc;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #99adc2;
  --bs-secondary-border-subtle: #ebd599;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --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, #ffffff26, #fff0);
  --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-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #212529bf;
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: #21252980;
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #036;
  --bs-link-color-rgb: 0, 51, 102;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #002952;
  --bs-link-hover-color-rgb: 0, 41, 82;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(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-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem #00000026;
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: #00336640;
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #dee2e6bf;
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: #dee2e680;
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #6685a3;
  --bs-secondary-text-emphasis: #e1c166;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #000a14;
  --bs-secondary-bg-subtle: #291e00;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #001f3d;
  --bs-secondary-border-subtle: #7b5b00;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6685a3;
  --bs-link-hover-color: #859db5;
  --bs-link-color-rgb: 102, 133, 163;
  --bs-link-hover-color-rgb: 133, 157, 181;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: #ffffff26;
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark
}

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

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

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  background-color: var(--bs-body-bg);
  color: #212529;
  color: var(--bs-body-color);
  font-family: 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;
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  font-size: var(--bs-body-font-size);
  font-weight: 400;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.5;
  line-height: var(--bs-body-line-height);
  text-align: var(--bs-body-text-align)
}

hr {
  border: 0;
  border-top: 1px solid;
  border-top: var(--bs-border-width) solid;
  color: inherit;
  margin: 1rem 0;
  opacity: .25
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: inherit;
  color: var(--bs-heading-color);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 0
}

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem
  }
}

.h2, h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem
  }
}

.h3, h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.75rem
  }
}

.h4, h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.5rem
  }
}

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

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

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

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

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

ol, ul {
  padding-left: 2rem
}

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

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

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b, strong {
  font-weight: bolder
}

.small, small {
  font-size: .875em
}

.mark, mark {
  background-color: #fff3cd;
  background-color: var(--bs-highlight-bg);
  color: #212529;
  color: var(--bs-highlight-color);
  padding: .1875em
}

sub, sup {
  font-size: .75em;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #036;
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline
}

a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

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

code, kbd, pre, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  font-size: .875em;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal
}

code {
  word-wrap: break-word;
  color: #d63384;
  color: var(--bs-code-color);
  font-size: .875em
}

a > code {
  color: inherit
}

kbd {
  background-color: #212529;
  background-color: var(--bs-body-color);
  border-radius: .25rem;
  color: #fff;
  color: var(--bs-body-bg);
  font-size: .875em;
  padding: .1875rem .375rem
}

kbd kbd {
  font-size: 1em;
  padding: 0
}

figure {
  margin: 0 0 1rem
}

img, svg {
  vertical-align: middle
}

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

caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  padding-bottom: .5rem;
  padding-top: .5rem;
  text-align: left
}

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

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

label {
  display: inline-block
}

button {
  border-radius: 0
}

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

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

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
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button
}

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

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

textarea {
  resize: vertical
}

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

legend {
  float: left;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
  margin-bottom: .5rem;
  padding: 0;
  width: 100%
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend + * {
  clear: left
}

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

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

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

::-webkit-search-decoration {
  -webkit-appearance: none
}

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

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

output {
  display: inline-block
}

iframe {
  border: 0
}

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

progress {
  vertical-align: initial
}

[hidden] {
  display: none !important
}

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

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

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

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

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

.blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem
}

.blockquote > :last-child {
  margin-bottom: 0
}

.blockquote-footer {
  color: #6c757d;
  font-size: .875em;
  margin-bottom: 1rem;
  margin-top: -1rem
}

.blockquote-footer:before {
  content: "— "
}

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

.img-thumbnail {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  padding: .25rem
}

.figure {
  display: inline-block
}

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

.figure-caption {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: .875em
}

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

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px
  }
}

:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x) * -.5);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-top: calc(var(--bs-gutter-y) * -1)
}

.row > * {
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
  width: 100%
}

.col {
  flex: 1 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .col-md {
    flex: 1 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: #0000;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  border-color: var(--bs-table-border-color);
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%
}

.table > :not(caption) > * > * {
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
  color: var(--bs-table-color);
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  padding: .5rem
}

.table > tbody {
  vertical-align: inherit
}

.table > thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: 2px solid;
  border-top: calc(var(--bs-border-width) * 2) solid
}

.caption-top {
  caption-side: top
}

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

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

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

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

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

.table-striped-columns > :not(caption) > tr > :nth-child(2n), .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

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

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

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #ccd6e0;
  --bs-table-border-color: #a3abb3;
  --bs-table-striped-bg: #c2cbd5;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8c1ca;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdc6cf;
  --bs-table-hover-color: #000
}

.table-primary, .table-secondary {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #f5eacc;
  --bs-table-border-color: #c4bba3;
  --bs-table-striped-bg: #e9dec2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #ddd3b8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e3d8bd;
  --bs-table-hover-color: #000
}

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

.table-info, .table-success {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

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

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

.table-danger, .table-warning {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

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

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

.table-dark, .table-light {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

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

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

@media (max-width: 575.98px) {
  .table-responsive-sm {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
}

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
  }
}

.form-label {
  margin-bottom: .5rem
}

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

.col-form-label-lg {
  font-size: 1.25rem;
  padding-bottom: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + var(--bs-border-width));
  padding-top: calc(.5rem + 1px);
  padding-top: calc(.5rem + var(--bs-border-width))
}

.col-form-label-sm {
  font-size: .875rem;
  padding-bottom: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + var(--bs-border-width));
  padding-top: calc(.25rem + 1px);
  padding-top: calc(.25rem + var(--bs-border-width))
}

.form-text {
  color: #212529bf;
  color: var(--bs-secondary-color);
  font-size: .875em;
  margin-top: .25rem
}

.form-control {
  -webkit-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border-color: #8099b3;
  box-shadow: 0 0 0 .25rem #00336640;
  color: #212529;
  color: var(--bs-body-color);
  outline: 0
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
  margin: 0;
  min-width: 85px
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0
}

.form-control::placeholder {
  color: #212529bf;
  color: var(--bs-secondary-color);
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  opacity: 1
}

.form-control::file-selector-button {
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  color: #212529;
  color: var(--bs-body-color);
  margin: -.375rem -.75rem;
  margin-inline-end: .75rem;
  padding: .375rem .75rem;
  pointer-events: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
  background-color: #0000;
  border: solid #0000;
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0;
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: .375rem 0;
  width: 100%
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0
}

.form-control-sm {
  border-radius: .25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  min-height: calc(1.5em + .5rem + 2px);
  min-height: calc(1.5em + .5rem + var(--bs-border-width) * 2);
  padding: .25rem .5rem
}

.form-control-sm::file-selector-button {
  margin: -.25rem -.5rem;
  margin-inline-end: .5rem;
  padding: .25rem .5rem
}

.form-control-lg {
  border-radius: .5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: .5rem 1rem
}

.form-control-lg::file-selector-button {
  margin: -.5rem -1rem;
  margin-inline-end: 1rem;
  padding: .5rem 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px);
  min-height: calc(1.5em + .75rem + var(--bs-border-width) * 2)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  min-height: calc(1.5em + .5rem + var(--bs-border-width) * 2)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2)
}

.form-control-color {
  height: calc(1.5em + .75rem + 2px);
  height: calc(1.5em + .75rem + var(--bs-border-width) * 2);
  padding: .375rem;
  width: 3rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: .375rem;
  border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: .375rem;
  border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  height: calc(1.5em + .5rem + var(--bs-border-width) * 2)
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2)
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), none;
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 16px 12px;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem 2.25rem .375rem .75rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #8099b3;
  box-shadow: 0 0 0 .25rem #00336640;
  outline: 0
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: .75rem
}

.form-select:disabled {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
  color: #0000;
  text-shadow: 0 0 0 #212529;
  text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
  border-radius: .25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-top: .25rem
}

.form-select-lg {
  border-radius: .5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-top: .5rem
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")
}

.form-check {
  display: block;
  margin-bottom: .125rem;
  min-height: 1.5rem;
  padding-left: 1.5em
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-left: 0;
  padding-right: 1.5em;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  flex-shrink: 0;
  height: 1em;
  margin-top: .25em;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  vertical-align: top;
  width: 1em
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #8099b3;
  box-shadow: 0 0 0 .25rem #00336640;
  outline: 0
}

.form-check-input:checked {
  background-color: #036;
  border-color: #036
}

.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
}

.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
}

.form-check-input[type=checkbox]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
  background-color: #036;
  border-color: #036
}

.form-check-input:disabled {
  filter: none;
  opacity: .5;
  pointer-events: none
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  margin-left: -2.5em;
  transition: background-position .15s ease-in-out;
  width: 2em
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%238099b3'/%3E%3C/svg%3E")
}

.form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 100%
}

.form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em
}

.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em
}

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

.btn-check {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  filter: none;
  opacity: .65;
  pointer-events: none
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(255, 255, 255, 0.25)'/%3E%3C/svg%3E")
}

.form-range {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  height: 1.5rem;
  padding: 0;
  width: 100%
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #00336640
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem #00336640
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #036;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b3c2d1
}

.form-range::-webkit-slider-runnable-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.form-range::-moz-range-thumb {
  appearance: none;
  background-color: #036;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 1rem
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b3c2d1
}

.form-range::-moz-range-track {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg);
  border-color: #0000;
  border-radius: 1rem;
  color: #0000;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
  background-color: #212529bf;
  background-color: var(--bs-secondary-color)
}

.form-floating {
  position: relative
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
  min-height: calc(3.5rem + 2px);
  min-height: calc(3.5rem + var(--bs-border-width) * 2)
}

.form-floating > label {
  border: 1px solid #0000;
  border: var(--bs-border-width) solid #0000;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 1rem .75rem;
  pointer-events: none;
  position: absolute;
  text-align: start;
  text-overflow: ellipsis;
  top: 0;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  white-space: nowrap;
  z-index: 2
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none
  }
}

.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: #0000
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.form-floating > .form-select {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  color: #212529a6;
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label:after, .form-floating > .form-control:focus ~ label:after, .form-floating > .form-control:not(:placeholder-shown) ~ label:after, .form-floating > .form-select ~ label:after {
  background-color: #fff;
  background-color: var(--bs-body-bg);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem .375rem;
  position: absolute;
  z-index: -1
}

.form-floating > .form-control:-webkit-autofill ~ label {
  color: #212529a6;
  color: rgba(var(--bs-body-color-rgb), .65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
  border-width: var(--bs-border-width) 0
}

.form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label {
  color: #6c757d
}

.form-floating > .form-control:disabled ~ label:after, .form-floating > :disabled ~ label:after {
  background-color: #e9ecef;
  background-color: var(--bs-secondary-bg)
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  align-items: center;
  background-color: #f8f9fa;
  background-color: var(--bs-tertiary-bg);
  border: 1px solid #dee2e6;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  white-space: nowrap
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  border-radius: .5rem;
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding: .5rem 1rem
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  border-radius: .25rem;
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  padding: .25rem .5rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1)
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.valid-feedback {
  color: #198754;
  color: var(--bs-form-valid-color);
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.valid-tooltip {
  background-color: var(--bs-success);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: .875rem;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

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

.form-control.is-valid, .was-validated .form-control:valid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem)
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

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

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: #198754;
  border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: #198754;
  background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
  color: var(--bs-form-valid-color)
}

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

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  color: #dc3545;
  color: var(--bs-form-invalid-color);
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.invalid-tooltip {
  background-color: var(--bs-danger);
  border-radius: .375rem;
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: .875rem;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

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

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem)
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

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

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: #dc3545;
  border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
  background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
  color: var(--bs-form-invalid-color)
}

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

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: #0000;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-box-shadow: inset 0 1px 0 #ffffff26, 0 1px 1px rgba(0, 0, 0, .075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-align: center;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color)
}

.btn-check + .btn:hover {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color)
}

.btn:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  color: var(--bs-btn-hover-color);
  outline: 0
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color)
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
  opacity: var(--bs-btn-disabled-opacity);
  pointer-events: none
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #036;
  --bs-btn-border-color: #036;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #002b57;
  --bs-btn-hover-border-color: #002952;
  --bs-btn-focus-shadow-rgb: 38, 82, 125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #002952;
  --bs-btn-active-border-color: #00264d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #036;
  --bs-btn-disabled-border-color: #036
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #cd9700;
  --bs-btn-border-color: #cd9700;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d5a726;
  --bs-btn-hover-border-color: #d2a11a;
  --bs-btn-focus-shadow-rgb: 174, 128, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #d7ac33;
  --bs-btn-active-border-color: #d2a11a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #cd9700;
  --bs-btn-disabled-border-color: #cd9700
}

.btn-body {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4a5558;
  --bs-btn-border-color: #4a5558;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #3f484b;
  --bs-btn-hover-border-color: #3b4446;
  --bs-btn-focus-shadow-rgb: 101, 111, 113;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #3b4446;
  --bs-btn-active-border-color: #384042;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4a5558;
  --bs-btn-disabled-border-color: #4a5558
}

.btn-outline-primary {
  --bs-btn-color: #036;
  --bs-btn-border-color: #036;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #036;
  --bs-btn-hover-border-color: #036;
  --bs-btn-focus-shadow-rgb: 0, 51, 102;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #036;
  --bs-btn-active-border-color: #036;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #036;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #036;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #cd9700;
  --bs-btn-border-color: #cd9700;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #cd9700;
  --bs-btn-hover-border-color: #cd9700;
  --bs-btn-focus-shadow-rgb: 205, 151, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cd9700;
  --bs-btn-active-border-color: #cd9700;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #cd9700;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #cd9700;
  --bs-gradient: none
}

.btn-outline-body {
  --bs-btn-color: #4a5558;
  --bs-btn-border-color: #4a5558;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4a5558;
  --bs-btn-hover-border-color: #4a5558;
  --bs-btn-focus-shadow-rgb: 74, 85, 88;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4a5558;
  --bs-btn-active-border-color: #4a5558;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #4a5558;
  --bs-btn-disabled-bg: #0000;
  --bs-btn-disabled-border-color: #4a5558;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: #0000;
  --bs-btn-border-color: #0000;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: #0000;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: #0000;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: #0000;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 38, 82, 125;
  text-decoration: underline
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
  transition: opacity .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 .35s ease
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  height: auto;
  transition: width .35s ease;
  width: 0
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  border-bottom: 0;
  border-left: .3em solid #0000;
  border-right: .3em solid #0000;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.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: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #036;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --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;
  background-clip: padding-box;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  color: var(--bs-dropdown-color);
  display: none;
  font-size: var(--bs-dropdown-font-size);
  list-style: none;
  margin: 0;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--bs-dropdown-zindex)
}

.dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  top: 100%
}

.dropdown-menu-start {
  --bs-position: start
}

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

.dropdown-menu-end {
  --bs-position: end
}

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

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

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

  .dropdown-menu-sm-end {
    --bs-position: end
  }

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

@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

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

  .dropdown-menu-md-end {
    --bs-position: end
  }

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

@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

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

  .dropdown-menu-lg-end {
    --bs-position: end
  }

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

@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

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

  .dropdown-menu-xl-end {
    --bs-position: end
  }

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

@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

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

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

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

.dropup .dropdown-menu[data-bs-popper] {
  bottom: 100%;
  margin-bottom: var(--bs-dropdown-spacer);
  margin-top: 0;
  top: auto
}

.dropup .dropdown-toggle:after {
  border-bottom: .3em solid;
  border-left: .3em solid #0000;
  border-right: .3em solid #0000;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  left: 100%;
  margin-left: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: auto;
  top: 0
}

.dropend .dropdown-toggle:after {
  border-bottom: .3em solid #0000;
  border-left: .3em solid;
  border-right: 0;
  border-top: .3em solid #0000;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.dropend .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-toggle:after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-right: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: 100%;
  top: 0
}

.dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: .255em;
  vertical-align: .255em
}

.dropstart .dropdown-toggle:before {
  border-bottom: .3em solid #0000;
  border-right: .3em solid;
  border-top: .3em solid #0000;
  content: "";
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em
}

.dropstart .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropstart .dropdown-toggle:before {
  vertical-align: 0
}

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

.dropdown-item {
  background-color: #0000;
  border: 0;
  border-radius: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  clear: both;
  color: var(--bs-dropdown-link-color);
  display: block;
  font-weight: 400;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color)
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none
}

.dropdown-item.disabled, .dropdown-item:disabled {
  background-color: #0000;
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none
}

.dropdown-menu.show {
  display: block
}

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

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

.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: #ffffff26;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #036;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group, .btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle
}

.btn-group-vertical > .btn, .btn-group > .btn {
  flex: 1 1 auto;
  position: relative
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: .375rem;
  border-radius: var(--bs-border-radius)
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.dropdown-toggle-split {
  padding-left: .5625rem;
  padding-right: .5625rem
}

.dropdown-toggle-split:after, .dropend .dropdown-toggle-split:after, .dropup .dropdown-toggle-split:after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
  margin-right: 0
}

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

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

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
  margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}



.nav-link {
  background: none;
  border: 0;
  color: var(--bs-nav-link-color);
  display: block;
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
  box-shadow: 0 0 0 .25rem #00336640;
  outline: 0
}

.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  cursor: default;
  pointer-events: none
}




.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #036
}

.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--bs-nav-pills-link-active-bg);
  color: var(--bs-nav-pills-link-active-color)
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
  border-bottom: var(--bs-nav-underline-border-width) solid #0000;
  padding-left: 0;
  padding-right: 0
}

.nav-underline .nav-link:focus, .nav-underline .nav-link:hover {
  border-bottom-color: initial
}

.nav-underline .nav-link.active, .nav-underline .show > .nav-link {
  border-bottom-color: initial;
  color: var(--bs-nav-underline-link-active-color);
  font-weight: 700
}

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

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

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

.tab-content > .tab-pane {
  display: none
}

.tab-content > .active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(33, 37, 41, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  align-items: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: space-between
}

.navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: .5rem;
  padding-top: .5rem
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

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

.navbar-toggler {
  background-color: #0000;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  color: var(--bs-navbar-color);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none
}

.navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em
}

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

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-left: var(--bs-navbar-nav-link-padding-x);
    padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    background-color: #0000 !important;
    border: 0 !important;
    flex-grow: 1;
    height: auto !important;
    position: static;
    transform: none !important;
    transition: none;
    visibility: visible !important;
    width: auto !important;
    z-index: auto
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  background-color: #0000 !important;
  border: 0 !important;
  flex-grow: 1;
  height: auto !important;
  position: static;
  transform: none !important;
  transition: none;
  visibility: visible !important;
  width: auto !important;
  z-index: auto
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0
}

.navbar-dark, .navbar[data-bs-theme=dark] {
  --bs-navbar-color: #ffffffbf;
  --bs-navbar-hover-color: #fffffff2;
  --bs-navbar-disabled-color: #ffffff40;
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: #ffffff1a
}

.navbar-dark, .navbar[data-bs-theme=dark], [data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  word-wrap: break-word;
  background-clip: initial;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  color: #212529;
  color: var(--bs-body-color);
  display: flex;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative
}

.card > hr {
  margin-left: 0;
  margin-right: 0
}

.card > .list-group {
  border-bottom: inherit;
  border-top: inherit
}

.card > .list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0
}

.card > .list-group:last-child {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0
}

.card-body {
  color: var(--bs-card-color);
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.card-title {
  color: var(--bs-card-title-color);
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  color: var(--bs-card-subtitle-color);
  margin-top: calc(var(--bs-card-title-spacer-y) * -.5)
}

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

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  margin-bottom: 0;
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: calc(var(--bs-card-cap-padding-y) * -1);
  margin-left: calc(var(--bs-card-cap-padding-x) * -.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -.5)
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-left: calc(var(--bs-card-cap-padding-x) * -.5);
  margin-right: calc(var(--bs-card-cap-padding-x) * -.5)
}

.card-img-overlay {
  border-radius: var(--bs-card-inner-border-radius);
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  position: absolute;
  right: 0;
  top: 0
}

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

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group > .card {
    flex: 1 0;
    margin-bottom: 0
  }

  .card-group > .card + .card {
    border-left: 0;
    margin-left: 0
  }

  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }

  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group > .card:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
  }

  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23001429' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem #00336640;
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  transition: var(--bs-accordion-transition);
  width: 100%
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color)
}

.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  transition: var(--bs-accordion-btn-icon-transition);
  width: var(--bs-accordion-btn-icon-width)
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button:after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
  z-index: 3
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  color: var(--bs-accordion-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush > .accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0
}

.accordion-flush > .accordion-item:first-child {
  border-top: 0
}

.accordion-flush > .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236685a3'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236685a3'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item + .breadcrumb-item:before {
  color: var(--bs-breadcrumb-divider-color);
  content: "/";
  content: var(--bs-breadcrumb-divider, "/");
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem #00336640;
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #036;
  --bs-pagination-active-border-color: #036;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  list-style: none;
  padding-left: 0
}

.page-link {
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  color: var(--bs-pagination-color);
  display: block;
  font-size: var(--bs-pagination-font-size);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  position: relative;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  color: var(--bs-pagination-hover-color);
  z-index: 2
}

.page-link:focus {
  background-color: var(--bs-pagination-focus-bg);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  color: var(--bs-pagination-focus-color);
  outline: 0;
  z-index: 3
}

.active > .page-link, .page-link.active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
  z-index: 3
}

.disabled > .page-link, .page-link.disabled {
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
  margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  border-radius: var(--bs-badge-border-radius);
  color: var(--bs-badge-color);
  display: inline-block;
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  text-align: center;
  vertical-align: initial;
  white-space: nowrap
}

.badge:empty {
  display: none
}

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

.alert {
  --bs-alert-bg: #0000;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: #0000;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  color: var(--bs-alert-color);
  margin-bottom: var(--bs-alert-margin-bottom);
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  position: relative
}

.alert-heading {
  color: inherit
}

.alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

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

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-body {
  --bs-alert-color: var(--bs-body-text-emphasis);
  --bs-alert-bg: var(--bs-body-bg-subtle);
  --bs-alert-border-color: var(--bs-body-border-subtle);
  --bs-alert-link-color: var(--bs-body-text-emphasis)
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress, .progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #036;
  --bs-progress-bar-transition: width 0.6s ease;
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  display: flex;
  font-size: var(--bs-progress-font-size);
  height: var(--bs-progress-height);
  overflow: hidden
}

.progress-bar {
  background-color: var(--bs-progress-bar-bg);
  color: var(--bs-progress-bar-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: var(--bs-progress-bar-transition);
  white-space: nowrap
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, #ffffff26 25%, #0000 0, #0000 50%, #ffffff26 0, #ffffff26 75%, #0000 0, #0000);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked > .progress {
  overflow: visible
}

.progress-stacked > .progress > .progress-bar {
  width: 100%
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #036;
  --bs-list-group-active-border-color: #036;
  border-radius: var(--bs-list-group-border-radius);
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0
}

.list-group-numbered {
  counter-reset: section;
  list-style-type: none
}

.list-group-numbered > .list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  color: var(--bs-list-group-action-color);
  text-align: inherit;
  width: 100%
}

.list-group-item-action:focus, .list-group-item-action:hover {
  background-color: var(--bs-list-group-action-hover-bg);
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  z-index: 1
}

.list-group-item-action:active {
  background-color: var(--bs-list-group-action-active-bg);
  color: var(--bs-list-group-action-active-color)
}

.list-group-item {
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  color: var(--bs-list-group-color);
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  position: relative;
  text-decoration: none
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.list-group-item.disabled, .list-group-item:disabled {
  background-color: var(--bs-list-group-disabled-bg);
  color: var(--bs-list-group-disabled-color);
  pointer-events: none
}

.list-group-item.active {
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
  color: var(--bs-list-group-active-color);
  z-index: 2
}

.list-group-item + .list-group-item {
  border-top-width: 0
}

.list-group-item + .list-group-item.active {
  border-top-width: var(--bs-list-group-border-width);
  margin-top: calc(var(--bs-list-group-border-width) * -1)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--bs-list-group-border-radius)
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-left-width: 0;
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  border-left-width: var(--bs-list-group-border-width);
  margin-left: calc(var(--bs-list-group-border-width) * -1)
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
  }

  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
  }

  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
  }

  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
  }

  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
  }
}

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-left-width: 0;
    border-top-width: var(--bs-list-group-border-width)
  }

  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    border-left-width: var(--bs-list-group-border-width);
    margin-left: calc(var(--bs-list-group-border-width) * -1)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-body {
  --bs-list-group-color: var(--bs-body-text-emphasis);
  --bs-list-group-bg: var(--bs-body-bg-subtle);
  --bs-list-group-border-color: var(--bs-body-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-body-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-body-border-subtle);
  --bs-list-group-active-color: var(--bs-body-bg-subtle);
  --bs-list-group-active-bg: var(--bs-body-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-body-text-emphasis)
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem #00336640;
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  background: #0000 var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  box-sizing: initial;
  height: 1em;
  opacity: var(--bs-btn-close-opacity);
  padding: .25em;
  width: 1em
}

.btn-close, .btn-close:hover {
  color: var(--bs-btn-close-color)
}

.btn-close:hover {
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none
}

.btn-close:focus {
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0
}

.btn-close.disabled, .btn-close:disabled {
  opacity: var(--bs-btn-close-disabled-opacity);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none
}

.btn-close-white, [data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  background-clip: padding-box;
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  border-radius: var(--bs-toast-border-radius);
  box-shadow: var(--bs-toast-box-shadow);
  color: var(--bs-toast-color);
  font-size: var(--bs-toast-font-size);
  max-width: 100%;
  pointer-events: auto;
  width: var(--bs-toast-max-width)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  width: max-content;
  z-index: var(--bs-toast-zindex)
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  align-items: center;
  background-clip: padding-box;
  background-color: var(--bs-toast-header-bg);
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  color: var(--bs-toast-header-color);
  display: flex;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.toast-header .btn-close {
  margin-left: var(--bs-toast-padding-x);
  margin-right: calc(var(--bs-toast-padding-x) * -.5)
}

.toast-body {
  word-wrap: break-word;
  padding: var(--bs-toast-padding-x)
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --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: var(--bs-border-width);
  --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: var(--bs-border-width);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--bs-modal-zindex)
}

.modal-dialog {
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
  width: auto
}

.modal.fade .modal-dialog {
  transform: translateY(-50px);
  transition: transform .3s ease-out
}

@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 {
  align-items: center;
  display: flex;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

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

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

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  align-items: center;
  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);
  display: flex;
  flex-shrink: 0;
  padding: var(--bs-modal-header-padding)
}

.modal-header .btn-close {
  margin: calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto;
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5)
}

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

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

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

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow)
  }

  .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--bs-modal-width)
  }

  .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 {
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100vw
}

.modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
  }

  .modal-fullscreen-sm-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
  }

  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
  }

  .modal-fullscreen-md-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
  }

  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
  }

  .modal-fullscreen-lg-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
  }

  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
  }

  .modal-fullscreen-xl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
  }

  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
  }

  .modal-fullscreen-xxl-down .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
  }

  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  word-wrap: break-word;
  display: block;
  font-family: 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;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-tooltip-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: var(--bs-tooltip-margin);
  opacity: 0;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-tooltip-zindex)
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  height: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-width)
}

.tooltip .tooltip-arrow:before {
  border-color: #0000;
  border-style: solid;
  content: "";
  position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: calc(var(--bs-tooltip-arrow-height) * -1)
}

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

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  left: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height)
}

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

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: calc(var(--bs-tooltip-arrow-height) * -1)
}

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

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  right: calc(var(--bs-tooltip-arrow-height) * -1);
  width: var(--bs-tooltip-arrow-height)
}

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

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

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: var(--bs-popover-bg);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  display: block;
  font-family: 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;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-popover-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: var(--bs-popover-max-width);
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-popover-zindex)
}

.popover .popover-arrow {
  display: block;
  height: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-width)
}

.popover .popover-arrow:after, .popover .popover-arrow:before {
  border: 0 solid #0000;
  content: "";
  display: block;
  position: absolute
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:after, .bs-popover-top > .popover-arrow:before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:before, .bs-popover-top > .popover-arrow:before {
  border-top-color: var(--bs-popover-arrow-border);
  bottom: 0
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow:after, .bs-popover-top > .popover-arrow:after {
  border-top-color: var(--bs-popover-bg);
  bottom: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  left: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:after, .bs-popover-end > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:before, .bs-popover-end > .popover-arrow:before {
  border-right-color: var(--bs-popover-arrow-border);
  left: 0
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow:after, .bs-popover-end > .popover-arrow:after {
  border-right-color: var(--bs-popover-bg);
  left: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:before, .bs-popover-bottom > .popover-arrow:before {
  border-bottom-color: var(--bs-popover-arrow-border);
  top: 0
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow:after, .bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: var(--bs-popover-bg);
  top: var(--bs-popover-border-width)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before, .bs-popover-bottom .popover-header:before {
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(var(--bs-popover-arrow-width) * -.5);
  position: absolute;
  top: 0;
  width: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  height: var(--bs-popover-arrow-width);
  right: calc((var(--bs-popover-arrow-height)) * -1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:after, .bs-popover-start > .popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:before, .bs-popover-start > .popover-arrow:before {
  border-left-color: var(--bs-popover-arrow-border);
  right: 0
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow:after, .bs-popover-start > .popover-arrow:after {
  border-left-color: var(--bs-popover-bg);
  right: var(--bs-popover-border-width)
}

.popover-header {
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  color: var(--bs-popover-header-color);
  font-size: var(--bs-popover-header-font-size);
  margin-bottom: 0;
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
}

.popover-header:empty {
  display: none
}

.popover-body {
  color: var(--bs-popover-body-color);
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.carousel {
  position: relative
}

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

.carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%
}

.carousel-inner:after {
  clear: both;
  content: "";
  display: block
}

.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform .6s ease-in-out;
  width: 100%
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none
  }
}

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

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

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

.carousel-fade .carousel-item {
  opacity: 0;
  transform: none;
  transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  opacity: 0;
  transition: opacity 0s .6s;
  z-index: 0
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next, .carousel-control-prev {
  align-items: center;
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  display: flex;
  justify-content: center;
  opacity: .5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity .15s ease;
  width: 15%;
  z-index: 1
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  opacity: .9;
  outline: 0;
  text-decoration: none
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

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

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")
}

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

.carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2
}

.carousel-indicators [data-bs-target] {
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-bottom: 10px solid #0000;
  border-top: 10px solid #0000;
  box-sizing: initial;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: .5;
  padding: 0;
  text-indent: -999px;
  transition: opacity .6s ease;
  width: 30px
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

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

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000
}

.spinner-border, .spinner-grow {
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  border-radius: 50%;
  display: inline-block;
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  width: var(--bs-spinner-width)
}

@keyframes spinner-border {
  to {
    transform: rotate(1turn)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border-right-color: currentcolor;
  border: var(--bs-spinner-border-width) solid;
  border-right: var(--bs-spinner-border-width) solid #0000
}

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

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }
  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

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

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
  }
}

@media (max-width: 575.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-sm.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-sm.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
  }

  .offcanvas-sm.offcanvas-bottom, .offcanvas-sm.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
  }

  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none
  }

  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible
  }
}

@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
  }
}

@media (max-width: 767.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-md.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-md.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
  }

  .offcanvas-md.offcanvas-bottom, .offcanvas-md.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
  }

  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none
  }

  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible
  }
}

@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
  }
}

@media (max-width: 991.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-lg.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-lg.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
  }

  .offcanvas-lg.offcanvas-bottom, .offcanvas-lg.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
  }

  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none
  }

  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible
  }
}

@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
  }
}

@media (max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-xl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-xl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
  }

  .offcanvas-xl.offcanvas-bottom, .offcanvas-xl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
  }

  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none
  }

  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible
  }
}

@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    background-clip: padding-box;
    background-color: var(--bs-offcanvas-bg);
    bottom: 0;
    color: var(--bs-offcanvas-color);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: var(--bs-offcanvas-transition);
    visibility: hidden;
    z-index: var(--bs-offcanvas-zindex)
  }
}

@media (max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-xxl.offcanvas-end {
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: var(--bs-offcanvas-width)
  }

  .offcanvas-xxl.offcanvas-top {
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    top: 0;
    transform: translateY(-100%)
  }

  .offcanvas-xxl.offcanvas-bottom, .offcanvas-xxl.offcanvas-top {
    height: var(--bs-offcanvas-height);
    left: 0;
    max-height: 100%;
    right: 0
  }

  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
  }

  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none
  }

  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: #0000 !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    background-color: #0000 !important;
    display: flex;
    flex-grow: 0;
    overflow-y: visible;
    padding: 0
  }
}

.offcanvas {
  background-clip: padding-box;
  background-color: var(--bs-offcanvas-bg);
  bottom: 0;
  color: var(--bs-offcanvas-color);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  transition: var(--bs-offcanvas-transition);
  visibility: hidden;
  z-index: var(--bs-offcanvas-zindex)
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  left: 0;
  top: 0;
  transform: translateX(-100%);
  width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-end {
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  right: 0;
  top: 0;
  transform: translateX(100%);
  width: var(--bs-offcanvas-width)
}

.offcanvas.offcanvas-top {
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  top: 0;
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom, .offcanvas.offcanvas-top {
  height: var(--bs-offcanvas-height);
  left: 0;
  max-height: 100%;
  right: 0
}

.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible
}

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

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  align-items: center;
  display: flex;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  margin: calc(var(--bs-offcanvas-padding-y) * -.5) calc(var(--bs-offcanvas-padding-x) * -.5) calc(var(--bs-offcanvas-padding-y) * -.5) auto;
  padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5)
}

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

.offcanvas-body {
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.placeholder {
  background-color: currentcolor;
  cursor: wait;
  display: inline-block;
  min-height: 1em;
  opacity: .5;
  vertical-align: middle
}

.placeholder.btn:before {
  content: "";
  display: inline-block
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

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

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

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  animation: placeholder-wave 2s linear infinite;
  -webkit-mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, #000c 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%
}

@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

.clearfix:after {
  clear: both;
  content: "";
  display: block
}

.text-bg-primary {
  background-color: #036 !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
  color: #fff !important
}

.text-bg-secondary {
  background-color: #cd9700 !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
  color: #000 !important
}

.text-bg-body {
  background-color: #4a5558 !important;
  background-color: RGBA(var(--bs-body-rgb), var(--bs-bg-opacity, 1)) !important;
  color: #fff !important
}

.link-primary {
  color: #036 !important;
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #036 !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-primary:focus, .link-primary:hover {
  color: #002952 !important;
  color: RGBA(0, 41, 82, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #002952 !important;
  text-decoration-color: RGBA(0, 41, 82, var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary {
  color: #cd9700 !important;
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #cd9700 !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-secondary:focus, .link-secondary:hover {
  color: #d7ac33 !important;
  color: RGBA(215, 172, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #d7ac33 !important;
  text-decoration-color: RGBA(215, 172, 51, var(--bs-link-underline-opacity, 1)) !important
}

.link-body {
  color: #4a5558 !important;
  color: RGBA(var(--bs-body-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #4a5558 !important;
  text-decoration-color: RGBA(var(--bs-body-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body:focus, .link-body:hover {
  color: #3b4446 !important;
  color: RGBA(59, 68, 70, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #3b4446 !important;
  text-decoration-color: RGBA(59, 68, 70, var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
  color: #000 !important;
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: #000 !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus, .link-body-emphasis:hover {
  color: #000000bf !important;
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, .75)) !important;
  text-decoration-color: #000000bf !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, .75)) !important
}

.focus-ring:focus {
  box-shadow: 0 0 0 .25rem #00336640;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  outline: 0
}

.icon-link {
  align-items: center;
  backface-visibility: hidden;
  display: inline-flex;
  gap: .375rem;
  text-decoration-color: #00336680;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, .5));
  text-underline-offset: .25em
}

.icon-link > .bi {
  fill: currentcolor;
  flex-shrink: 0;
  height: 1em;
  transition: transform .2s ease-in-out;
  width: 1em
}

@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none
  }
}

.icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi {
  transform: translate3d(.25em, 0, 0);
  transform: var(--bs-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
  position: relative;
  width: 100%
}

.ratio:before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio)
}

.ratio > * {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

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

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

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

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

.fixed-top {
  top: 0
}

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

.fixed-bottom {
  bottom: 0
}

.sticky-top {
  top: 0
}

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

.sticky-bottom {
  bottom: 0
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

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

@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

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

@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

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

@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

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

@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

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

.hstack {
  align-items: center;
  flex-direction: row
}

.hstack, .vstack {
  align-self: stretch;
  display: flex
}

.vstack {
  flex: 1 1 auto;
  flex-direction: column
}

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

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
  position: absolute !important
}

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

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

.vr {
  align-self: stretch;
  background-color: currentcolor;
  display: inline-block;
  min-height: 1em;
  opacity: .25;
  width: 1px;
  width: var(--bs-border-width)
}

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

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

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

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

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

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

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.object-fit-contain {
  object-fit: contain !important
}

.object-fit-cover {
  object-fit: cover !important
}

.object-fit-fill {
  object-fit: fill !important
}

.object-fit-scale {
  object-fit: scale-down !important
}

.object-fit-none {
  object-fit: none !important
}

.opacity-0 {
  opacity: 0 !important
}

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

.opacity-50 {
  opacity: .5 !important
}

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

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

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

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

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

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

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

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

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

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

.d-inline {
  display: inline !important
}

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

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

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

.d-table {
  display: table !important
}

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

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

.d-flex {
  display: flex !important
}

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

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem #00000026 !important;
  box-shadow: var(--bs-box-shadow) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  box-shadow: var(--bs-box-shadow-sm) !important
}

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

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

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-body {
  --bs-focus-ring-color: rgba(var(--bs-body-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

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

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

.bottom-0 {
  bottom: 0 !important
}

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

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

.start-0 {
  left: 0 !important
}

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

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

.end-0 {
  right: 0 !important
}

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

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

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

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

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

.border {
  border: 1px solid #dee2e6 !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-end {
  border-right: 1px solid #dee2e6 !important;
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-start {
  border-left: 1px solid #dee2e6 !important;
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

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

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-body {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-body-rgb), var(--bs-border-opacity)) !important
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-primary-subtle {
  border-color: #99adc2 !important;
  border-color: var(--bs-primary-border-subtle) !important
}

.border-secondary-subtle {
  border-color: #ebd599 !important;
  border-color: var(--bs-secondary-border-subtle) !important
}

.border-success-subtle {
  border-color: #a3cfbb !important;
  border-color: var(--bs-success-border-subtle) !important
}

.border-info-subtle {
  border-color: #9eeaf9 !important;
  border-color: var(--bs-info-border-subtle) !important
}

.border-warning-subtle {
  border-color: #ffe69c !important;
  border-color: var(--bs-warning-border-subtle) !important
}

.border-danger-subtle {
  border-color: #f1aeb5 !important;
  border-color: var(--bs-danger-border-subtle) !important
}

.border-light-subtle {
  border-color: #e9ecef !important;
  border-color: var(--bs-light-border-subtle) !important
}

.border-dark-subtle {
  border-color: #adb5bd !important;
  border-color: var(--bs-dark-border-subtle) !important
}

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

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

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

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

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

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

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

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

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

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

.w-auto {
  width: auto !important
}

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

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

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

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

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

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

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

.h-auto {
  height: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

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

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

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

.m-auto {
  margin: auto !important
}

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

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

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

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

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

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

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

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important
}

.my-1 {
  margin-bottom: .25rem !important;
  margin-top: .25rem !important
}

.my-2 {
  margin-bottom: .5rem !important;
  margin-top: .5rem !important
}

.my-3 {
  margin-bottom: 1rem !important;
  margin-top: 1rem !important
}

.my-4 {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important
}

.my-5 {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.px-1 {
  padding-left: .25rem !important;
  padding-right: .25rem !important
}

.px-2 {
  padding-left: .5rem !important;
  padding-right: .5rem !important
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important
}

.py-1 {
  padding-bottom: .25rem !important;
  padding-top: .25rem !important
}

.py-2 {
  padding-bottom: .5rem !important;
  padding-top: .5rem !important
}

.py-3 {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important
}

.py-4 {
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important
}

.py-5 {
  padding-bottom: 3rem !important;
  padding-top: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

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

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

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

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

.row-gap-1 {
  row-gap: .25rem !important
}

.row-gap-2 {
  row-gap: .5rem !important
}

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

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

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

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

.column-gap-1 {
  column-gap: .25rem !important
}

.column-gap-2 {
  column-gap: .5rem !important
}

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

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

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

.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important;
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-medium {
  font-weight: 500 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(0, 51, 102, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(205, 151, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: #00000080 !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: #ffffff80 !important
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: #212529bf !important;
  color: var(--bs-secondary-color) !important
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: #21252980 !important;
  color: var(--bs-tertiary-color) !important
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: #000 !important;
  color: var(--bs-emphasis-color) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.text-primary-emphasis {
  color: #001429 !important;
  color: var(--bs-primary-text-emphasis) !important
}

.text-secondary-emphasis {
  color: #523c00 !important;
  color: var(--bs-secondary-text-emphasis) !important
}

.text-success-emphasis {
  color: #0a3622 !important;
  color: var(--bs-success-text-emphasis) !important
}

.text-info-emphasis {
  color: #055160 !important;
  color: var(--bs-info-text-emphasis) !important
}

.text-warning-emphasis {
  color: #664d03 !important;
  color: var(--bs-warning-text-emphasis) !important
}

.text-danger-emphasis {
  color: #58151c !important;
  color: var(--bs-danger-text-emphasis) !important
}

.text-light-emphasis {
  color: #495057 !important;
  color: var(--bs-light-text-emphasis) !important
}

.text-dark-emphasis {
  color: #495057 !important;
  color: var(--bs-dark-text-emphasis) !important
}

.link-opacity-10, .link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1
}

.link-opacity-25, .link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25
}

.link-opacity-50, .link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5
}

.link-opacity-75, .link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75
}

.link-opacity-100, .link-opacity-100-hover:hover {
  --bs-link-opacity: 1
}

.link-offset-1, .link-offset-1-hover:hover {
  text-underline-offset: .125em !important
}

.link-offset-2, .link-offset-2-hover:hover {
  text-underline-offset: .25em !important
}

.link-offset-3, .link-offset-3-hover:hover {
  text-underline-offset: .375em !important
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(0, 51, 102, var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(205, 151, 0, var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline-body {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(74, 85, 88, var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-body-rgb), var(--bs-link-underline-opacity)) !important
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: #036 !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important
}

.link-underline-opacity-0, .link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0
}

.link-underline-opacity-10, .link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1
}

.link-underline-opacity-25, .link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25
}

.link-underline-opacity-50, .link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5
}

.link-underline-opacity-75, .link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75
}

.link-underline-opacity-100, .link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 51, 102, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(205, 151, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: #0000 !important
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(233, 236, 239, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 249, 250, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-primary-subtle {
  background-color: #ccd6e0 !important;
  background-color: var(--bs-primary-bg-subtle) !important
}

.bg-secondary-subtle {
  background-color: #f5eacc !important;
  background-color: var(--bs-secondary-bg-subtle) !important
}

.bg-success-subtle {
  background-color: #d1e7dd !important;
  background-color: var(--bs-success-bg-subtle) !important
}

.bg-info-subtle {
  background-color: #cff4fc !important;
  background-color: var(--bs-info-bg-subtle) !important
}

.bg-warning-subtle {
  background-color: #fff3cd !important;
  background-color: var(--bs-warning-bg-subtle) !important
}

.bg-danger-subtle {
  background-color: #f8d7da !important;
  background-color: var(--bs-danger-bg-subtle) !important
}

.bg-light-subtle {
  background-color: #fcfcfd !important;
  background-color: var(--bs-light-bg-subtle) !important
}

.bg-dark-subtle {
  background-color: #ced4da !important;
  background-color: var(--bs-dark-bg-subtle) !important
}

.bg-gradient {
  background-image: linear-gradient(180deg, #ffffff26, #fff0) !important;
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: .375rem !important;
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: .25rem !important;
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: .375rem !important;
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: .5rem !important;
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: 1rem !important;
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: 2rem !important;
  border-radius: var(--bs-border-radius-xxl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important;
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: .375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-top-1 {
  border-top-left-radius: .25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: .25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-top-2 {
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: .375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-top-3 {
  border-top-left-radius: .5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: .5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-top-4 {
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-top-5 {
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important
}

.rounded-top-pill {
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-end {
  border-bottom-right-radius: .375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: .375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end-0 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.rounded-end-1 {
  border-bottom-right-radius: .25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: .25rem !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-end-2 {
  border-bottom-right-radius: .375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-top-right-radius: .375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-end-3 {
  border-bottom-right-radius: .5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: .5rem !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-end-4 {
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: 1rem !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-end-5 {
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: 2rem !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-end-circle {
  border-bottom-right-radius: 50% !important;
  border-top-right-radius: 50% !important
}

.rounded-end-pill {
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: 50rem !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-bottom {
  border-bottom-left-radius: .375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: .375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important
}

.rounded-bottom-1 {
  border-bottom-left-radius: .25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: .25rem !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important
}

.rounded-bottom-2 {
  border-bottom-left-radius: .375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: .375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom-3 {
  border-bottom-left-radius: .5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: .5rem !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important
}

.rounded-bottom-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: 1rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important
}

.rounded-bottom-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: 2rem !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important
}

.rounded-bottom-circle {
  border-bottom-left-radius: 50% !important;
  border-bottom-right-radius: 50% !important
}

.rounded-bottom-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: 50rem !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important
}

.rounded-start {
  border-bottom-left-radius: .375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important
}

.rounded-start-1 {
  border-bottom-left-radius: .25rem !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: .25rem !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important
}

.rounded-start-2 {
  border-bottom-left-radius: .375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-start-3 {
  border-bottom-left-radius: .5rem !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: .5rem !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important
}

.rounded-start-4 {
  border-bottom-left-radius: 1rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: 1rem !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important
}

.rounded-start-5 {
  border-bottom-left-radius: 2rem !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: 2rem !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important
}

.rounded-start-pill {
  border-bottom-left-radius: 50rem !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: 50rem !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

.z-n1 {
  z-index: -1 !important
}

.z-0 {
  z-index: 0 !important
}

.z-1 {
  z-index: 1 !important
}

.z-2 {
  z-index: 2 !important
}

.z-3 {
  z-index: 3 !important
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important
  }

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

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

  .object-fit-sm-contain {
    object-fit: contain !important
  }

  .object-fit-sm-cover {
    object-fit: cover !important
  }

  .object-fit-sm-fill {
    object-fit: fill !important
  }

  .object-fit-sm-scale {
    object-fit: scale-down !important
  }

  .object-fit-sm-none {
    object-fit: none !important
  }

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

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

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

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

  .d-sm-inline-grid {
    display: inline-grid !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-sm-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-sm-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-sm-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-sm-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-sm-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-sm-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-sm-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-sm-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-sm-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-sm-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-sm-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-sm-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-sm-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-sm-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-sm-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

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

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

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

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

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

  .row-gap-sm-0 {
    row-gap: 0 !important
  }

  .row-gap-sm-1 {
    row-gap: .25rem !important
  }

  .row-gap-sm-2 {
    row-gap: .5rem !important
  }

  .row-gap-sm-3 {
    row-gap: 1rem !important
  }

  .row-gap-sm-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-sm-5 {
    row-gap: 3rem !important
  }

  .column-gap-sm-0 {
    column-gap: 0 !important
  }

  .column-gap-sm-1 {
    column-gap: .25rem !important
  }

  .column-gap-sm-2 {
    column-gap: .5rem !important
  }

  .column-gap-sm-3 {
    column-gap: 1rem !important
  }

  .column-gap-sm-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-sm-5 {
    column-gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width: 768px) {
  .float-md-start {
    float: left !important
  }

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

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

  .object-fit-md-contain {
    object-fit: contain !important
  }

  .object-fit-md-cover {
    object-fit: cover !important
  }

  .object-fit-md-fill {
    object-fit: fill !important
  }

  .object-fit-md-scale {
    object-fit: scale-down !important
  }

  .object-fit-md-none {
    object-fit: none !important
  }

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

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

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

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

  .d-md-inline-grid {
    display: inline-grid !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-md-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-md-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-md-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-md-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-md-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-md-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-md-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-md-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-md-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-md-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-md-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-md-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-md-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-md-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-md-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

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

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

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

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

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

  .row-gap-md-0 {
    row-gap: 0 !important
  }

  .row-gap-md-1 {
    row-gap: .25rem !important
  }

  .row-gap-md-2 {
    row-gap: .5rem !important
  }

  .row-gap-md-3 {
    row-gap: 1rem !important
  }

  .row-gap-md-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-md-5 {
    row-gap: 3rem !important
  }

  .column-gap-md-0 {
    column-gap: 0 !important
  }

  .column-gap-md-1 {
    column-gap: .25rem !important
  }

  .column-gap-md-2 {
    column-gap: .5rem !important
  }

  .column-gap-md-3 {
    column-gap: 1rem !important
  }

  .column-gap-md-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-md-5 {
    column-gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width: 992px) {
  .float-lg-start {
    float: left !important
  }

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

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

  .object-fit-lg-contain {
    object-fit: contain !important
  }

  .object-fit-lg-cover {
    object-fit: cover !important
  }

  .object-fit-lg-fill {
    object-fit: fill !important
  }

  .object-fit-lg-scale {
    object-fit: scale-down !important
  }

  .object-fit-lg-none {
    object-fit: none !important
  }

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

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

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

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

  .d-lg-inline-grid {
    display: inline-grid !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

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

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

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

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

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

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

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

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

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

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

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

  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-lg-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-lg-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-lg-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-lg-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-lg-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-lg-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-lg-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-lg-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-lg-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-lg-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-lg-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-lg-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-lg-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-lg-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-lg-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

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

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

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

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

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

  .row-gap-lg-0 {
    row-gap: 0 !important
  }

  .row-gap-lg-1 {
    row-gap: .25rem !important
  }

  .row-gap-lg-2 {
    row-gap: .5rem !important
  }

  .row-gap-lg-3 {
    row-gap: 1rem !important
  }

  .row-gap-lg-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-lg-5 {
    row-gap: 3rem !important
  }

  .column-gap-lg-0 {
    column-gap: 0 !important
  }

  .column-gap-lg-1 {
    column-gap: .25rem !important
  }

  .column-gap-lg-2 {
    column-gap: .5rem !important
  }

  .column-gap-lg-3 {
    column-gap: 1rem !important
  }

  .column-gap-lg-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-lg-5 {
    column-gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important
  }

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

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

  .object-fit-xl-contain {
    object-fit: contain !important
  }

  .object-fit-xl-cover {
    object-fit: cover !important
  }

  .object-fit-xl-fill {
    object-fit: fill !important
  }

  .object-fit-xl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xl-none {
    object-fit: none !important
  }

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

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

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

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

  .d-xl-inline-grid {
    display: inline-grid !important
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .row-gap-xl-0 {
    row-gap: 0 !important
  }

  .row-gap-xl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xl-0 {
    column-gap: 0 !important
  }

  .column-gap-xl-1 {
    column-gap: .25rem !important
  }

  .column-gap-xl-2 {
    column-gap: .5rem !important
  }

  .column-gap-xl-3 {
    column-gap: 1rem !important
  }

  .column-gap-xl-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-xl-5 {
    column-gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .object-fit-xxl-contain {
    object-fit: contain !important
  }

  .object-fit-xxl-cover {
    object-fit: cover !important
  }

  .object-fit-xxl-fill {
    object-fit: fill !important
  }

  .object-fit-xxl-scale {
    object-fit: scale-down !important
  }

  .object-fit-xxl-none {
    object-fit: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-inline-grid {
    display: inline-grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
  }

  .mx-xxl-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
  }

  .mx-xxl-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
  }

  .mx-xxl-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
  }

  .mx-xxl-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
  }

  .mx-xxl-auto {
    margin-left: auto !important;
    margin-right: auto !important
  }

  .my-xxl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important
  }

  .my-xxl-1 {
    margin-bottom: .25rem !important;
    margin-top: .25rem !important
  }

  .my-xxl-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
  }

  .my-xxl-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important
  }

  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important
  }

  .my-xxl-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important
  }

  .my-xxl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .px-xxl-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
  }

  .px-xxl-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  .px-xxl-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .px-xxl-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .px-xxl-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .py-xxl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
  }

  .py-xxl-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
  }

  .py-xxl-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
  }

  .py-xxl-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
  }

  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
  }

  .py-xxl-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .row-gap-xxl-0 {
    row-gap: 0 !important
  }

  .row-gap-xxl-1 {
    row-gap: .25rem !important
  }

  .row-gap-xxl-2 {
    row-gap: .5rem !important
  }

  .row-gap-xxl-3 {
    row-gap: 1rem !important
  }

  .row-gap-xxl-4 {
    row-gap: 1.5rem !important
  }

  .row-gap-xxl-5 {
    row-gap: 3rem !important
  }

  .column-gap-xxl-0 {
    column-gap: 0 !important
  }

  .column-gap-xxl-1 {
    column-gap: .25rem !important
  }

  .column-gap-xxl-2 {
    column-gap: .5rem !important
  }

  .column-gap-xxl-3 {
    column-gap: 1rem !important
  }

  .column-gap-xxl-4 {
    column-gap: 1.5rem !important
  }

  .column-gap-xxl-5 {
    column-gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-inline-grid {
    display: inline-grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

.text-primary {
  color: #050404 !important
}

.text-secondary {
  color: #cd9700 !important
}

.btn-light {
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  color: #111
}

.btn-light:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
  color: #111
}

@media (min-width: 1800px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1400px
  }
}

@media (min-width: 2100px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px
  }
}

@media (min-width: 2400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1800px
  }
}

.meet-your-atc {
  min-height: 90vh;
  position: relative
}

.custom-shape-divider-top-1677101761 {
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.custom-shape-divider-top-1677101761 svg {
  display: block;
  height: 61px;
  position: relative;
  width: calc(136% + 1.3px)
}

.custom-shape-divider-top-1677101761 .shape-fill {
  fill: #036
}

.custom-shape-divider-bottom-1677101896 {
  bottom: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  transform: rotate(180deg);
  width: 100%
}

.custom-shape-divider-bottom-1677101896 svg {
  display: block;
  height: 61px;
  position: relative;
  width: calc(129% + 1.3px)
}

.custom-shape-divider-bottom-1677101896 .shape-fill {
  fill: #036
}

@media only screen and (max-width: 595px) {
  .meet-your-atc .atc-img {
    max-height: 250px;
    width: auto
  }
}

.flip-card {
  background-color: #0000;
  border: 1px solid #f1f1f1;
  height: auto;
  width: 165px
}

.AccordionBody {
  background-color: #f0f8ff
}

.overlay {
  background: #fff;
  background: linear-gradient(0deg, #fff 75%, #ffffffe6 80%, #ffffff40 95%, #fff0);
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1
}

.achieveHeader {
  color: #024;
  display: block;
  font-family: Arial Rounded MT Bold, Helvetica Rounded, Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase
}

.w3-border {
  padding: 35px 20px;
  text-align: center
}

.achieve-icon {
  align-content: center;
  height: 25px;
  width: auto
}

.four-part-border {
  padding: 10px
}

.fade-in-element {
  animation: zoom-in-zoom-out 1s ease
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(.75)
  }
  50% {
    transform: scale(1.25)
  }
  to {
    transform: scale(1)
  }
}

.action-cards-box {
  height: 100%
}

.action-cards-box .action-card {
  align-items: start;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 #889ec333, 0 5px 15px 0 #25426126;
  color: #435568;
  display: flex;
  flex: 0 1 50%;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow: hidden;
  padding: 20px 23px;
  position: relative;
  text-decoration: none;
  text-transform: none;
  transition: .4s;
  z-index: 1
}

.action-cards-box .action-card .hover-color-bubble {
  border-radius: 50%;
  height: 100rem;
  left: -18rem;
  position: absolute;
  right: 0;
  top: 15rem;
  transform: rotate(-36deg);
  transition: .4s;
  width: 100rem;
  z-index: -1
}

.action-cards-box .action-card .action-card-content {
  font-size: 17px;
  margin-bottom: 15px
}

.action-cards-box .action-card:hover {
  color: #fff;
  transform: scale(1.08);
  z-index: 9
}

.action-cards-box .action-card:hover:before {
  background: hsla(0, 0%, 100%, .125);
  transition: background-color .4s ease-in-out
}

.action-cards-box .action-card:hover .action-card-content {
  color: #fff
}

.action-cards-box .action-card:hover .hover-color-bubble {
  background-color: hsla(0, 0%, 100%, .125) !important;
  top: 0;
  transition: .4s
}

.action-cards-box .action-card:before {
  border-radius: 35px;
  content: "";
  height: 600px;
  position: absolute;
  right: -210px;
  top: -70px;
  transform: rotate(42deg);
  width: 400px;
  z-index: -1
}

@media screen and (min-width: 320px) {
  .action-cards-box {
    flex: auto
  }
}

@media only screen and (min-width: 768px) {
  .action-cards-box {
    flex: 1 1
  }
}

.link-action-card {
  transition: transform .25s ease-in-out !important
}

.link-action-card:hover {
  transform: scale(1.08)
}

.link-action-card .card-body, .link-action-card .card-title {
  word-wrap: break-word;
  flex-shrink: 1
}

.link-action-card.dark {
  background-color: #036;
  color: #fff
}

.link-action-card.light {
  background-color: #fff;
  color: #036
}

.grid-container {
  grid-gap: 2.3rem;
  display: grid;
  gap: 2.3rem;
  grid-auto-rows: 1fr;
  overflow-wrap: break-word;
  padding: 0 20px;
  width: auto
}

.grid-style-1 {
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-style-2 {
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-style-3 {
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-style-4 {
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

@media only screen and (max-width: 576px) {
  .grid-style-1, .grid-style-2, .grid-style-3, .grid-style-4 {
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }
}

@media only screen and (min-width: 576px) {
  .grid-style-2, .grid-style-3, .grid-style-4 {
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .grid-container {
    padding: 0
  }
}

@media only screen and (min-width: 1200px) {
  .grid-style-3, .grid-style-4 {
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }
}

@media only screen and (min-width: 1500px) {
  .grid-style-4 {
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }
}

.welcome-div {
  height: 180px
}

.welcome-div .welcome-overlay {
  background-color: rgba(0, 51, 102, .475);
  height: 100%;
  width: 100%
}

.event-date .calendar-div {
  height: 55px;
  width: 100%
}

.event-date .event-description {
  padding-top: 10px
}

.exec-card {
  border: 0;
  height: 350px;
  margin: 20px;
  position: relative;
  width: 350px
}

.exec-card-info {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  text-align: center
}

.exec-card-desc, .exec-card-info {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform .5s ease-in-out;
  width: 100%
}

.exec-card-desc {
  overflow: auto;
  padding: 20px 20px 10px
}

.exec-card-info {
  z-index: 1
}

.exec-card-desc {
  transform: translateY(100%)
}

.exec-card:hover .exec-card-info {
  transform: translateY(-100%)
}

.exec-card:hover .exec-card-desc {
  transform: translateY(0)
}

.ScrollSpyMenu {
  position: fixed;
  right: .75rem;
  top: 50%;
  transform: translateY(-50%) scale(.85);
  z-index: 1
}

.ScrollSpyMenu ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.ScrollSpyMenu ul li {
  position: relative;
  text-align: right;
  width: 175px
}

.ScrollSpyMenu ul li .dot {
  color: #fff;
  display: block;
  padding: .5rem 0
}

.ScrollSpyMenu ul li .dot span {
  background: #757575;
  border: none;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .399998px;
  margin-right: 25px;
  opacity: .5;
  padding: 8px;
  text-align: left;
  text-transform: uppercase;
  transform: translateX(0);
  width: 155px
}

.ScrollSpyMenu ul li:hover .dot span {
  background: #036;
  opacity: 1;
  transform: translateX(0)
}

.ScrollSpyMenu ul li .dot span:before {
  border-left: 7px solid #757575
}

.ScrollSpyMenu ul li .dot span:before, .ScrollSpyMenu ul li:hover .dot span:before {
  border-bottom: 7px solid #0000;
  border-top: 7px solid #0000;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(7px, -50%)
}

.ScrollSpyMenu ul li:hover .dot span:before {
  border-left: 7px solid #036
}

.ScrollSpyMenu ul li .dot:after, .ScrollSpyMenu ul li .dot:before {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transition: .2s ease-out
}

.ScrollSpyMenu ul li .dot:before {
  border: 2px solid #757575;
  height: 5px;
  opacity: 1;
  right: 0;
  transform: translateY(-50%);
  width: 5px
}

.ScrollSpyMenu ul li .dot.active:before, .ScrollSpyMenu ul li:hover .dot:before {
  background: #036;
  border-color: #036
}

.ScrollSpyMenu ul li .dot:after {
  border: 2px solid #036;
  height: 15px;
  right: -5px;
  transform: translateY(-50%) scale(0);
  width: 15px
}

.ScrollSpyMenu ul li .dot.active:after, .ScrollSpyMenu ul li:hover .dot:after {
  transform: translateY(-50%) scale(1)
}

.ScrollSpyMenu ul li .dot.active span, .ScrollSpyMenu ul li .dot.active span:after {
  background: #036;
  opacity: 1
}

.ScrollSpyMenu ul li .dot.active span:before {
  border-bottom: 7px solid #0000;
  border-left: 7px solid #036;
  border-top: 7px solid #0000;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(7px, -50%)
}

.sec {
  display: block
}

@media (min-width: 991px) {
  .sec {
    scroll-margin-top: 110px
  }
}

@media (max-width: 991px) {
  .sec {
    scroll-margin-top: 80px
  }
}

.gsg-container {
  min-height: 80vh
}

.stay-connected-wrapper {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='100%' height='100%' preserveAspectRatio='none' viewBox='0 0 1900 446'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1017%26quot%3b)' fill='none'%3e%3crect width='1900' height='446' x='0' y='0' fill='rgba(205%2c 158%2c 12%2c 0.35)'%3e%3c/rect%3e%3cpath d='M0%2c593.996C126.258%2c601.697%2c269.523%2c652.897%2c371.448%2c577.985C473.61%2c502.899%2c461.889%2c349.037%2c498.46%2c227.639C529.652%2c124.095%2c579.667%2c25.738%2c570.265%2c-81.992C560.55%2c-193.301%2c526.951%2c-309.658%2c444.944%2c-385.546C365.453%2c-459.106%2c247.937%2c-463.751%2c140.775%2c-479.437C46.793%2c-493.193%2c-45.175%2c-489.74%2c-138.273%2c-470.913C-239.181%2c-450.506%2c-352.766%2c-441.861%2c-421.965%2c-365.635C-491.481%2c-289.058%2c-473.784%2c-171.882%2c-500.449%2c-71.954C-531.508%2c44.44%2c-621.828%2c153.567%2c-591.627%2c270.187C-560.708%2c389.577%2c-451.61%2c475.168%2c-343.425%2c534.38C-239.398%2c591.316%2c-118.369%2c586.776%2c0%2c593.996' fill='rgba(193%2c 149%2c 11%2c 0.35)'%3e%3c/path%3e%3cpath d='M1900 1039.733C2009.211 1045.83 2092.763 947.608 2179.734 881.274 2260.098 819.979 2335.151 755.177 2386.9049999999997 668.362 2443.337 573.7 2497.807 471.118 2489.7709999999997 361.204 2481.51 248.209 2423.802 141.495 2342.608 62.47800000000001 2264.753-13.288999999999987 2155.781-39.79899999999998 2050.438-66.346 1948.752-91.971 1846.272-106.94799999999998 1743.021-88.62199999999996 1630.766-68.69799999999998 1519.513-33.403999999999996 1434.82 42.91899999999998 1343.976 124.78500000000003 1260.3020000000001 230.905 1252.995 352.975 1245.81 472.998 1323.2150000000001 580.756 1396.939 675.74 1459.405 756.219 1557.107 791.402 1639.644 851.1220000000001 1728.261 915.241 1790.789 1033.636 1900 1039.733' fill='rgba(217%2c 168%2c 13%2c 0.35)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1017'%3e%3crect width='100%' height='100%' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e")
}

.paper-plane {
  height: auto;
  width: 100%
}

body {
  background-color: #fff !important;
  color: #050404;
  height: 100vh;
  padding: 0 !important
}

.upper-case {
  text-transform: uppercase
}

.row-centered {
  text-align: center
}

@keyframes moveDown {
  0% {
    transform: translateY(-5rem)
  }
  to {
    transform: translateY(0)
  }
}

@keyframes rotate {
  0% {
    transform: rotateY(1turn)
  }
  to {
    transform: rotateY(0)
  }
}

.gtranslate_wrapper {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 8px #0000001a;
  display: none;
  font-size: 14px;
  position: absolute;
  right: 0;
  z-index: 1000
}

.gtranslate_wrapper .gt_selector {
  border-radius: 2px;
  padding: 4px
}

.gtranslate_wrapper.visible {
  display: block
}

.gtranslate_wrapper.invisible {
  display: none
}

button.translate-icon {
  color: #fff
}

button.translate-icon:hover {
  color: #cd9e0c
}

.env-banner {
  color: #333;
  font-size: 16px;
  height: 30px;
  padding: 5px;
  position: sticky;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 9999
}

.env-banner.qa {
  background-color: #fff3cd
}

.env-banner.dev {
  background-color: #f8d7da
}

@media (max-width: 800px) {
  .page-content img {
    width: 100%
  }
}

/*! @algolia/autocomplete-theme-classic 1.17.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
  --aa-search-input-height: 44px;
  --aa-input-icon-size: 20px;
  --aa-base-unit: 16;
  --aa-spacing-factor: 1;
  --aa-spacing: calc(var(--aa-base-unit) * var(--aa-spacing-factor) * 1px);
  --aa-spacing-half: calc(var(--aa-spacing) / 2);
  --aa-panel-max-height: 650px;
  --aa-base-z-index: 9999;
  --aa-font-size: calc(var(--aa-base-unit) * 1px);
  --aa-font-family: inherit;
  --aa-font-weight-medium: 500;
  --aa-font-weight-semibold: 600;
  --aa-font-weight-bold: 700;
  --aa-icon-size: 20px;
  --aa-icon-stroke-width: 1.6;
  --aa-icon-color-rgb: 119, 119, 163;
  --aa-icon-color-alpha: 1;
  --aa-action-icon-size: 20px;
  --aa-text-color-rgb: 38, 38, 39;
  --aa-text-color-alpha: 1;
  --aa-primary-color-rgb: 62, 52, 211;
  --aa-primary-color-alpha: 0.2;
  --aa-muted-color-rgb: 128, 126, 163;
  --aa-muted-color-alpha: 0.6;
  --aa-panel-border-color-rgb: 128, 126, 163;
  --aa-panel-border-color-alpha: 0.3;
  --aa-input-border-color-rgb: 128, 126, 163;
  --aa-input-border-color-alpha: 0.8;
  --aa-background-color-rgb: 255, 255, 255;
  --aa-background-color-alpha: 1;
  --aa-input-background-color-rgb: 255, 255, 255;
  --aa-input-background-color-alpha: 1;
  --aa-selected-color-rgb: 179, 173, 214;
  --aa-selected-color-alpha: 0.205;
  --aa-description-highlight-background-color-rgb: 245, 223, 77;
  --aa-description-highlight-background-color-alpha: 0.5;
  --aa-detached-media-query:(
  max-width: 680px);
  --aa-detached-modal-media-query:(
  min-width: 680px);
  --aa-detached-modal-max-width: 680px;
  --aa-detached-modal-max-height: 500px;
  --aa-overlay-color-rgb: 115, 114, 129;
  --aa-overlay-color-alpha: 0.4;
  --aa-panel-shadow: 0 0 0 1px #23263b1a, 0 6px 16px -4px #23263b26;
  --aa-scrollbar-width: 13px;
  --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
  --aa-scrollbar-track-background-color-alpha: 1;
  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
  --aa-scrollbar-thumb-background-color-alpha: 1
}

@media (hover: none) and (pointer: coarse) {
  :root {
    --aa-spacing-factor: 1.2;
    --aa-action-icon-size: 22px
  }
}

body.dark, body[data-theme=dark] {
  --aa-text-color-rgb: 183, 192, 199;
  --aa-primary-color-rgb: 146, 138, 255;
  --aa-muted-color-rgb: 146, 138, 255;
  --aa-input-background-color-rgb: 0, 3, 9;
  --aa-background-color-rgb: 21, 24, 42;
  --aa-selected-color-rgb: 146, 138, 255;
  --aa-selected-color-alpha: 0.25;
  --aa-description-highlight-background-color-rgb: 0 255 255;
  --aa-description-highlight-background-color-alpha: 0.25;
  --aa-icon-color-rgb: 119, 119, 163;
  --aa-panel-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
  --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
}

.aa-Autocomplete *, .aa-DetachedFormContainer *, .aa-Panel * {
  box-sizing: border-box
}

.aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel {
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  font-family: inherit;
  font-family: var(--aa-font-family);
  font-size: 16px;
  font-size: var(--aa-font-size);
  font-weight: 400;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-align: left
}

.aa-Form {
  align-items: center;
  background-color: #fff;
  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
  border: 1px solid #807ea3cc;
  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
  border-radius: 3px;
  display: flex;
  line-height: 1em;
  margin: 0;
  position: relative;
  width: 100%
}

.aa-Form:focus-within {
  border-color: #3e34d3;
  border-color: rgba(var(--aa-primary-color-rgb), 1);
  box-shadow: 0 0 0 2px #3e34d333, inset 0 0 0 2px #3e34d333;
  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
  outline: medium none currentColor
}

.aa-InputWrapperPrefix {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 44px;
  height: var(--aa-search-input-height);
  order: 1
}

.aa-Label, .aa-LoadingIndicator {
  cursor: auto;
  flex-shrink: 0;
  height: 100%;
  padding: 0;
  text-align: left
}

.aa-Label svg, .aa-LoadingIndicator svg {
  stroke-width: 1.6;
  stroke-width: var(--aa-icon-stroke-width);
  color: #3e34d3;
  color: rgba(var(--aa-primary-color-rgb), 1);
  height: auto;
  max-height: 20px;
  max-height: var(--aa-input-icon-size);
  width: 20px;
  width: var(--aa-input-icon-size)
}

.aa-LoadingIndicator, .aa-SubmitButton {
  height: 100%;
  padding-left: 11px;
  padding-left: calc(var(--aa-spacing) * .75 - 1px);
  padding-right: 8px;
  padding-right: var(--aa-spacing-half);
  width: 47px;
  width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px)
}

@media (hover: none) and (pointer: coarse) {
  .aa-LoadingIndicator, .aa-SubmitButton {
    padding-left: 3px;
    padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
    width: 39px;
    width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px)
  }
}

.aa-SubmitButton {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  margin: 0
}

.aa-LoadingIndicator {
  align-items: center;
  display: flex;
  justify-content: center
}

.aa-LoadingIndicator[hidden] {
  display: none
}

.aa-InputWrapper {
  order: 3;
  position: relative;
  width: 100%
}

.aa-Input {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  font: inherit;
  height: 44px;
  height: var(--aa-search-input-height);
  padding: 0;
  width: 100%
}

.aa-Input::placeholder {
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  opacity: 1
}

.aa-Input:focus {
  border-color: none;
  box-shadow: none;
  outline: none
}

.aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none
}

.aa-InputWrapperSuffix {
  align-items: center;
  display: flex;
  height: 44px;
  height: var(--aa-search-input-height);
  order: 4
}

.aa-ClearButton {
  align-items: center;
  background: none;
  border: 0;
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  cursor: pointer;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0 12.83328px;
  padding: 0 calc(var(--aa-spacing) * .83333 - .5px)
}

@media (hover: none) and (pointer: coarse) {
  .aa-ClearButton {
    padding: 0 10.16672px;
    padding: 0 calc(var(--aa-spacing) * .66667 - .5px)
  }
}

.aa-ClearButton:focus, .aa-ClearButton:hover {
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}

.aa-ClearButton[hidden] {
  display: none
}

.aa-ClearButton svg {
  stroke-width: 1.6;
  stroke-width: var(--aa-icon-stroke-width);
  width: 20px;
  width: var(--aa-icon-size)
}

.aa-Panel {
  background-color: #fff;
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  border-radius: 4px;
  border-radius: calc(var(--aa-spacing) / 4);
  box-shadow: 0 0 0 1px #23263b1a, 0 6px 16px -4px #23263b26;
  box-shadow: var(--aa-panel-shadow);
  margin: 8px 0 0;
  overflow: hidden;
  position: absolute;
  transition: opacity .2s ease-in, filter .2s ease-in
}

@media screen and (prefers-reduced-motion) {
  .aa-Panel {
    transition: none
  }
}

.aa-Panel button {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0
}

.aa-PanelLayout {
  height: 100%;
  margin: 0;
  max-height: 650px;
  max-height: var(--aa-panel-max-height);
  overflow-y: auto;
  padding: 0;
  position: relative;
  text-align: left
}

.aa-PanelLayoutColumns--twoGolden {
  display: grid;
  grid-template-columns:39.2% auto;
  overflow: hidden;
  padding: 0
}

.aa-PanelLayoutColumns--two {
  display: grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  overflow: hidden;
  padding: 0
}

.aa-PanelLayoutColumns--three {
  display: grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  overflow: hidden;
  padding: 0
}

.aa-Panel--stalled .aa-Source {
  filter: grayscale(1);
  opacity: .8
}

.aa-Panel--scrollable {
  margin: 0;
  max-height: 650px;
  max-height: var(--aa-panel-max-height);
  overflow-x: hidden;
  overflow-y: auto;
  padding: 8px;
  padding: var(--aa-spacing-half);
  scrollbar-color: #fff #eaeaea;
  scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
  scrollbar-width: thin
}

.aa-Panel--scrollable::-webkit-scrollbar {
  width: 13px;
  width: var(--aa-scrollbar-width)
}

.aa-Panel--scrollable::-webkit-scrollbar-track {
  background-color: #eaeaea;
  background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}

.aa-Panel--scrollable::-webkit-scrollbar-thumb {
  background-color: #fff;
  background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
  border: 3px solid #eaeaea;
  border-radius: 9999px;
  border-right: 3px solid #eaeaea;
  border: 3px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
  border-right-width: 2px
}

.aa-Source {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%
}

.aa-Source:empty {
  display: none
}

.aa-SourceNoResults {
  font-size: 1em;
  margin: 0;
  padding: 16px;
  padding: var(--aa-spacing)
}

.aa-List {
  list-style: none;
  margin: 0
}

.aa-List, .aa-SourceHeader {
  padding: 0;
  position: relative
}

.aa-SourceHeader {
  margin: 8px .5em 8px 0;
  margin: var(--aa-spacing-half) .5em var(--aa-spacing-half) 0
}

.aa-SourceHeader:empty {
  display: none
}

.aa-SourceHeaderTitle {
  background: #fff;
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  color: #3e34d3;
  color: rgba(var(--aa-primary-color-rgb), 1);
  display: inline-block;
  font-size: .8em;
  font-weight: 600;
  font-weight: var(--aa-font-weight-semibold);
  margin: 0;
  padding: 0 8px 0 0;
  padding: 0 var(--aa-spacing-half) 0 0;
  position: relative;
  z-index: 9999;
  z-index: var(--aa-base-z-index)
}

.aa-SourceHeaderLine {
  border-bottom: 1px solid #3e34d3;
  border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1);
  display: block;
  height: 2px;
  left: 0;
  margin: 0;
  opacity: .3;
  padding: 0;
  position: absolute;
  right: 0;
  top: 8px;
  top: var(--aa-spacing-half);
  z-index: 9998;
  z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-SourceFooterSeeAll {
  background: linear-gradient(180deg, #fff, #807ea324);
  background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), #807ea324);
  border: 1px solid #807ea399;
  border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  border-radius: 5px;
  box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px #4c455826;
  color: inherit;
  font-size: .95em;
  font-weight: 500;
  font-weight: var(--aa-font-weight-medium);
  padding: .475em 1em .6em;
  -webkit-text-decoration: none;
  text-decoration: none
}

.aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
  border: 1px solid #3e34d3;
  border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
  color: #3e34d3;
  color: rgba(var(--aa-primary-color-rgb), 1)
}

.aa-Item {
  align-items: center;
  border-radius: 3px;
  cursor: pointer;
  display: grid;
  min-height: 40px;
  min-height: calc(var(--aa-spacing) * 2.5);
  padding: 4px;
  padding: calc(var(--aa-spacing-half) / 2)
}

.aa-Item[aria-selected=true] {
  background-color: rgba(179, 173, 214, .205);
  background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
}

.aa-Item[aria-selected=true] .aa-ActiveOnly, .aa-Item[aria-selected=true] .aa-ItemActionButton {
  visibility: visible
}

.aa-ItemIcon {
  stroke-width: 1.6;
  stroke-width: var(--aa-icon-stroke-width);
  align-items: center;
  background: #fff;
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #807ea34d;
  box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  color: #7777a3;
  color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
  display: flex;
  flex-shrink: 0;
  font-size: .7em;
  height: 28px;
  height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
  justify-content: center;
  overflow: hidden;
  text-align: center;
  width: 28px;
  width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
}

.aa-ItemIcon img {
  height: auto;
  max-height: 20px;
  max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
  max-width: 20px;
  max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
  width: auto
}

.aa-ItemIcon svg {
  height: 20px;
  height: var(--aa-icon-size);
  width: 20px;
  width: var(--aa-icon-size)
}

.aa-ItemIcon--alignTop {
  align-self: flex-start
}

.aa-ItemIcon--noBorder {
  background: none;
  box-shadow: none
}

.aa-ItemIcon--picture {
  height: 96px;
  width: 96px
}

.aa-ItemIcon--picture img {
  max-height: 100%;
  max-width: 100%;
  padding: 8px;
  padding: var(--aa-spacing-half)
}

.aa-ItemContent {
  grid-gap: 8px;
  grid-gap: var(--aa-spacing-half);
  align-items: center;
  cursor: pointer;
  display: grid;
  gap: 8px;
  gap: var(--aa-spacing-half);
  grid-auto-flow: column;
  line-height: 1.25em;
  overflow: hidden
}

.aa-ItemContent:empty {
  display: none
}

.aa-ItemContent mark {
  background: none;
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  font-style: normal;
  font-weight: 700;
  font-weight: var(--aa-font-weight-bold)
}

.aa-ItemContent--dual {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: left
}

.aa-ItemContent--dual .aa-ItemContentSubtitle, .aa-ItemContent--dual .aa-ItemContentTitle {
  display: block
}

.aa-ItemContent--indented {
  padding-left: 36px;
  padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
}

.aa-ItemContentBody {
  grid-gap: 4px;
  grid-gap: calc(var(--aa-spacing-half) / 2);
  display: grid;
  gap: 4px;
  gap: calc(var(--aa-spacing-half) / 2)
}

.aa-ItemContentTitle {
  display: inline-block;
  margin: 0 .5em 0 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.aa-ItemContentSubtitle {
  font-size: .92em
}

.aa-ItemContentSubtitleIcon:before {
  border-color: #807ea3a3;
  border-color: rgba(var(--aa-muted-color-rgb), .64);
  border-style: solid;
  content: "";
  display: inline-block;
  left: 1px;
  position: relative;
  top: -3px
}

.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
  border-width: 0 0 1.5px;
  margin-left: 8px;
  margin-left: var(--aa-spacing-half);
  margin-right: 4px;
  margin-right: calc(var(--aa-spacing-half) / 2);
  width: 10px;
  width: calc(var(--aa-spacing-half) + 2px)
}

.aa-ItemContentSubtitle--standalone {
  grid-gap: 8px;
  grid-gap: var(--aa-spacing-half);
  align-items: center;
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  display: grid;
  gap: 8px;
  gap: var(--aa-spacing-half);
  grid-auto-flow: column;
  justify-content: start
}

.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
  border-radius: 0 0 0 3px;
  border-width: 0 0 1.5px 1.5px;
  height: 8px;
  height: var(--aa-spacing-half);
  width: 8px;
  width: var(--aa-spacing-half)
}

.aa-ItemContentSubtitleCategory {
  color: #807ea3;
  color: rgba(var(--aa-muted-color-rgb), 1);
  font-weight: 500
}

.aa-ItemContentDescription {
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  font-size: .85em;
  max-width: 100%;
  overflow-x: hidden;
  text-overflow: ellipsis
}

.aa-ItemContentDescription:empty {
  display: none
}

.aa-ItemContentDescription mark {
  background: #f5df4d80;
  background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  font-style: normal;
  font-weight: 500;
  font-weight: var(--aa-font-weight-medium)
}

.aa-ItemContentDash {
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  display: none;
  opacity: .4
}

.aa-ItemContentTag {
  background-color: #3e34d333;
  background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
  border-radius: 3px;
  margin: 0 .4em 0 0;
  padding: .08em .3em
}

.aa-ItemLink, .aa-ItemWrapper {
  grid-gap: 4px;
  grid-gap: calc(var(--aa-spacing-half) / 2);
  align-items: center;
  color: inherit;
  display: grid;
  gap: 4px;
  gap: calc(var(--aa-spacing-half) / 2);
  grid-auto-flow: column;
  justify-content: space-between;
  width: 100%
}

.aa-ItemLink {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none
}

.aa-ItemActions {
  display: grid;
  grid-auto-flow: column;
  height: 100%;
  justify-self: end;
  margin: 0 -5.33333px;
  margin: 0 calc(var(--aa-spacing) / -3);
  padding: 0 2px 0 0
}

.aa-ItemActionButton {
  align-items: center;
  background: none;
  border: 0;
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  padding: 0
}

.aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}

@media (hover: none) and (pointer: coarse) {
  .aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
    color: inherit
  }
}

.aa-ItemActionButton svg {
  stroke-width: 1.6;
  stroke-width: var(--aa-icon-stroke-width);
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  margin: 5.33333px;
  margin: calc(var(--aa-spacing) / 3);
  width: 20px;
  width: var(--aa-action-icon-size)
}

.aa-ActiveOnly {
  visibility: hidden
}

.aa-PanelHeader {
  align-items: center;
  background: #3e34d3;
  background: rgba(var(--aa-primary-color-rgb), 1);
  color: #fff;
  display: grid;
  height: var(--aa-modal-header-height);
  margin: 0;
  padding: 8px 16px;
  padding: var(--aa-spacing-half) var(--aa-spacing);
  position: relative
}

.aa-PanelHeader:after {
  background-image: linear-gradient(#fff, #fff0);
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
  bottom: -8px;
  bottom: calc(var(--aa-spacing-half) * -1);
  content: "";
  height: 8px;
  height: var(--aa-spacing-half);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0
}

.aa-PanelFooter, .aa-PanelHeader:after {
  z-index: 9999;
  z-index: var(--aa-base-z-index)
}

.aa-PanelFooter {
  background-color: #fff;
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  box-shadow: inset 0 1px 0 #807ea34d;
  box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 16px;
  padding: var(--aa-spacing);
  position: relative
}

.aa-PanelFooter:after {
  background-image: linear-gradient(#fff0, #807ea399);
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
  content: "";
  height: 16px;
  height: var(--aa-spacing);
  left: 0;
  opacity: .12;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -16px;
  top: calc(var(--aa-spacing) * -1);
  z-index: 9998;
  z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-DetachedContainer {
  background: #fff;
  background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  bottom: 0;
  box-shadow: 0 0 0 1px #23263b1a, 0 6px 16px -4px #23263b26;
  box-shadow: var(--aa-panel-shadow);
  display: flex;
  flex-direction: column;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999;
  z-index: var(--aa-base-z-index)
}

.aa-DetachedContainer:after {
  height: 32px
}

.aa-DetachedContainer .aa-SourceHeader {
  margin: 8px 0 8px 2px;
  margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}

.aa-DetachedContainer .aa-Panel {
  background-color: #fff;
  background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
  border-radius: 0;
  box-shadow: none;
  flex-grow: 1;
  margin: 0;
  padding: 0;
  position: relative
}

.aa-DetachedContainer .aa-PanelLayout {
  bottom: 0;
  box-shadow: none;
  left: 0;
  margin: 0;
  max-height: none;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.aa-DetachedFormContainer {
  border-bottom: 1px solid #807ea34d;
  border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 8px;
  padding: var(--aa-spacing-half)
}

.aa-DetachedCancelButton {
  background: none;
  border: 0;
  border-radius: 3px;
  color: inherit;
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
  cursor: pointer;
  font: inherit;
  margin: 0 0 0 8px;
  margin: 0 0 0 var(--aa-spacing-half);
  padding: 0 8px;
  padding: 0 var(--aa-spacing-half)
}

.aa-DetachedCancelButton:focus, .aa-DetachedCancelButton:hover {
  box-shadow: inset 0 0 0 1px #807ea34d;
  box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha))
}

.aa-DetachedContainer--modal {
  border-radius: 6px;
  bottom: inherit;
  height: auto;
  margin: 0 auto;
  max-width: 680px;
  max-width: var(--aa-detached-modal-max-width);
  position: absolute;
  top: 3%
}

.aa-DetachedContainer--modal .aa-PanelLayout {
  max-height: 500px;
  max-height: var(--aa-detached-modal-max-height);
  padding-bottom: 8px;
  padding-bottom: var(--aa-spacing-half);
  position: static
}

.aa-DetachedContainer--modal .aa-PanelLayout:empty {
  display: none
}

.aa-DetachedSearchButton {
  align-items: center;
  background-color: #fff;
  background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
  border: 1px solid #807ea3cc;
  border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
  border-radius: 3px;
  color: #807ea399;
  color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
  cursor: pointer;
  display: flex;
  font: inherit;
  font-family: inherit;
  font-family: var(--aa-font-family);
  font-size: 16px;
  font-size: var(--aa-font-size);
  height: 44px;
  height: var(--aa-search-input-height);
  margin: 0;
  padding: 0 5.5px;
  padding: 0 calc(var(--aa-search-input-height) / 8);
  position: relative;
  text-align: left;
  width: 100%
}

.aa-DetachedSearchButton:focus {
  border-color: #3e34d3;
  border-color: rgba(var(--aa-primary-color-rgb), 1);
  box-shadow: 0 0 0 3px #3e34d333, inset 0 0 0 2px #3e34d333;
  box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
  outline: medium none currentColor
}

.aa-DetachedSearchButtonIcon {
  align-items: center;
  color: #3e34d3;
  color: rgba(var(--aa-primary-color-rgb), 1);
  cursor: auto;
  display: flex;
  flex-shrink: 0;
  height: 100%;
  justify-content: center;
  width: 36px;
  width: calc(var(--aa-icon-size) + var(--aa-spacing))
}

.aa-DetachedSearchButtonQuery {
  color: #262627;
  color: rgba(var(--aa-text-color-rgb), 1);
  line-height: 1.25em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.aa-DetachedSearchButtonPlaceholder[hidden] {
  display: none
}

.aa-Detached {
  height: 100vh;
  overflow: hidden
}

.aa-DetachedOverlay {
  background-color: #73728166;
  background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
  height: 100vh;
  left: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9998;
  z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-GradientBottom, .aa-GradientTop {
  height: 8px;
  height: var(--aa-spacing-half);
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 9999;
  z-index: var(--aa-base-z-index)
}

.aa-GradientTop {
  background-image: linear-gradient(#fff, #fff0);
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
  top: 0
}

.aa-GradientBottom {
  background-image: linear-gradient(#fff0, #fff);
  background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
  border-bottom-left-radius: 4px;
  border-bottom-left-radius: calc(var(--aa-spacing) / 4);
  border-bottom-right-radius: 4px;
  border-bottom-right-radius: calc(var(--aa-spacing) / 4);
  bottom: 0
}

@media (hover: none) and (pointer: coarse) {
  .aa-DesktopOnly {
    display: none
  }
}

@media (hover: hover) {
  .aa-TouchOnly {
    display: none
  }
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: var(--animate-repeat);
  animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
  -webkit-animation-iteration-count: 2;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
  animation-iteration-count: calc(var(--animate-repeat) * 2)
}

.animate__animated.animate__repeat-3 {
  -webkit-animation-iteration-count: 3;
  animation-iteration-count: 3;
  -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
  animation-iteration-count: calc(var(--animate-repeat) * 3)
}

.animate__animated.animate__delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-delay: var(--animate-delay);
  animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-delay: calc(var(--animate-delay) * 2);
  animation-delay: calc(var(--animate-delay) * 2)
}

.animate__animated.animate__delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-animation-delay: calc(var(--animate-delay) * 3);
  animation-delay: calc(var(--animate-delay) * 3)
}

.animate__animated.animate__delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  -webkit-animation-delay: calc(var(--animate-delay) * 4);
  animation-delay: calc(var(--animate-delay) * 4)
}

.animate__animated.animate__delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
  -webkit-animation-delay: calc(var(--animate-delay) * 5);
  animation-delay: calc(var(--animate-delay) * 5)
}

.animate__animated.animate__faster {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-duration: calc(var(--animate-duration) / 2);
  animation-duration: calc(var(--animate-duration) / 2)
}

.animate__animated.animate__fast {
  -webkit-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: calc(var(--animate-duration) * .8);
  animation-duration: calc(var(--animate-duration) * .8)
}

.animate__animated.animate__slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2)
}

.animate__animated.animate__slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 3);
  animation-duration: calc(var(--animate-duration) * 3)
}

@media (prefers-reduced-motion: reduce), print {
  .animate__animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important
  }

  .animate__animated[class*=Out] {
    opacity: 0
  }
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

@keyframes bounce {
  0%, 20%, 53%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1)
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05)
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(.95);
    transform: translateZ(0) scaleY(.95);
    -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
    transition-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02)
  }
}

.animate__bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

@keyframes flash {
  0%, 50%, to {
    opacity: 1
  }
  25%, 75% {
    opacity: 0
  }
}

.animate__flash {
  -webkit-animation-name: flash;
  animation-name: flash
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  30% {
    -webkit-transform: scale3d(1.25, .75, 1);
    transform: scale3d(1.25, .75, 1)
  }
  40% {
    -webkit-transform: scale3d(.75, 1.25, 1);
    transform: scale3d(.75, 1.25, 1)
  }
  50% {
    -webkit-transform: scale3d(1.15, .85, 1);
    transform: scale3d(1.15, .85, 1)
  }
  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1)
  }
  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand
}

@-webkit-keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

@keyframes shakeX {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
  }
}

.animate__shakeX {
  -webkit-animation-name: shakeX;
  animation-name: shakeX
}

@-webkit-keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

@keyframes shakeY {
  0%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
  }
}

.animate__shakeY {
  -webkit-animation-name: shakeY;
  animation-name: shakeY
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg)
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg)
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg)
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg)
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.animate__headShake {
  -webkit-animation-name: headShake;
  animation-name: headShake;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.animate__swing {
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-transform-origin: top center;
  transform-origin: top center
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
    transform: scale3d(.9, .9, .9) rotate(-3deg)
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
  }
  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__tada {
  -webkit-animation-name: tada;
  animation-name: tada
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg)
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg)
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg)
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg)
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble
}

@-webkit-keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

@keyframes jello {
  0%, 11.1%, to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }
  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }
  77.7% {
    -webkit-transform: skewX(.390625deg) skewY(.390625deg);
    transform: skewX(.390625deg) skewY(.390625deg)
  }
  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }
}

.animate__jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  28% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
  }
  70% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__heartBeat {
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
  animation-duration: calc(var(--animate-duration) * 1.3);
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
  0% {
    opacity: .7;
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes backInDown {
  0% {
    opacity: .7;
    -webkit-transform: translateY(-1200px) scale(.7);
    transform: translateY(-1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__backInDown {
  -webkit-animation-name: backInDown;
  animation-name: backInDown
}

@-webkit-keyframes backInLeft {
  0% {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes backInLeft {
  0% {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__backInLeft {
  -webkit-animation-name: backInLeft;
  animation-name: backInLeft
}

@-webkit-keyframes backInRight {
  0% {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes backInRight {
  0% {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__backInRight {
  -webkit-animation-name: backInRight;
  animation-name: backInRight
}

@-webkit-keyframes backInUp {
  0% {
    opacity: .7;
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes backInUp {
  0% {
    opacity: .7;
    -webkit-transform: translateY(1200px) scale(.7);
    transform: translateY(1200px) scale(.7)
  }
  80% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__backInUp {
  -webkit-animation-name: backInUp;
  animation-name: backInUp
}

@-webkit-keyframes backOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7)
  }
}

@keyframes backOutDown {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(700px) scale(.7);
    transform: translateY(700px) scale(.7)
  }
}

.animate__backOutDown {
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
}

@keyframes backOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(-2000px) scale(.7);
    transform: translateX(-2000px) scale(.7)
  }
}

.animate__backOutLeft {
  -webkit-animation-name: backOutLeft;
  animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
}

@keyframes backOutRight {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateX(0) scale(.7);
    transform: translateX(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateX(2000px) scale(.7);
    transform: translateX(2000px) scale(.7)
  }
}

.animate__backOutRight {
  -webkit-animation-name: backOutRight;
  animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7)
  }
}

@keyframes backOutUp {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  20% {
    opacity: .7;
    -webkit-transform: translateY(0) scale(.7);
    transform: translateY(0) scale(.7)
  }
  to {
    opacity: .7;
    -webkit-transform: translateY(-700px) scale(.7);
    transform: translateY(-700px) scale(.7)
  }
}

.animate__backOutUp {
  -webkit-animation-name: backOutUp;
  animation-name: backOutUp
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03)
  }
  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97)
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

.animate__bounceIn {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
    transform: translate3d(0, -3000px, 0) scaleY(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
    transform: translate3d(0, 25px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
    transform: translate3d(0, -10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
    transform: translate3d(0, 5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
    transform: translate3d(-3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
    transform: translate3d(25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
    transform: translate3d(-10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
    transform: translate3d(5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
    transform: translate3d(3000px, 0, 0) scaleX(3)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
    transform: translate3d(-25px, 0, 0) scaleX(1)
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
    transform: translate3d(10px, 0, 0) scaleX(.98)
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
    transform: translate3d(-5px, 0, 0) scaleX(.995)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9)
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1)
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
}

.animate__bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
    transform: translate3d(0, 10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
    transform: translate3d(0, 2000px, 0) scaleY(3)
  }
}

.animate__bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
    transform: translate3d(20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
    transform: translate3d(-2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
    transform: translate3d(-20px, 0, 0) scaleX(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
    transform: translate3d(2000px, 0, 0) scaleX(2)
  }
}

.animate__bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
    transform: translate3d(0, -10px, 0) scaleY(.985)
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
    transform: translate3d(0, 20px, 0) scaleY(.9)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
    transform: translate3d(0, -2000px, 0) scaleY(3)
  }
}

.animate__bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInTopLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopLeft {
  -webkit-animation-name: fadeInTopLeft;
  animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInTopRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInTopRight {
  -webkit-animation-name: fadeInTopRight;
  animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomLeft {
  -webkit-animation-name: fadeInBottomLeft;
  animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes fadeInBottomRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__fadeInBottomRight {
  -webkit-animation-name: fadeInBottomRight;
  animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

.animate__fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }
}

.animate__fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0)
  }
}

.animate__fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }
}

.animate__fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0)
  }
}

.animate__fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
  }
}

.animate__fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0)
  }
}

.animate__fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }
}

.animate__fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0)
  }
}

.animate__fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

@keyframes fadeOutTopLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0)
  }
}

.animate__fadeOutTopLeft {
  -webkit-animation-name: fadeOutTopLeft;
  animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

@keyframes fadeOutTopRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, -100%, 0);
    transform: translate3d(100%, -100%, 0)
  }
}

.animate__fadeOutTopRight {
  -webkit-animation-name: fadeOutTopRight;
  animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

@keyframes fadeOutBottomRight {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 100%, 0);
    transform: translate3d(100%, 100%, 0)
  }
}

.animate__fadeOutBottomRight {
  -webkit-animation-name: fadeOutBottomRight;
  animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

@keyframes fadeOutBottomLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 100%, 0);
    transform: translate3d(-100%, 100%, 0)
  }
}

.animate__fadeOutBottomLeft {
  -webkit-animation-name: fadeOutBottomLeft;
  animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
  }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
  }
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
  }
}

@keyframes flip {
  0% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
  }
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
  }
  50% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
  }
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
  }
  to {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
  }
}

.animate__animated.animate__flip {
  -webkit-animation-name: flip;
  animation-name: flip;
  -webkit-backface-visibility: visible;
  backface-visibility: visible
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInX {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

@keyframes flipInY {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg)
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg)
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
}

.animate__flipInY {
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg)
  }
}

.animate__flipOutX {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px)
  }
  30% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg)
  }
  to {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg)
  }
}

.animate__flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: calc(var(--animate-duration) * .75);
  animation-duration: calc(var(--animate-duration) * .75);
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-webkit-keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg)
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInRight {
  -webkit-animation-name: lightSpeedInRight;
  animation-name: lightSpeedInRight;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes lightSpeedInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
    transform: translate3d(-100%, 0, 0) skewX(30deg)
  }
  60% {
    opacity: 1;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg)
  }
  80% {
    -webkit-transform: skewX(5deg);
    transform: skewX(5deg)
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__lightSpeedInLeft {
  -webkit-animation-name: lightSpeedInLeft;
  animation-name: lightSpeedInLeft;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
  }
}

@keyframes lightSpeedOutRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg)
  }
}

.animate__lightSpeedOutRight {
  -webkit-animation-name: lightSpeedOutRight;
  animation-name: lightSpeedOutRight;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg)
  }
}

@keyframes lightSpeedOutLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
    transform: translate3d(-100%, 0, 0) skewX(-30deg)
  }
}

.animate__lightSpeedOutLeft {
  -webkit-animation-name: lightSpeedOutLeft;
  animation-name: lightSpeedOutLeft;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
  }
}

@keyframes rotateOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg)
  }
}

.animate__rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
  -webkit-transform-origin: center;
  transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}

@keyframes rotateOutDownLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
  }
}

.animate__rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}

@keyframes rotateOutDownRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}

.animate__rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}

@keyframes rotateOutUpLeft {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
  }
}

.animate__rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

@keyframes rotateOutUpRight {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

.animate__rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom
}

@-webkit-keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
  }
  40%, 80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
  }
}

@keyframes hinge {
  0% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }
  20%, 60% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg)
  }
  40%, 80% {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0)
  }
}

.animate__hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-duration: calc(var(--animate-duration) * 2);
  animation-duration: calc(var(--animate-duration) * 2);
  -webkit-animation-name: hinge;
  animation-name: hinge;
  -webkit-transform-origin: top left;
  transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@keyframes jackInTheBox {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) rotate(30deg);
    transform: scale(.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
  }
  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.animate__jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
    transform: translate3d(-100%, 0, 0) rotate(-120deg)
  }
  to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

@keyframes rollOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
    transform: translate3d(100%, 0, 0) rotate(120deg)
  }
}

.animate__rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  50% {
    opacity: 1
  }
}

.animate__zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
}

@keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
}

.animate__zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
  }
}

@keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
  }
}

.animate__zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
  }
}

@keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
  }
}

.animate__zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
}

@keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
}

.animate__zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3)
  }
  to {
    opacity: 0
  }
}

.animate__zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
  }
}

@keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
  }
}

.animate__zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0)
  }
}

.animate__zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
  }
  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0)
  }
}

.animate__zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
  -webkit-transform-origin: right center;
  transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
  }
}

@keyframes zoomOutUp {
  40% {
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
  }
}

.animate__zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: hidden
  }
}

.animate__slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: hidden
  }
}

.animate__slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: hidden
  }
}

.animate__slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: hidden
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
  to {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: hidden
  }
}

.animate__slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp
}

.team-flip-card {
  perspective: 1000px;
  position: relative
}

.team-flip-card-inner {
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  transition: transform .8s;
  width: 100%
}

.team-flip-card:hover .team-flip-card-inner {
  transform: rotateY(180deg)
}

.team-flip-card-back, .team-flip-card-front {
  backface-visibility: hidden;
  height: 100%;
  position: absolute;
  width: 100%
}

.team-flip-card-back {
  transform: rotateY(180deg)
}

.meet-the-team:hover {
  animation: glowing-alt 2s ease-in-out infinite
}

@keyframes glowing {
  0%, to {
    box-shadow: 0 0 10px #366cb280, 0 0 20px #366cb280, 0 0 30px #366cb280
  }
  50% {
    box-shadow: 0 0 20px #366cb2cc, 0 0 40px #366cb2cc, 0 0 50px #366cb2
  }
}

@keyframes glowing-alt {
  0%, to {
    box-shadow: 0 0 10px #dcba5480, 0 0 20px #dcba5480, 0 0 30px #dcba5480
  }
  50% {
    box-shadow: 0 0 20px #dcba54cc, 0 0 40px #dcba54cc, 0 0 50px #dcba54
  }
}

.team-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 350px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 350px
}

.team-member, .team-member-avatar {
  height: 100px !important;
  position: absolute;
  transition: transform .5s ease-in-out;
  width: 100px !important
}

.meet-the-team {
  animation: glowing 2s ease-in-out infinite;
  border-radius: 50%;
  height: 200px;
  transition: transform .5s ease-in-out, width .5s ease, height .5s ease;
  width: 200px;
  z-index: 100
}

.meet-the-team-avatar {
  height: 200px !important;
  width: 200px !important
}

.meet-the-team:hover {
  transform: scale(.9)
}

.team-container:hover .team-member:nth-child(2) {
  transform: translate(150px)
}

.team-container:hover .team-member:nth-child(3) {
  transform: translate(129.9px, 75px)
}

.team-container:hover .team-member:nth-child(4) {
  transform: translate(75px, 129.9px)
}

.team-container:hover .team-member:nth-child(5) {
  transform: translateY(150px)
}

.team-container:hover .team-member:nth-child(6) {
  transform: translate(-75px, 129.9px)
}

.team-container:hover .team-member:nth-child(7) {
  transform: translate(-129.9px, 75px)
}

.team-container:hover .team-member:nth-child(8) {
  transform: translate(-150px)
}

.team-container:hover .team-member:nth-child(9) {
  transform: translate(-129.9px, -75px)
}

.team-container:hover .team-member:nth-child(10) {
  transform: translate(-75px, -129.9px)
}

.team-container:hover .team-member:nth-child(11) {
  transform: translateY(-150px)
}

.team-container:hover .team-member:nth-child(12) {
  transform: translate(75px, -129.9px)
}

.team-container:hover .team-member:nth-child(13) {
  transform: translate(129.9px, -75px)
}

@media screen and (max-width: 768px) {
  .team-container {
    height: 200px;
    width: 200px
  }

  .meet-the-team, .meet-the-team-avatar {
    height: 125px !important;
    width: 125px !important
  }

  .team-container:hover .meet-the-team {
    height: 100px;
    width: 100px
  }

  .team-member, .team-member-avatar {
    height: 75px !important;
    width: 75px !important
  }

  .team-container:hover .team-member:nth-child(2) {
    transform: translate(100px)
  }

  .team-container:hover .team-member:nth-child(3) {
    transform: translate(86.6px, 50px)
  }

  .team-container:hover .team-member:nth-child(4) {
    transform: translate(50px, 86.6px)
  }

  .team-container:hover .team-member:nth-child(5) {
    transform: translateY(100px)
  }

  .team-container:hover .team-member:nth-child(6) {
    transform: translate(-50px, 86.6px)
  }

  .team-container:hover .team-member:nth-child(7) {
    transform: translate(-86.6px, 50px)
  }

  .team-container:hover .team-member:nth-child(8) {
    transform: translate(-100px)
  }

  .team-container:hover .team-member:nth-child(9) {
    transform: translate(-86.6px, -50px)
  }

  .team-container:hover .team-member:nth-child(10) {
    transform: translate(-50px, -86.6px)
  }

  .team-container:hover .team-member:nth-child(11) {
    transform: translateY(-100px)
  }

  .team-container:hover .team-member:nth-child(12) {
    transform: translate(50px, -86.6px)
  }

  .team-container:hover .team-member:nth-child(13) {
    transform: translate(86.6px, -50px)
  }
}

@media screen and (max-width: 480px) {
  .team-container {
    height: 200px;
    width: 200px
  }

  .meet-the-team, .meet-the-team-avatar {
    height: 100px !important;
    width: 100px !important
  }

  .team-container:hover .meet-the-team {
    height: 75px;
    width: 75px
  }

  .team-member, .team-member-avatar {
    height: 75px !important;
    width: 75px !important
  }

  .team-container:hover .team-member:nth-child(2) {
    transform: translate(100px)
  }

  .team-container:hover .team-member:nth-child(3) {
    transform: translate(86.6px, 50px)
  }

  .team-container:hover .team-member:nth-child(4) {
    transform: translate(50px, 86.6px)
  }

  .team-container:hover .team-member:nth-child(5) {
    transform: translateY(100px)
  }

  .team-container:hover .team-member:nth-child(6) {
    transform: translate(-50px, 86.6px)
  }

  .team-container:hover .team-member:nth-child(7) {
    transform: translate(-86.6px, 50px)
  }

  .team-container:hover .team-member:nth-child(8) {
    transform: translate(-100px)
  }

  .team-container:hover .team-member:nth-child(9) {
    transform: translate(-86.6px, -50px)
  }

  .team-container:hover .team-member:nth-child(10) {
    transform: translate(-50px, -86.6px)
  }

  .team-container:hover .team-member:nth-child(11) {
    transform: translateY(-100px)
  }

  .team-container:hover .team-member:nth-child(12) {
    transform: translate(50px, -86.6px)
  }

  .team-container:hover .team-member:nth-child(13) {
    transform: translate(86.6px, -50px)
  }
}

.operating-hours p {
  margin: 0
}

.atc-img {
  width: 350px
}

.closure-hours-table table {
  border-radius: 4px;
  box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
  text-align: center;
  transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms
}

.closure-hours-table table p {
  margin: 0
}

.closure-hours-table th {
  background-color: #fafbfb;
  width: 350px
}

.closure-hours-table td, .closure-hours-table th, .closure-hours-table tr {
  border: 1px solid #e0e0e0
}

@media (min-width: 600px) {
  td, th {
    padding: 10px 20px
  }
}

@media (max-width: 600px) {
  td, th {
    padding: 8px 15px
  }
}

@media (max-width: 450px) {
  td, th {
    padding: 5px 10px
  }
}

.sb-county-shield-icon {
  height: 10%;
  width: 10%
}

.news-publication {
  position: relative
}

.news-publication .carousel-control-next, .news-publication .carousel-control-prev {
  border-radius: 50%;
  height: 5vh;
  top: 50%;
  transform: translateY(-50%);
  width: 5vh
}

.news-publication .custom-shape-divider-top-1679438911 {
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.news-publication .custom-shape-divider-top-1679438911 svg {
  display: block;
  height: 64px;
  position: relative;
  width: calc(100% + 1.3px)
}

.news-publication .custom-shape-divider-top-1679438911 .shape-fill {
  fill: #cd9e0c
}

.news-publication .custom-shape-divider-bottom-1679439189 {
  bottom: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  transform: rotate(180deg);
  width: 100%
}

.news-publication .custom-shape-divider-bottom-1679439189 svg {
  display: block;
  height: 50px;
  position: relative;
  width: calc(100% + 1.3px)
}

.news-publication .custom-shape-divider-bottom-1679439189 .shape-fill {
  fill: #cd9e0c
}

@media only screen and (min-width: 1600px) {
  .news-publication {
    min-height: 90vh
  }
}

.news-ticker {
  align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  font-size: 50px;
  height: 59px;
  outline: 1px solid gray;
  overflow: hidden;
  white-space: nowrap;
  width: 100%
}

.ticker {
  width: 100%
}

.news-label {
  background-color: red;
  color: #fff;
  height: 100%;
  padding: 1px 10px
}

.news-item {
  color: #000;
  overflow: hidden;
  padding: 5px 10px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}

.news-item:before {
  content: "1." attr(data-number);
  margin-right: 10px
}

.report-container {
  height: 85vh;
  margin: 0 auto 50px;
  width: 90%
}

.embed-report {
  margin-right: 0;
  margin-top: 18px;
  text-align: center
}

.service-content {
  z-index: 1
}

.service-content p {
  text-shadow: 0 0 .025em #fff
}

.service-content a {
  background-color: #ffffff4d;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  padding: 1.5px 8px;
  text-decoration: none;
  text-shadow: none
}

.service-content a:hover {
  text-decoration: underline
}

.service-content a:before {
  content: "⮞";
  margin-right: 5px
}

.division-hover-bubble-container {
  overflow: hidden;
  position: relative
}

.division-hover-bubble-container:before {
  background: hsla(0, 0%, 100%, .125);
  bottom: -460px;
  content: "";
  height: 1000px;
  position: absolute;
  right: -200px;
  transform: rotate(42deg);
  width: 400px;
  z-index: 0
}

.division-hover-bubble {
  background-color: hsla(0, 0%, 100%, .125);
  border-radius: 50%;
  height: 100rem;
  left: -25rem;
  position: absolute;
  right: 0;
  top: 13rem;
  transform: rotate(-36deg);
  transition: .5s;
  width: 100rem;
  z-index: 0
}

.ais-HierarchicalMenu-link:before {
  flex-shrink: 0
}

.ais-HierarchicalMenu-label {
  line-height: normal;
  padding: 6px 0;
  white-space: normal !important
}

#react-doc-viewer {
  height: 100%;
  margin: 0 24px 24px
}

#react-doc-viewer #header-bar {
  padding: 0
}

#react-doc-viewer #header-bar #file-name {
  margin: 0
}

#react-doc-viewer #proxy-renderer {
  display: flex;
  font-family: monospace;
  justify-content: center
}

#reports-treelist .dx-treelist-content .dx-treelist-table .dx-row > td {
  vertical-align: middle !important
}

#reports-treelist .dx-scrollable-wrapper {
  height: 100%
}

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: #0000;
  --input-disabled-border-color: #0000;
  --input-hover-border-color: #000;
  --link-outline: none
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText
  }

  .annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .textWidgetAnnotation :is(input,textarea):required {
    outline: 1.5px solid selectedItem
  }

  .annotationLayer .linkAnnotation:hover {
    -webkit-backdrop-filter: invert(100%);
    backdrop-filter: invert(100%)
  }
}

.annotationLayer {
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
  z-index: 3
}

.annotationLayer[data-main-rotation="90"] .norotate {
  transform: rotate(270deg) translateX(-100%)
}

.annotationLayer[data-main-rotation="180"] .norotate {
  transform: rotate(180deg) translate(-100%, -100%)
}

.annotationLayer[data-main-rotation="270"] .norotate {
  transform: rotate(90deg) translateY(-100%)
}

.annotationLayer canvas {
  height: 100%;
  position: absolute;
  width: 100%
}

.annotationLayer section {
  box-sizing: border-box;
  margin: 0;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  text-align: initial;
  transform-origin: 0 0
}

.annotationLayer .linkAnnotation {
  outline: none;
  outline: var(--link-outline)
}

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a {
  font-size: 1em;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton) > a:hover {
  background: #ff0;
  box-shadow: 0 2px 10px #ff0;
  opacity: .2
}

.annotationLayer .textAnnotation img {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input, .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .textWidgetAnnotation :is(input,textarea) {
  background-image: url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid #0000;
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required, .annotationLayer .choiceWidgetAnnotation select:required, .annotationLayer .textWidgetAnnotation :is(input,textarea):required {
  outline: 1.5px solid red
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled], .annotationLayer .choiceWidgetAnnotation select[disabled], .annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled] {
  background: none;
  border: 2px solid #0000;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .textWidgetAnnotation :is(input,textarea):hover {
  border: 2px solid #000;
  border: 2px solid var(--input-hover-border-color)
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:hover, .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .textWidgetAnnotation :is(input,textarea):hover {
  border-radius: 2px
}

.annotationLayer .choiceWidgetAnnotation select:focus, .annotationLayer .textWidgetAnnotation :is(input,textarea):focus {
  background: none;
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline)
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus {
  background-color: initial;
  background-image: none
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline)
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid Highlight;
  border: 2px solid var(--input-focus-border-color);
  outline: 1px solid Canvas;
  outline: var(--input-focus-outline)
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  background-color: CanvasText;
  content: "";
  display: block;
  position: absolute
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  height: 80%;
  left: 45%;
  width: 1px
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before {
  transform: rotate(45deg)
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after {
  transform: rotate(-45deg)
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  width: 103%
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input {
  -webkit-appearance: none;
  appearance: none
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute
}

.annotationLayer .popupWrapper {
  font-size: calc(9px * var(--scale-factor));
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
  position: absolute;
  width: 100%
}

.annotationLayer .popup {
  word-wrap: break-word;
  background-color: #ff9;
  border-radius: calc(2px * var(--scale-factor));
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;
  cursor: pointer;
  font: message-box;
  margin-left: calc(5px * var(--scale-factor));
  max-width: calc(180px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  pointer-events: auto;
  position: absolute;
  white-space: normal
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor))
}

.annotationLayer .popup h1 {
  display: inline-block
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor))
}

.annotationLayer .popupContent {
  border-top: 1px solid #333;
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor))
}

.annotationLayer .richText > * {
  font-size: calc(9px * var(--scale-factor));
  white-space: pre-wrap
}

.annotationLayer .caretAnnotation, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .fileAttachmentAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .highlightAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .lineAnnotation svg line, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .squareAnnotation svg rect, .annotationLayer .squigglyAnnotation, .annotationLayer .stampAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .underlineAnnotation {
  cursor: pointer
}

.annotationLayer section svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.annotationLayer .annotationTextContent {
  color: #0000;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.annotationLayer .annotationTextContent span {
  display: inline-block;
  width: 100%
}

:root {
  --react-pdf-text-layer: 1;
  --highlight-bg-color: #b400aa;
  --highlight-selected-bg-color: #006400
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText
  }
}

[data-main-rotation="90"] {
  transform: rotate(90deg) translateY(-100%)
}

[data-main-rotation="180"] {
  transform: rotate(180deg) translate(-100%, -100%)
}

[data-main-rotation="270"] {
  transform: rotate(270deg) translateX(-100%)
}

.textLayer {
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  inset: 0;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  text-align: left;
  text-align: initial;
  transform-origin: 0 0;
  z-index: 2
}

.textLayer :is(span,br) {
  color: #0000;
  cursor: text;
  margin: 0;
  position: absolute;
  transform-origin: 0 0;
  white-space: pre
}

.textLayer span.markedContent {
  height: 0;
  top: 0
}

.textLayer .highlight {
  background-color: #b400aa;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
  margin: -1px;
  padding: 1px
}

.textLayer .highlight.appended {
  position: static
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0
}

.textLayer .highlight.middle {
  border-radius: 0
}

.textLayer .highlight.selected {
  background-color: #006400;
  background-color: var(--highlight-selected-bg-color)
}

.textLayer br::selection {
  background: #0000
}

.textLayer .endOfContent {
  cursor: default;
  display: block;
  inset: 100% 0 0;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  z-index: -1
}

.textLayer .endOfContent.active {
  top: 0
}

.hiddenCanvasElement {
  display: none;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0
}

.ais-Breadcrumb-list, .ais-Carousel-list, .ais-CurrentRefinements-list, .ais-FrequentlyBoughtTogether-list, .ais-HierarchicalMenu-list, .ais-Hits-list, .ais-InfiniteHits-list, .ais-InfiniteResults-list, .ais-LookingSimilar-list, .ais-Menu-list, .ais-NumericMenu-list, .ais-Pagination-list, .ais-RatingMenu-list, .ais-RefinementList-list, .ais-RelatedProducts-list, .ais-Results-list, .ais-ToggleRefinement-list, .ais-TrendingItems-list {
  list-style: none;
  margin: 0;
  padding: 0
}

.ais-Carousel-navigation, .ais-ClearRefinements-button, .ais-CurrentRefinements-delete, .ais-CurrentRefinements-reset, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-InfiniteResults-loadMore, .ais-Menu-showMore, .ais-RangeInput-submit, .ais-RefinementList-showMore, .ais-SearchBox-reset, .ais-SearchBox-submit, .ais-VoiceSearch-button {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  user-select: none
}

.ais-Carousel-navigation::-moz-focus-inner, .ais-ClearRefinements-button::-moz-focus-inner, .ais-CurrentRefinements-delete::-moz-focus-inner, .ais-CurrentRefinements-reset::-moz-focus-inner, .ais-GeoSearch-redo::-moz-focus-inner, .ais-GeoSearch-reset::-moz-focus-inner, .ais-HierarchicalMenu-showMore::-moz-focus-inner, .ais-InfiniteHits-loadMore::-moz-focus-inner, .ais-InfiniteHits-loadPrevious::-moz-focus-inner, .ais-InfiniteResults-loadMore::-moz-focus-inner, .ais-Menu-showMore::-moz-focus-inner, .ais-RangeInput-submit::-moz-focus-inner, .ais-RefinementList-showMore::-moz-focus-inner, .ais-SearchBox-reset::-moz-focus-inner, .ais-SearchBox-submit::-moz-focus-inner, .ais-VoiceSearch-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ais-Carousel-navigation[disabled], .ais-ClearRefinements-button[disabled], .ais-CurrentRefinements-delete[disabled], .ais-CurrentRefinements-reset[disabled], .ais-GeoSearch-redo[disabled], .ais-GeoSearch-reset[disabled], .ais-HierarchicalMenu-showMore[disabled], .ais-InfiniteHits-loadMore[disabled], .ais-InfiniteHits-loadPrevious[disabled], .ais-InfiniteResults-loadMore[disabled], .ais-Menu-showMore[disabled], .ais-RangeInput-submit[disabled], .ais-RefinementList-showMore[disabled], .ais-SearchBox-reset[disabled], .ais-SearchBox-submit[disabled], .ais-VoiceSearch-button[disabled] {
  cursor: default
}

.ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-Menu-showMore, .ais-RefinementList-showMore {
  overflow-anchor: none
}

.ais-Breadcrumb-item, .ais-Breadcrumb-list, .ais-Pagination-list, .ais-PoweredBy, .ais-RangeInput-form, .ais-RatingMenu-link {
  align-items: center;
  display: flex
}

.ais-GeoSearch, .ais-GeoSearch-map {
  height: 100%
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1em
}

.ais-PoweredBy-logo {
  display: block;
  height: 1.2em;
  width: auto
}

.ais-PoweredBy-text {
  margin-right: .3rem
}

.ais-RatingMenu-starIcon {
  display: block;
  height: 20px;
  width: 20px
}

.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
  display: none;
  height: 0;
  width: 0
}

.ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
  display: none
}

.ais-RangeSlider .rheostat {
  margin-bottom: 40px;
  margin-top: 40px;
  overflow: visible
}

.ais-RangeSlider .rheostat-background {
  height: 6px;
  top: 0;
  width: 100%
}

.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px
}

.ais-RangeSlider .rheostat-background {
  background-color: #fff;
  border: 1px solid #aaa;
  position: relative
}

.ais-RangeSlider .rheostat-progress {
  background-color: #333;
  position: absolute;
  top: 1px
}

.rheostat-handle {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: grab;
  height: 20px;
  position: relative;
  width: 20px;
  z-index: 1
}

.rheostat-marker {
  background-color: #aaa;
  height: 5px;
  margin-left: -1px;
  position: absolute;
  width: 1px
}

.rheostat-marker--large {
  height: 9px
}

.rheostat-value {
  padding-top: 15px
}

.rheostat-tooltip, .rheostat-value {
  margin-left: 50%;
  position: absolute;
  text-align: center;
  transform: translateX(-50%)
}

.rheostat-tooltip {
  top: -22px
}

.ais-Carousel {
  position: relative
}

.ais-Carousel-list {
  display: grid;
  grid-auto-columns: 42%;
  grid-auto-flow: column;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity
}

@media (min-width: 999px) {
  .ais-Carousel-list {
    grid-auto-columns: 20%
  }
}

.ais-Carousel-navigation {
  position: absolute;
  top: 35%;
  z-index: 1
}

.ais-Carousel-navigation--previous {
  left: 0;
  transform: translateX(-25%)
}

.ais-Carousel-navigation--next {
  right: 0;
  transform: translateX(25%)
}

.ais-Carousel-item {
  scroll-snap-align: start
}

[class^=ais-] {
  box-sizing: border-box
}

.ais-VoiceSearch-button:disabled, [class^=ais-][class$="--disabled"], [class^=ais-][class$="--disabled"] * {
  cursor: not-allowed
}

.ais-Carousel-navigation, .ais-ClearRefinements-button, .ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious, .ais-Menu-showMore, .ais-Pagination-link, .ais-RangeInput-submit, .ais-RefinementList-showMore, .ais-RelevantSort-button, .ais-VoiceSearch-button {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff, #fcfcfd);
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #23263b0d;
  color: #23263b;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 400;
  height: 2rem;
  justify-content: center;
  line-height: 1.25rem;
  padding: 0 1rem;
  place-items: center;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none
}

.ais-GeoSearch-redo, .ais-GeoSearch-reset, .ais-HierarchicalMenu-showMore, .ais-Menu-showMore, .ais-RefinementList-showMore {
  height: 1.5rem
}

.ais-HierarchicalMenu-showMore, .ais-Menu-showMore, .ais-RefinementList-showMore {
  margin-top: 1rem
}

.ais-Carousel-navigation:hover, .ais-ClearRefinements-button:hover, .ais-GeoSearch-redo:hover, .ais-GeoSearch-reset:hover, .ais-HierarchicalMenu-showMore:hover, .ais-InfiniteHits-loadMore:hover, .ais-InfiniteHits-loadPrevious:hover, .ais-Menu-showMore:hover, .ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover, .ais-RangeInput-submit:hover, .ais-RefinementList-showMore:hover, .ais-VoiceSearch-button:hover {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #d6d6e7
}

.ais-Carousel-navigation:focus, .ais-ClearRefinements-button:focus, .ais-GeoSearch-redo:focus, .ais-GeoSearch-reset:focus, .ais-HierarchicalMenu-showMore:focus, .ais-InfiniteHits-loadMore:focus, .ais-InfiniteHits-loadPrevious:focus, .ais-Menu-showMore:focus, .ais-RangeInput-submit:focus, .ais-RefinementList-showMore:focus, .ais-VoiceSearch-button:focus {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #3c4fe0;
  box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 1px #23263b0d;
  outline: medium none currentcolor
}

.ais-Carousel-navigation:active, .ais-ClearRefinements-button:active, .ais-GeoSearch-redo:active, .ais-GeoSearch-reset:active, .ais-HierarchicalMenu-showMore:active, .ais-InfiniteHits-loadMore:active, .ais-InfiniteHits-loadPrevious:active, .ais-Menu-showMore:active, .ais-Pagination-item--selected .ais-Pagination-link, .ais-Pagination-link:active, .ais-RefinementList-showMore:active, .ais-VoiceSearch-button:active {
  border-color: #d6d6e7;
  box-shadow: inset 0 1px 4px 0 #777aaf66, inset 0 1px 1px 0 #777aaf66, 0 1px 0 0 #23263b0d
}

.ais-ClearRefinements-button:disabled[disabled], .ais-GeoSearch-redo--disabled, .ais-GeoSearch-reset--disabled, .ais-InfiniteHits-loadMore:disabled[disabled], .ais-InfiniteHits-loadPrevious:disabled[disabled], .ais-Pagination-item--disabled .ais-Pagination-link, .ais-VoiceSearch-button:disabled {
  background-image: linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #efeff5;
  box-shadow: none;
  color: #b6b7d5
}

.ais-HierarchicalMenu-showMore--disabled[disabled], .ais-Menu-showMore--disabled[disabled], .ais-RefinementList-showMore--disabled[disabled] {
  display: none
}

.ais-HierarchicalMenu-item, .ais-Menu-item, .ais-NumericMenu-label, .ais-RatingMenu-item, .ais-RefinementList-item, .ais-ToggleRefinement-label {
  display: block;
  font-size: .875rem;
  line-height: 1.75rem
}

.ais-HierarchicalMenu-link, .ais-Menu-link, .ais-RatingMenu-link, .ais-RefinementList-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap
}

.ais-Breadcrumb-link, .ais-HierarchicalMenu-link, .ais-Menu-link, .ais-RatingMenu-link {
  color: inherit;
  text-decoration: none
}

.ais-Breadcrumb-link:hover {
  text-decoration: underline
}

.ais-HierarchicalMenu-label, .ais-Menu-label, .ais-RefinementList-labelText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label, .ais-Menu-item--selected .ais-Menu-label, .ais-RatingMenu-item--selected, .ais-RefinementList-item--selected {
  font-weight: 600
}

.ais-HierarchicalMenu-count, .ais-Menu-count, .ais-RatingMenu-count, .ais-RefinementList-count, .ais-ToggleRefinement-count {
  background: #f5f5fa none repeat scroll 0 0;
  border: 1px solid #b6b7d5;
  border-radius: 99999px;
  color: #23263b;
  display: inline-flex;
  flex-shrink: 0;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1rem;
  margin-left: .5rem;
  overflow: hidden;
  padding: 0 .25rem
}

.ais-HierarchicalMenu-noResults, .ais-Menu-noResults, .ais-RefinementList-noResults {
  color: #5a5e9a;
  font-size: .875rem;
  line-height: 1.25rem;
  margin-top: 1rem
}

.ais-HitsPerPage-select, .ais-MenuSelect-select, .ais-SortBy-select {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #fcfcfd);
  background-position: right 1rem center, 0 0;
  background-repeat: no-repeat;
  background-size: 10px, auto;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 #23263b0d;
  color: #23263b;
  cursor: pointer;
  font: inherit;
  height: 2.5rem;
  outline: medium none currentcolor;
  padding: 0 2.5rem 0 1rem;
  position: relative;
  width: 100%
}

.ais-HitsPerPage-select:-moz-focusring, .ais-HitsPerPage-select::-moz-focus-inner, .ais-SortBy-select:-moz-focusring, .ais-SortBy-select::-moz-focus-inner {
  color: #0000;
  outline: medium none currentcolor
}

.ais-HitsPerPage-select > option:not(:checked), .ais-SortBy-select > option:not(:checked) {
  color: #23263b
}

.ais-HitsPerPage-select > option:disabled, .ais-SortBy-select > option:disabled {
  color: #b6b7d5
}

.ais-HitsPerPage-select:hover, .ais-SortBy-select:hover {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
  border-color: #d6d6e7
}

.ais-HitsPerPage-select:focus, .ais-SortBy-select:focus {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23777aaf" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #3c4fe0;
  box-shadow: 0 0 0 1px #3c4fe0, 0 2px 0 0 #23263b0d
}

.ais-HitsPerPage-select:disabled, .ais-SortBy-select:disabled {
  background-image: url('data:image/svg+xml;utf8,<svg width="14" height="24" xmlns="http://www.w3.org/2000/svg"><g stroke="%23b6b7d5" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13 7L7 1 1 7M1 17l6 6 6-6"/></g></svg>'), linear-gradient(-180deg, #fff, #f5f5fa);
  border-color: #efeff5;
  box-shadow: none;
  color: #b6b7d5;
  cursor: not-allowed
}

.ais-Panel {
  margin-bottom: 2rem
}

.ais-Panel-header {
  margin-bottom: 1rem;
  text-transform: uppercase
}

.ais-Panel-footer, .ais-Panel-header {
  color: #5a5e9a;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1rem
}

.ais-Panel-footer {
  margin-top: 1rem
}

.ais-Panel--collapsible {
  position: relative
}

.ais-Panel--collapsible .ais-Panel-collapseButton {
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0
}

.ais-Panel--collapsed .ais-Panel-body, .ais-Panel--collapsed .ais-Panel-footer {
  display: none
}

.ais-SearchBox-form {
  background-color: #fff;
  display: flex;
  font-size: .875rem;
  height: 2.5rem;
  line-height: 1.25rem;
  position: relative;
  width: 100%
}

.ais-SearchBox-form:before {
  background: #0000 url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E") repeat scroll 0 0;
  content: "";
  height: 1rem;
  left: 1rem;
  margin-top: -.5rem;
  position: absolute;
  top: 50%;
  width: 1rem
}

.ais-SearchBox-input {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 #777aaf4d;
  caret-color: #5a5e9a;
  color: #23263b;
  flex: 1 1;
  font: inherit;
  max-width: 100%;
  padding-left: 2.5rem
}

.ais-SearchBox-input::placeholder {
  color: #5a5e9a
}

.ais-SearchBox-input:focus {
  border-color: #3c4fe0;
  box-shadow: 0 1px 0 0 #23263b0d;
  outline: medium none currentcolor
}

.ais-SearchBox-input:disabled {
  background: #0000 linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0 0;
  border-color: #efeff5;
  box-shadow: none;
  cursor: not-allowed
}

.ais-SearchBox-input:disabled::placeholder {
  color: #b6b7d5;
  pointer-events: none
}

.ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none
}

.ais-SearchBox-loadingIndicator, .ais-SearchBox-reset {
  fill: #484c7a;
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 20px;
  justify-content: center;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 20px
}

.ais-SearchBox-reset:focus {
  fill: #fff;
  background: #b6b7d5;
  outline: 0
}

.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator, .ais-RefinementList-searchBox .ais-SearchBox-reset {
  right: .5rem
}

.ais-SearchBox-loadingIndicator[hidden], .ais-SearchBox-reset[hidden], .ais-SearchBox-submit {
  display: none
}

.ais-Menu-searchBox, .ais-RefinementList-searchBox {
  margin-bottom: .5rem
}

.ais-Menu-searchBox .ais-SearchBox-form, .ais-RefinementList-searchBox .ais-SearchBox-form {
  height: 2rem
}

.ais-Menu-searchBox .ais-SearchBox-form:before, .ais-RefinementList-searchBox .ais-SearchBox-form:before {
  left: .5rem
}

.ais-Menu-searchBox .ais-SearchBox-input, .ais-RefinementList-searchBox .ais-SearchBox-input {
  padding-left: 2rem
}

.ais-VoiceSearch-button {
  color: #5a5e9a;
  height: 48px;
  width: 48px
}

.ais-VoiceSearch-button svg {
  color: currentcolor
}

.ais-Highlight-highlighted, .ais-Snippet-highlighted {
  background-color: #5468ff1a;
  color: #5468ff;
  font-style: normal
}

.ais-ReverseHighlight-highlighted, .ais-ReverseSnippet-highlighted {
  background: none;
  font-style: normal;
  font-weight: 700
}

.ais-FrequentlyBoughtTogether-item, .ais-Hits-item, .ais-InfiniteHits-item, .ais-LookingSimilar-item, .ais-RelatedProducts-item, .ais-TrendingItems-item {
  align-items: center;
  background: #fff;
  box-shadow: 0 0 0 1px #23263b0d, 0 1px 3px 0 #23263b26;
  display: flex;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.25rem;
  padding: 1.5rem
}

.ais-FrequentlyBoughtTogether-item:first-of-type, .ais-Hits-item:first-of-type, .ais-InfiniteHits-item:first-of-type, .ais-LookingSimilar-item:first-of-type, .ais-RelatedProducts-item:first-of-type, .ais-TrendingItems-item:first-of-type {
  border-radius: 3px 3px 0 0
}

.ais-FrequentlyBoughtTogether-item:last-of-type, .ais-Hits-item:last-of-type, .ais-InfiniteHits-item:last-of-type, .ais-LookingSimilar-item:last-of-type, .ais-RelatedProducts-item:last-of-type, .ais-TrendingItems-item:last-of-type {
  border-radius: 0 0 3px 3px
}

.ais-FrequentlyBoughtTogether-item:only-of-type, .ais-Hits-item:only-of-type, .ais-InfiniteHits-item:only-of-type, .ais-LookingSimilar-item:only-of-type, .ais-RelatedProducts-item:only-of-type, .ais-TrendingItems-item:only-of-type {
  border-radius: 3px
}

.ais-InfiniteHits-loadMore, .ais-InfiniteHits-loadPrevious {
  display: flex;
  margin: 1rem auto
}

.ais-Hits-banner, .ais-InfiniteHits-banner {
  display: flex;
  justify-content: center
}

.ais-Hits-banner-image, .ais-InfiniteHits-banner-image {
  max-width: 100%
}

.ais-GeoSearch {
  position: relative
}

.ais-GeoSearch-control {
  left: 3.75rem;
  position: absolute;
  top: 1rem
}

.ais-GeoSearch-label {
  align-items: center;
  background-color: #f5f5fa;
  border: 1px solid #b6b7d5;
  border-radius: 3px;
  cursor: pointer;
  display: inline-flex;
  font-size: .875rem;
  line-height: 1.5;
  min-height: 1.5rem;
  padding: .25rem .5rem
}

.ais-GeoSearch-label, .ais-GeoSearch-redo, .ais-GeoSearch-reset {
  white-space: nowrap
}

.ais-GeoSearch-reset {
  bottom: 1.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%)
}

.ais-GeoSearch-input, .ais-RefinementList-checkbox {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-position: 50%;
  background-size: 180%;
  border: 1px solid;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 #777aaf66;
  color: #d6d6e7;
  cursor: inherit;
  height: 1rem;
  margin: 0 .5rem 0 0;
  min-width: 1rem
}

.ais-GeoSearch-input:checked, .ais-RefinementList-item--selected .ais-RefinementList-checkbox {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-size: 14px;
  border-color: currentcolor;
  box-shadow: inset 0 1px 0 0 #23263b0d;
  color: #3c4fe0
}

.ais-GeoSearch-input:focus, .ais-RefinementList-checkbox:focus {
  outline: medium none currentcolor
}

.ais-GeoSearch-input:checked:focus, .ais-RefinementList-item--selected .ais-RefinementList-checkbox:focus {
  box-shadow: inset 0 1px 0 0 #23263b0d, 0 0 0 1px currentcolor
}

.ais-NumericMenu-label {
  align-items: center;
  cursor: pointer;
  display: flex
}

.ais-NumericMenu-radio {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 50%;
  box-shadow: inset 0 1px 4px 0 #777aaf4d;
  height: 16px;
  margin: 0 .5rem 0 0;
  outline: 0;
  position: relative;
  width: 16px
}

.ais-NumericMenu-radio:checked, .ais-NumericMenu-radio:focus {
  border-color: #3c4fe0;
  box-shadow: 0 1px 0 0 #23263b0d
}

.ais-NumericMenu-radio:focus {
  box-shadow: 0 0 0 1px #3c4fe0, 0 1px 0 0 #23263b0d
}

.ais-NumericMenu-radio:checked:after {
  background: #3c4fe0;
  border-radius: 50%;
  bottom: 4px;
  content: "";
  left: 4px;
  position: absolute;
  right: 4px;
  top: 4px
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1.5rem
}

.ais-HierarchicalMenu-link:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23b6b7d5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%2218%2015%2012%209%206%2015%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 1rem;
  margin-right: .5rem;
  -webkit-user-select: none;
  user-select: none;
  width: 1rem
}

.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link:before {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235468ff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E")
}

.ais-RatingMenu-starIcon {
  fill: #5a5e9a;
  margin-right: .25rem;
  position: relative;
  width: 16px
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-starIcon {
  fill: #b6b7d5
}

.ais-RatingMenu-item--disabled .ais-RatingMenu-count, .ais-RatingMenu-item--disabled .ais-RatingMenu-label {
  color: #b6b7d5
}

.ais-ClearRefinements-button {
  width: 100%
}

.ais-CurrentRefinements-list {
  display: inline-grid;
  gap: 1rem;
  grid-auto-flow: column
}

.ais-CurrentRefinements-item {
  align-items: center;
  background-color: #f5f5fa;
  border: 1px solid #b6b7d5;
  border-radius: 3px;
  display: flex;
  display: inline-flex;
  font-size: .875rem;
  line-height: 1.5;
  min-height: 1.5rem;
  padding: .05rem .5rem
}

.ais-CurrentRefinements-category {
  display: flex;
  margin-left: .5rem
}

.ais-CurrentRefinements-delete {
  color: #9698c3;
  height: 100%;
  margin-left: .25rem;
  outline-width: 0
}

.ais-ToggleRefinement-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between
}

.ais-ToggleRefinement-checkbox {
  -webkit-appearance: none;
  appearance: none;
  background: #41424714;
  background: #f5f5fa;
  border-radius: 9999px;
  box-shadow: inset 0 1px 4px 0 #777aaf66;
  height: 18px;
  pointer-events: none;
  position: relative;
  width: 32px
}

.ais-ToggleRefinement-checkbox:checked {
  background: #3c4fe0;
  box-shadow: inset 0 1px 4px 0 #23263b1a
}

.ais-ToggleRefinement-checkbox:focus {
  outline: 0
}

.ais-ToggleRefinement-checkbox:after {
  background: linear-gradient(-180deg, #fff, #f5f5fa);
  border-radius: 9999px;
  box-shadow: 1px 1px 1px 0 #23263b0d;
  content: "";
  height: 16px;
  left: 1px;
  position: absolute;
  top: 1px;
  transition: all .1s ease-in-out;
  width: 16px
}

.ais-ToggleRefinement-checkbox:checked:after {
  transform: translateX(14px)
}

.ais-RangeInput-input {
  align-items: center;
  background-color: #fff;
  border: 1px solid #d6d6e7;
  border-radius: 3px;
  box-shadow: inset 0 1px 4px 0 #777aaf4d;
  caret-color: #5a5e9a;
  color: #23263b;
  cursor: text;
  display: flex;
  flex: 1 1;
  font-size: .875rem;
  height: 2rem;
  line-height: 1.25rem;
  min-width: 0;
  overflow: hidden;
  padding: 0 1rem;
  position: relative
}

.ais-RangeInput-input:focus {
  border-color: #3c4fe0;
  box-shadow: 0 1px 0 0 #23263b0d;
  outline: 0
}

.ais-RangeInput-separator {
  margin: 0 .5rem
}

.ais-RangeInput-submit {
  margin-left: .5rem
}

.ais-RangeSlider .rheostat {
  margin: 40px 6px
}

.ais-RangeSlider .rheostat-horizontal {
  cursor: pointer;
  width: calc(100% - 15px)
}

.ais-RangeSlider .rheostat-background {
  background-color: initial;
  border: none;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px 0 #0000001a, 0 .5px 0 0 #ffffff0d;
  height: 4px
}

.ais-RangeSlider .rheostat-progress {
  background-color: #3c4fe0;
  border-radius: 3px;
  height: 4px;
  max-width: 100%;
  top: 0
}

.ais-RangeSlider .rheostat-tooltip {
  font-weight: 700;
  -webkit-user-select: none;
  user-select: none
}

.ais-RangeSlider .rheostat-handle {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff, #fcfcfd);
  border: 1px solid #d6d6e7;
  border-radius: 2px;
  box-shadow: 0 1px 0 0 #23263b0d;
  height: 24px;
  margin-left: -6px;
  top: -11px;
  width: 12px
}

.ais-RangeSlider .rheostat-handle:after, .ais-RangeSlider .rheostat-handle:before {
  background-color: #d6d6e7;
  content: "";
  height: 12px;
  position: absolute;
  top: 6px;
  width: 1px
}

.ais-RangeSlider .rheostat-handle:before {
  left: 4px
}

.ais-RangeSlider .rheostat-handle:after {
  right: 4px
}

.ais-RangeSlider .rheostat-marker {
  background-color: #d6d6e7
}

.ais-Pagination-item:first-child > .ais-Pagination-link {
  border-radius: 3px 0 0 3px
}

.ais-Pagination-item + .ais-Pagination-item > .ais-Pagination-link {
  border-radius: 0;
  margin-left: -1px
}

.ais-Pagination-item:last-child > .ais-Pagination-link {
  border-radius: 0 3px 3px 0
}

.ais-Pagination-item {
  display: inline-block
}

.ais-Pagination-item--selected .ais-Pagination-link {
  font-weight: 700
}

.ais-Breadcrumb-link, .ais-Breadcrumb-separator {
  color: #5a5e9a
}

.ais-Breadcrumb-separator {
  display: flex;
  margin: 0 .5rem
}

.ais-Breadcrumb-item--selected {
  font-weight: 600
}

.ais-Breadcrumb-item--selected .ais-Breadcrumb-separator {
  font-weight: 400
}

@media (max-width: 767px) {
  .ais-RangeInput-input, .ais-SearchBox-input {
    font-size: 1rem
  }
}

@media (hover: none) and (pointer: coarse) {
  .ais-Carousel-navigation {
    display: none
  }
}

.ais-Carousel:hover .ais-Carousel-navigation:not([hidden]) {
  opacity: 1;
  visibility: visible
}

.ais-Carousel-navigation, .ais-Carousel-navigation[hidden] {
  opacity: 0;
  visibility: hidden
}

.ais-Carousel-list {
  gap: .5rem;
  outline-color: #3c4fe0;
  outline-offset: .5rem;
  padding-bottom: .5rem;
  scrollbar-color: #111432 #b6b7d5;
  scrollbar-width: thin
}

.ais-Carousel-list::-webkit-scrollbar {
  height: 2px
}

.ais-Carousel-list::-webkit-scrollbar-track {
  background-color: #b6b7d5
}

.ais-Carousel-list::-webkit-scrollbar-thumb {
  background-color: #111432
}

.division-service-search-result {
  min-height: 80vh
}

.division-service-search-result .SearchContainer {
  grid-gap: .5rem;
  align-items: flex-start;
  display: grid;
  gap: .5rem;
  grid-template-columns:minmax(min-content, 200px) 1fr
}

.division-service-search-result .Search {
  grid-gap: .5rem;
  display: grid;
  gap: .5rem
}

mark {
  margin: 0;
  padding: 0
}

.ais-RefinementList-labelText {
  line-height: normal;
  padding: 6px 0;
  white-space: normal
}

.faq-text h4, .faq-text p {
  margin: 0
}

.faq-searchbox .ais-SearchBox {
  width: 100% !important
}

@media (min-width: 866px) {
  .faq-searchbox .ais-SearchBox {
    width: 50% !important
  }
}

@media (max-width: 575.98px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    font-size: small;
    max-height: auto;
    min-height: 200px
  }
}

@media (min-width: 576px)and (max-width: 767.98px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    font-size: small;
    max-height: auto;
    min-height: 375px
  }
}

@media (min-width: 768px)and (max-width: 991.98px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 400px
  }

  .award-card .award-content .award-content-text {
    font-size: med16pxium
  }
}

@media (min-width: 992px)and (max-width: 1199.98px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 425px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1200px)and (max-width: 1400px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 450px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1401px)and (max-width: 1535.98px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 350px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1536px)and (max-width: 1600px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 375px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1601px)and (max-width: 1700px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 350px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1701px)and (max-width: 1750px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 350px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1751px)and (max-width: 1799px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 325px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

@media (min-width: 1800px) {
  .award-card .award-image {
    height: 50px;
    width: auto
  }

  .award-card .award-content {
    max-height: auto;
    min-height: 300px
  }

  .award-card .award-content .award-content-text {
    font-size: 16px
  }
}

.cookie-consent-content {
  color: #3b3b3b;
  font-size: large;
  height: 100%
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  margin: 0
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

/*# sourceMappingURL=main.9d5c91fd.css.map*/