.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { float: left; }

.c-1, .c-2, .c-3, .c-4, .c-5, .c-6, .c-7, .c-8, .c-9, .c-10, .c-11, .c-12 { position: relative; min-height: 1px; padding: 0 15px; }

.c-1 { width: 8.33333%; }

.c-2 { width: 16.66667%; }

.c-3 { width: 25%; }

.c-4 { width: 33.33333%; }

.c-5 { width: 41.66667%; }

.c-6 { width: 50%; }

.c-7 { width: 58.33333%; }

.c-8 { width: 66.66667%; }

.c-9 { width: 75%; }

.c-10 { width: 83.33333%; }

.c-11 { width: 91.66667%; }

.c-12 { width: 100%; }

/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url('/resources/javascripts/boxsizing.htc');  }

html {  }

body { background: white;  position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; }

a:focus { color: #2ba6cb; outline: none; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }
@media only screen and (max-width: 767px) { .left { float: none; } }

.right { float: right; }
@media only screen and (max-width: 767px) { .right { float: none; } }

.text-left { text-align: left; }

.text-right { text-align: right; }

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

.hide { display: none; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0;  direction: ltr; }

p {  font-weight: normal; line-height: 1.6; margin-bottom: 17px; }
p.lead {  line-height: 1.6; margin-bottom: 17px; }

aside p {  line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, h6 {  font-weight: bold; color: #222222; text-rendering: optimizeLegibility; line-height: 1.1; padding-bottom: 14px; padding-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; }

h1 { font-size: 44px; }

h2 { font-size: 37px; }

h3 { font-size: 27px; }

h4 { font-size: 23px; }

h5 { font-size: 17px; }

h6 { font-size: 14px; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }

.subheader { line-height: 1.3; color: #6f6f6f; font-weight: 300; margin-bottom: 17px; }

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol {  line-height: 1.6; margin-bottom: 17px; list-style-position: inside; }

ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ul.square, ul.circle, ul.disc { margin-left: 17px; }
ul.square { list-style-type: square; }
ul.square li ul { list-style: inherit; }
ul.circle { list-style-type: circle; }
ul.circle li ul { list-style: inherit; }
ul.disc { list-style-type: disc; }
ul.disc li ul { list-style: inherit; }
ul.no-bullet { list-style: none; }
ul.large li { line-height: 21px; }

ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

blockquote { margin: 0 0 17px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #ddd; cursor: help; }

abbr { text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only { display: none !important; }

@media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form { margin: 0 0 19.41641px; }

.row form .row { margin: 0 -6px; }
.row form .row .column, .row form .row .columns { padding: 0 6px; }
.row form .row.collapse { margin: 0; }
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }

label { color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
label.right { float: none; text-align: right; }
label.inline { line-height: 32px; margin: 0 0 12px 0; }

@media only screen and (max-width: 767px) { label.right { text-align: left; } }
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }

a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }

span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }

.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }

.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; margin: 0 0 5px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { padding: 4px 6px; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }

textarea { height: auto; }

select { width: 100%; }

/* Fieldsets */
fieldset { border: solid 1px #ddd; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
fieldset legend { font-weight: bold; padding: 0 3px; margin: 0; margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 6px 4px; margin-top: -13px; margin-bottom: 12px; background: #c60f13; color: #fff; font-weight: bold; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

@media only screen and (max-width: 767px) { input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one { width: 100% !important; }
  input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two { width: 100% !important; }
  input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three { width: 100% !important; }
  input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four { width: 100% !important; }
  input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five { width: 100% !important; }
  input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six { width: 100% !important; }
  input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven { width: 100% !important; }
  input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight { width: 100% !important; }
  input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine { width: 100% !important; }
  input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten { width: 100% !important; }
  input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven { width: 100% !important; }
  input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve { width: 100% !important; } }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() { form.custom div.custom.dropdown a.selector { height: 30px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector { height: 30px; }

/* The Grid ---------------------- */
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }

.push-two { left: 16.66667%; }

.pull-two { right: 16.66667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.33333%; }

.pull-four { right: 33.33333%; }

.push-five { left: 41.66667%; }

.pull-five { right: 41.66667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.33333%; }

.pull-seven { right: 58.33333%; }

.push-eight { left: 66.66667%; }

.pull-eight { right: 66.66667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.33333%; }

.pull-ten { right: 83.33333%; }

img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; } }
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid { display: block; overflow: hidden; padding: 0; }
.block-grid > li { display: block; height: auto; float: left; }
.block-grid.one-up { margin: 0; }
.block-grid.one-up > li { width: 100%; padding: 0 0 15px; }
.block-grid.two-up { margin: 0 -15px; }
.block-grid.two-up > li { width: 50%; padding: 0 15px 15px; }
.block-grid.two-up > li:nth-child(2n+1) { clear: both; }
.block-grid.three-up { margin: 0 -12px; }
.block-grid.three-up > li { width: 33.33%; padding: 0 12px 12px; }
.block-grid.three-up > li:nth-child(3n+1) { clear: both; }
.block-grid.four-up { margin: 0 -10px; }
.block-grid.four-up > li { width: 25%; padding: 0 10px 10px; }
.block-grid.four-up > li:nth-child(4n+1) { clear: both; }
.block-grid.five-up { margin: 0 -8px; }
.block-grid.five-up > li { width: 20%; padding: 0 8px 8px; }
.block-grid.five-up > li:nth-child(5n+1) { clear: both; }

/* Mobile Block Grids */
@media only screen and (max-width: 767px) { .block-grid.mobile > li { float: none; width: 100%; margin-left: 0; }
  .block-grid > li { clear: none !important; }
  .block-grid.mobile-two-up > li { width: 50%; }
  .block-grid.mobile-two-up > li:nth-child(2n+1) { clear: both; }
  .block-grid.mobile-three-up > li { width: 33.33%; }
  .block-grid.mobile-three-up > li:nth-child(3n+1) { clear: both !important; }
  .block-grid.mobile-four-up > li { width: 25%; }
  .block-grid.mobile-four-up > li:nth-child(4n+1) { clear: both; }
  .block-grid.mobile-five-up > li:nth-child(5n+1) { clear: both; } }
/* Requires globals.css */
/* Normal Buttons ---------------------- */
.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-weight: bold; line-height: 1; margin: 0; outline: none; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ }
.button:hover { color: white; background-color: #2284a1; }

 
.button.large {  padding: 15px 30px 16px; }
.button.small { padding: 7px 14px 8px; }
.button.tiny { padding: 5px 10px 6px; }
.button.expand { width: 100%; text-align: center; }
.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; }
.button.primary:hover { background-color: #2284a1; }
.button.primary:focus { -webkit-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #2ba6cb, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.success { background-color: #5da423; border: 1px solid #396516; }
.button.success:hover { background-color: #457a1a; }
.button.success:focus { -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; }
.button.alert:hover { background-color: #970b0e; }
.button.alert:focus { -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; }
.button.secondary:hover { background-color: #d0d0d0; }
.button.secondary:focus { -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; }
.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; }
.button.left-align { text-align: left; text-indent: 12px; }
.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.button.disabled :hover, .button[disabled] :hover { background: #2ba6cb; }
.button.disabled.success, .button[disabled].success { background-color: #5da423; }
.button.disabled.success:hover, .button[disabled].success:hover { background-color: #5da423; }
.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; }
.button.disabled.alert:hover, .button[disabled].alert:hover { background-color: #c60f13; }
.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; }
.button.disabled.secondary:hover, .button[disabled].secondary:hover { background-color: #e9e9e9; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button { -webkit-appearance: none; }

@media only screen and (max-width: 767px) { .button { display: block; }
  button.button, input[type="submit"].button { width: 100%; padding-left: 0; padding-right: 0; } }
/* Correct FF button padding */
@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; }
  input[type="submit"].tiny.button { padding: 3px 10px 4px; }
  input[type="submit"].small.button { padding: 5px 14px 6px; }
  input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; }
  input[type="submit"].large.button { padding: 13px 30px 14px; } 
  }

/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge { display: none !important; }

.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down { display: block !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) { .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge { display: block !important; }
  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge { display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) { .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
  .show-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) { .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: block !important; }
  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: block !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

@media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; } }
@media screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: block !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: block !important; }

.touch .show-for-touch { display: block !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium { display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) { .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium { display: table !important; } }
@media only screen and (max-width: 767px) { table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small { display: table !important; } }


/* Tables ---------------------- */
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; }

table thead, table tfoot { background: #f5f5f5; }

table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { line-height: 18px; text-align: left; }

table thead tr th, table tfoot tr td { padding: 8px 10px 9px;font-weight: bold; color: #222; }

table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }

table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }

table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }

table tbody tr:nth-child(even) { background: #f9f9f9; }

table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }

.dx-datagrid-table-fixed td { overflow-wrap: break-word; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-datepicker {
	width: 16em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .1em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget .ui-widget {
	font-size: 1em;
}

.ui-datepicker .ui-widget-content {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../../images/jqueryui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #222222;
}

.ui-datepicker .ui-widget-header {
	border: 1px solid #aaaaaa;
	background: #cccccc url(../../images/jqueryui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
	color: #222222;
	font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(../../images/jqueryui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada url(../../images/jqueryui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-datepicker .ui-state-hover a,
.ui-datepicker .ui-state-hover a:hover,
.ui-datepicker .ui-state-hover a:link,
.ui-datepicker .ui-state-hover a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa;
	background: #ffffff url(../../images/jqueryui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link,
.ui-datepicker .ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1;
	background: #fbf9ee url(../../images/jqueryui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
	color: #363636;
}
.ui-datepicker .ui-state-highlight a,
.ui-datepicker .ui-widget-content .ui-state-highlight a,
.ui-datepicker .ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-datepicker .ui-state-error,
.ui-datepicker .ui-widget-content .ui-state-error,
.ui-datepicker .ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #fef1ec url(../../images/jqueryui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
	color: #cd0a0a;
}
.ui-datepicker .ui-state-error a,
.ui-datepicker .ui-widget-content .ui-state-error a,
.ui-datepicker .ui-widget-header .ui-state-error a {
	color: #cd0a0a;
}
.ui-datepicker .ui-state-error-text,
.ui-datepicker .ui-widget-content .ui-state-error-text,
.ui-datepicker .ui-widget-header .ui-state-error-text {
	color: #cd0a0a;
}
.ui-datepicker .ui-priority-primary,
.ui-datepicker .ui-widget-content .ui-priority-primary,
.ui-datepicker .ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-datepicker .ui-priority-secondary,
.ui-datepicker .ui-widget-content .ui-priority-secondary,
.ui-datepicker .ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-datepicker .ui-state-disabled,
.ui-datepicker .ui-widget-content .ui-state-disabled,
.ui-datepicker .ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-datepicker .ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-datepicker .ui-icon {
	width: 16px;
	height: 16px;
}
.ui-datepicker .ui-icon,
.ui-datepicker .ui-widget-content .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_222222_256x240.png');
}
.ui-datepicker .ui-widget-header .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_222222_256x240.png');
}
.ui-datepicker .ui-state-default .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_888888_256x240.png');
}
.ui-datepicker .ui-state-hover .ui-icon,
.ui-datepicker .ui-state-focus .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_454545_256x240.png');
}
.ui-datepicker .ui-state-active .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_454545_256x240.png');
}
.ui-datepicker .ui-state-highlight .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_2e83ff_256x240.png');
}
.ui-datepicker .ui-state-error .ui-icon,
.ui-datepicker .ui-state-error-text .ui-icon {
	background-image: url('../../images/jqueryui/ui-icons_cd0a0a_256x240.png');
}

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-datepicker .ui-widget-overlay {
	background: #aaaaaa url(../../images/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-datepicker .ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaaaaa url(../../images/jqueryui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 8px;
}

/*---------------------------------- Layout helpers ----------------------------------*/
/*
    This was taken from the base theme in jquery-ui.css and modified for out needs.
    Noticed the title bar has been hidden, since for the particular case this was for, one wasn't needed.
    I left that particular CSS commented out in case someone want to fiddle withit at a later time.
*/

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
    border-radius: 5px;
    z-index: 100;
    border: 1.5px solid #bbbbbb;
    background: #ffffff;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
}

.ui-dialog .ui-widget-header {
    /*border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;*/
    display: none;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

.ui-dialog .ui-dialog-title {
    /*float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;*/
    display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    /*position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;*/
    visibility: hidden;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 1em;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .1em .5em .1em;
    cursor: pointer;
}


.ui-dialog .ui-button {
    background-color: #F7F7F7;
    border: 1px #BBB solid;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    display: inline-block;
    line-height: inherit !important;
    margin: 5px 10px 5px 0;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    transition: 0.2s ease all;
    width: 70px !important;
}

.ui-dialog .ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-dialog .ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  font-family: Geneva,Arial,Helvetica,sans-serif;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}

    table.dataTable thead, table.dataTable tfoot {
        background-color: #FFF;
    }
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: normal;
  color: #999;
  vertical-align: top;
  font-family: Geneva,Arial,Helvetica,sans-serif;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px 10px 10px;
  vertical-align: middle;
  border-bottom: 1px solid #CCC;

}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #CCC;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting {
  background: url("../../images/sort_both.png") no-repeat center right;
    vertical-align: top;
}
table.dataTable thead .sorting_asc {
  background: url("../../images/sort_asc.png") no-repeat center right;
  vertical-align: top;
}
table.dataTable thead .sorting_desc {
  background: url("../../images/sort_desc.png") no-repeat center right;
  vertical-align: top;
}
        table.dataTable thead .sorting_asc_disabled {
            background: url("../../images/sort_asc_disabled.png") no-repeat center right;
        }
table.dataTable thead .sorting_desc_disabled {
  background: url("../../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
  background-color: white;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
  font-family: Geneva,Arial,Helvetica,sans-serif;
}
table.dataTable th.center,
table.dataTable td.center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.right,
table.dataTable td.right {
  text-align: right;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
  border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
  border-top: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}

table.dataTable tr.odd td { background-color: #F9F9F9; }
table.dataTable tr.even td{ background-color: #FFF; }

table.dataTable tr.odd td.sorting_1 { background-color: #E6E6E6; }
table.dataTable tr.odd td.sorting_2 { background-color: #E6E6E6; }
table.dataTable tr.odd td.sorting_3 { background-color: #E6E6E6; }
table.dataTable tr.even td.sorting_1 { background-color: #F5F5F5; }
table.dataTable tr.even td.sorting_2 { background-color: #F5F5F5; }
table.dataTable tr.even td.sorting_3 { background-color: #F5F5F5; }



table.dataTable.no-footer {
  border-bottom: 1px solid #CCC;
}

table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Control feature layout
 */
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_filtercolumn{
  max-width: 400px;

  line-height: 30px;
}
    .dataTables_wrapper .header {
        overflow: auto;
    }
.dataTables_wrapper .dataTables_filter input ,.dataTables_wrapper .dataTables_filtercolumn select{
  margin-left: 0.5em;  
  float: right;
  text-align: left;
}

.dataTables_wrapper .dataTables_filter input{
  width: 80%;
}

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333333 !important;
  border: 1px solid #cacaca;
  background-color: white;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, white 0%, gainsboro 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, white 0%, gainsboro 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 60px;
  line-height: 60px;
  margin-left: -30%;
  margin-top: -25px;
  text-align: center;
  font-size: 1.2em;
  background-color: #EEE;
  border-radius: 10px;
  border: 1px #000 solid;

}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_filter label,
.dataTables_wrapper .dataTables_filtercolumn label,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #999;
}
    .dataTables_wrapper .dataTables_filter label,.dataTables_wrapper .dataTables_filtercolumn label {
        font-weight: normal;
        overflow: auto;
    }
    .dataTables_wrapper .dataTables_length label, .dataTables_wrapper .dataTables_length select {
        display: inline;
    }
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_filtercolumn {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter,
  .dataTables_wrapper .dataTables_filtercolumn {
    margin-top: 0.5em;
  }
}
/**************************************************************************

    uWeb Base Stylesheet
    
    This stylesheet should contain all base classes for uWeb. 
    
    Table of Contents
        - Main stylesheet
            - Base Classes
            - Links
            - Tables
            - Forms
            - Utility Classes             
            - Layout 
            - Page Settings, Tooltips, etc.
            - Search Results / Historyg
            - Fonts / Headings
            
        - Responsive design (media queries for different screen sizes) (should be same order as main stylesheet, where applicable)
        - Browser compatibility changes (IE8, FF, etc.) (should be same order as main stylesheet, where applicable)

    Revision History
    October 2012    CSH/MAW/SKG Created
    May 2013        CSH         Heavily reworked
    
**************************************************************************/


/*===== Base Classes ====================================================*/
html.wait, html.wait * { cursor: wait !important; }


body, td, textarea { 
    font-family: Arial, Sans-Serif;
    font-size: 10.5pt; 
    color: #333; 
}

.version
{
    display: none;
}
/*===== Utility Classes =================================================*/

.overflow { overflow: auto; }
.overflowhidden { overflow: hidden; }

.loading
{
    background: url('../../images/progress.gif') center center no-repeat;
    min-height: 100px;
}

.biggerloading {
    background: url('../../images/progress.gif') center center no-repeat;
    min-height: 300px;
}

/* Smaller loading indicator for accordion panels */
.accordion-loading.loading {
    min-height: 40px;
}

.processing
{
    background: url('../../images/progress.gif') bottom center no-repeat;
    padding-bottom: 30px;
    text-align: center;
    color: #999;
    height: 50px;
}
input.error-message, select.error-message, textarea.error-message
{
    background: none;
    margin: 0;
    font-weight: normal;    
    background-color: #FEE;
}

.error-message
{
    margin-left: 10px;
    padding-left: 20px;
    line-height: 20px;
    color: #F00;
    font-size: 9pt;
    font-weight: bold !important;
    display: block;
    background: url('../../images/icons/error.png') no-repeat center left;
}

.messageContainer p,.messageContainer > div /* UW-10-0358 */
{
    color: #123652;
    font-size: 85%;
    font-weight: bold;
    padding: 15px 5px 15px 35px;
    line-height: 24px;
    margin: 10px auto;
    border: #123652 1px solid;
    background: url('../../images/icons/message.png') 5px center no-repeat #CED7DF;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.connectionmsg
{
    display: none;
    color: #000;
    padding: 25px 5px;
    text-align: center;
    position: fixed;
    width: 94%;
    top: 0;
    left: 3%;
    z-index: 500;
    border-bottom: #000 3px solid;    
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 0 5px 3px #CCC;
    background-color: #FC6;
}

.displayNone {
    display: none;
}

.errorContainer p,.errorContainer > div /* UW-10-0358 */
{
    color: #C00;
    font-size: 85%;
    font-weight: bold;
    padding: 15px 5px 15px 35px;
    line-height: 24px;
    margin: 10px auto;
    border: #C00 1px solid;
    background: url('../../images/icons/error.png') 5px center no-repeat #FFBEAD;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.errorContainer li {
    display: list-item;
    margin-left: 20px;
}
.errorContainer ul, .errorContainer li {
    list-style-position: outside;
}

 /* UW-10-0358 */
li.passwordRulePassed {
    background: url('../../images/icons/checkmark.png') left center no-repeat;
    padding-left: 20px;
}
li.passwordRuleFailed {
    background: url('../../images/icons/unchecked.png') left center no-repeat;
    padding-left: 20px;
}

.entityname {
    color: #BBB;
}
#divModalForm .errorContainer, #divModalForm .messageContainer {
    margin: 0 10px;
}

div.noPhoto {
    background: url('../../images/nophoto.png') no-repeat center;
    min-width: 128px;
    min-height: 128px;
}

.memberPhotoContainer {
	text-align: center;
}

/*===== Links ===========================================================*/

a, a:visited,.text-expand-toggle {
     color: #36C;
}

a:hover {
    color: #668FDB; 
}

/* Accordion styles for Search Dynamic UI */
.search-tabs { list-style: none; padding: 0; margin: 0; }
/* Force vertical stacking of headers */
.search-tabs li {
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 10px 12px;
    border: 1px solid #ccc; /* outer border becomes the tab frame */
    border-bottom: none;     /* bottom border controlled by expanded/collapsed state */
    font-weight: 600;
    padding-top:3em;
    padding-bottom:3em;
    margin-bottom: 1.5%; /* space between headers */
    position: relative;
}
/* New header wrapper so header can be styled without affecting body */
.search-tabs li .accordion-header { 
    position: relative; 
    background: #f7f7f7; 
    display: flex; 
    align-items: center; 
    gap: 6px; 
    padding: 7px 10px 7px 0; /* mimic .portlet-header spacing */
}

#searchDynamicUIContainer .search-tabs li.expanded > .accordion-header { border-bottom: 2px solid #ddd; box-shadow: inset 0 0px 0 #fff; }
.search-tabs li .accordion-header .uw-portlet-titletoggle,
.search-tabs li .accordion-header .accordion-title { position: relative; z-index: 1; }
/*.search-tabs li  li { border-top: none; }*/
.search-tabs li.active { 
    background: #eee; 
    padding-bottom:0px;                        
}
/* Show bottom border only when expanded; hide when collapsed */
.search-tabs li.expanded { border-left: none; border-right: none; border-bottom: none; border-top: none; }
.search-tabs li.collapsed { border: none; }
/* Use existing uw-portlet-titletoggle arrow assets driven by state */
.search-tabs li .uw-portlet-titletoggle { padding: 10px 10px 10px 20px; display: inline-block; width: 18px; height: 18px; vertical-align: middle; }
.search-tabs li.expanded .uw-portlet-titletoggle { background: url('../../images/arrow_state_down.png') center center no-repeat; }
.search-tabs li.collapsed .uw-portlet-titletoggle { background: url('../../images/arrow_state_right.png') center center no-repeat; }
/* Remove borders from the content area beneath expanded headers */
#searchDynamicUIContainer .search-tabs li.expanded .accordion-panel { border: none; }
#searchDynamicUIContainer .search-tabs li.expanded .accordion-panel .search-tab-content { border: none; box-shadow: none; background: transparent; margin-left: 3%; margin-right: 3%; }
/* Tab header text: mirror uw-portlet-title */
.search-tabs li .accordion-title { font-size: 120%; color: #666; font-weight: bold; display: inline; height: 25px; line-height: 25px; vertical-align: middle; text-transform: uppercase; }
/* Keep same styling when active */
.search-tabs li.active .accordion-title { color: #666; text-transform: uppercase; }
.accordion-panel {
    border: none;             /* no inner border */
    padding: 12px 0 12px 0;   /* add bottom padding to ensure header's bottom border remains visible */
    display: none;
    width: 95%;
    max-width: 1450px;
    box-sizing: border-box;
    margin-left : 1%; margin-right: 1%;                /* no gap inside the framed tab */
}
/* Frame name (legend) styling in Search UI */
#searchDynamicUIContainer fieldset.search-frame > legend { 
    text-transform: uppercase; 
    color: #666666; 
}

/* ===== Combo Multi-select Modal (Search UI) ===== */
.uw-ms-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,0.5); z-index:10002; }
.uw-ms-content { position:relative; background:#fff; margin:5% auto; padding:20px; width:80%; max-width:900px; border-radius:5px; max-height:80%; overflow:auto; }
.uw-ms-content { height: 70vh; display: flex; flex-direction: column; }
.uw-ms-selected-title { margin-top: 0; }
.uw-selected-chips { min-height: 48px; }
.uw-grid { flex: 1 1 auto; overflow: auto; }
.uw-ms-title { margin:0 0 10px; font-size:18px; font-weight:600; }
.uw-selected-chips { margin:10px 0; display:flex; flex-wrap:wrap; gap:6px; }
.uw-ms-selected-title { margin: 10px 0 6px; font-size: 14px; font-weight: 700; }
.uw-ms-section-title { margin: 18px 0 6px; font-size: 16px; font-weight: 700; }
.uw-grid-toolbar { display:flex; gap:8px; align-items:center; margin-bottom:8px; }
.uw-grid-toolbar .uw-ms-search { flex:1 1 auto; }
.uw-grid { border:1px solid #ddd; border-radius:4px; }
.uw-ms-table { width:100%; border-collapse:collapse; }
.uw-ms-table thead th { text-align:left; border-bottom:1px solid #e5e5e5; padding:8px; }
.uw-ms-table tbody td { border-bottom:1px solid #f2f2f2; padding:8px; }
.uw-ms-colcheck { width:36px; }
.uw-pager { display:flex; gap:6px; align-items:center; margin:8px 0; }
.uw-pager .uw-ms-count { margin-left:auto; }
.uw-ms-pages { display:flex; gap:4px; align-items:center; }
.uw-ms-page-btn.uw-ms-active { background:#4d4d4d; color:#fff; border-color:#3a3a3a; }
.uw-ms-actions { display:flex; gap:10px; justify-content:flex-end; margin-top:10px; }
.uw-ms-btn { padding:6px 12px; border:1px solid #bdbdbd; background:#e9e9e9; border-radius:3px; cursor:pointer; color:#333; }
.uw-ms-btn:hover { background:#dcdcdc; }
.uw-ms-btn-primary { background:#4d4d4d; color:#fff; border-color:#3a3a3a; }
.uw-ms-btn-primary:hover { background:#3a3a3a; }
.modalsavebutton.uw-disabled, .uw-ms-btn.uw-disabled { opacity: 0.5; cursor: not-allowed; filter: grayscale(100%); }
.uw-icon-search { display:inline-block; width:18px; height:18px; background-image:url('../../images/menu/search-icon.png'); background-repeat:no-repeat; background-position:center; background-size:18px 18px; }
.uw-icon-button { width:36px; height:32px; display:inline-flex; align-items:center; justify-content:center; text-indent:-9999px; overflow:hidden; }
.uw-multi-select-launch { min-width: 32px; height: 30px; line-height: 28px; padding: 0 8px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; }
.Search-field-value .uw-multi-select-launch { vertical-align: middle; align-self: center; }
.Search-field-value.has-multiselect { display: inline-flex; gap: 6px; align-items: center; width: 300px; }
.Search-field-value.has-multiselect .uw-ms-wrap { flex: 1 1 auto; display: inline-flex; align-items: center; gap: 6px; }
.Search-field-value.has-multiselect .uw-ms-wrap input.uw-ms-snapshot { flex: 1 1 auto; }
.Search-field-value.has-multiselect input,
.Search-field-value.has-multiselect select,
.Search-field-value.has-multiselect textarea { flex: 1 1 auto; }
.Search-field-value .uw-ms-display { margin-left: 6px; color: #666; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 50%; display: inline-block; }
.uw-chip { background:#f1f1f1; border:1px solid #ccc; border-radius:16px; padding:4px 8px; }
.uw-chip .uw-chip-x { margin-left:6px; background:transparent; border:none; cursor:pointer; }

/* If there is an original tab content region, hide it in accordion mode */
.search-tab-content { display: none; }

/* Ensure content inside accordion uses more width */
.accordion-panel .search-tab-content,
.accordion-panel .search-criteria-box,
.accordion-panel .SearchUISection,
.accordion-panel .SearchUIContainer {
    width: 95% ;
    max-width: 95% ;
    margin-left: auto;
    margin-right: auto;
}

/* Override: let frames under accordion fill full width (not the criteria box) */
.search-tabs .accordion-panel > .search-tab-content,
.search-tabs .accordion-panel .SearchUISection,
.search-tabs .accordion-panel .SearchUIContainer {
  width: 100% ;
  max-width: 100% ;
  margin-left: 3%;
  margin-right: 3%;
}

/* === IN/NOT IN launcher icon button === */
.uw-multi-select-launch {
	width: 28px;
	height: 28px;
	display: inline-block;
	background: transparent url('../resources/images/edit.png') center center / 20px 20px no-repeat;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.uw-multi-select-launch:hover {
	background-image: url('../resources/images/edit_hover.png');
}

/* Remove borders/background from the tab content wrapper when inside accordion */
.accordion-panel .search-tab-content {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Remove outer borders in tab content while preserving fieldset/legend frames */
.accordion-panel .box,
.accordion-panel .card,
.accordion-panel .panel,
.accordion-panel .portlet {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}



/* removed mobile-specific accordion overrides for search */

/* Mobile: keep label  operator  field on one line in accordion fields */
/* removed mobile Searchfieldrow accordion overrides */
a.red, a.red:visited { 
    color: #B0180C; 
}

a.red:hover {
    color: #F13F32; 
}

input:focus, select:focus, textarea:focus {
    outline: 1px #39F solid;
}
/* UW-16-1133 */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  body.disablezoom select,
  body.disablezoom textarea,
  body.disablezoom input {
    font-size: 16px;
  }
}

input:disabled, select:disabled, textarea:disabled {
    background-color: #EEE;
    color: #888;
}
/*===== Tables ==========================================================*/

table tbody tr,table tbody th,table tbody td { 
    background: #FFF; 
}

/*===== Forms ===========================================================*/

@media only screen and (min-width: 600px) {
    input[type="date"], .hasDatepicker { 
    display :  -webkit-inline-flex; 
    background: url('../../images/calendar.png') center right no-repeat #FFF;
    transition: none; 
    }
}

input.button, a.button, .button:active, .button:focus
{
    background-color:  #7A7;
    background: linear-gradient( #494, #7A7, #494);
    border: 1px #494 solid;
    transition: 1s ease all;
    font-size: 100%;
}

input.placeholder, textarea.placeholder {
     color: #999; 
}

label { cursor: default; font-weight: bold;} 
textarea { resize: vertical; max-height: 400px; }

/*===== Layout ==========================================================*/

div.row {
	width: 100%;
    min-width: 0;
}



.header_wrapper { 
    display: block; 
    z-index: 40000;
    width: 100%;  
    position: fixed;
}


.inner_header {
    background: url('../../images/header_bar.png') repeat-x top left #000;
}

#content_wrapper {
    padding-top: 5px;
}
     
#footer_wrapper {
    margin-top: 20px;
    font-size: 90%;
    color: #777;
    text-align: center;
}

.headerbar h1 { 
	margin: 0; 
    padding:0; 
}

a.headerlink{
    line-height: 45px;
    font-size: 30px;
    color: #888;
    background: url('../../images/ulink.png') 0px 0px no-repeat;
    display: block;
    width: 100px;
    height: 50px;
}
.header_user { 
    color: #EEE; 
    font-size: 90%;
    font-weight: bold;
    height: 40px;
    margin: 5px 0;
    width: 160px;
    text-align: right;
    background: url('../../images/menu/icon-profile.png') no-repeat center right;
    background-size: 32px 32px;
    padding-right: 40px;
    float: right;
}
    .header_user hover {
        
        background: url('../../images/menu/icon-profile-active.png') no-repeat center right;
        background-size: 32px 32px;
    }
.header_user div
{
    line-height: 20px;
    height: 20px;
    text-align: right;
}

.header_user a.logoutlink { 
    color : #999; 
}

.header_user a.logoutlink:hover { 
    color : #EEE;
}

.username a,.username a:visited
{
    display: block;
    color: #EEE;
}
.username a:hover
{
    color: #FFF;
}

/*Oct 2019 - VSS - UW-19-0919*/
.test_environment a, .test_environment a:visited {
    display: block;
    color: #FF55FF;
}
.test_environment a:hover {
    color: #FFF;
}


.noteappend div { font-weight: bold }
.fieldrow label.columns {padding: 6px 0 6px 3px;}
.fieldrow .urlcontrol {padding: 8px 0 8px 3px;}
.fieldrow .urlcontrolindented {padding: 8px 0;}

.notefields .fieldrow label.columns {padding: 0px 0 0px 3px;}

.fieldrow div.columns {padding-right:0; padding-bottom: 2px;}
.fieldrow div.columns span.staticfield, .fieldrow span.staticfield{padding-top: 6px; padding-bottom: 6px; margin-bottom: 5px; display: block;}

.fieldrow input[type="checkbox"],.fieldrow input[type="radio"] {
    margin: 9px 6px;
}
.notebody {max-height:300px;overflow-y:auto;padding: 0 10px 1px 0; -webkit-overflow-scrolling: touch; overflow-wrap: break-word } /** UW-25-0195 ensure Chrome breaks long words */
.notetitle {font-size:125%;font-weight:bold;color:#888;margin-bottom:5px;}
.noteedit textarea {height:200px;}
.noteappend textarea {height:75px;}

.footer_user { 
    display: none; 
}

.header_search { 
    width: 300px;
}

.searchbox { 
    width: 270px; 
    margin: 0 auto; 
    overflow: hidden;
}

.leftsearch {
    width: 190px; 
    float: left; 
}

.leftsearch input {
     margin: 9px 0;
}

.rightsearch {
    width: 70px;
    float: left; 
}

.searchbtn {
    margin: 9px 0;
    padding: 8px 0px;
    width: 70px;
}



.loginform
{
    margin-top: 100px;
}

/*===== Page Settings, etc. =============================================*/

.noteappendlabel{
    font-weight: bold;
}

.submenuRightTitle h5{
    color: #AAA;
    float: right;
    padding: 15px 25px 3px 10px;
    text-transform: none;
    font-size: 120%;
    font-weight: bold;
}
.LayoutLinkWrapper {
    padding: 5px 0;
    font-size: 85%;
}
.reminderContainer { 
    overflow: hidden;
    border: 1px #AAA solid;
}

.reminderList .reminder
{
    padding: 3px 10px 3px 30px;
    background: url("../../images/arrow_state_right.png") 0px 10px no-repeat;
    margin-bottom: 0;
    border-bottom: 1px #CCC solid;
}

.reminderList .reminder.selected {
    background: url("../../images/arrow_state_down.png") 10px 0px no-repeat;
}

.reminderDetails 
{
    overflow: auto;
    padding-bottom: 5px;
}
.reminderDetails div
{
    font-weight: bold;
    margin: 4px 0 2px;
    float: left;
}

.reminderUser
{
    width: 45%;
}
    .reminderUser span {
        color: #777;
    }
.reminderDate
{
    width: 55%;
    text-align: right;
}
.reminderSubdetails
{
    overflow: auto;
    font-weight: bold;
    font-size: 75%;
    margin: 0;
}

.reminderList .reminder p
{
    font-size: 75%;
    margin: 0;
}
.reminderList .reminder:hover, .reminderActions a:hover
{
    background-color: #F8F8F8;
    cursor: pointer;
}
.reminderDate {
    padding-right: 25px;
}
.reminderImportant .reminderDate {
    background: url('../../images/important.png') center right no-repeat;
}
.reminderNotImportant .reminderDate {
    background: url('../../images/notimportant.png') center right  no-repeat;
}

.reminderList .reminder .reminderTitle
{
    font-weight: bold;
}
.reminderEntityLink
{
    margin-bottom: 6px; 
    padding: 0;
}
a.reminderButton {
    margin: 10px 10px 10px 0;
    color: #FFF;
}
.reminderActions
{
    overflow: auto;
    border: 1px #666 solid;
    border-top: 0;
    background-color: #F8F8F8;
    margin-bottom: 10px;
}
.reminderActions a {
    padding: 6px 20px;
    background-color: #FFF;
    display: block;
    float: left;
    border-right: 1px #999 solid;
    text-transform: uppercase;
}
    .reminderActions a:hover {
        background-color: #DDD;
    }

.reminderContents {
    padding: 0px 5px 5px 15px;
}
.reminderFull {
    margin-top: 10px;
    border: 1px #666 solid;
    background-color: #FFF;
    padding: 5px 10px;
    max-height: 250px;
    overflow-y: auto;
}
.reminderList .reminder.selected,.reminderList .reminder.selected:hover {
    background-color: #DDD;
    cursor: auto;
}
.reminderFull .reminderNote {
    padding: 10px;
}

    .reminderFull .reminderOthers {
        color: #999;
        font-size: 75%;
    }
.resolveoptions
{
    overflow: auto;
}
.resolveoptions div
{
    width: 150px;
    float: left;
}
.tabcontainer
{
overflow: auto;
padding: 5px 0;
}

.tabs,.tabcontent
{
    margin: 0 10px;
    overflow: auto;
}
.tabcontent
{
    padding-top: 8px;
    border: 1px #DDD solid;
}
.tabs a
{
    cursor: pointer;
    background-color: #F3F3F3;
    color: #777;
    padding: 12px;
    display: block;
    border: 1px #CCC solid;
    border-left: 0;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    float: left;
}
.tabs a:first-child { border-left: 1px #CCC solid; }
.tabs a.selectedtab
{
    color: #111;
    background-color: #CCC;
    border-color: #BBB;
}

.tip {
    display: none;
    background: #fe9;
    border: 1px solid #fa6;
    padding: 4px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 350px;
    z-index: 500;
}
/* arrows - :before and :after */


#tipcontent {
    float: left;
    font-size: 80%;
    width: 300px;
    line-height: 20px;
}

#tip_close {
    font-size: 18px;
    line-height: 20px;
    float: right;
    width: 20px;
    color: #000;
    cursor: pointer;
    text-align: right;
}

#tip_close:hover {
    color: #F00;
}


.morerecentlyviewed {
    font-weight: bold;
    margin-top: 10px;
}

.hidedirectionlink {
    display:none;
}

.showdirectionlink {
    display: inline;
}

.directionlinkcontainer {
    margin: 0;
    padding: 0;
}

/*===== Search Results / History=========================================*/
.result { 
   margin: 10px 0;
}

.nextbutton {
    float: right;
}

.searchresulttitle {
    text-align: center;
}

.searchresultcontainer {
    min-height: 200px;
}

.displaytext {
    font-weight: bold;
    color: #333;
}

.secondarytext {
    line-height: 120%;
    color: #BBB;
}

div.secondarytext {
    margin-left: 10px;
    font-size: 90%;
    margin-top: 2px;
}

span.secondarytext {
    margin-left: 5px;
}

.pagingdetails {
    text-align: center;
    color: #999;
}

.lastbutton,.nextbutton { 
    padding: 10px;
}


/*===== Admin Stuff =================================================*/

.adminheader
{
    border: 1px #FCC solid;
    background-color: #FEE;
    border-radius: 10px;
    padding: 0 10px;
}
.adminheader h1
{
    color: #C00;
}
.adminheader .links
{
    margin: 0 0 10px;
    overflow: auto;
}
.adminheader .links a,.adminheader .links a:visited
{
    color: #A77;
    background-color: #FDD;
    border: 1px #FBB solid;
    border-radius: 8px;
    margin-right: 10px;
    padding: 5px 15px;
    display: block; 
    float: left;
}
.adminheader .links a:hover
{
    background-color: #ECC;   
}

/*===== Fonts / Headings=================================================*/
.entityheader {
    overflow: hidden;
}
.entityheader h1 { 
	font-size: 140%; 
    padding: 14px 5px 0px;
    overflow: hidden;
}
#cboListOfBoxes {
    display: none;
    margin: 0 5px;    
    width: 200px;
}

.entitysubheader .OrgPortalLink{
    margin: 3px 5px;
    text-align: left;
}

    .entityheader h1 { 
        float: left;
        max-width: 600px;
    }

.entityheader .FavouriteIcon {
    width: 30px;
    float: left;
    margin-top: 7px;
}
.entityheader .FavouriteIcon .NotFavourite {
    background: url('../../images/icons/favorite_off.png') center center no-repeat;
}
.entityheader .FavouriteIcon .Favourite {
    background: url('../../images/icons/favorite_on.png') center center no-repeat;
}
.entityheader .FavouriteIcon .NotFavourite,
.entityheader .FavouriteIcon .Favourite {
    cursor: pointer;
    height: 30px;
    width: 30px;
}
h4.favourite {
    padding-bottom: 2px;
}
.favouriteresult {
    margin: 10px 0 10px 10px;
}
@media only screen and (min-width: 600px) {
    #cboListOfBoxes {
        width: 250px; 
        float: right;
        margin: 4px 10px 0 0;
    }

}
/* editable Table */
table.reminderTable 
{
    margin: 5px 2%;
    width: 96%;
}   
table.reminderTable tbody tr td,table.reminderTable thead tr th
{
    font-size: 80%;
    padding: 4px 1px;
    vertical-align: middle;
}

table.editableTable
{
	border-spacing:0;
	border-collapse:collapse;
    table-layout: fixed;
}

table.editableTable th
{
	background-color: #e3e3e3;
    border-right: 1px #ccc solid;
	color: #888;
}

table.editableTable td
{ 
    color: #333; 
    border-right: 1px #ddd solid;  
    border-top: 1px #ddd solid;
}
table.editableTable tbody tr td[data-editallowed="true"] { vertical-align: top; }
table.editableTable th:last-child, table.editableTable td:last-child{ border-right: 0; }
table.editableTable tr:nth-child(even) td { background-color: #F6F6F6; }
table.editableTable tr:hover td { background-color: #FAFAFA; cursor: pointer; }
table.editableTable tr:nth-child(even):hover td { background-color: #F2F2F2; cursor: pointer; }
table.editableTable tr[data-editing="true"] td { background-color: #FFD; }

table.editableTable td.actions { padding: 1px; }
table.editableTable td.actions div { overflow: auto;width: 70px; margin: 0 auto; }
table.editableTable td.actions a 
{ 
    display: block;
    width: 32px;
    height: 21px;
    float: left;
    margin-right: 3px;
}

table.editableTable td.actions a.editlink {background:url('../../images/edit.png') top center no-repeat;}
table.editableTable td.actions a.editlink:hover {background:url('../../images/edit.png') bottom center no-repeat;}
table.editableTable td.actions a.deletelink{background:url('../../images/delete.png') top center no-repeat;}
table.editableTable td.actions a.deletelink:hover {background:url('../../images/delete.png') bottom center no-repeat;}


table.editableTable td.actions a.oklink { background: url('../../images/icons/checkmark.png') center center no-repeat; }
table.editableTable td.actions a.cancellink { background: url('../../images/icons/unchecked.png') center center no-repeat; }

table.editableTable input:focus, table.editableTable select:focus, table.editableTable .oklink:focus, table.editableTable .cancellink:focus  { background-color: #FFA; border: 1px #999 solid; }
table.editableTable select, table.editableTable input { height: 20px; line-height: 20px; padding: 0; }
table.editableTable input[type="text"] { margin: 0; }
table.reminderTable tbody tr td input.hasDatepicker {background: none #FFF; }
table.reminderTable thead tr.mobileonly { display: none; }

.menu {
    width: 200px;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000;
    height: 100%;
    margin: 0;
}

.menu-background {
    display: none;
    z-index: 199;
    position: fixed;
    width: 100%;
    height: 100%;
}

.animateMenu {
   transition: 0.5s ease all;
}
#inner_content.pushed {
    padding-left: 170px;
}
.innermenu {
    padding: 50px 0 0 0;
    background-color: #444;
    height: 100%;
    
}
.innermenu > ul {
    width: 100%;
    float: left;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.collapsedmenu .innermenu > ul {
    width: 50px;
}

.menubar {
    float: right;
    z-index: 200;
    width: 10px;
    height: 100%;
    padding: 0;
    margin: 0;
    box-shadow: 3px 0px 4px #333;
}

.menu.collapsedmenu {
    width: 50px; 
}

.menu > .innermenu > ul {
    overflow: hidden;
}
.menu > .innermenu > ul > li {
    border-bottom: 1px #666 solid;
    line-height: 40px;
    height: 40px;
    cursor: pointer;
    transition: 0.5s ease color;
}
.menu > .innermenu > ul > li > a {
    color: #BBB;
    font-weight: bold;
    height: 100%;
    width: 100%;
    display: block;
    padding-left: 50px;    
}


.menu > .innermenu > ul > li:hover > a{
    color: #EEE;
    transition: 0.5s ease color;
}

.menu .submenu {
    background-color: #EEE;
    display: none;
    color: #000;
    position: fixed;
    top: 0;
    left: 200px;
    padding: 50px 0 0 0;
    height: 100%;
    float: left;
    z-index: 400;
    
}

.menu.collapsedmenu .submenu {
    left: 50px;
}
.menu .submenu.single {
    width: 300px;
}
.menu .submenu.double {
    width: 600px;
}
.menu .colorbar {
    width: 5px;
    height: 100%;
    float: left;
}
.submenu .colorbar {
    float: right;
}

.menu .tealcolorbar {
    background-color: #078;
    background: linear-gradient(to top right, #056, #078, #09A);
    color: #FFF;
}
.menu > .innermenu > ul > li.orangecolorbar > a,
.menu > .innermenu > ul > li.greencolorbar > a,
.menu > .innermenu > ul > li.redcolorbar > a,
.menu > .innermenu > ul > li.bluecolorbar > a,
.menu > .innermenu > ul > li.purplecolorbar > a,
.menu > .innermenu > ul > li.pinkcolorbar > a,
.menu > .innermenu > ul > li.silvercolorbar > a,
.menu > .innermenu > ul > li.darkbluecolorbar > a
{
    color: #FFF;
}

.menu .innermenu ul li.redcolorbar .rednotification {
    background-color: #FC0;
    border-color: #444;
    color: #000;
}
.menu .orangecolorbar {
    background-color: #D96D00;
    color: #FFF;
}
.menu .greencolorbar {
    background-color: #A9C023;
    color: #FFF;
}
.menu .redcolorbar {
    background-color: #B32700;
    color: #FFF;
}
.menu .bluecolorbar {
    background-color: #1887CA;
    color: #FFF;
}
.menu .yellowcolorbar {
    background-color: #D59D2C;
    color: #FFF;
}
.menu .purplecolorbar {
    background-color: #6E51A8;
    color: #FFF;
}
.menu .pinkcolorbar {
    background-color: #D66188;
    color: #FFF;
}

.menu .silvercolorbar {
    background-color: #888;
    color: #FFF;
}
.menu .greycolorbar {
    background-color: #222;
    color: #FFF;
}
.menu .browncolorbar {
    background-color: #F6D922;
    color: #000 !important;
}

.menu .admincolorbar {
    background-color: #3FA8E9;
    color: #FFF;
}
/* DAP - UW-17-0912 */
.menu .reloadctcolorbar {
    background-color: #FFFFFF;
    color: #FFF;
}

.menu .togglebundlingcolorbar {
    background-color: blue;
    color: blue;
}

.menu #menuHome a {
    background: url('../../images/menu/icon-home.png') 9px center no-repeat;
    background-size: 32px 32px;
}
.menu #menuReminders a {
    background: url('../../images/menu/icon-reminders.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuProcesses a {
    background: url('../../images/menu/icon-process2.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu a[data-menuaction="favourites"] {
    background: url('../../images/menu/icon-favorite.png') 9px center no-repeat;
    background-size: 32px 32px;
}
.menu li.browncolorbar a[data-menuaction="favourites"] {
    color: #000 !important;
}
.menu #menuReports a {
    background: url('../../images/menu/icon-process1.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuSearch a {
    background: url('../../images/menu/search-icon.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuRecentActivity a {
    background: url('../../images/menu/icon-activity.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuScreenLayout a {
    background: url('../../images/menu/icon-layout.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuProfile a {
    background: url('../../images/menu/icon-profile.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu a[data-menuaction="help"] {
    background: url('../../images/menu/icon-help.png') 9px center no-repeat;
    background-size: 32px 32px;
}


.menu [data-menuaction="admin"] {
    background: url('../../images/menu/admin.png') 9px center no-repeat #222;
    color: #EEE;
    background-size: 32px 32px;
}
.menu [data-menuaction="reloadct"] {
    background: url('../../images/menu/reloadct.png') 9px center no-repeat #222;
    color: #EEE;
    background-size: 32px 32px;
}

.menu [data-menuaction="togglebundling"] {
    background: url('../../images/menu/icon-process2.png') 9px center no-repeat #222;
    color: #EEE;
    background-size: 32px 32px;
}

.menu #menuHome a:hover, .menu #menuHome.colorbar a{
    background: url('../../images/menu/icon-home-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}
.menu #menuReminders a:hover, .menu #menuReminders.colorbar a {
    background: url('../../images/menu/icon-reminders-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuProcesses a:hover, .menu #menuProcesses.colorbar a {
    background: url('../../images/menu/icon-process2-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}
.menu a[data-menuaction="favourites"]:hover{
    background: url('../../images/menu/icon-favorite-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuReports a:hover, .menu #menuReports.colorbar a {
    background: url('../../images/menu/icon-process1-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuRecentActivity a:hover, .menu #menuRecentActivity.colorbar a{
    background: url('../../images/menu/icon-activity-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuScreenLayout a:hover, .menu #menuScreenLayout.colorbar a{
    background: url('../../images/menu/icon-layout-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu #menuProfile a:hover, .menu #menuProfile.colorbar a {
    background: url('../../images/menu/icon-profile-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu a[data-menuaction="help"]:hover {
    background: url('../../images/menu/icon-help-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}
.menu [data-menuaction="reloadct"]:hover {
    color: #fff;
    background: url('../../images/menu/reloadct-active.png') 9px center no-repeat #222;
    background-size: 32px 32px;
}



.menu #menuToggle a {
    background: url('../../images/menu/icon-close.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu.collapsedmenu #menuToggle a {
    background: url('../../images/menu/icon-open.png') 9px center no-repeat;
    background-size: 32px 32px;
}


.menu #menuToggle a:hover {
    background: url('../../images/menu/icon-close-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}

.menu.collapsedmenu #menuToggle a:hover {
    background: url('../../images/menu/icon-open-active.png') 9px center no-repeat;
    background-size: 32px 32px;
}



.submenu h3.submenutitle {
    color: #444;
    font-size: 120%;
    text-transform: uppercase;
    padding: 15px 0 3px 10px;
}

.submenu a.closesubmenu {
    color: #FFF;
    border-bottom: 1px #AAA solid;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 100%;
}

.menu > .innermenu > ul > li.yellowcolorbar > a,
.submenu a.closesubmenu.yellowcolorbar {
    color: #000;
}
.submenu .submenucontents {
    padding: 0 10px 0 20px;
    max-height: 88%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.submenucontents .displaytext {
    font-weight: normal;
}

.submenucontents .secondarytext, .submenucontents .entityname {
    color: #777;
}
h4.DataManagementType{
    padding: 3px;
    margin-top: 10px;
}
ul.DataManagement {
    margin-bottom: 0;
}
ul.DataManagement li {
    padding: 4px 4px 4px 15px;
    border-top: 1px #CCC solid;
    cursor: pointer;
}
ul.DataManagement li:first-child {
    border-top: 0;
}

.submenucontents h4{
    text-transform: uppercase;
    color: #777;
    font-size: 110%;
}
.boxselector .checkwrapper {
    overflow: auto;
    margin-left: 10px;
    font-size: 80%;
}
.columnmenu {
    height: 40px;
    width: 280px;
    background: url('../../images/columns-selector-bg.png') bottom left no-repeat;
    padding: 0px;
    margin: 10px 0;
}
.submenu input[type="submit"] {
    margin: 5px 10px 0 0;
    float: right;
}
.checkwrapper {
    margin-bottom: 3px;
}

.boxselector input, .boxselector img, .boxselector label
{
    float: left;    
}
.boxselector img {
    margin: 0 3px;
}

.boxselector fieldset {
     border: 1px #BBB solid;
     padding-bottom: 10px;
}
.boxselector fieldset legend{
    color: #777;
}
.boxselector fieldset label
{
    font-weight: normal;
    margin: 3px 0;
    max-width: 180px;
} 

.submenucontents .buttons{
    margin: 0 2%;
}

.submenucontents .submitbutton {
    width: 100%;
    color: #FFF;
}
.columnmenu ul {
	margin:0px;
	padding:0px;
    list-style: none;
}

.columnmenu ul li {
	height: 40px;
	width: 39px;
	float: left;
	margin-right: 1px;
}

.columnmenu ul li a {
	height: 100%; 
	width: 100%;
	display: block;
	text-indent:  -5000px; 
} 

.columnmenu ul li:hover {
	border: 1px solid #494;
}

.columnmenu ul li a.column-selector-active {
	border: 1px solid #999;
}

.rednotification
{
    color: #FFF;
    font-weight: bold;
    float: left;
    margin-top: 20px;
    margin-left: 18px;
    z-index: 50;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align:center;
    border: 1px #C00 solid;
    border-radius: 3px;
    background: none;
    background-color: #A00;
    font-size: 8pt;
       display: none;
}


.menu li:hover .rednotification
{
    background-color: #D00;
    border-color: #F00;
}
@media only screen and (max-width: 599px) {
    #messageContainer, #errorContainer {
        margin: 50px 10px;
    }
    .loginform {
        margin-top: 50px;
    }
    .header_title .rednotification {
        margin-right: 50px; 
        margin-top: 25px;         
       display: none;
    }
    nav {
        text-align: center; 
        min-width: 300px;       
    }

    h1.header_title {
        float: left;
        width: 60px;
    }
    h1.header_title.unauthenticated {
        width: 120px;
    }
    a.headerlink {
        background: url('../../images/mobilelogo.png') center center no-repeat;
        width: 40px;
    }

    a.headerlink.unauthenticated {
        background: url('../../images/ulink.png') left center no-repeat;
        width: 120px;
    }
    
    .header_search {
        float: right;
        width: 230px;
        margin-right: 10px;
    }
    .searchbox {
        padding: 0 5px 0 5px;
    }
    .leftsearch {
        width: 150px;
    }
    .rightsearch {
        width: 70px;
    }
    .rightsearch .btnsearch {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 50px;
    }

    .entityheader h1{ 
		font-size: 140%; 
	}

    .header_user {
         display: none;
    }

    .menu.collapsedmenu, .collapsedmenu .innermenu ul  {
        width: 0;
    }
    #footer { 
        color: #CCC;
        padding: 5px 0 70px;
        background-color: #000;
    }

    .footer_user { 
        color: #CCC; 
        text-align: center;
        padding-bottom: 10px;
        display: block;
    }
    
    .footer_user .username {
        font-weight: bold; 
    }

    .footer_user div { 
        display: inline; 
    }

    .settingsbox { 
        display: none;
    }

    .tip { 
        display: none !important; 
    }

    .footer_buttons a {
        width: 50px;
        height: 50px;
        margin: 0 5px 10px;
        display: block;
        float: left;
        border: 1px #777 solid;
        border-radius: 4px;
    }

    #footer a,#footer a:visited {
        color: #494;
    }
    #footer a:hover {
        color: #4C4;
    }
    #footer .username a, #footer .username a:visited
    {
        color: #CCC;
        display: inline;
        padding: 0;
    }
   
    #footer .username a:hover{
        color: #FFF;
    }
    #content_wrapper { 
        min-height: 600px;
    }
    
    .searchbtn {
        padding: 8px 0px;
        margin: 9px 0px;
    }

    /*Oct 2019 - VSS - UW-19-0919*/
    #footer .username_test_environment a, #footer .username_test_environment a:visited {
        font-weight: bold;
        color: #FF55FF;
        display: inline;
        padding: 0;
    }

    #footer .logout_test_environment a, #footer .logout_test_environment a:visited {
        color: #FF55FF;
        display: inline;
        padding: 0;
    }
    

    /*===== Fonts / Headings=================================================*/
    .headerbar h1 {  
        margin: 0px auto; 
        background: none;  
    }

    table.reminderTable
    {
        overflow: auto;       
        table-layout: fixed; 
    }

    table.reminderTable thead 
    {
        float: left;
        display: block;
        width: 30%;
    }
    table.reminderTable tbody 
    {
        float: left;
        display: block;
        width: 70%;
    }
    table.reminderTable thead tr.mobileonly { display: block; border-top: 1px #CCC solid; }
    table.editableTable td.actions div {
        width: 130px;
    }
    table.editableTable td.actions a 
    {
        width: 60px;
    }
    table.reminderTable thead tr, table.reminderTable tbody tr, table.reminderTable thead tr th, table.reminderTable tbody tr td
    {   
        display: block;
        width: 100%;
    }
     table.reminderTable thead tr th, table.reminderTable tbody tr td 
     {
        height: 27px;
        padding: 3px 4px;
        line-height: 15px;
     }
}




@media only screen and (min-width: 600px) 
{   
    
    
    #content_wrapper { padding: 50px 0 0 50px; }

    .header_wrapper {
        height: 50px;
    }
    
    nav {
        margin: 0 auto; 
        min-height: 50px;   
    }

    .header_title { 
        float: left; 
    }
    .header_search {
        float: left;
    }
    
    
    #footer_wrapper { 
        margin-top: 130px; 
    }

    .copyright {
        color: #DDD;
    }
    
    .copyright a,.copyright a:visited {
        color: #BBB;
    }

    .footer_buttons { 
        display: none;
    }

    .privacylink {
        margin: 2px;
    }

    .privacylink span {
        color: #BBB;
    }

    .privacylink span:hover {
        color: #555;
        cursor: pointer;
    }

    /*===== Page Settings, etc. =============================================*/
  
 

    /*===== Fonts / Headings=================================================*/
}			

@media only screen and (max-width: 599px) {
    .header_search {
            margin-left: 0px;
    }
}
@media only screen and (min-width: 700px) 
{
    nav {
        padding: 0 0 0 50px;
    }
    .header_search {
           margin-left: 10%;
    }
}
@media only screen and (min-width: 900px) 
{
    .header_search {
           margin-left: 30%;
    }
}


@media only screen and (min-width: 600px) 
{
    nav
    {
        padding: 0 0 0 10px;
        margin: 0;
    }
}



@media only screen and (min-width: 700px) {
    nav {
        padding: 0 10px 0 50px;
    }
}

html.oldie input[type="text"], html.oldie input[type="password"],html.oldie select, html.oldie textarea
{
    padding: 0 3px;
    line-height: 28px;
    height: 28px;
    color: #999;
}
html.oldie .visualizations { display: none; }
html.oldie .pickEntity { display: none; }
html.oldie #inner_content { width: 90%; margin: 0 5%; }

html.oldie .boxcontainer
{
    
    overflow: visible;
    position: static;
}
html.oldie .boxcontainer,html.oldie .sortable
{
    padding: 0;
}
html.oldie .portlet
{
    margin: 2%;
    width: 96%;
    height: auto;
}
html.oldie .ui-sortable-placeholder
{
    height: 100px;
    background-color: #FE9;
}
html.oldie .portlet-content
{
    height: auto;
    width: 100%;
    padding: 0;
    margin: 0;
}

html.oldie .reveal-modal-bg
{
     opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60); 
    zoom: 1;
}
html.oldie .header_search
{
    left: 300px;
}

html.oldie table { margin: 0; }

.CalendarSubscribeHelpEnglish {
    padding-top: 30px;
}
.CalendarSubscribeHelpEnglish ul,
.CalendarSubscribeHelpEnglish ol,
.CalendarSubscribeHelpFrench ul,
.CalendarSubscribeHelpFrench ol {
    padding-left: 10px;
}
    .CalendarSubscribeHelpEnglish li , .CalendarSubscribeHelpFrench li {
        display: list-item;
    }
.CalendarSubscribeHelpEnglish .GoogleAddByURL {
    width: 519px;
    height: 209px;
    margin: 10px 30px;
    background: url('../../images/d_GoogleAddByURL_01.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .iPhoneUlinkAddToCalendar {
    width: 320px;
    height: 586px;
    background-size: contain;
    margin: 10px 30px;
    background-image: url('../../images/d_iPhoneUlinkAddToCalendar.png');
}
.CalendarSubscribeHelpEnglish .OutlookAddCalendar {
    width: 374px;
    height: 191px;
    margin: 10px 30px;
    background: url('../../images/d_OutlookAddCalendar_1.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .OutlookNewInternetSubscription {
    width: 386px;
    height: 128px;
    margin: 10px 30px;
    background: url('../../images/d_OutlookNewInternetSubscription_1.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .OutlookSubscriptionOptions {
    width: 759px;
    height: 447px;
    margin: 10px 30px;
    background: url('../../images/d_OutlookSubscriptionOptions_1.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .uLinkAddToCalendar {
    width: 761px;
    height: 232px;
    margin: 10px 30px;
    background: url('../../images/d_uLinkAddToCalendar_1.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .GoogleOtherCalendarAdd {
    width: 477px;
    height: 214px;
    margin: 10px 30px;
    background: url('../../images/x_GoogleOtherCalendarAdd_01.png') center center no-repeat;
}
.CalendarSubscribeHelpEnglish .iPhoneAddAccount {
    width: 320px;
    height: 586px;
    background-size: contain;
    margin: 10px 30px;
    background-image: url('../../images/x_iPhoneAddAccount.png');
}
.CalendarSubscribeHelpEnglish .OutlookAddCalendarFromInternet {
    width: 491px;
    height: 282px;
    margin: 10px 30px;
    background: url('../../images/x_OutlookAddCalendarFromInternet_01.png') center center no-repeat;
}

table.documentsonnotes  {
    width: 100%;
}
table.documentsonnotes .documentdetails p {
    font-size: 80%;
    line-height: 100%;
    margin: 2px 0;
}
table.documentsonnotes tr.nodocuments td {
    color: #777;
}

.fieldrow .jqx-widget {
    border-left: 1px #999 solid;
    padding-bottom: 0;
}


/* HW2018 */
.googleMapMarkerLink {
    display: block;
    padding-left: 25px;
    height: 25px;
    line-height: 25px;
    margin: 0 0 8px -2px;
    background-position: left center;
}
.googleMapMarkerLink.contactsheetaddicon, .googleMapMarkerLink.contactsheetaddicon:hover {
    background-position: left center;
}
.directionsicon {
    background: url('../../images/icons/directions.png') center left no-repeat;
}
.directionsicon:hover {
    background: url('../../images/icons/directions_hover.png') center left no-repeat;
}

.PlanTripInstructions{
    padding: 5px 0 15px;
}
.plantriprow{
    padding: 5px 0;
}
.GoogleMapButtons > a, .AssignOrganizerButtons a, #btnAutoAssign, #btnCancel, #btnGeneratePlanTrip { 
    padding: 3px 20px;
    margin: 2px 0 5px 5px;
    display: inline-block;
    color: #555;
    background-color: #F7F7F7;
    border: 1px #BBB solid;
    border-radius: 3px;
    text-align: center;
}
#btnCancel, #btnGeneratePlanTrip { float: right; }
.BlitzTurfHasBeenCutIcon {
    display: inline-block;
    padding-left: 30px;
    line-height: 20px;
    height: 20px;
    color: #090;
    font-weight: bold;
    background: url('../../images/icons/turfhasbeencut.png') no-repeat 5px center;
}
.GoogleMapButtonContent fieldset{
    margin: 8px 0;
    padding: 8px;
}
.AssignOrganizerControls {
    padding-top: 10px;
}
.AssignOrganizerButtons
{
    margin-bottom: 10px;
    overflow: auto;
}
.AssignOrganizerButtons .SaveWarning {
    font-weight: bold;
    color: #F00;
    margin-bottom: 10px;
}
.AssignOrganizerButtons .SaveMessage {
    font-weight: bold;
    color: #494;
}
.AssignOrganizerButtons a, #btnAutoAssign {
    float: right;
}
.LegendColumnLabel {
    text-align: center; 
    font-weight: bold;
    padding-bottom: 5px;
}
.AssignOrganizerLegend .legenditem {
    border-left: 30px #FFF solid;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    margin-bottom: 5px;
    display: block;
    float: none;
    overflow: hidden;
}
.AssignOrganizerLegend .legend_brown { border-left-color: #903722; }
.AssignOrganizerLegend .legend_darkred { border-left-color: #5D0000; }
.AssignOrganizerLegend .legend_red { border-left-color: #C31A21; }
.AssignOrganizerLegend .legend_pink { border-left-color: #BB5595; }
.AssignOrganizerLegend .legend_orange { border-left-color: #F89D1C; }
.AssignOrganizerLegend .legend_gold { border-left-color: #D4902A; }
.AssignOrganizerLegend .legend_yellow { border-left-color: #FFD251; }
.AssignOrganizerLegend .legend_lightgreen { border-left-color: #9FAC39; }
.AssignOrganizerLegend .legend_green { border-left-color: #568F4E; }
.AssignOrganizerLegend .legend_darkblue { border-left-color: #063A77; }
.AssignOrganizerLegend .legend_blue { border-left-color: #0076A8; }
.AssignOrganizerLegend .legend_lightblue { border-left-color: #A4B1D2; }
.AssignOrganizerLegend .legend_purple { border-left-color: #310176; }
.AssignOrganizerLegend .legend_lightpurple { border-left-color: #947AB7; }
.AssignOrganizerLegend .legend_lightgray { border-left-color: #9b979D; }
.AssignOrganizerLegend .legend_gray { border-left-color: #6D6970; }
.AssignOrganizerLegend .legend_darkgray { border-left-color: #37343A; }
.AssignOrganizerLegend .legend_black { border-left-color: #000000; }

/* hack week*/
.dynamiclegend {
    overflow: hidden;
    padding-bottom: 5px;
}
    .dynamiclegend .legenditem {
        float: left;
        overflow: hidden;
        margin-bottom: 2px;
    }
.dynamiclegend .legenditem span, .dynamiclegend .legenditem img {
    display: block;
    float: left;
    height: 32px;
}
.dynamiclegend .legenditem span
{
    line-height: 32px;
}
    /* end hack week*/

    .WalkingList {
        width: 8in;
        margin: 0.25in;
    }
.WalkingList .LastResponse{
    font-size: 80%;
}
.WalkingList h3{
    padding: 0;
}
.WalkingListCoverSheetMap {
    width: 7.5in;
    height: 4.5in;
    margin: 0.1in auto;
}
.WalkingListCoverSheet {
    page-break-inside: avoid;
    page-break-after: always;
}
.WalkingListCoverSheet h1 {
    font-size: 40px;
    text-align: center;
    padding: 0 0 0.1in 0;
}
.WalkingListCoverSheet h2 {
    font-size: 120%;
    line-height: 120%;
    text-align: center;
    padding: 0;
}
.WalkingListCoverSheetPerson{
    font-size: 100%;
    line-height: 120%;
}
.WalkingListItem {
    padding: 0.1in;    
    break-inside: avoid;
    break-after: always;
    page-break-inside: avoid;
    page-break-after: always;
}

.WalkingListItem .columns {
    padding: 2px;
}

.WalkingListItem.BlankContactSheet {
    break-after: avoid;
    page-break-after: avoid;
}

.WalkingListNotes{
    padding-bottom: 1in;
}
.WalkingListNotes.BlankContactSheet {
    padding-bottom: 0;
}
.WalkingListSection {
    margin-bottom: 0.1in;
}
.WalkingListItemHeader{
    margin-bottom: 0.2in;
}
/*.WalkingListItemHeader .LastConversation {
    margin-top: 0.1in;
    margin-bottom: 0.1in;
}*/
.WalkingListItemHeader div span {
    font-weight: bold;
}
.WalkingListItemHeader.BlankContactSheet div {
    line-height: 150%;
    margin-top: 0.1in;
}
.WalkingListItem.BlankContactSheet .InfoSection {
    border-left: 1px solid black;
    padding-left: 10px;
}
.WalkingListItem.BlankContactSheet .QuestionSection {
    padding-right: 10px;
}
.WalkingListItemHeader.BlankContactSheet div.FirstItem {
    margin-top: 0;
}
.WalkingListItemHeader.BlankContactSheet div.DataLine {
    margin-top: 0;
}
.WalkingListQRCodes {
    margin-bottom: 0.2in;
}
.WalkingListQRCodes h5 {
    margin-bottom: 0.1in;
    text-align: center;
}
.WalkingListJobFields {
    width: 100%;
    padding-top: 0.15in;
}

.QRCode {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.WalkingListMap{
    height: 200px;
    width: 200px;
    margin: 0 auto;
}
.WalkingListQuestion span{
    font-weight: bold;
}
div.WalkingListAnswer{
    text-align: center;
    padding: 0.1in !important;
}
.WalkingListInstructions {
    font-style: italic;
}
.WalkingListSection [data-assessmentcount] {
    overflow: auto;
}
.WalkingListSection [data-assessmentcount] .WalkingListAnswer {
    float: left;
}
    .WalkingListSection [data-assessmentcount="1"] .WalkingListAnswer { width: 100%; }
    .WalkingListSection [data-assessmentcount="2"] .WalkingListAnswer { width: 50%; }
    .WalkingListSection [data-assessmentcount="3"] .WalkingListAnswer { width: 33.33%; }
    .WalkingListSection [data-assessmentcount="4"] .WalkingListAnswer { width: 25%; }
    .WalkingListSection [data-assessmentcount="5"] .WalkingListAnswer { width: 20%; }
    .WalkingListSection [data-assessmentcount="6"] .WalkingListAnswer { width: 16.66%; }
    .WalkingListSection [data-assessmentcount="7"] .WalkingListAnswer { width: 14.2%; }
    .WalkingListSection [data-assessmentcount="8"] .WalkingListAnswer { width: 25%; }

    .WalkingListInstructions .YesInstructions,.WalkingListInstructions .NoInstructions{
        font-size: 80%;
    }
/* END HW2018 */

#btnChooseMapAreas {
    padding: 3px 20px;
    margin: 2px 0 5px 0;
    display: inline-block;
    color: #555;
    background-color: #F7F7F7;
    border: 1px #BBB solid;
    border-radius: 3px;
}
.jqx-widget-content, .jqx-fill-state-normal {
    font-family: inherit !important;
    font-size: 95% !important;
}
.jqxChartContent table tbody tr td, .jqxChartGaugeContent table tbody tr td, .jqxChartLinearGaugeContent table tbody tr td
{
    padding: 0;
}

.jqxChartContent table,.jqxChartGaugeContent table, .jqxChartLinearGaugeContent table {
    border: 0;margin: 0
}
.jqxChartGaugeContent {
    margin: 0 auto;
}
.jqxChartHeatmapContent a {
    color: #FFF;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.jqxChartHeatmapContent a:hover {
    color: #FF0;
}

.jqx-tooltip { z-index: 9999999 !important; }

.fieldrow input[type="checkbox"].CheckAlignLeft {
    margin-left: 0px;
}
.fieldrow input[type="checkbox"].CheckAlignCenter {
    margin: 9px auto 12px;
    display: block;
}
.fieldrow input[type="checkbox"].CheckAlignRight {
    margin: 9px 0 12px auto;
    display: block;
}

@media print {
    .hidewhenprinting { display: none; }
    .header_wrapper, .footer_wrapper, .menu, #footer_wrapper {
        display: none;
    }
    #inner_content.pushed {
        margin: 0;
        padding: 0;
    }
 
	.sortable { 
		padding: 0 12px !important; 
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;  
	}	
    .WalkingListCoverSheetMap a[href]:after, .WalkingListMap a[href]:after {
        content: none !important;
    }

}

/* Aug 2019 - DAP - UW-19-0840 */
.jqx-scheduler-toolbar-details.uw-showmonthname {
    /* Cheating a bit here and hiding the text by making it the same colour as the background.  
        If we hide it with display none then it will hide our before content as well and we don't want that.
        Also, the month name was made as before content because that worked best for usability.  Doing it
        in javascript made the header switch back and forth / flicker if the user resized their screen. 
    */
    color: #fff;
    display: inline;
}
.jqx-scheduler-toolbar-details.uw-showmonthname::before {
    content: attr(uw-monthname);
    font-size: 110%;
    font-weight: bold;
    color: #666;
}

span.label_appearance {
    font-weight: bold;
    padding: 0 0;
}

/* Begin DevExpress tweaks */

/* This one is here because foundation.css adds a bunch of stuff space that really messes with divs and makes the table look stupid */
.dx-datagrid-table {
    margin: 0;
    padding: 0;
    border-spacing: 0px 2px;
}

.uw-duigrid-columnlink {
    cursor: pointer;
}

/* This one is here because otherwise multi-line rows stay visible behind other rows when dragging rows around */
.dx-sortable-source-hidden{
    opacity: 0;
}

/* DevExpress handles draggable rows by creating a clone of the row in the element specified by "container".  That clone is then moved around by style: translate, leaving
    it to take up space in the container.  This causes our DynamicUI to grow/shrink as you start/stop dragging rows.  Turns out we can give the placeholder a size of 0
    so that it doesn't take up space, but its translated inner html still moves around just fine.  Or something like that. */
.dx-sortable-dragging {
    height: 0px;
    width: 0px;
}

/* We want the table portion of the control - including both the header table and the content table - to take up 100% of container width. 
    Default behavior doesn't seem to do this if the columns aren't wide enough to fill the space on their own.  
    Instead we are left with an ugly gap to the right of the grid. */
.dx-datagrid-table {
    width: 100%;
}

/* We never want to display the No Data text.  Our onchangerefreshgrid property doesn't clear it, and we hide the entire grid container if it's empty, anyways. */
.dx-datagrid-nodata {
    display: none;
}

/* Mobile entitydetail.css adds padding back that we again need to eliminate for devexpress controls to look right */
@media only screen and (max-width: 767px) {
    .fieldrow .dx-viewport {
        margin-top: 10px;
    }

    .fieldrow .dx-viewport div {
        margin: 0;
        padding: 0;
        border-spacing: 0px 2px;
    }
}

    /* End DevExpress tweaks */

.uw-dui-grid {
    padding-bottom: 10px;
}

.uw-dui-grid-empty {
    font-weight: bolder;
    padding-top: 20px;
    padding-bottom: 20px;
}

.uw-dui-grid .dx-datagrid-checkbox-size .dx-checkbox-icon {
	display: inline-block;
}

.uw-dui-grid .dx-checkbox-checked .dx-checkbox-icon:before {
    position: relative;
    display: contents;
}

.uw-dui-grid .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    position: relative;
    display: contents;
}

.uwhelpvideo {
    max-width: 100vw;
    max-height: 100vh;
}


/*uw Search*/
.search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 10px;
}

.search-cell {
    display: block;
    margin-right: 10%; 
}

.search-frame{
    width: 100%;
}

.search-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 0em; /* Optional: space between tabs */
    padding: 0;
    margin: 0;
    list-style: none;
}

.search-tabs li {
    flex: 0 0 auto; /* Prevents shrinking, keeps each tab its natural width */
    margin-right: 0px;
    padding: 5px 15px;
    cursor: pointer;
}

.search-tabs li.active {
    background: #fff;
    font-weight: bold;
}

.search-tab-content {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
}

button .btnDynamicUISearch {
    /* General Button Appearance */
    display: inline-flex; /* Use flexbox for easy icon-text alignment */
    align-items: center; /* Vertically align icon and text */
    justify-content: center; /* Center content horizontally if needed */
    padding: 8px 15px; /* Padding around content (top/bottom, left/right) */
    background-color: #e0e0e0; /* Light grey background */
    border: 1px solid #a0a0a0; /* Subtle grey border */
    border-radius: 5px; /* Slightly rounded corners */
    font-family: Arial, sans-serif; /* Or your project's primary font */
    font-size: 14px; /* Adjust as needed */
    color: #333; /* Dark text color */
    text-decoration: none; /* Remove underline for anchor tags */
    cursor: pointer; /* Indicate clickable element */
    box-sizing: border-box; /* Include padding and border in element's total width/height */
    white-space: nowrap; /* Prevent text from wrapping */
    width:200px;
}

    button .btnDynamicUISearch::before {
        content: '';
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        background-image: url('../../images/icons/searchIconGreen.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
    }

/* Hover State */
button .btnDynamicUISearch:hover {
    background-color: #d0d0d0; /* Slightly darker grey on hover */
    border-color: #808080; /* Darker border on hover */
}

/* Active (Pressed) State */
button .btnDynamicUISearch:active {
    background-color: #c0c0c0; /* Even darker grey when pressed */
    border-color: #505050;
}
button .btnDUISearchScreenCancel {
    /* General Button Appearance */
    display: inline-flex; /* Use flexbox for easy icon-text alignment */
    /* Vertically align icon and text */
    justify-content: center; /* Center content horizontally if needed */
    padding: 8px 15px; /* Padding around content (top/bottom, left/right) */
    background-color: #e0e0e0; /* Light grey background */
    border: 1px solid #a0a0a0; /* Subtle grey border */
    border-radius: 5px; /* Slightly rounded corners */
    font-family: Arial, sans-serif; /* Or your project's primary font */
    font-size: 14px; /* Adjust as needed */
    color: #333; /* Dark text color */
    text-decoration: none; /* Remove underline for anchor tags */
    cursor: pointer; /* Indicate clickable element */
    box-sizing: border-box; /* Include padding and border in element's total width/height */
    white-space: nowrap; /* Prevent text from wrapping */
}
button .btnDUISearchScreenCancel::before {
    content: ''; /* Required for pseudo-elements */
    display: inline-block;
    width: 16px; /* Width of the icon */
    height: 16px; /* Height of the icon */
    margin-right: 8px; /* Space between icon and text */
}

button .btnDUISearchScreenCancel:hover {
    background-color: #d0d0d0; /* Slightly darker grey on hover */
    border-color: #808080; /* Darker border on hover */
}

button .btnDUISearchScreenCancel:active {
    background-color: #c0c0c0; /* Even darker grey when pressed */
    border-color: #505050;
}

.dynamicUISearchScreenWrapper {
    width: 95%;
}

.searchDynamicUIContainer {
    width: 100%;
}

.SearchUIOperator {
    width:100px;
    font-size: 10.5pt !important; /* enforce consistent operator text size */
}

.Searchfieldrow {
    display: flex;
    align-items: center; /* Vertically align items */
    gap: 8px; /* Optional: space between elements */
}

.Searchfieldrow label {
    width: 100%;
    margin-right: 8px; /* Optional: space after label */
    white-space: nowrap; /* Prevent label from wrapping */
    font-weight: normal;
}

.Searchfieldrow .SearchUIOperator {
    margin-right: 8px; /* Optional: space after dropdown */
}

.wizardbuttons, .SearchUIButtons {
    text-align: right;
}

.divSearchUIScreen {
    display: flex;
    flex-direction: column;
    min-height: 400px; /* or whatever height you want */
}

.divSearchUIScreen .inner {
    flex: 1 1 auto;
}

.divSearchUIScreen .Searchwizardbuttons {
    text-align: right;
    margin-top: 1em;
}

.search-criteria-box {
    margin-bottom: 1.5em;
    margin-left: 5px;
}

.criteria-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.criteria-header h3 {
    margin: 0;
    flex-grow: 1;
}

.criteria-buttons .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 27.58px;
    padding: 0;
    border: 1px solid #dcdcdc;
    background-color: #f7f7f7;
    color: #555555;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    box-shadow: none;
    margin-right: 8px;
}

.criteria-buttons .btn i {
    margin-right: 6px;
    font-size: 16px;
}

/* Only color the icon red for Clear All */
#btnClearAll i { display: none; }

/* Only color the icon green for Search */
#btnViewInFancyGrid i { display: none; }

/* Ensure the Add Criteria button matches */
.criteria-buttons .add-criteria-button { width: 100px; height: 27.58px; background-color: #f7f7f7; color: #555555; border: 1px solid #dcdcdc; padding: 0; }

.criteria-buttons .btn:hover {
    background-color: #d5d5d5;
}

/* removed mobile adjustments for search criteria header/buttons */
@media (min-width: 768px) {
    .search-criteria-box h3 {
        font-size: 20px
    }
}
.search-criteria-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 0.5em;
    background: #fff;
    table-layout: fixed; /* Fixed table layout for consistent column widths */
}

.search-criteria-table th, .search-criteria-table td {
    padding: 0.5em 0.7em;
    text-align: left;
    overflow: hidden; /* Hide overflow to maintain fixed width */
    text-overflow: ellipsis; /* Add ellipsis for long text */
    white-space: nowrap; /* Prevent text wrapping */
}

/* No borders on header cells for a clean look */
.search-criteria-table th {
    border: none;
    background: #FFF;
    color: #999;
}

/* Persistent divider under the header, regardless of body rows */
.search-criteria-table thead { position: relative; }
.search-criteria-table thead::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #d0d0d0;
}

/* No borders for data cells or rows */
.search-criteria-table td {
    border: none;
}
.search-criteria-table tr {
    border: none;
}



.search-criteria-table th {
    background: #FFF;
}

.search-criteria-table tr.odd {
    background-color: #f9f9f9;
    background: #f9f9f9;
}

.search-criteria-table tr.even {
    background-color: #FFF;
    background: #FFF;
}

/* Apply stripe backgrounds at the cell level to override base td rules */
.search-criteria-table tr.odd td {
    background-color: #f9f9f9;
    background: #f9f9f9;
}

.search-criteria-table tr.even td {
    background-color: #FFF;
    background: #FFF;
}

.search-criteria-table td {
    vertical-align: middle;
}

.search-criteria-table .edit-btn,
.search-criteria-table .delete-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.1em;
    padding: 0 0.3em;
}

/* Replace text icons with image sprites */
.search-criteria-table .edit-btn {
    width: 21px; height: 21px; display: inline-block;
    background: url('../../images/edit.png') center center no-repeat;
}
.search-criteria-table .edit-btn:hover { filter: brightness(0.9); }

.search-criteria-table .delete-btn {
    width: 21px; height: 21px; display: inline-block;
    background: url('../../images/delete.png') center center no-repeat;
}
.search-criteria-table .delete-btn:hover { filter: brightness(0.9); }

.search-criteria-table th.addCriteriaField {
    width: 12%;
}

.search-criteria-table th.editCriteriaField {
    width: 12%;
}

.search-criteria-table th.search-criteria-table-Field {
    width: 26%;
 }

.search-criteria-table th.search-criteria-table-Operator {
    width: 20%;
}

.search-criteria-table th.search-criteria-table-Value {
    width: 30%;
}

/* removed mobile adjustments for search criteria table */

@media (min-width: 768px) {
    .search-criteria-table th,
    .search-criteria-table td {
        font-size: 10.5pt;
        font-weight: normal;
    }
}
/*===== Search Dynamic UI Styles =======================================*/
/* Manual search modal field alignment */
.search-modal-controls { display: block; margin-bottom: 10px; }
.search-modal-controls .search-modal-row { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.search-modal-controls .search-modal-row label { width: 140px; min-width: 140px; color: #555; font-weight: 600; }
.search-modal-controls .search-modal-row select,
.search-modal-controls .search-modal-row input[type="text"],
.search-modal-controls .search-modal-row input,
.search-modal-controls .search-modal-row .uw-combo,
.search-modal-controls .search-modal-row .search-field-text { flex: 1 1 auto; width: 100%; }

/* Search UI popups: compact operator  field layout */
.search-popupmodal-content .popup-operator {
    width: 20%;
    margin-right: 4px;
}
.search-popupmodal-content .popup-field-input {
    width: 50%;
}
/* Mobile layout: stack label above operator  input in search tabs */


/* Search tab content display */
.search-tab-content {
    display: block;
}

/* Popup button containers */
.popup-buttons {
    margin-top: 20px;
}

.popup-buttons.left-align {
    text-align: left;
}

.popup-buttons.right-align {
    text-align: right;
}

/* Button spacing */
.popup-buttons .btn-ok {
    margin-right: 10px;
}

/* Enterprise integration section */
.enterprise-integration-buttons {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.enterprise-integration-buttons .btn-secondary {
    margin-right: 10px;
}

/* SQL output section */
#sqlOutput {
    margin-top: 10px;
    display: none;
}

#sqlCode {
    background: #f5f5f5;
    padding: 10px;
    border: 1px solid #ddd;
    white-space: pre-wrap;
    font-size: 12px;
}

/* Search results section */
#searchResults {
    margin-top: 10px;
    display: none;
}

/* Manual Search Field Modal Styles */
.manual-search-field-modal {
    padding: 20px;
}

.modal-controls {
    margin-bottom: 20px;
}

.modal-row {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.modal-row label {
    width: 120px;
    margin-right: 10px;
    font-weight: bold;
}

.search-field-text {
    flex: 1;
    padding: 5px;
}

.available-fields-section,
.selected-fields-section {
    margin-bottom: 20px;
}

.available-fields-section h4,
.selected-fields-section h4 {
    margin-bottom: 10px;
    color: #333;
}

.search-field-grid-container,
.selected-field-grid-container {
    max-height: 300px;
    overflow-y: auto;
}

.search-field-grid,
.selected-field-grid {
    width: 100%;
    border-collapse: collapse;
}

.search-field-grid th,
.search-field-grid td,
.selected-field-grid th,
.selected-field-grid td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Hide header text for the Action column but keep column layout */
.search-field-grid thead th.col-action,
.selected-field-grid thead th.col-action {
    color: transparent;
}

/* Make the Action column narrower (about half typical width) */
.search-field-grid thead th.col-action,
.selected-field-grid thead th.col-action,
.search-field-grid tbody td:first-child,
.selected-field-grid tbody td:first-child {
    width: 60px; /* adjust as needed */
    text-align: center;
}

.search-field-grid th,
.selected-field-grid th {
    background-color: #f2f2f2;
    font-weight: bold;
}

.search-field-grid tbody tr:hover,
.selected-field-grid tbody tr:hover {
    background-color: #f5f5f5;
}

.btn-add-field {
    width: 21px; height: 21px; display: inline-block;
    background: url('../../images/add.png') center center no-repeat;
    border: none;
    cursor: pointer;
    text-indent: -9999px; overflow: hidden; /* hide text if any */
}

.btn-add-field:hover { background: url('../../images/add_hover.png') center center no-repeat; }

.btn-remove-field {
    width: 21px; height: 21px; display: inline-block;
    background: url('../../images/delete.png') center center no-repeat;
    border: none;
    cursor: pointer;
    text-indent: -9999px; overflow: hidden;
}

.btn-remove-field:hover { filter: brightness(0.9); }

/* Field Editing Modal Styles */
.field-editing-modal {
    padding: 20px;
}

.field-editing-modal h3 {
    margin-bottom: 20px;
    color: #333;
}

.field-editing-content {
    max-height: 500px;
    overflow-y: auto;
}

.field-editing-row {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.field-editing-row .search-frame-row {
    margin: 0;
}

.field-editing-row .search-frame-col {
    width: 100%;
}


@media (min-width: 768px) {
    /* Primary Result Selection Styles */
    .primary-result-selection {
        margin-bottom: 20px;
        padding: 15px 15px 15px 0;
        white-space: nowrap;
        display: flex;
        align-items: center;
        width: 500px;
        /*background-color: #f8f9fa;
        border: 1px solid #dee2e6;
        border-radius: 4px;*/
    }

    .primary-result-selection label {
        flex-shrink: 0;
        margin-right: 10px;
        font-weight: bold;
        color: #333;
        min-width: 120px;
        font-size: 20px;
    }

    .primary-result-dropdown {
        flex-shrink: 0;
        padding: 5px 10px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background-color: white;
        min-width: 250px;
        font-size: 14px;
    }
}
/* removed mobile adjustments for primary result selection */



/* Header above the accordion list and Add Criteria button styles */
#SearchUIHeading.search-ui-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px 10px 0;
    margin-left: 5px;
}
.search-ui-header .search-ui-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}
.search-ui-header .add-criteria-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 27.58px;
    padding: 0;
    border: 1px solid #dcdcdc;
    background-color: #f7f7f7;
    color: #555555;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    box-shadow: none;
    margin-right: 8px;
}
.search-ui-header .add-criteria-button:hover {
    background: #e9e9e9;
}

/* Search Bases Page Styles */
.searchBasesPageContainer {
    padding: 20px;
    max-width: 800px;
}

.searchBasesPageContainer h3 {
    color: #333;
    margin-bottom: 10px;
    font-size: 1.5em;
}

.searchBasesPageContainer p {
    color: #666;
    margin-bottom: 20px;
}

.searchBasesList {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
    margin-top: 20px;
}

.searchBaseItem {
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: #fff;
}

.searchBaseItem:hover {
    border-color: #3366CC;
    box-shadow: 0 2px 8px rgba(51, 102, 204, 0.2);
    transform: translateY(-2px);
}

.searchBaseLink {
    display: block;
    padding: 20px;
    text-decoration: none;
    color: #333;
}

.searchBaseLink:hover {
    text-decoration: none;
    color: #3366CC;
}

.searchBaseName {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 1.4;
}

.noSearchBases {
    text-align: center;
    padding: 40px 20px;
    color: #666;
    font-style: italic;
}

/* Mobile responsive */
@media only screen and (max-width: 599px) {
    .searchBasesList {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    
    .searchBasesPageContainer {
        padding: 15px;
    }
    
    .searchBaseItem {
        margin-bottom: 10px;
    }
}

/* Fixed width for search modal content */
.modal-content {
    width: 700px !important;
    min-width: 700px !important;
    max-width: 800px !important;
    box-sizing: border-box;
    overflow: auto;
}

/* Ensure inner grids do not force modal to grow */
.modal-content .search-field-grid-container,
.modal-content .selected-field-grid-container {
    overflow-x: auto;
}
.modal-content .search-field-grid,
.modal-content .selected-field-grid {
    table-layout: fixed;
}

/* keep generic modal mobile rules as-is (no search-specific changes) */

/* Manual Search Field modal: keep inner width fixed so outer modal doesn't expand */
.manual-search-field-modal {
    width: 100%;
    max-width: 700px;
    min-width: 0;
    box-sizing: border-box;
    margin: 0 auto;
}

/* Ensure inner grids do not force container to grow; hide horizontal overflow */
.manual-search-field-modal .search-field-grid-container,
.manual-search-field-modal .selected-field-grid-container {
    overflow-x: hidden;
}
.manual-search-field-modal .search-field-grid,
.manual-search-field-modal .selected-field-grid {
    table-layout: fixed;
    width: 100%;
}
.manual-search-field-modal .search-field-grid th,
.manual-search-field-modal .search-field-grid td,
.manual-search-field-modal .selected-field-grid th,
.manual-search-field-modal .selected-field-grid td {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* Match Search Criteria box styling in Add Criteria modal */
.manual-search-field-modal .search-field-grid th,
.manual-search-field-modal .selected-field-grid th {
    border: none;
    background: #FFF;
    color: #999;
}
.manual-search-field-modal .search-field-grid td,
.manual-search-field-modal .selected-field-grid td {
    border: none;
}
.manual-search-field-modal .search-field-grid thead,
.manual-search-field-modal .selected-field-grid thead { position: relative; }
.manual-search-field-modal .search-field-grid thead::after,
.manual-search-field-modal .selected-field-grid thead::after {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0; height: 1px;
    background: #d0d0d0;
}
/* Alternating row colors (first row grey, next white) */
.manual-search-field-modal .search-field-grid tbody tr:nth-child(odd) td,
.manual-search-field-modal .selected-field-grid tbody tr:nth-child(odd) td { background: #f9f9f9; }
.manual-search-field-modal .search-field-grid tbody tr:nth-child(even) td,
.manual-search-field-modal .selected-field-grid tbody tr:nth-child(even) td { background: #FFF; }

/* Class-based striping to support dynamic hide/show */
.manual-search-field-modal .search-field-grid tbody tr.odd td { background: #f9f9f9; }
.manual-search-field-modal .search-field-grid tbody tr.even td { background: #FFF; }

/* removed manual search modal mobile width override */

.field-editing-row .search-frame-col {
    width: 100%;
}

/* Slightly wider operator in field editing rows */
.field-editing-row .SearchUIOperator {
    width: 100px;
}

/* Base modal: precise widths for label/operator/value inside field-editing-content */
.field-editing-content .Searchfieldrow { display: flex; align-items: center; }
.field-editing-content .Searchfieldrow label {
    flex: 1 1 auto; /* take remaining space */
    min-width: 0;
    margin-right: 8px;
}
.field-editing-content .Searchfieldrow .SearchUIOperator {
    width: 100px; min-width: 100px; flex: 0 0 100px;
}
.field-editing-content .Searchfieldrow .Search-field-value {
    flex: 0 0 300px; width: 300px; min-width: 300px;
}
.field-editing-content .Searchfieldrow .Search-field-value input,
.field-editing-content .Searchfieldrow .Search-field-value select,
.field-editing-content .Searchfieldrow .Search-field-value textarea { width: 100%; max-width: 100%; box-sizing: border-box; }

/* Between operator: split 300px value area into two 150px fields */
.field-editing-content .Searchfieldrow .Search-field-value.between-active {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: 300px; /* keep container at 300px */
}
.field-editing-content .Searchfieldrow .Search-field-value.between-active input:not([data-second="true"]),
.field-editing-content .Searchfieldrow .Search-field-value.between-active select:not([data-second="true"]) {
    flex: 0 0 150px;
    width: 150px;
    min-width: 150px;
}
.field-editing-content .Searchfieldrow .Search-field-value.between-active [data-second="true"] {
    flex: 0 0 150px;
    width: 150px;
    min-width: 150px;
}

/* removed mobile one-column override for search grid */

/* Between operator: ensure first and second inputs render inline with small gap */
.Search-field-value {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: 300px;
}
.Search-field-value .between-sep {
    display: none;
}

/* Between operator: split existing input width into two halves for active field only */
.Search-field-value.between-active {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    width: 300px;
}
.Search-field-value.between-active input:not([data-second="true"]),
.Search-field-value.between-active select:not([data-second="true"]) {
    flex: 1 1 0;
    min-width: 0;
}
.Search-field-value.between-active [data-second="true"] {
    flex: 1 1 0;
    min-width: 0;
}
/* Do not change layout for non-between fields */

/* Search UI width rules (no !important): ensure full stretch for normal fields and equal split for BETWEEN */
.search-grid .search-cell .Searchfieldrow {
    width: 100%;
}
.search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) input,
.search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) select,
.search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) textarea {
    display: block;
    width: 300px;
    max-width: 300px;
    box-sizing: border-box;
}
/* Fix operator width under flex so short content (e.g., '=') doesn't collapse */
.search-grid .search-cell .Searchfieldrow .SearchUIOperator {
    width: 100px;
    min-width: 100px;
    flex: 0 0 100px;
}
/* BETWEEN: two halves with 3px gap */
.search-grid .search-cell .Searchfieldrow .Search-field-value.between-active {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
.search-grid .search-cell .Searchfieldrow .Search-field-value.between-active input:not([data-second="true"]),
.search-grid .search-cell .Searchfieldrow .Search-field-value.between-active select:not([data-second="true"]) {
    flex: 1 1 0;
    min-width: 0;
    width:283px
}
.search-grid .search-cell .Searchfieldrow .Search-field-value.between-active [data-second="true"] {
    flex: 1 1 0;
    min-width: 0;
}

/* Responsive layout for search fields: label on first line, operator + value on second line */
@media (max-width: 1700px) {
    .search-grid .search-cell .Searchfieldrow { flex-wrap: wrap; align-items: center; gap: 6px; }
    .search-grid .search-cell .Searchfieldrow > label { flex: 0 0 100%; width: 100%; margin: 0 0 4px 0; }
    .search-grid .search-cell .Searchfieldrow .SearchUIOperator { flex: 0 0 100px; width: 100px; min-width: 100px; margin-right: 8px; margin-left: 10px;}
    .search-grid .search-cell .Searchfieldrow .Search-field-value { flex: 0 0 auto; }
    .Search-field-value {
        margin-left: 10px;
    }
}

/* At smaller screens, collapse the two-column grid to a single column */
@media (max-width: 1200px) {
    .search-grid { grid-template-columns: 1fr; }
    .search-grid .search-cell .Searchfieldrow { margin-bottom: 5px; }
    /* Reduce value control width in single-column mode */
    .search-grid .search-cell .Searchfieldrow .Search-field-value {
        flex: 0 0 200px;
        width: 200px;
        min-width: 200px;
    }

    .Search-field-value {
        margin-left: 10px;
    }

    .search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) input,
    .search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) select,
    .search-grid .search-cell .Searchfieldrow .Search-field-value:not(.between-active) textarea {
        width: 200px;
        max-width: 200px;
    }
    /* BETWEEN: split into two 100px inputs in single-column mode */
    .search-grid .search-cell .Searchfieldrow .Search-field-value.between-active { width: 200px; }
    .search-grid .search-cell .Searchfieldrow .Search-field-value.between-active input:not([data-second="true"]),
    .search-grid .search-cell .Searchfieldrow .Search-field-value.between-active select:not([data-second="true"]) {
        flex: 0 0 100px;
        width: 100px;
        min-width: 100px;
    }
    .search-grid .search-cell .Searchfieldrow .Search-field-value.between-active [data-second="true"] {
        flex: 0 0 100px;
        width: 100px;
        min-width: 100px;
    }
}

.primary-result-selection{

    margin-left: 5px;
}

/* Edit modal: stack label, operator, and value each on their own line on small screens */
@media (max-width: 768px) {
    .field-editing-modal .Searchfieldrow {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 6px;
    }
    .field-editing-modal .Searchfieldrow > label.search-label {
        flex: 0 0 100%;
        width: 100%;
        margin: 0 0 4px 0;
    }
    .field-editing-modal .Searchfieldrow .SearchUIOperator {
        flex: 0 0 100%;
        width: 100px;
        min-width: 0;
        margin: 0;
        max-width: 100px;
        margin-left: 10px;
    }
    .field-editing-modal .Searchfieldrow .Search-field-value {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }
    .field-editing-modal .Searchfieldrow .Search-field-value input,
    .field-editing-modal .Searchfieldrow .Search-field-value select,
    .field-editing-modal .Searchfieldrow .Search-field-value textarea {
        width: 300px;
        max-width: 300px;
        box-sizing: border-box;
    }
    /* BETWEEN in edit modal: keep two inputs sharing the row */
    .field-editing-modal .Searchfieldrow .Search-field-value.between-active {
        display: inline-flex;
        gap: 6px;
        width: 300px;
    }
    .field-editing-modal .Searchfieldrow .Search-field-value.between-active input:not([data-second="true"]),
    .field-editing-modal .Searchfieldrow .Search-field-value.between-active select:not([data-second="true"]),
    .field-editing-modal .Searchfieldrow .Search-field-value.between-active [data-second="true"] {
        flex: 1 1 0;
        min-width: 0;
    }
}
/**************************************************************************

    uWeb Popups Stylesheet
    
    This stylesheet should contain all base classes for uWeb. 
    
      Revision History
    October 2012    CSH/MAW/SKG Created
    May 2013        CSH         Heavily reworked
    Sep 2025        WWA         UW-25-0195 - Changes for DevExtreme Quill editor
    
**************************************************************************/



.revealfade .reveal-modal-bg, .revealfade .reveal-child-modal-bg, #divFullScreenBoxBackground, #divDebugDataBoxBackground, .revealslide .reveal-child-modal-bg {
    position: fixed;
    height: 99999px;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.4);
    z-index: 99999;
    display: none;
    top: 0;
    left: 0;
}
	.revealfade  .reveal-child-modal-bg,.revealslide  .reveal-child-modal-bg{
        z-index: 100003; /* above modal, below childmodal */
	    background: rgba(0,0,0,.2);
	}
.revealfade .revealmodal {
    display: none;
	top: 25px; /*UW-17-1084 - Make ULink Modal Windows more responsive JP 2017 changed 100 to 50*/
	left: 50%;
	background: #F4F4F4;
	position: fixed;
	z-index: 100002;
	padding: 0;
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.revealfade .childmodal {
    top: 175px; 
	z-index: 100005;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}

.revealfade .addressverification {
	top: 200px; 
	left: 50%;
    width: 500px;
    margin-left: -250px;
	background: #F4F4F4;
	position: fixed;
	z-index: 100009;
	padding: 0;
    border-radius: 6px;
    border: 1px #CCC solid;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.6);
}
	
.revealslide .addressverification {
    position: absolute;
    top: 0;
	left: 0;
	width: 100%;
    height: 100%;
	background: #fff;
	z-index: 100009;
	padding: 0;
    min-height: 100%;
}

.addressverificationbackground { 
	position: fixed; 
	height: 99999px;
	width: 100%;
	z-index: 100008;
	top: 0;
	left: 0; 
}

.addressverificationbackgroundhidden {
    display: none;
}


.addressverification h3 {
    text-align: center;
    font-size: 120%;
}
.addressverification fieldset {
    padding: 12px;
}
#divFullScreenBox {
    display: none;
	position: fixed;
    top: 5%;
	left: 5%;
    width: 90%;
    height: 90%;
	background: #FFF;	
	z-index: 100000;
	padding: 10px 20px;
    border-radius: 6px;
}
#divDebugDataBox {
    display: none;
    position: fixed;
    top: 20%;
    left: 25%;
    width: 50%;
    height: 60%;
    background: #FFF;
    z-index: 100010;
    padding: 10px 20px;
    border-radius: 6px;
}
#divDebugDataBox .uw-debug-table {
    border: 0px;
}
#divDebugDataBox tr.uw-debug-row {
    border-bottom: 1px solid black;
}
#divDebugDataBox td.uw-debug-name {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    border-bottom: 1px #DDD solid;
}
#divDebugDataBox td.uw-debug-value {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px #DDD solid;
}
#divDebugDataBox td.uw-debug-actions {
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px #DDD solid;
}
#divDebugDataBox div.uw-debug-copy {
    float: right;
    width: 80px;
    border-radius: 5px;
    color: #444;
    background: #DDD;
    border: 1px solid #CCC;
    /* box-shadow: 0 0 5px -1px rgba(0,0,0,0.2); */
    cursor: pointer;
    vertical-align: middle;
    padding: 2px;
    text-align: center;
}
#divDebugDataBox div.uw-debug-copy:hover {
    color: darkred;
}
#divDebugDataBox div.uw-debug-copy:active {
    color: orangered;
}

.revealslide .reveal-modal-bg, .revealslide .reveal-child-modal-bg { 
    display: none;
}
	
.revealslide .revealmodal {
    position: absolute;
    top: 0;
	right: -150%;
	width: 100%;
	background: #fff;
	z-index: 100000;
	padding: 0;
    min-height: 100%;
}


.revealslide .childmodal {	
	z-index: 100004;
}
.revealfade .revealmodal.small 		{ width: 200px; margin-left: -100px;}
.revealfade .revealmodal.medium 		{ width: 400px; margin-left: -200px;}
.revealfade .revealmodal.large 		{ width: 600px; margin-left: -300px;}
.revealfade .revealmodal.xlarge 		{ width: 760px; margin-left: -380px;}

/*UW-17-1084 - Make ULink Modal Windows more responsive JP 2017 (Changed jumbo to be media dependant)*/
@media only screen and (min-width: 1000px) {
    .revealfade .revealmodal.jumbo {
        width: 1000px;
        margin-left: -550px;
    }
}

@media only screen and (max-width: 999px) {
    .revealfade .revealmodal.jumbo {
        width: 900px;
        margin-left: -450px;
    }
}

@media only screen and (max-width: 760px) {
    .revealfade .revealmodal.jumbo {
        width: 95vw;
        margin-left: -5vw;
    }
}

.revealmodal .close-modal-x {
    height: 50px;
    line-height: 50px;
    position: absolute;
	top: 0;
	right: 11px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
     transition: 0.5s ease all;
} 
.revealmodal .close-modal-x:hover { color: #C00; transition: 0.5s ease all; }

.boxrefreshbutton, .okbutton, .cancelbutton, .closebutton, #browseFile, #selectedFile, .addressverification .KeepAddressLink, .addressverification .CancelAddressLink {
    color: #555;
    cursor: pointer;
    margin: 5px 10px 5px 0;
    line-height: inherit !important;
    border: 1px #BBB solid;
    background-color: #F7F7F7;
    text-decoration: none;
    padding: 5px;
    text-align: center;
}
.boxrefreshbutton { margin: 0 0 5px 0; 
                    padding: 5px 0 5px 5px; }
.boxrefreshbutton, .okbutton, .cancelbutton, .closebutton, .addressverification .KeepAddressLink, .addressverification .CancelAddressLink {
    width: 100px !important;
    border-radius: 3px;
    display: block;
    float: right;
    transition: 0.2s ease all;
}

.okbutton.displayNone {
    display: none;
}

.okbutton.loading, .okbutton.loading:focus, .okbutton.loading:hover {
    max-height: unset;
    border: none;
    color: transparent;
    background-color: unset;
    background-size: contain;
    min-height: unset;
    box-shadow: none;
}

.addressverification .KeepAddressLink {
    float: none;
    margin: 8px;
}
.addressverification .CancelAddressLink {
    float: none;
    margin: 8px;
}
.boxrefreshbutton:hover, .okbutton:hover, .cancelbutton:hover, .closebutton:hover, #browseFile:hover, .KeepAddressLink:hover, .CancelAddressLink:hover {
    background-color: #E9E9E9;
    border-color: #AAA;
    color: #333;
    transition: 0.2s ease all;
}

#divModalControls, #divChildModalControls
{
    margin: 10px 0;
    -webkit-overflow-scrolling: touch;
}
.revealfade #divModalButtons, 
.revealfade #divChildModalButtons{
    padding: 0 5px 10px 0;
}
.revealslide #divModalButtons , 
.revealslide #divChildModalButtons{
    margin-bottom: 50px;
}

h2.dialogentityheader {
    font-size: 120%;
    line-height: 50px;
    height: 50px;
    border-bottom: 1px #000 solid;
    background-color: #666;
    background: linear-gradient( #444, #666, #444);
    color: #FFF;
    padding: 0px 35px 0px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0px;
}
    h2.dialogentityheader .entityname {
        display: none;
    }
    
.revealfade h2.dialogentityheader {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.revealmodal fieldset {
    margin: 0 10px 10px;
    border-color: #BBB;
    padding-bottom: 10px;
}

label.audit_appearance {
    font-weight: normal;
    font-size: 80%;
    color: #999;
    margin: 0;
    padding: 0 0 3px !important;
}
/* Quill Editor Styles */
.dx-overlay-content:NOT(.dx-state-invisible), .dx-overlay-wrapper {
    z-index: 9999999 !important;
}

.dx-dropdownlist-popup-wrapper {
    z-index: 9999999999 !important;
}
.dx-htmleditor-submit-element {
    display: none !important;
}

.dx-scrollable-wrapper .dx-scrollable-scroll.dx-state-invisible { /* UW-25-0195 - Make Quill Editor Scrollbar visible when not in use */
    background-color: rgba(191,191,191,.7);
}

.dx-texteditor.dx-editor-outlined {
	border: 1px solid white !important;
}
/*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
	}
	
.fc table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
html .fc,
.fc table {
	font-size: 1em;
	}
	
.fc td,
.fc th {
	padding: 0;
	vertical-align: top;
	}



/* Header
------------------------------------------------------------------------*/
table.fc-header { border : 1px #DDD solid; border-bottom: 0; margin-bottom: 0; }

.fc-header td {
    background-color: #F3F3F3;
    padding: 2px;
	white-space: nowrap;
	}

.fc-header-left {
	width: 25%;
	text-align: left;
	}
	
.fc-header-center {
	text-align: center;
	}
	
.fc-header-right {
	width: 25%;
	text-align: right;
	}
	
.fc-header-title {
/*	display: inline-block; CSH 02.11.2014 */
	vertical-align: top;
	}
	
.fc-header-title h2 {
	margin-top: 0;
    font-size: 130%;
    padding: 0;
    line-height: 30px;
    height: 30px;
	white-space: nowrap;
	}
	
.fc .fc-header-space {
	padding-left: 10px;
	}
	
.fc-header .fc-button {
	margin-bottom: 1em;
	vertical-align: top;
	}
	
/* buttons edges butting together */

.fc-header .fc-button {
	margin-right: -1px;
	}
	
.fc-header .fc-corner-right,  /* non-theme */
.fc-header .ui-corner-right { /* theme */
	margin-right: 0; /* back to normal */
	}
	 
/* button layering (for border precedence) */
	
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
	z-index: 2;
	}
	
.fc-header .fc-state-down {
	z-index: 3;
	}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
	z-index: 4;
	}
	
	
	
/* Content
------------------------------------------------------------------------*/
	
.fc-content {
	clear: both;
	zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
	}
	
.fc-view {
	width: 100%;
	overflow: hidden;
	}
	
	

/* Cell Styles
------------------------------------------------------------------------*/

.fc-widget-header,    /* <th>, usually */
.fc-widget-content {  /* <td>, usually */
	border: 1px solid #ddd;
	}
	
.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
	background: #FE9;
	}
	
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
	}
	


/* Buttons
------------------------------------------------------------------------*/

.fc-button {
	position: relative;
	display: inline-block;
	padding: 0 0.6em;
	overflow: hidden;
	height: 1.9em;
	line-height: 1.9em;
	white-space: nowrap;
	cursor: pointer;
	}
	
.fc-state-default { /* non-theme */
	border: 1px solid;
	}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	}

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
	margin: 0 .1em;
	font-size: 2em;
	font-family: "Courier New", Courier, monospace;
	vertical-align: baseline; /* for IE7 */
	}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for &lsaquo; &rsaquo; */
	font-weight: bold;
	}
	
/* icon (for jquery ui) */
	
.fc-button .fc-icon-wrap {
	position: relative;
	float: left;
	top: 50%;
	}
	
.fc-button .ui-icon {
	position: relative;
	float: left;
	margin-top: -50%;
	*margin-top: 0;
	*top: -50%;
	}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
	}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
	}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	outline: 0;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	}

	

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
	z-index: 8;
	}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
	z-index: 9;
	}
	 
.fc-event {
	border: 1px solid #999; /* default BORDER color */
	background-color: #FFF; /* default BACKGROUND color */
	color: #000;               /* default TEXT color */
	padding: 0px;
    font-weight: bold;
    font-size: 0.8em;
	cursor: pointer;
    transition: 0.5s ease all;
    box-shadow: 2px 2px 5px #888;
}
.fc-event:hover
{
    background-color: #EEE;
    transition: 0.5s ease all;
}

a.fc-event, a.fc-event:visited {
    color: #000;
	text-decoration: none;
}
	
a.fc-event,
.fc-event-draggable {
	cursor: pointer;
	}
	
.fc-rtl .fc-event {
	text-align: right;
	}

.fc-event-time,
.fc-event-title {
	padding: 1px;
	display: block;
	
	}
	
.fc .ui-resizable-handle {
	display: block;
	position: absolute;
	z-index: 99999;
	overflow: hidden; /* hacky spaces (IE6/7) */
	font-size: 300%;  /* */
	line-height: 50%; /* */
	}
	
	
/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;
	}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
	border-left-width: 1px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
	border-right-width: 1px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
/* resizable */
	
.fc-event-hori .ui-resizable-e {
	top: 0           !important; /* importants override pre jquery ui 1.7 styles */
	right: -3px      !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: e-resize;
	}
	
.fc-event-hori .ui-resizable-w {
	top: 0           !important;
	left: -3px       !important;
	width: 7px       !important;
	height: 100%     !important;
	cursor: w-resize;
	}
	
.fc-event-hori .ui-resizable-handle {
	_padding-bottom: 14px; /* IE6 had 0 height */
	}
	
	
	
/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
	border-collapse: separate;
	}
	
.fc-border-separate th,
.fc-border-separate td {
	border-width: 1px 0 0 1px;
	}
	
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
	border-right-width: 1px;
	}
	
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
	border-bottom-width: 1px;
	}
	
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
	border-top-width: 0;
	}
	
	

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
	text-align: center;
	}

.fc .fc-week-number {
	width: 22px;
	text-align: center;
	}

.fc .fc-week-number div {
	padding: 0 2px;
	}
	
.fc-grid .fc-day-number {
	float: right;
	padding: 0 2px;
	}

.fc-grid .fc-other-month{
    background-color: #F9F9F9;
}	
.fc-grid .fc-other-month .fc-day-number {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
	}
	
.fc-grid .fc-day-content {
	clear: both;
	padding: 2px 2px 1px; /* distance between events and day edges */
	}
	
/* event styles */
	
.fc-grid .fc-event-time {
	font-weight: bold;
	}
	
/* right-to-left */
	
.fc-rtl .fc-grid .fc-day-number {
	float: left;
	}
	
.fc-rtl .fc-grid .fc-event-time {
	float: right;
	}
	
	

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
	border-collapse: separate;
	}
	
.fc-agenda-days th {
	text-align: center;
	}
	
.fc-agenda .fc-agenda-axis {
	width: 50px;
	padding: 0 4px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
	font-weight: normal;
	}

.fc-agenda .fc-week-number {
	font-weight: bold;
	}
	
.fc-agenda .fc-day-content {
	padding: 2px 2px 1px;
	}
	
/* make axis border take precedence */
	
.fc-agenda-days .fc-agenda-axis {
	border-right-width: 1px;
	}
	
.fc-agenda-days .fc-col0 {
	border-left-width: 0;
	}
	
/* all-day area */
	
.fc-agenda-allday th {
	border-width: 0 1px;
	}
	
.fc-agenda-allday .fc-day-content {
	min-height: 34px; /* TODO: doesnt work well in quirksmode */
	_height: 34px;
	}
	
/* divider (between all-day and slots) */
	
.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;
	}
	
.fc-widget-header .fc-agenda-divider-inner {
	background: #eee;
	}
	
/* slot rows */
	
.fc-agenda-slots th {
	border-width: 1px 1px 0;
	}
	
.fc-agenda-slots td {
	border-width: 1px 0 0;
	background: none;
	}
	
.fc-agenda-slots td div {
	height: 20px;
	}
	
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
	border-top-width: 0;
	}

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
	border-top-style: dotted;
	}
	
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
	*border-top-style: solid; /* doesn't work with background in IE6/7 */
	}
	


/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
	border-width: 0 1px;
	}

.fc-event-vert.fc-event-start {
	border-top-width: 1px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}

.fc-event-vert.fc-event-end {
	border-bottom-width: 1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	}
	
.fc-event-vert .fc-event-time {
	white-space: nowrap;
	font-size: 10px;
	}

.fc-event-vert .fc-event-inner {
	position: relative;
	z-index: 2;
	}
	
.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
	}
	
.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
	display: none; /* for IE6/7/8. nested opacity filters while dragging don't work */
	}
	
/* resizable */
	
.fc-event-vert .ui-resizable-s {
	bottom: 0        !important; /* importants override pre jquery ui 1.7 styles */
	width: 100%      !important;
	height: 8px      !important;
	overflow: hidden !important;
	line-height: 8px !important;
	font-size: 11px  !important;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
	}
	
.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
	_overflow: hidden;
	}
	
	

     div.legend { overflow: auto; border: 1px #AAA solid; border-radius: 5px; padding: 5px; margin-bottom: 5px;}
    .legendicon { display: block; float: left;  width: 20px; height: 20px; margin-right: 3px; margin-bottom: 3px; border-radius: 5px; border: 1px #000 solid; }
    .legenditem { overflow: auto; margin-right: 10px; font-size: 90%; float: left; }

 @media only screen and (max-width: 767px) {
    ul.legend li { width: 100%; float: none;  display: list-item; font-size: 200%;  overflow: hidden;}
 
}




    .fc-event.green, .legend .green
     {
        background-color: #009900;
        color: #FFF  !important;
     }
     .fc-event.green:hover { background-color: #00CC00; }

	.fc-event.lightgreen, .legend .lightgreen
     {
        background-color: #79D279;
     }
     .fc-event.lightgreen:hover { background-color: #9FDF9F; }
	
	.fc-event.darkgreen, .legend .darkgreen
     {
        background-color: #336600;
		color: #FFF !important;
     }
     .fc-event.darkgreen:hover { background-color: #4D9900; }
	

	 .fc-event.blue, .legend .blue
     {
        background-color: #6685FF;
     }
     .fc-event.blue:hover { background-color: #99ADFF; }

	.fc-event.lightblue, .legend .lightblue
     {
        background-color: #94C9FF;
     }
     .fc-event.lightblue:hover { background-color: #C7E3FF; }
	
	.fc-event.darkblue, .legend .darkblue
     {
        background-color: #0000B3;
		color: #FFF !important;
     }
     .fc-event.darkblue:hover { background-color: #2222F6; }
	 
	 .fc-event.red, .legend .red, .fullcalendar a.red
     {
        background-color: #C65353;
        color: #FFF !important;
     }
     .fc-event.red:hover { background-color: #D27979; }

	.fc-event.lightred, .legend .lightred
     {
        background-color: #FF7A7A;
     }
     .fc-event.lightred:hover { background-color: #FFADAD; }
	
	.fc-event.darkred, .legend .darkred
     {
        background-color: #990000;
		color: #FFF !important;
     }
     .fc-event.darkred:hover { background-color: #CC0000; }
	 

	 .fc-event.yellow, .legend .yellow
     {
        background-color: #FC3;
     }
     .fc-event.yellow:hover { background-color: #FFD966; }

	.fc-event.lightyellow, .legend .lightyellow
     {
        background-color: #FFE699;
     }
     .fc-event.lightyellow:hover { background-color: #FFF2CC; }
	
	.fc-event.darkyellow, .legend .darkyellow
     {
        background-color: #DBA400;
		color: #FFF !important;
     }
     .fc-event.darkyellow:hover { background-color: #F5B800; }
	 

	 .fc-event.purple, .legend .purple
     {
        background-color: #C30FFF;
     }
     .fc-event.purple:hover { background-color: #D042FF; }

	.fc-event.lightpurple, .legend .lightpurple
     {
        background-color: #D1C2FF;
     }
     .fc-event.lightpurple:hover { background-color: #E2DBFF; }
	
	.fc-event.darkpurple, .legend .darkpurple
     {
        background-color: #8B00C7;
		color: #FFF !important;
     }
     .fc-event.darkpurple:hover { background-color: #BF00FF; }
	 

	 .fc-event.pink, .legend .pink
     {
        background-color: #FF809F;
     }
     .fc-event.pink:hover { background-color: #FFB3C6; }

	.fc-event.lightpink, .legend .lightpink
     {
        background-color: #FFCCDA;
     }
     .fc-event.lightpink:hover { background-color: #FFE5EC; }
	
	.fc-event.darkpink, .legend .darkpink
     {
        background-color: #FF4D7C;
		color: #FFF !important;
     }
     .fc-event.darkpink:hover { background-color: #FF80A2; }
	 
	 .fc-event.grey, .legend .grey
     {
        background-color: #999;
     }
     .fc-event.grey:hover { background-color: #BBB; }

	.fc-event.lightgrey, .legend .lightgrey
     {
        background-color: #CCC;
     }
     .fc-event.lightgrey:hover { background-color: #EEE; }
	
	.fc-event.darkgrey, .legend .darkgrey
     {
        background-color: #444;
		color: #FFF !important;
     }
     .fc-event.darkgrey:hover { background-color: #666; }

	 .fc-event.orange, .legend .orange
     {
        background-color: #FF825C;
     }
     .fc-event.orange:hover { background-color: #FFA98F; }

	.fc-event.lightorange, .legend .lightorange
     {
        background-color: #FFC4B3;
     }
     .fc-event.lightorange:hover { background-color: #FFD7CC; }
	
	.fc-event.darkorange, .legend .darkorange
     {
        background-color: #FF531F;
		color: #FFF !important;
     }
     .fc-event.darkorange:hover { background-color: #FF7A52; }
	 
	 .fc-event.teal, .legend .teal
     {
        background-color: #5FC8D8;
     }
     .fc-event.teal:hover { background-color: #88D6E2; }

	.fc-event.lightteal, .legend .lightteal
     {
        background-color: #B1E4EC;
     }
     .fc-event.lightteal:hover { background-color: #DAF2F6; }
	
	.fc-event.darkteal, .legend .darkteal
     {
        background-color: #3C7777;
		color: #FFF !important;
     }
     .fc-event.darkteal:hover { background-color: #4D9999; }
	 
	 
	 
	 .fc-event.brown, .legend .brown
     {
        background-color: #B88A44;
     }
     .fc-event.brown:hover { background-color: #C7A066; }

	.fc-event.lightbrown, .legend .lightbrown
     {
        background-color: #E1CCAD;
     }
     .fc-event.lightbrown:hover { background-color: #EFE3D2; }
	
	.fc-event.darkbrown, .legend .darkbrown
     {
        background-color: #715328;
		color: #FFF !important;
     }
     .fc-event.darkbrown:hover { background-color: #976E35; }
	 	 
	 
	 
	.fc-event.black, .legend .black
     {
        background-color: #000;
		color: #FFF !important;
     }
     .fc-event.black:hover { background-color: #444; }

.portlet { width: 100%; height: 100%; margin: 10px 0 25px;  }

.ui-sortable-helper { background: #FFF; } /*make it white when it's being dragged */
.portlet-minimized { height: auto !important; }
.portlet-header { margin: 0; padding:  7px 10px 7px 0;  overflow: auto;  background-color: #F4F4F4; text-transform: uppercase; color: #666; }
.portlet-header .ui-icon { float: right; margin: 3px 3px 0 0; cursor: pointer;}
.portlet-content {  height: 90%; padding: 5px; overflow: auto; border-top: 2px #CCC solid; }
.portlet-content table.namevaluepair tr td, .portlet-content table.namevaluepair tr th{ background-color: #FFF;  border-top: 1px #DDD solid; vertical-align: top; }
    .portlet-content table.namevaluepair tr th {
        color: #999;
        font-weight: normal;
    }
    
.portlet-content table.namevaluepair tr:first-child td, .portlet-content table.namevaluepair tr:first-child th{ border-top: 0; }
.portlet-minimized .portlet-content { display: none !important; }
.ui-sortable-placeholder { border: 0 !important; visibility: visible !important; opacity: 0.2; background: #AAA !important; }
.ui-sortable-placeholder * { visibility: hidden; }

/*.uw-portlet-title, .uw-portlet-icons { height: 22px; }*/
body[data-allowlayoutchanges="true"] .portlet-header { cursor: move;   }
.uw-portlet-title {  font-size: 120%; color: #666; font-weight: bold; display: inline; height: 25px; line-height: 25px;}
.uw-portlet-icons {  overflow: auto; float: right;}
.uw-portlet-icons a { display:block;  float: right;  padding: 3px 22px 2px 6px; white-space: nowrap; }
.editicon {background:url('../../images/edit.png') center right no-repeat;}
.editicon:hover {background:url('../../images/edit_hover.png') center right no-repeat;}

.addicon {background:url('../../images/add.png') center right no-repeat;}
.addicon:hover {background:url('../../images/add_hover.png') center right no-repeat;}
.deleteicon {background:url('../../images/delete.png') center right no-repeat;}
.deleteicon:hover {background:url('../../images/delete_hover.png') center right no-repeat;}
.viewicon {background:url('../../images/view2.png') center right no-repeat;}
.viewicon:hover {background:url('../../images/view2_hover.png') center right no-repeat;}
.SMSicon {background:url('../../images/SMS.png') center right no-repeat;}
.SMSicon:hover {background:url('../../images/SMS_hover.png') center right no-repeat;}
.Emailicon {background:url('../../images/email.png') center right no-repeat;}
.Emailicon:hover {background:url('../../images/email_hover.png') center right no-repeat;}
.FullScreenBoxLink {background:url('../../images/fullscreen.png') center right no-repeat;}
.FullScreenBoxLink:hover {background:url('../../images/fullscreen_hover.png') center right no-repeat;}
.CloseLink {background:url('../../images/close.png') center right no-repeat;}
.CloseLink:hover {background:url('../../images/close_hover.png') center right no-repeat;}
.ClearSearchLink {background: url('../../images/delete.png') center right no-repeat;}
.ClearSearchLink:hover {background: url('../../images/delete_hover.png') center right no-repeat;}
.NewBoxIcon { font-weight: bold; color: #F00; font-size: 20px; line-height: 15px; padding-left: 2px; width: 20px; height: 20px; float: left;}
.settingsicon {background:url('../../images/settings.png') center right no-repeat;}
.settingsicon:hover {background:url('../../images/settings_hover.png') center right no-repeat;}
.SortBothDarkIcon {background:url('../../images/sort_both_dark.png') center right no-repeat;}
.SortBothDarkIcon:hover {background:url('../../images/sort_both_dark.png') center right no-repeat;}
.walkingliststarticon {background:url('../../images/walkinglist.png') center left no-repeat;}
.walkingliststarticon:hover {background:url('../../images/walkingliststart_hover.png') center left no-repeat;}
.walkinglistendicon {background:url('../../images/walkinglist.png') center left no-repeat;}
.walkinglistendicon:hover {background:url('../../images/walkinglistend_hover.png') center left no-repeat;}
.printicon {background:url('../../images/print.png') center right no-repeat;}
.printicon:hover {background:url('../../images/print_hover.png') center right no-repeat;}
.mapicon { background: url('../../images/icons/map.png') center right no-repeat; }
.mapicon:hover { background: url('../../images/icons/map.png') center right no-repeat; }
.expanddetailicon { background: url('../../images/details_open.png') center right no-repeat; }
.collapsedetailicon { background: url('../../images/details_close.png') center right no-repeat; }
.expandaltdetailicon { background: url('../../images/view_hover.png') center right no-repeat; }
.collapsealtdetailicon { background: url('../../images/view.png') center right no-repeat; }

.iconingridempty {height: 21px;display: block;}
.iconingrid { width: 21px; height: 21px; display: block; }
.iconingridinline {
    width: 21px;
    height: 21px;
    margin-bottom: -5px;
    display: inline-block;
}
.portlet-content p, .portlet-content th, .portlet-content td { line-height: 120%; }
.portlet-content p { margin: 2px 0 10px; }
.portlet-content table { width: 100%; }
.portlet-content table.namevaluepair,.portlet-content table.namevaluepair tr { margin: 0; padding: 0; border-spacing: 0; border: 0; }
.portlet-content table.namevaluepair th, .portlet-content table.namevaluepair td { padding: 4px 2px 4px 0; margin: 0;  }
.portlet-content table.namevaluepair th { text-align: left; width: 150px;  }
.portlet-content table.namevaluepair td { padding-left: 5px; }
.cancelicon {background:url('../../images/cancel.png') center right no-repeat;}
.cancelicon:hover {background:url('../../images/cancel_hover.png') center right no-repeat;}
.pauseicon {background:url('../../images/pause.png') center right no-repeat;}
.pauseicon:hover {background:url('../../images/pause_hover.png') center right no-repeat;}
.resumeicon {background:url('../../images/resume.png') center right no-repeat;}
.resumeicon:hover {background:url('../../images/resume_hover.png') center right no-repeat;}
.reschedulepaymenticon {background: url('../../images/reschedulepayment.png') center right no-repeat;}
.reschedulepaymenticon:hover {background: url('../../images/reschedulepayment_hover.png') center right no-repeat;}
.paymentretry1icon {background: url('../../images/failedpayment-retry1.png') center right no-repeat;}
.paymentretry1icon:hover {background: url('../../images/failedpayment-retry1_hover.png') center right no-repeat;}
.paymentretry2icon {background: url('../../images/failedpayment-retry2.png') center right no-repeat;}
.paymentretry2icon:hover {background: url('../../images/failedpayment-retry2_hover.png') center right no-repeat;}
.refundpaymenticon {background: url('../../images/refundpayment.png') center right no-repeat;}
.refundpaymenticon:hover {background: url('../../images/refundpayment_hover.png') center right no-repeat;}
.paperclipicon {background: url('../../images/paperclip.png') center right no-repeat;}
.paperclipicon:hover {background: url('../../images/paperclip_hover.png') center right no-repeat;}
.multiclipicon {background: url('../../images/multiclip.png') center right no-repeat; min-width: 32px;}
.reporticon {
    background: url('../../images/menu/icon-process1.png') center right no-repeat;
    background-size: 20px 20px;
}
.oerpaybalanceicon {
    background: url('../../images/failedpayment-retry1.png') center right no-repeat;
}
.oerpaybalanceicon:hover {
    background: url('../../images/failedpayment-retry1_hover.png') center right no-repeat;
}
.oerprocessrefundicon {
    background: url('../../images/refundpayment.png') center right no-repeat;
}
.oerprocessrefundicon:hover {
    background: url('../../images/refundpayment_hover.png') center right no-repeat;
}
.oercancelrefundicon {
    background: url('../../images/cancel.png') center right no-repeat;
}
.oercancelrefundicon:hover {
    background: url('../../images/cancel_hover.png') center right no-repeat;
}

.emptybox {
    color: #999;
}
.preview-holder { background-color: #F00; z-index: 5; position: absolute; top: 0; left: 0; }
.ui-widget-header .ui-icon { display: none; }
li { display: block; }

.header_buttons a.settingslink, .footer_buttons a.settingslink {
     display: block; /* only true because entity detail has settings*/
}

	
.portlet-content .text-expand-toggle { text-align: right; cursor: pointer; }

.portlet-content table { border-spacing: 0; }

.portlet-content table.datalist { width: 100%; border: none; margin: 0; }
.portlet-content table.datalist td.datalist {  border: 1px #DADADA solid;border-bottom: 0; }
.portlet-content table.datalist td.datalist-left { width: 20%; text-align: center; border-left: 1px #DADADA solid;border-top: 1px #DADADA solid; }
.portlet-content table.datalist td.datalist-right { width: 80%; border-right: 1px #DADADA solid; border-top: 1px #DADADA solid; }
.portlet-content table.datalist td.datalist-buttons { background-color: #F5F5F5; border: 1px #DADADA solid; border-top: 0; }
.portlet-content table.datalist td.datalist-buttons a { margin-right: 10px; } 
.portlet-content table.datalist td.datalist-spacer { height: 10px; }

.portlet-content table.datalist .datalist-userinfo { color: #999;font-size: 80%; margin-top: 10px}
.portlet-content table.datalist .datalist-userinfo p { margin: 0;}
.portlet-content table.datalist .datalist-title p { font-weight: bold; }
.portlet-content table.datalist .datalist-title-red p { font-weight: bold; color: #990000;  margin: 0 0 0 0; padding: 0 0 0 0; }
.portlet-content table.datalist .datalist-header p, .portlet-content table.datalist .datalist-footer p { font-size: 80%; line-height: 100%; margin: 2px 0 0; }
.portlet-content table.datalist .datalist-body { margin-top: 1em; }
.portlet-content table.datalist .datalist-body-compact p { margin: 0 0 0 0; padding: 0 0 0 0; }
.portlet-content table.datalist .datalist-header-bold p { font-weight: bold; line-height: 100%; margin: 2px 0 0; }

.portlet-content table.address { width: 100%; border: none; }
.portlet-content table.address td.address-left { width: 60%; border-left: 1px #DADADA solid;border-top: 1px #DADADA solid;}
.portlet-content table.address td.address-right { width: 40%;  border-right: 1px #DADADA solid; border-top: 1px #DADADA solid; }
.portlet-content table.address td.address-buttons { background-color: #F5F5F5; border: 1px #DADADA solid; border-top: 0; }
.portlet-content table.address td.address-buttons a { margin-right: 10px; } 
.portlet-content table.address td.address-spacer { height: 10px; }
.portlet-content table.address .address-badaddress p { color: red; }
.portlet-content table.address .address-address p { font-size: 100%; font-weight: bold; }
.portlet-content table.address .address-address p a { font-weight: normal; }
.portlet-content table.address .address-description { margin: 10px 0 0; }
.portlet-content table.address .address-description p { margin: 0; font-size: 80%; }
.portlet-content table.address .address-userinfo p { color: #999;font-size: 80%; margin-top: 10px}
.portlet-content table.address .address-preferred { margin: 0 0 10px; }
.portlet-content table.address .address-preferred p { font-weight: bold; margin: 2px 0 0;}
.portlet-content table.address .address-other { margin-top: 1em;  }
.portlet-content table.address .address-other p { margin: 2px 0 0; font-size: 80%;}
.lastupdated {font-size: 80%;}
.portlet-content h4.news-headline
{
    font-size: 120%;
    text-transform: uppercase;
    padding: 0;
    margin: 3px 0;
}
.portlet-content h4.news-headline p
{
    margin: 0;
    font-weight: bold;
    color: #888;
}

.portlet-content .news-details p
{
    font-weight: bold;
    font-size: 90%;
    display: inline;
    color: #888;
}

.portlet-content .news-details
{
    margin-bottom: 5px;
}
.portlet-content .news-article .datalist-body, .portlet-content .news-article .datalist-url
{
    padding: 0 10px;
}
.bold { font-weight: bold; }
.italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}

.small-date { font-size: 80%; font-style: italic; }

.small { font-size: 80%;  }
.big { font-size: 120%;  }
.red {
    color: #C00;
}
.silver {
    color: #DADADA;
}
.gray {
    color: #999;
}
.green {
    color: #090;
}
.blue {
    color: #00C;
}
.purple {
    color: purple;
}

.centered {
  text-align:center;
  vertical-align:middle;
}


.reminder { margin-bottom: 10px; }
.reminder .entitylink { font-weight: bold; margin: 2px 0; font-size: 80%; }
.reminder p { margin: 0; }
.reminder .title p { font-weight: bold; margin: 0; padding: 0; font-size: 110%;  }
.reminder .details .field-caption { font-weight: bold; }
.reminder .details { margin: 0; padding: 0;}

.reminder .details 
{
    margin-bottom: 6px;
}
.reminder .body
{
    margin: 5px 0;   
}

.reminder .inner {
    border: 1px #DADADA solid;
    border-bottom: 0;
    padding:  6px 10px;
}
.reminder .actions
{
    border: 1px #DADADA solid;
    border-top: 0;
    background-color: #F5F5F5;
    padding: 8px;
}
.reminder .actions a { margin-right: 10px; }

.checked {background: url("../../images/icons/checkmark.png") center left no-repeat;}
.unchecked {background: url("../../images/icons/unchecked.png") center left no-repeat;}
a.xlsx, a.xls {background:transparent url('../../images/icons/xls.png') no-repeat top left;padding-left:20px}
a.docx, a.doc {background:transparent url('../../images/icons/doc.png') no-repeat top left;padding-left:20px}
a.pptx, a.ppt {background:transparent url('../../images/icons/ppt.png') no-repeat top left;padding-left:20px}
a.external {background:transparent url('../../images/icons/external.png') no-repeat top left;padding-left:20px}
a.pdf {background:transparent url('../../images/icons/pdf.png') no-repeat top left;padding-left:20px}
a.txt, a.csv {background:transparent url('../../images/icons/txt.png') no-repeat top left;padding-left:20px}
a.zip, a.rar {background:transparent url('../../images/icons/zip.png') no-repeat top left;padding-left:20px}
a.heic, a.jpg, a.jpeg, a.png, a.gif, a.bmp, a.tif, a.tiff {background:transparent url('../../images/icons/img.png') no-repeat top left;padding-left:20px}


.myrecentactivity div:first-child
{
    border-top: 0;
}
.myrecentactivity div 
{
    padding: 5px 10px;
    border-bottom: 1px solid #EEE;
     transition: 0.25s all linear;
}

.myrecentactivity div p
{
    display: inline;
     margin-right: 3px;
}
.myrecentactivity, .myrecentactivity .entityname {
    color: #999;
}

#NoBoxesConfigured
{
    text-align: center;
    font-weight: bold;
    color: #FFF;
    background-color: #C00;
    padding: 10px;
    cursor: pointer;
}

/* ============

CSS BELOW CREATES EQUAL COLUMNS. http://www.positioniseverything.net/articles/onetruelayout/

THERE MAY BE SOME PROBLEMS WITH THIS METHOD - PLEASE READ  http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems

*/


.boxcontainer { 
    overflow:visible;
    position: relative;
    padding: 10px 0px; 
}
.sortable { 
    padding: 0 12px; 
    padding-bottom:5000px; 
    margin-bottom: -5000px;  
    min-height: 200px; 
    position: relative; 
}


@media only screen and (min-width: 600px) 
{

  
    div#inner_content {
        padding: 0 20px;
        overflow: hidden;
    }
    
}



/* END OF EQUAL COLUMN CSS  */


.OneColumn .column1 {float:left;width:100%;}
.OneColumn .column2 { display: none; }
.OneColumn .column3 { display: none; }
.OneColumn .column4 { display: none; }

.TwoColumnEqual .column1 {float:left;width:50%;}
.TwoColumnEqual .column2 {float:left;width:50%;}
.TwoColumnEqual .column3 { display: none; }
.TwoColumnEqual .column4 { display: none; }

.TwoColumnLeftBigger .column1 {float:left;width:70%;}
.TwoColumnLeftBigger .column2 {float:left;width:30%;}
.TwoColumnLeftBigger .column3 { display: none; }
.TwoColumnLeftBigger .column4 { display: none; }

.TwoColumnRightBigger .column1 {float:left;width:30%;}
.TwoColumnRightBigger .column2 {float:left;width:70%;}
.TwoColumnRightBigger .column3 { display: none; }
.TwoColumnRightBigger .column4 { display: none; }

.ThreeColumnEqual .column1 {float:left;width:33%; }
.ThreeColumnEqual .column2 {float:left;width:34%;}
.ThreeColumnEqual .column3 {float:left;width:33%; }
.ThreeColumnEqual .column4 { display: none; }

.ThreeColumnMiddleBigger .column1 {float:left;width:25%; }
.ThreeColumnMiddleBigger .column2 {float:left;width:50%;}
.ThreeColumnMiddleBigger .column3 {float:left;width:25%; }
.ThreeColumnMiddleBigger .column4 { display: none; }

.FourColumnEqual .column1 {float: left;width:25%; min-width: 50px;}
.FourColumnEqual .column2 {float:left;width:25%;min-width: 50px;}
.FourColumnEqual .column3 {float:left;width:25%; min-width: 50px;}
.FourColumnEqual .column4 {float:left;width:25%;min-width: 50px;}

.uw-portlet-titletoggle{
    padding: 10px 10px 10px 20px;    
    display: inline;
}
body[data-allowlayoutchanges="true"] .expanded .uw-portlet-titletoggle{
    background: url("../../images/arrow_state_down.png") center center no-repeat;
}

body[data-allowlayoutchanges="true"] .collapsed .uw-portlet-titletoggle  {
	background: url("../../images/arrow_state_right.png") center center no-repeat;
}

#selectedFile {
    min-height: 100px;
}

.FileGroup {
    border: 1px #CCC solid;
    padding: 5px 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
    .FileGroup label {
        font-weight: normal;
        display: inline;
    }
.FilePath
{
    font-style: italic;
    color: #888;
}


/* MOBILE */
html.mobile { overflow-y: scroll; }
html.mobile nav section { display: none; }
html.mobile .boxcontainer { margin:5px; }
html.mobile .portlet-header { 
	cursor: pointer;
}
html.mobile .portlet { margin-bottom: 2px; }
		
/* IE */
html.oldie .preview-holder { display: none !important; }
html.oldie table tr { background-color: #f9f9f9; }



.wrapper { margin: 10px 0; }




@media only screen and (max-width: 767px) {
	.notebody { border: 1px #CCC solid; margin-bottom: 10px; padding: 3px; }
	.notefields label.columns {padding:0;}
    .notefields div.columns {padding:0;}
    .fieldrow div { padding-bottom: 5px;border-left:0; min-height: 0px;}
}

div.lastupdated { padding-top: 10px; color: #777; }
 
html.oldie .sortable { margin: 0 !important; padding: 0 !important; }
html.oldie .uw-portlet-title { width: 50%;  float: left; }
html.oldie .uw-portlet-icons { width: 50%; float: left; overflow: hidden; }

.portlet-content .fullcalendardetails .details { 
            font-size: 85%; 
            margin-bottom: 6px;}

.portlet-content .fullcalendardetails .title p { 
            padding: 0; 
            margin: 2px 0; 
            font-size: 120%; 
            font-weight: bold; }

.portlet-content .fullcalendardetails  p { 
            margin: 0;}

.portlet-content .fullcalendardetails .details p span.field-caption { 
            font-weight: bold;}

.portlet-content .fullcalendardetails .subscribebutton a { 
             background-color: #F5F5F5; 
             border: 1px #DADADA solid; 
             border-top: 0;
             width: 20px;
             height: 20px;             
}

tr.even td, tr.odd td {
    vertical-align: middle;
}

.MarkAttendanceLink,.MarkAttendanceLink:visited {
    width: 100px;
    height: 100%;
    text-align: center;
    color: #FFF;
    margin: 0 auto;
    border: 1px #000 solid;
    border-radius: 5px;
    display: block;
    cursor: pointer;
    padding: 10px 0;
}

.MarkAttendanceLink[data-attended="false"]{
    background-color: #C00;
}

.MarkAttendanceLink[data-attended="true"]{
    background-color: #090;
}

.MarkAttendanceLink[data-attended="false"]:hover{
    background-color: #F00;
    color: #FFF;
}

.MarkAttendanceLink[data-attended="true"]:hover{
    background-color: #0C0;
    color: #FFF;
}

.MarkAttendanceLink[data-inprogress="true"],.MarkAttendanceLink[data-inprogress="true"]:hover{
    background-color: #999;
}

.portlet-content ul.notedocuments
{
    overflow: auto;
 }
.portlet-content ul.notedocuments li
{
    width: 300px;
    float: left;
}

.EventMoveToRegistrantsList {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    background: url('../../images/add_registrant.png') no-repeat center center;
}
.EventMoveToRegistrantsList:hover {
    background: url('../../images/add_registrant_hover.png') no-repeat center center;
}

.QuickActionComplete {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    background: url('../../images/icons/checkmark_grey.png') no-repeat center center;
}
.QuickActionComplete:hover {
    background: url('../../images/icons/checkmark.png') no-repeat center center;
}


.SavedSearchFavourite,.SavedSearchUnfavourite {
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.SavedSearchFavourite {
    background: url('../../images/favourite.png') no-repeat center center;
}

.SavedSearchUnfavourite {
    background: url('../../images/unfavourite.png') no-repeat center center;
}

.twitter-timeline {
        margin: 0 auto;
        display: block;
        padding: 0 20px;
}

.SMSCharactersRemaining {
    padding: 10px 0;
    text-align: right;
}
    .SMSCharactersRemaining .manyremaining {
        color: #228B22;
    }
    .SMSCharactersRemaining .fewremaining {
        color: #C86400;
        font-weight: bold;
    }
     .SMSCharactersRemaining .noneremaining {
        color: #F00;
        font-weight: bold;
    }

     .jqx-datetimeinput input[type="text"] {
         height: auto;
     }
     .jqx-date-time-input-popup td {
         padding: 0;
     }
     .jqx-date-time-input-popup table td input {
         width: 35px !important;
     }
@media only screen and (max-width: 599px) {
    #NoBoxesConfigured {
        margin: 70px 0;
    }
}



h1.searchresults
{
    padding: 0 0 0 0;
    font-weight: normal;
    font-size: 30px;
    margin: 30px 0 10px;
}

.searchresultswrapper 
{
    overflow: auto;
    border-top: 1px #DADADA solid;
}

.searchresultsleft
{
    padding-top: 20px;
    background: linear-gradient(to top right, #FFF, #FFF 70%, #EEE);
    min-height: 300px;
    padding-right: 0;
}

#divModalForm .searchresultsleft
{
    background: none;
}
.searchresultsleft div
{
    color: #000;
    font-weight: bold;
    padding: 10px 12px;
    text-align: right;
    border-bottom: 1px #DADADA solid;
}
.searchresultsleft div:last-child
{
    border-bottom: 0;
}

.searchresultsleft div a
{
    color: #494;
    cursor: pointer;
}

.searchresultsright
{
    padding-top: 10px;
}

.searchresulttitle
{
    text-align: center;
}
.searchresultcontainer
{
    min-height: 200px;
}
.searchresultswrapper .result
{ 
   margin: 0 0 30px;
}

.searchresultswrapper .displaytext
{
    font-weight: bold;
    font-size: 110%;
    overflow: auto;
}

.searchresultswrapper .displaytext .entityname
{
    padding: 0 20px;
    font-size:80%;
    font-weight: bold;
    color: #666;
}

.searchresultswrapper .secondarytext 
{
    font-size:85%;
    color: #999;
    margin-left: 20px;
}
    .searchresultswrapper .secondarytext .subresult{
        margin: 5px 0;
    }
    .searchresultswrapper .secondarytext .subresult h4{
        font-size: 100%;
        font-weight: bold;
        display: inline;
        color: #777;
        padding: 0 50px 0 20px;
    }
.pagingbar
{
    margin: 10px 0 !important;
}
.pagingdetails { height: 35px; line-height: 35px; }


@media only screen and (max-width: 599px) {
    .searchresultsleft { display: none; }
    select.pickEntity { display: block; margin: 10px auto; width: 250px;}
}
@media only screen and (min-width: 600px) 
{
    select.pickEntity { display: none; }
}
.searchtipslink
{
    cursor: pointer;
}
.searchtips
{
    margin: 5px 5px 20px;
    padding: 10px 20px;
    border: 1px #ccc solid;
    background-color: #F3F3F3;
    border-radius: 10px;
}
.searchtips li
{
    list-style-position: outside;
    display: list-item;
}

.searchtips h4 {
    padding: 5px 0;
}

.searchtips p {
    margin: 0;
}

.searchtipslist
{
    margin: 0 0 0 20px;
    list-style-type: disc;
}

.searchtipslistdetails
{
    margin: 0 0 0 20px;
    list-style-type: circle;
}

.pagingbar input.button, .pagingbar a.button {
    transition: none;
}

.googleAutoCompleteOr {
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px #CCC solid;
}

.pac-container {
    z-index: 1000000;
}

.contactsheetfieldlast{
	vertical-align:top;
}
.contactsheetfielddata{
}
.contactsheetsectioncaption{
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: #BBB;
}

.contactsheetfieldheader{
	font-size: 150%;
    margin-bottom: 5px;
    /*float: left;*/
    width: 85%;
}
.contactsheetmemberfullname{
	width:250px;
	vertical-align: top;
}
.contactsheetsectionwrapper{
	padding: 0;
	margin:0;
}
.contactsheetinputlabel{
	font-weight:bold;
    display: block;
}

.contactsheetheader {
    margin-top: 10px;
}

.contactsheetyesnoinstruction{
	padding: 5px 0 5px 15px;

}
.contactsheetyesinstruction {
    border-left: 3px #568F4E solid;
    padding: 10px 0 10px 5px;
}

.contactsheetnoinstruction {
    border-left: 3px #C31A21 solid;
    padding: 10px 0 10px 5px;    
}

.contactsheetactivityvalue {
    border: 1px #BBB solid;
    border-right: 0;
    background-color: #F7F7F7;
    border-bottom-width: 15px;
    padding: 15px;
    margin: 0;
    text-align: center;
    float: left;
    cursor: pointer;
    width: 33.3333%;
}

    .contactsheetactivityvalue:last-child {
        border-right: 1px #BBB solid;
    }

.contactsheetactivityvalueselected {
    font-weight: bold;
}

.contactsheetactivitytitle {
    font-weight: bold;
}

.contactsheetactivityname {
    margin-top: 5px;
}

.contactsheetactivityaddress {
    margin-bottom: 10px;
}

.contactsheetactivityvaluecontainer {
    margin: 5px 0 5px;
    overflow: auto;
}

.contactsheetaskvalue{
	border: 1px #BBB solid;
    border-right: 0;
    background-color: #F7F7F7;
    border-bottom-width: 15px;
	padding: 15px;
	margin: 0;
    text-align: center;
	float:left;
    cursor: pointer;
    width: 50%;
}

.contactsheetaskvalue:last-child {
    border-right: 1px #BBB solid;
}
.contactsheetaskvalueselected{
    font-weight:bold;
}


.contactsheetaskvaluecontainer{
    margin: 5px 0 5px;
    overflow: auto;
}

.contactsheeteventvalue {
    border: 1px #BBB solid;
    border-right: 0;
    background-color: #F7F7F7;
    border-bottom-width: 15px;
    padding: 15px;
    margin: 0;
    text-align: center;
    float: left;
    cursor: pointer;
    width: 50%;
}

    .contactsheeteventvalue:last-child {
        border-right: 1px #BBB solid;
    }

.contactsheeteventvalueselected {
    font-weight: bold;
}

.contactsheeteventtitle {
    font-weight: bold;
}

.contactsheeteventname {
    margin-top: 5px;
}

.contactsheeteventaddress {
    margin-bottom: 10px;
}

.contactsheeteventvaluecontainer {
    margin: 5px 0 5px;
    overflow: auto;
}



.contactsheetactivity, .contactsheetask, .contactsheetassessment, .contactsheetevent, .contactsheetintruction, .contactsheetconversation {
    margin: 0;
}
.contactsheetadditionalpeople input{
    width: auto;
    margin-top: 5px;
}

.contactsheetassessmentvaluecontainer{
    margin: 5px 0 5px;
    overflow: auto;
}

.contactsheet {
	margin: 10px;
}


.contactsheetassessmentvalue{
	border: 1px #BBB solid;
    border-right: 0;
    background-color: #F7F7F7;
    border-bottom-width: 15px;
	padding: 15px;
	margin: 0;
    text-align: center;
	float:left;
    cursor: pointer;
    flex: 1;
    width: 100%;
}
.contactsheetassessmentvalue:last-child {
    border-right: 1px #BBB solid;
}
@media only screen and (min-width: 600px) {
    .contactsheetassessment [data-assessmentcount="1"],
    .contactsheetassessment [data-assessmentcount="2"],
    .contactsheetassessment [data-assessmentcount="3"],
    .contactsheetassessment [data-assessmentcount="4"],
    .contactsheetassessment [data-assessmentcount="5"],
    .contactsheetassessment [data-assessmentcount="6"],
    .contactsheetassessment [data-assessmentcount="7"],
    .contactsheetassessment [data-assessmentcount="8"] {
        display: flex;
    }
}
@media only screen and (max-width: 599px) {
    
    .contactsheetassessmentvalue {
        border: 1px #BBB solid;
        border-left-width: 25px;
        border-bottom: 0;
    }
    
    .contactsheetassessmentvalue:last-child {
        border-bottom: 1px #BBB solid;
    }

    .contactsheetaskcallsectionsubmitbutton a, span.contactsheetaskcallsectionsubmitbutton {
        display: block;
    }
}
.contactsheetassessmentvalueselected{
    font-weight:bold;    
}

.contactsheetmemberheader .contactsheetfieldlast {
    margin: 0;
}
.contactsheetfieldlast {
    color: #AAA;
    font-size: 80%;
}
.contactsheetfieldlastconversation {
    margin-top: 10px;
    color: #AAA;
    font-size: 80%;
}
.contactsheetdivlastconversationdetailed {
    margin-top: 10px;
}
.contactsheetfieldlastconvowithdetail {
    display: inline;
    color: #AAA;
    font-size: 80%;
}
.contactsheetfieldlastconvodetailtoggle {
    display: inline-block;
    color: #36C;
    font-size: 80%;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
}
.contactsheetfieldlastconvodetail {
    display: none;
    color: #555;
    font-size: 90%;
    padding-top: 2px;
    padding-left: 8px;
}
.contactsheetfieldlastconversationattempt {
    margin-top: 10px;
    color: #AAA;
    font-size: 80%;
}
.contactsheetdivlastconversationattemptdetailed {
    margin-top: 10px;
}
.contactsheetfieldlastattemptwithdetail {
    display: inline;
    color: #AAA;
    font-size: 80%;
}
.contactsheetfieldlastattemptdetailtoggle {
    display: inline-block;
    color: #36C;
    font-size: 80%;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
}
.contactsheetfieldlastattemptdetail {
    display: none;
    color: #555;
    font-size: 90%;
    padding-top: 2px;
    padding-left: 8px;
}
.contactsheetsetting{
    cursor: pointer;
    background-color: #DADADA;
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 85%;
    color: #666;
    font-weight: bold;
}
.contactsheetsetting label { display: inline-block; }
.contactsheetradiowrapper{ padding: 5px; }

.contactsheetinstructions{
    display:block;
    /*float:left;*/
}

.contactsheetshowinstructionsicon,
.contactsheethideinstructionsicon  {
    margin: 5px 0 0;
    line-height: 40px;
    height:40px;
    padding-left: 40px;
    font-weight: bold;
    display: block;
    color: #222;
}

.contactsheetshowinstructionsicon:hover,
.contactsheethideinstructionsicon:hover {
    color: #888;
}
.contactsheetshowinstructionsicon {
    background:url('../../images/icons/switch_on.png') left center no-repeat;
}

.contactsheethideinstructionsicon {
    background:url('../../images/icons/switch_off.png') left center no-repeat;
}
.contactsheetaddicon {background:url('../../images/icons/contactsheet.png') center right no-repeat;}
.contactsheetaddicon:hover {background:url('../../images/icons/contactsheethover.png') center right no-repeat;}

.contactsheetsection {
    border-bottom: 1px #CCC solid;
    padding: 15px 0;
    overflow:auto;
}

.contactsheetsectionheader {
    border-bottom: 1px #CCC solid;
    padding-bottom: 15px;
    overflow:auto;
}

.contactsheetmembername {
    border: 1px #CCC solid;
    background:url('../../images/view2.png') 4px center no-repeat;
    background-position: calc(100% - 5px);
    border-radius: 3px;
    height: 32px;
    line-height: 32px;
    padding-left: 5px;
    display: block;
    overflow: hidden;
    margin-right:6px;
}

span.contactsheetmembername {
    background: none;
}

span.contactsheetmembername:hover {
    background: none;
}

.contactsheetmembername:hover {
        background:url('../../images/view2_hover.png') 4px center no-repeat #EEE;
        background-position: calc(100% - 5px);
}

a.markAsBadButton {
    display: inline-block;
}

a.BadButtonClicked {
    background-color: #F00;
    color: #FFF;
}

a.BadButtonClicked:hover {
    background-color: #D00;
    border-color: #AAA;
    color: #333;
    transition: 0.2s ease all;
}

.callbackbutton {
    border-radius: 3px;
    transition: 0.2s ease all;
    color: #555;
    cursor: pointer;
    margin: 5px 10px 5px 0;
    line-height: inherit !important;
    border: 1px #BBB solid;
    background-color: #F7F7F7;
    text-decoration: none;
    padding: 5px;
    text-align: center;
}

.callbackbutton:hover {
    background-color: #E9E9E9;
    border-color: #AAA;
    color: #333;
    transition: 0.2s ease all;
}

.callbackdonebutton
{
    border-radius: 3px;
    display: block;
    float:left;
    transition: 0.2s ease all;
    color: #555;
    cursor: pointer;
    margin: 0px 10px 0px 0;
    line-height: inherit !important;
    border: 1px #BBB solid;
    background-color: #F7F7F7;
    text-decoration: none;
    padding: 7px 20px;
    text-align: center;
}

.contactsheetaskcallsectionsubmitbutton {
    display: flex;
}

.contactsheetaskcallsection{
        margin: 0px;
}

.contactsheetaskcallbacksection{
    margin: 5px 0px 0px;
}

.contactsheetphonenumber:hover {
    
}

.contactsheetphonenumber{
    background-color: #7A7;
    background: linear-gradient( #494, #7A7, #494);
    border: 1px #494 solid;
    color:#FFF;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
    min-width: 250px;
}
.contactsheetphonenumber:hover {
    color: #FF0;
}
.contactsheetphonenumberbad {
    cursor: default;
    background-color: #CC3333;
    background: linear-gradient( #990000, #CC3333, #990000);
    border: 1px #990000 solid;
    color: #FFF;
    font-weight: bold;
    margin-bottom: 5px;
    display: none;
    min-width: 250px;
}
.contactsheetphonenumberbad:hover {
    color: #FFF;
}
.contactsheetaskcallsectionbutton{
    margin-top: 10px;
}

.contactsheetjobfields {
    margin-top: 10px;
    border-top: 1px #CCC solid;
    padding: 0px;
    padding-top: 5px;
}

.contactsheetjobfieldpair {
    margin: 0px;
    padding: 0px;
}

.contactsheetjobfieldlabel {
    display: inline-block;
    padding-top: 10px;
    font-weight: bold;
}

.contactsheetjobfieldname {
    display: inline-block;
    padding-top: 10px;
}

.contactsheetaddressdiv {
    padding:10px 0px;
}

.contactsheetbadaddresslabelbad {
    background-color: #F00;
    color: #FFF;
    padding: 2px;
    margin: 5px;
}

.contactsheetbadaddresslabel {
    display: inline-block;
}

a.modalCallBackbutton {
    display: inline-block;
}

@media only screen and (max-width: 599px) {
    .contactsheetphonenumber {
        float:none;
        display: block; 
        margin: 5px 0 10px;
    }

    .contactsheetmemberfullname {
        width: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
}



.creditcard{
    margin-bottom: 5px;
}

.checkExample {
    background: url(../../images/check2.png) center left no-repeat;
    height: 160px;
    background-position: center;
    margin-bottom: 5px;
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    position: relative;
}

    .dropzone .dz-preview {
        position: relative;
        display: inline-block;
        width: 120px;
        margin: 0.5em;
    }

        .dropzone .dz-preview .dz-progress {
            display: block;
            height: 15px;
            border: 1px solid #aaa;
        }

            .dropzone .dz-preview .dz-progress .dz-upload {
                display: block;
                height: 100%;
                width: 0;
                background: green;
            }

        .dropzone .dz-preview .dz-error-message {
            color: red;
            display: none;
        }

        .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
            display: block;
        }

        .dropzone .dz-preview.dz-success .dz-success-mark {
            display: block;
        }

        .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
            position: absolute;
            display: none;
            left: 30px;
            top: 30px;
            width: 54px;
            height: 58px;
            left: 50%;
            margin-left: -27px;
        }


/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone, .fieldrow div.dropzone {
  min-height: 150px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }


.jqx-button-chips { /* Everything is important because it needs to override jqx-fill-state-normal in app.css (which has many importants) which needs to override the 3rd party file */
    font-family: inherit !important;
    font-size: 100% !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.jqx-button-chips span {
    margin-left: -10px;
}

.assignGrassrootsRoot {
    padding-left: 15px;
}

.assignGrassrootsRoot h1 {
    font-size: 130%;
}

.selectedorganizers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100px;
    max-height: 100px;
    overflow: auto;
}

.addgrassrootsorganizericon {
    background: url('../../images/grassroots_add.png') center right no-repeat;
}

.addgrassrootsorganizericon:hover {
    background: url('../../images/grassroots_add_hover.png') center right no-repeat;
}

.deletegrassrootsorganizericon {
    background: url('../../images/grassroots_remove.png') center right no-repeat;
}

.deletegrassrootsorganizericon:hover {
    background: url('../../images/grassroots_remove_hover.png') center right no-repeat;
}

.countgrassrootsorganizericon {
    background: url('../../images/grassroots.png') center right no-repeat;
}

.countgrassrootsorganizericon:hover {
    background: url('../../images/grassroots_hover.png') center right no-repeat;
}

.grassroots_chevron::before {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    display: inline-block;
    height: 0.45em;
    position: relative;
    transform: rotate(45deg);
    width: 0.45em;
    margin: 0px;
    padding: 0px;
    content: '';
}


.grassroots_buttongroup_indicator_balance {
    color: transparent;
    font-weight: bold;
    font-size: smaller;
    text-shadow: none;
    border-color: transparent;
}

.grassroots_buttongroup_indicator_off {
    color: transparent;
    font-weight: bold;
    font-size: smaller;
    border-color: transparent;
}

.grassroots_buttongroup_indicator_on {
    color: black;
    font-weight: bold;
    font-size: smaller;
    border-color: white;
}

.grassroots_buttongroup_button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.grassroots_buttongroup_selected {
    font-weight: bold;
}

#grofilterbuttonarea .processing {
    width: 50px;
    height: 50px;
    padding-right: 150px;
    margin-bottom: 5px;
}

.grassroots_grid_mobileinstructions {
    margin-bottom: 10px;
}

.contactsheetfailedattempt {
    display: none;
}

.contactsheetfailedattemptreason {
    height: 90px;
}

.labelsameline {
    display: inline !important;
}

/* START: Dispatch box on Member page - Content Template classes */

.datalist-header {
    margin-bottom: 20px;
}

.datalist-header-label {
    color: #999;
    margin-top: 10px;
    display: inline-block;
}

.datalist-header-value {
    font-weight: bold;
    margin-top: 10px;
    margin-left: 10px;
    display: inline-block;
}

.memberdispatch .datalist-repeater {
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.memberdispatch .repeater-header {
    color: #36C;
    font-size: 1.2em;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.memberdispatch .repeater-body {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

.memberdispatch .repeater-details {
    margin-left: 15px;
    margin-right: 15px;
    vertical-align: top;
    display: inline-block;
    min-width: 220px;
}

.memberdispatch .repeater-details-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.memberdispatch .repeater-details-table {
    border: none;
}

.memberdispatch .repeater-details-table-row-label {
    padding-left: 0px;
    padding-bottom: 4px;
    padding-bottom: 5px;
    color: #999;
}

.memberdispatch .repeater-details-table-row-value {
    padding-left: 0px;
    padding-bottom: 4px;
    padding-bottom: 6px;
}

.memberdispatch .repeater-classifications {
    margin-left: 15px;
    margin-right: 15px;
    vertical-align: top;
    display: inline-block;
    min-width: 380px;
    flex-grow: 2;
}

.memberdispatch .repeater-classifications-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.memberdispatch .repeater-classifications-table {
}

.memberdispatch .repeater-classifications-table-row-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    padding-bottom: 5px;
    color: #999;
}

.memberdispatch .repeater-classifications-table-row-data {
    padding-bottom: 4px;
    padding-bottom: 5px;
}

.memberdispatch .repeater-classifications-table-row-data.odd {
    background-color: #F9F9F9;
}

.memberdispatch .repeater-classifications-table-row-data.even {
    background-color: #FFF;
}

.memberdispatch .repeater-footer {
    background-color: #F4F4F4;
}

.memberdispatch .repeater-footer-link {
    display: inline-block;
}

/* Apply padding to the content of the placeholder rather than the placeholder itself.
   This is so that empty placeholders don't leave ugly gaps. */
.repeater-footer-link-content {
    padding: 7px 10px 7px;
    display: block; /* Only block elements can have vertical padding */
}

@media only screen and (max-width: 599px) {
    .memberdispatch .repeater-footer-link {
        display: block;
    }

}

/* END: Dispatch box on Member page - Content Template classes */


.datatable-childrow-detail {
    background-color: #F3F3F3;
}

/* START: BookIn History box on Member page - Content Template classes */
.bookinhistory .datalist-repeater {
    border: 1px solid #ddd;
    margin-left: 20px;
    margin-bottom: 20px;
}

.bookinhistory .repeater-header {
    color: #36C;
    font-size: 1.2em;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
}

.bookinhistory .repeater-body {
    background-color: #FFF;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-flow: row wrap;
}

.bookinhistory .repeater-details {
    padding-left: 15px;
    flex-grow: 2;
}

.bookinhistory .repeater-details-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.bookinhistory .repeater-details-table {
    border: none;
    margin: 0px;
}

.bookinhistory .repeater-details-table-row-label {
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #999;
}

.bookinhistory .repeater-details-table-row-value {
    padding-left: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.bookinhistory .repeater-classifications-toggle {
    padding-left:10px;
    padding-right: 10px;
    align-self: flex-end;
}

.bookinhistory .repeater-details-toggle-button {
    width: 170px !important;
    padding: 2px;
    margin: 0px;
}

.bookinhistory .repeater-classifications-detail {
    display: none;
    padding: 10px 10px 0px;
    min-width: 380px;
    flex-basis: 100%;
}

.bookinhistory .repeater-classifications-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 4px;
}

.bookinhistory .repeater-classifications-table {
    margin-bottom: 0px;
}

.bookinhistory .repeater-classifications-table-row-header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
    padding-bottom: 5px;
    color: #999;
}

.bookinhistory .repeater-classifications-table-row-data {
    padding-bottom: 4px;
    padding-bottom: 5px;
}

.bookinhistory .repeater-classifications-table-row-data.odd {
    background-color: #F9F9F9;
}

.bookinhistory .repeater-classifications-table-row-data.even {
    background-color: #FFF;
}

@media only screen and (max-width: 599px) {
    .bookinhistory .datalist-repeater {
        border: 1px solid #ddd;
        margin-left: 0px;
        margin-bottom: 20px;
    }
    .bookinhistory .repeater-classifications-toggle {
        padding-top: 5px;
    }
    .bookinhistory .repeater-details-toggle-button {
        float: left;
    }
}

/* END: BookIn History box on Member page - Content Template classes */


/* START: Job Opportunity Fill - Member Details - HTML box type */

.jobfillmemberdetails {
    background-color: #FFF;
    max-width: 100%;
    padding-top: 5px;
    padding-left: 10px;
}

.jobfillmemberdetails .newcommunication {
padding: 5px;
height: 50px;
display: block;
}

.jobfillmemberdetails .newcommunication .newcommunicationlink {
float: left;
min-width: 200px;
}

.jobfillmemberdetails .newcommunication .newcommunicationlink .newcommunicationicon {
    vertical-align: middle;
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    background: url('../../images/icons/contactsheetadd.png') center left no-repeat;
}

.jobfillmemberdetails .newcommunication .newcommunicationlink .newcommunicationtext {
    vertical-align: middle;
    padding-left: 5px;
}

.jobfillmemberdetails .memberwarnings {
padding: 5px;
display: block;
}

.jobfillmemberdetails .memberwarnings .warning {
color: red;
}

.jobfillmemberdetails .membernameaddress {
padding: 5px;
padding-bottom: 10px;
display: block;
}

.jobfillmemberdetails .membernameaddress .membername {
font-weight: bold;
}

.jobfillmemberdetails .membernameaddress .memberaddress {
color: #999;
}

.jobfillmemberdetails .memberdetails {
max-width: 100%;
display: flex;
flex-flow: row wrap;
}

.jobfillmemberdetails .memberdetails .contactpoint {
flex-grow: 2;
align-self: flex-start;
}

.jobfillmemberdetails .memberdetails .contactpoint .contactpointtable {
    padding-left: 5px;
    border: 0px;
    width: auto;
}

.jobfillmemberdetails .memberdetails .contactpoint .contactpointtable .contactpointlabel {
    width: 150px;
    padding: 2px 0px;
    color: #999;
}

.jobfillmemberdetails .memberdetails .contactpoint .contactpointtable .contactpointvalue {
    padding: 2px 0px;
}

.jobfillmemberdetails .memberdetails .memberdispatch {
flex-grow: 2;
align-self: flex-start;
}

.jobfillmemberdetails .memberdetails .memberdispatch .memberdispatchtable {
    padding-left: 5px;
    border: 0px;
    width: auto;
}

.jobfillmemberdetails .memberdetails .memberdispatch .memberdispatchtable .memberdispatchlabel {
    width: 150px;
    padding: 2px 0px;
    color: #999;
}

.jobfillmemberdetails .memberdetails .memberdispatch .memberdispatchtable .memberdispatchvalue {
    padding: 2px 0px;
}

.jobfillmemberdetails .memberadditional {
max-width: 100%;
display: flex;
flex-flow: row wrap;
}

.jobfillmemberdetails .memberadditional .memberclassifications {
    padding-bottom: 10px;
    flex-grow: 2;
    align-self: flex-start;
}

.jobfillmemberdetails .memberadditional .memberclassifications .classifications_label {
    margin-left: 5px;
    font-weight: bold;
}

.jobfillmemberdetails .memberadditional .memberclassifications .classificationname {
    margin-left: 5px;
}

.jobfillmemberdetails .memberadditional .memberclassifications .classificationdetails {
    margin-left: 5px;
    padding-left: 20px;
    font-size: 9pt;
}

.jobfillmemberdetails .memberadditional .memberrecentactions {
    padding-bottom: 10px;
    flex-grow: 2;
    align-self: flex-start;
}

.jobfillmemberdetails .memberadditional .memberrecentactions .recentactions_label {
    margin-left: 5px;
    font-weight: bold;
}

.jobfillmemberdetails .memberadditional .memberrecentactions .recentaction {
    margin-left: 5px;
}

@media only screen and (max-width: 599px) {
    .jobfillmemberdetails .memberdetails .contactpoint {
        flex-basis: 100%;
        align-self: flex-start;
    }

    .jobfillmemberdetails .memberdetails .memberdispatch {
        flex-basis: 100%;
        align-self: flex-start;
    }

    .jobfillmemberdetails .memberadditional .memberclassifications {
        flex-basis: 100%;
        align-self: flex-start;
    }

    .jobfillmemberdetails .memberadditional .memberrecentactions {
        flex-basis: 100%;
        align-self: flex-start;
    }
}
/* END: Job Opportunity Fill  Member Details - HTML box type  */


.upay_paymentmethod_control .upay_outline .upay_padded_div {
    padding: 5px;
}

.upay_paymentmethod_control .upay_outline .upay_borderless {
    margin: 0px;
    padding: 0px;
}

.upay_paymentmethod_control .upay_outline .upay_hidden {
    display: none;
}

.upay_paymentmethod_control .upay_template_html {
    display: none;
}

.upay_paymentmethod_control .upay_outline .upay_accepted_cards_image {
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.upay_paymentmethod_control .upay_outline .upay_radio_button {
    display: table-cell;
    padding: 2px;
    width: 15px;
    text-align: center;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_header_text_and_image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 5px;
    padding-left: 4px;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 5px;
}

.upay_paymentmethod_control .upay_outline .upay_radio_button_flex {
    margin: 0px;
    padding: 2px;
    width: 15px;
    text-align: center;
}

.upay_paymentmethod_control .upay_outline .upay_text_and_image_text {
    white-space: nowrap;
    font-weight: bold;
    margin-left: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}

.upay_paymentmethod_control .upay_outline .upay_brand_img {
    display: table-cell;
    padding: 2px;
    width: 48px;
    max-width: 48px;
    text-align: center;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_existing_pm_info {
    display: table-cell;
    padding: 2px;
    padding-left: 5px;
    vertical-align: middle;
    font-size: 10.5pt;
}

.upay_paymentmethod_control .upay_outline .upay_brand_name {
    font-weight: bold;
}

.upay_paymentmethod_control .upay_outline .upay_cc_ends {
    white-space: nowrap;
    font-size: .9em;
    color: dimgrey;
}

.upay_paymentmethod_control .upay_outline .upay_pm_header {
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 1.4em;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
}

.upay_paymentmethod_control .upay_outline .upay_existing_pm {
    overflow: hidden;
    display: table;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 10.5pt;
}

.upay_paymentmethod_control .upay_outline .upay_radio_button {
    display: inline-block;
    padding: 2px;
    height: 32px;
    width: 15px;
    display: table-cell;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_text {
    display: inline-block;
    white-space: nowrap;
    padding: 2px;
    height: 32px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_img {
    display: inline-block;
    padding: 2px;
    margin: 0px;
    height: 32px;
    min-width: 150px;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_label {
    font-size: .8em;
    font-weight: bold;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_img {
    visibility: hidden;
}

.upay_paymentmethod_control .upay_outline .upay_cvv_img {
    margin-top: 5px;
    margin-left: 10px;
    width: 60px;
}

/* This wasn't needed in memberlink, but ulink has jqx css that adds a border back to our buttons.  So kill it.  */
.upay_paymentmethod_control .upay_outline #UPayAccountType {
    border-left: 0px;
}

/*
.help_icon {
    color: #fff;
    background-color: #5dade2;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
    box-shadow: inset -1px -1px 1px 0px rgba(0,0,0,0.25);
}
*/
.upay_paymentmethod_control .upay_outline .upay_display_table {
    display: table;
}

.upay_paymentmethod_control .upay_outline .upay_centered_table_cell {
    display: table-cell;
    vertical-align: middle;
}

.upay_paymentmethod_control .upay_outline .upay_payment_fields {
    display: none;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_info {
    flex-direction: column;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_name_number {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-top: 5px;
    padding-left: 2px;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_name {
    margin-right: 5px;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_img_container {
    width: 64px;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_cvv_exp_zip {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    padding-left: 2px;
}

.upay_paymentmethod_control .upay_outline .upay_cvv_help_image_container {
    width: 74px;
    margin-bottom: 9px;
}

.upay_paymentmethod_control .upay_outline .upay_expiry_zip_row {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}


.upay_paymentmethod_control .upay_outline .upay_new_ach_info {
    flex-flow: row wrap;
    align-items: center;
}

.upay_paymentmethod_control .upay_outline .upay_new_ach_fields {
    display: flex;
    flex-flow: column wrap;
}

.upay_paymentmethod_control .upay_outline .upay_ach_field {
    padding: 5px 2px;
    margin: 0px;
    border: 0px none;
}

.upay_paymentmethod_control .upay_outline .upay_credit_card_field {
    padding: 0px 5px;
    margin: 0px;
    border: 0px none;
}

.upay_paymentmethod_control .upay_outline .upay_account_type {
    /* height: 10px; */
    display: flex;
    flex-direction: row;
}

.upay_paymentmethod_control .upay_outline .upay_flex_nowrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.upay_paymentmethod_control .upay_outline .jqx-button {
    width: 45%;
    margin-bottom: 10px;
}

.upay_paymentmethod_control .upay_outline .jqx-fill-state-normal {
    color: black;
    border-color: darkblue;
    border-left-color: darkblue;
    border-left-style: solid;
    border-left-width: thin;
    line-height: 1.2em;
}

.upay_paymentmethod_control .upay_outline .jqx-fill-state-pressed {
    border-color: darkblue;
    background-color: CornFlowerBlue;
    color: white;
    border-left-color: darkblue;
    border-left-style: solid;
    border-left-width: thin;
    line-height: 1.2em;
}

.upay_paymentmethod_control .upay_outline .upay_chevron::before {
    border-style: solid;
    border-width: 0.25em 0.25em 0 0;
    display: inline-block;
    height: 0.45em;
    position: relative;
    transform: rotate(45deg);
    width: 0.45em;
    margin: 0px;
    padding: 0px;
    content: '';
}


.upay_paymentmethod_control .upay_outline .upay_buttongroup_indicator_balance {
    color: transparent;
    font-weight: bold;
    font-size: smaller;
    text-shadow: none;
    border-color: transparent;
}

.upay_paymentmethod_control .upay_outline .upay_buttongroup_indicator_off {
    color: transparent;
    font-weight: bold;
    font-size: smaller;
    border-color: transparent;
}

.upay_paymentmethod_control .upay_outline .upay_buttongroup_indicator_on {
    color: white;
    font-weight: bold;
    font-size: smaller;
    border-color: white;
}

.upay_paymentmethod_control .upay_outline .upay_buttongroup_button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.upay_paymentmethod_control .upay_outline .upay_save_pm {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    cursor: pointer;
    padding-left: 2px;
}

.upay_paymentmethod_control .upay_outline .save_cc_spacing {
    padding: 0px 5px 5px 5px;
}

.upay_paymentmethod_control .upay_outline .save_ach_spaching {
    padding: 0px 0px 0px 5px;
}

.upay_paymentmethod_control .upay_outline {
    border: solid 1px #ddd;
    border-color: #BBB;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 10px;
}

.upay_paymentmethod_control .upay_outline .upay-error-outline {
    border-color: #F00;
}


.upay_paymentmethod_control .upay_outline .upay_name_on_card {
    width: 40%;
}

.upay_paymentmethod_control .upay_outline .upay_card_number {
    width: 58%;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_txt_container {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    .upay_paymentmethod_control .upay_outline {
        border: 0 none;
        padding: 0;
        margin: 0;
    }

    /*.upay_new_pm_img {
        padding-left: 24px;
    }*/

    .upay_paymentmethod_control .upay_outline .upay_cheque_image {
        padding-left: 5px;
        width: 90%;
    }

    .upay_paymentmethod_control .upay_outline .upay_name_on_card {
        width: 100%;
    }

    .upay_paymentmethod_control .upay_outline .upay_card_number {
        width: 100%;
    }
        
    .upay_paymentmethod_control .upay_outline .jqx-fill-state-normal {
        line-height: 0.8em;
    }
   
    .upay_paymentmethod_control .upay_outline .jqx-fill-state-normal {
        line-height: 0.8em;
    }
}


/* 
    We want hover / selected styles to trump regular styling, so leave them at the end of the file.
*/
.upay_paymentmethod_control .upay_outline .upay_new_pm_show { /* This is also a "selected" styling. */
    display: flex;
    border: 1px solid DarkBlue;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 0px;
    margin-bottom: 10px;
}

.upay_paymentmethod_control .upay_outline .upay_hovered_pm {
    background-color: #C0D4EE;
    border-radius: 5px;
    border: 1px solid LightSteelBlue;
}

.upay_paymentmethod_control .upay_outline .upay_selected_pm {
    background-color: CornflowerBlue;
    border-radius: 5px;
    border: 1px solid DarkBlue;
    color: white;
}

.upay_paymentmethod_control .upay_outline .upay_new_pm_header.upay_selected_pm {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 0px none;
    margin-bottom: 0px;
}

.upay_paymentmethod_control .upay_outline .upay_cc_ends_sel {
    font-size: .9em;
    color: white;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_info input[type="text"] {
    margin-bottom: 23px;
}

.upay_paymentmethod_control .upay_outline .upay_new_cc_info input.error-message {
    margin-bottom: 0px;
}


/* 
    Display images inside Grid cell as element backgrounds
*/

.upay_paymentmethod_control .upay_outline .upay_pm_type_img_ach {
    background: url('../../images/bank_simple_24.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.upay_paymentmethod_control .upay_outline .upay_pm_type_img_mc {
    background: url('../../images/mc_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.upay_paymentmethod_control .upay_outline .upay_pm_type_img_visa {
    background: url('../../images/visa_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.upay_paymentmethod_control .upay_outline .upay_pm_type_img_amex {
    background: url('../../images/amex_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.upay_paymentmethod_control .upay_outline .upay_pm_type_img_disc {
    background: url('../../images/disc_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}


/* 
    Display CC images inside uLink Grid cell as element backgrounds
*/

.dataTable .upay_pm_type_img_ach {
    background: url('../../images/bank_simple_24.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.dataTable .upay_pm_type_img_mc {
    background: url('../../images/mc_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.dataTable .upay_pm_type_img_visa {
    background: url('../../images/visa_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.dataTable .upay_pm_type_img_amex {
    background: url('../../images/amex_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}

.dataTable .upay_pm_type_img_disc {
    background: url('../../images/disc_32.png') no-repeat center;
    min-width: 40px;
    min-height: 32px;
}
columns.hastooltips, .column.hastooltips {
    padding-left: 0px;
    padding-right: 0px;
}

.uwtooltip {
    padding: 6px 0px 6px 3px;
}

.uwtooltip:hover {
    cursor: pointer;
}

.uwtooltipimg {
    max-height: 16px;
}

.uwtooltipmain {
    /*background: url(../../images/icons/message.png) 5px center no-repeat #CED7DF;*/
    background-color: #CED7DF;
    border: #123652 1px solid !important;
    padding: 5px 10px !important;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: 30px;
}

.uwtooltiplocation.uwspanninglabel {
    float: left;
    width: 91.6666%;
}

.uwtooltiptext p {
    margin: 0;
}

.uwtooltipfooter {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-top: 15px;
}

.uwtooltiphide label {
    font-weight: normal;
}

.uwtooltipbutton .okbutton {
    width: 50px !important;
}

.uwtooltipwrapper {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.uwtooltipwrapper.columns, .uwtooltipwrapper.column, .uwtooltipwrapper .columns, .uwtooltipwrapper .column {
    padding-left: 0px
} 

.uwtooltipcloseimg {
    background: url(../../images/icons/closetooltip.png) 5px 5px no-repeat #CED7DF;
    border: none;
    width: 27px !important;
    height: 24px !important;
    cursor: pointer;
}

.uwtooltipcloseimg:hover {
    background: url(../../images/icons/closetooltip_hover.png) 5px 5px no-repeat #CED7DF;
}

.uwclosewrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.uwtooltiphidelink{
    cursor: pointer;
    font-size: 0.8em;
}

@media only screen and (max-width: 767px) {
    .column.uwtooltiplocation, .columns.uwtooltiplocation, .uwtooltiplocation.uwspanninglabel {
        width: 90% !important;
        float: left !important;
    }

    .uwtooltip {
        width: 10% !important;
        float: left !important;
        padding: 3px 0 0 3px !important;
    }

    .uwtooltipimg {
        max-height: 32px;
    }

    .uwtooltipbody {
        width: 88% !important;
    }

    .uwtooltipclosewrapper {
        width: 11% !important;
    }

    .uwtooltipmain {
        width: 100% !important;
    }
    
    .uwblanktooltip {
        width: 10% !important;
        float: left !important;
        padding: 3px 0 0 3px !important;
    }
}
/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
/*top-right rounded Corners*/
.jqx-rc-tr {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br {
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*top rounded Corners*/
.jqx-rc-t {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*bottom rounded Corners*/
.jqx-rc-b {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*right rounded Corners*/
.jqx-rc-r {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
/*left rounded Corners*/
.jqx-rc-l {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
/*all rounded Corners*/
.jqx-rc-all {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/*reset rounded corners*/
.jqx-rc-reset {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

/*Reset Style*/
.jqx-reset {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    outline: none;
    box-sizing: content-box;
}

.jqx-clear {
    align: left;
    valign: top;
    left: 0px;
    top: 0px;
    -webkit-appearance: none !important;
    outline: none !important;
    padding: 0px;
    margin: 0px;
}

.jqx-popup {
    box-sizing: content-box;
}

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

.jqx-border-reset {
    border: none !important;
}

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

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

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

.jqx-max-size {
    width: 100% !important;
    height: 100% !important;
}

.jqx-background-reset {
    background: transparent !important;
}
/*Disable browser selection*/
.jqx-disableselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.jqx-enableselect {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: all;
}

.jqx-hideborder {
    border: none !important;
}

.jqx-hidescrollbars {
    overflow: hidden !important;
}
/*jqxButton, jqxToggleButton, jqxRepeatButton Style*/
.jqx-button {
    outline: none;
    border: 1px solid transparent;
    padding: 5px;
    text-align: center;
    vertical-align: central;
    margin: 0 0 0 0;
    cursor: default;
}

button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button {
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
}

.jqx-buttongroup {
}

.jqx-group-button-normal {
    vertical-align: middle;
    text-align: center;
}
/*applied to the link button's anchor element.*/
.jqx-link {
    text-decoration: none;
    color: #111111;
}

/*shows elements.*/
.jqx-visible {
    display: block;
}
/*hides elements.*/
.jqx-hidden {
    display: none;
}

.jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal {
    line-height: 1.231;
}
/*jqxGauge Style*/
.jqx-gauge-label, .jqx-gauge-caption {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-knob {
    text-align: center;
}
/*jqxChart Style*/
.jqx-knob-label,
.jqx-chart-axis-text,
.jqx-chart-label-text,
.jqx-chart-tooltip-text,
.jqx-chart-legend-text {
    fill: #333333;
    color: #333333;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-axis-description {
    fill: #555555;
    color: #555555;
    font-size: 11px;
    font-family: Verdana;
}

.jqx-chart-title-text {
    fill: #111111;
    color: #111111;
    font-size: 14px;
    font-weight: bold;
    font-family: Verdana;
}

.jqx-chart-title-description {
    fill: #111111;
    color: #111111;
    font-size: 12px;
    font-weight: normal;
    font-family: Verdana;
}

/*applied to the Grid's element.*/
.jqx-grid {
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
}

    .jqx-grid .jqx-adaptive-table {
        border-collapse: collapse;
        border: none;
        width: 100%;
    }

        .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th {
            border-bottom: 1px solid #ddd;
            padding: 8px;
            overflow: auto;
        }

        .jqx-grid .jqx-adaptive-table tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        .jqx-grid .jqx-adaptive-table th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #4CAF50;
            color: white;
        }

    .jqx-grid .jqx-adaptive-view a {
        padding: 10px;
        text-decoration: none;
        color: orangered;
    }

/*applied to the Pager.*/
.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
}
/*applied to the Top Pager.*/
.jqx-grid-pager-top {
    border: none;
    border-bottom: 1px solid transparent;
}

.jqx-grid-pager-number {
    padding: 2px 5px;
    text-decoration: none;
    margin: 1px;
    border: 1px solid transparent;
    color: inherit !important;
    outline: none;
    font-weight: normal !important;
    line-height: 14px;
}

.jqx-grid-menu-item-touch {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}
/*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/
.jqx-grid-bottomright {
}
/*applied to the Grid's header area.*/
.jqx-grid-header {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    overflow: hidden;
    border-color: transparent;
    margin: 0px;
    padding: 0px;
}
/*applied to the columns.*/
.jqx-grid-column-header, .jqx-grid-columngroup-header {
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl {
    border-width: 0px 0px 0px 1px;
}

.jqx-grid-columngroup-header {
    border-bottom-width: 1px;
    border-left-width: 1px;
}
/*applied to the column's button.*/
.jqx-grid-column-menubutton {
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: transparent;
    background-image: url('../jqWidgets/images/icon-menu-small.png') !important;
    background-repeat: no-repeat;
    background-position: center !important;
    cursor: pointer;
}

.jqx-grid-column-menubutton-rtl {
    border-width: 0px 1px 0px 0px;
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton {
    border: none;
    background-image: url('../jqWidgets/images/sortascbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
/*applied to the column's sort button when the sort order is descending.*/
.jqx-grid-column-sortdescbutton {
    border: none;
    background-image: url('../jqWidgets/images/sortdescbutton.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
/*applied to the column's filter button.*/
.jqx-grid-column-filterbutton {
    border: none;
    background-image: url('../jqWidgets/images/filter.png');
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
}
/*applied to the column's resize line.*/
.jqx-grid-column-resizeline {
    border-right: 1px dotted #555;
}
/*applied to the validation popup during cell editing.*/
.jqx-grid-validation {
    background: #df2227 !important;
    color: #fff !important;
    padding: 4px 8px;
}

.jqx-grid-validation-label {
    color: #fff !important;
    background: #df2227 !important;
    border: 1px solid #df2227 !important;
}

.jqx-grid-validation-arrow-up {
    background-image: url('../jqWidgets/images/red_arrow_up.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.jqx-grid-validation-arrow-down {
    background-image: url('../jqWidgets/images/red_arrow_down.png');
    background-repeat: no-repeat;
    background-position: center center;
}
/*applied to the column's resize start line.*/
.jqx-grid-column-resizestartline {
    border-right: 1px solid #444;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortasc-icon {
    background-image: url('../jqWidgets/images/icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the sort ascending menu item in the Grid's Context Menu*/
.jqx-grid-sortdesc-icon {
    background-image: url('../jqWidgets/images/icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the grid menu's sort remove item/*/
.jqx-grid-sortremove-icon {
    background-image: url('../jqWidgets/images/icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the grouping column's drag and drop item when the drop operation is allowed.*/
.jqx-grid-drag-icon {
    background-image: url('../jqWidgets/images/drag.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}
/*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/
.jqx-grid-dragcancel-icon {
    background-image: url('../jqWidgets/images/dragcancel.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
}
/*applied to the 'group by' menu item.*/
.jqx-grid-groupby-icon {
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}
/*applied to the column anchor tags.*/
.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}

.jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited {
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    color: inherit;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
/*applied to the groups header area.*/
.jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #aaa;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
/*applied to a grouping row.*/
.jqx-grid-groups-row {
    font-weight: bold;
    white-space: nowrap;
    text-align: left;
    padding: 0px;
    top: 50%;
    margin-top: -8px;
}
/*applied to the row details.*/
.jqx-grid-groups-row-details {
    font-weight: normal;
}
/*applied to a grouping column.*/
.jqx-grid-group-column {
    border: 1px solid transparent;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
    padding: 0px;
    margin: 0px;
}
/*applied to the lines between the group columns.*/
.jqx-grid-group-column-line {
    background: #aaa;
}
/*applied to the drop line indicators displayed in the grouping header.*/
.jqx-grid-group-drag-line {
    background: #80be09;
}
/*applied to the anchor tags inside a grouping column.*/
.jqx-grid-group-column a:link {
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

.jqx-grid-group-column a:visited {
    color: inherit;
    display: block;
    margin: 4px;
    height: 18px;
    line-height: 18px !important;
    outline: 0 none;
    text-decoration: none;
    cursor: pointer;
}
/*applied to a grid cell*/
.jqx-grid-cell {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    border-color: transparent;
    background: #fff;
    white-space: nowrap;
    font-weight: normal;
    font-size: inherit;
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    outline: none;
}

.jqx-grid-cell-locked {
    color: #aaa !important;
}

.jqx-grid-cell-left-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: left;
    margin-right: 2px;
    margin-left: 4px;
}

.jqx-grid-cell-middle-align {
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 2px;
    text-align: center;
}

.jqx-grid-cell-right-align {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 2px;
    text-align: right;
    margin-right: 4px;
    margin-left: 2px;
}

/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell {
    overflow: hidden;
    position: absolute !important;
    height: 100%;
    background: #fff;
}
/*applied to the grid cells in the sort column*/
.jqx-grid-cell-sort {
    background-color: #f0f0f0;
}

/*applied to the grid cells in the filter column*/
.jqx-grid-cell-filter {
    background-color: #e6e6e6;
}

.jqx-grid-cell-add-new-row {
    background: #fdfcf3 !important;
    color: #000 !important;
}

/*applied to the grid cells area.*/
.jqx-grid-content {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: transparent;
    white-space: nowrap;
    overflow: hidden;
}
/*applied to a grid cell that is part of a rows group.*/
.jqx-grid-group-cell, .jqx-grid-empty-cell {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    white-space: nowrap;
    font-weight: normal;
}

.jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell {
    border: transparent !important;
}

.jqx-grid-cell-wrap {
    white-space: normal !important;
}

.jqx-tree-grid-indent {
    width: 18px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    vertical-align: top;
}

.jqx-tree-grid-title {
    text-decoration: none;
    vertical-align: bottom;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    position: relative;
    width: 18px;
    height: 18px;
    vertical-align: top;
}

.jqx-tree-grid-checkbox {
    float: none !important;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 6px !important;
    margin-left: 2px !important;
}

.jqx-tree-grid-icon {
    float: none !important;
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.jqx-tree-grid-icon-rtl {
    margin-right: 0px;
    margin-left: 4px;
}

.jqx-tree-grid-icon-size {
    width: 14px;
    height: 14px;
    line-height: 16px;
}

.jqx-tree-grid-checkbox-tick {
    width: 100%;
    height: 100%;
}

.jqx-tree-grid-expand-button {
    height: 18px;
    width: 18px;
    vertical-align: top;
}

/*applied to a cell in jqxDataTable*/
.jqx-cell {
    min-height: 23px;
    padding: 6px 4px;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-top-width: 0px;
    border-left-width: 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: normal;
    line-height: 1.231;
}

.jqx-grid-cell-nowrap {
    white-space: nowrap;
}

.jqx-cell-editor {
    padding-left: 4px !important;
    padding-right: 3px !important;
}

.jqx-left-align {
    text-align: left;
}

.jqx-center-align {
    text-align: center;
}

.jqx-right-align {
    text-align: right;
}

.jqx-top-align {
    vertical-align: top;
}

.jqx-bottom-align {
    vertical-align: bottom;
}

.jqx-grid-table .jqx-grid-cell {
    position: static !important;
    zoom: 1 !important;
}
/*applied to the Grid's Table element.*/
.jqx-grid-table {
    font-size: 13px;
    table-layout: fixed;
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 0px;
    -webkit-overflow-scrolling: touch;
    outline: none;
    zoom: 1 !important;
    empty-cells: show;
    border-right: 1px solid #aaa;
    line-height: 1.231;
    width: auto;
    border: none;
}

.jqx-grid-table-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-details table {
    border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 0px;
}

/*applied to a grid cell that is part of a details row and grouping is enabled.*/
.jqx-grid-group-details-cell {
}
/*applied to a grid cell that is part of a details row.*/
.jqx-grid-details-cell {
    border-width: 0px 1px 0px 0px;
}
/*applied to a grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-alt {
    background: #f9f9f9;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-sort-alt {
    background-color: #e5e5e5;
}
/*applied to a sorted and alternating grid cell*/
.jqx-grid-cell-filter-alt {
    background-color: #f0f0f0;
}
/*applied to a pinned grid cell.*/
.jqx-grid-cell-pinned {
    background-color: #e5e5e5;
}
/*applied to a pinned grid cell. Represents the alternating cell background.*/
.jqx-grid-cell-pinned-alt {
    background-color: #e5e5e5;
}
/*applied to a selected grid cell.*/
.jqx-grid-cell-selected {
    border-left: 0px solid transparent;
}

    .jqx-grid-cell-selected.jqx-grid-cell-edit {
        border-color: #DDDDDD !important;
        background-color: #fff !important;
        color: #333 !important;
    }

.jqx-fill-state-focus.jqx-grid-cell-edit,
.jqx-grid-cell-edit .jqx-fill-state-focus,
.jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button,
.jqx-grid-cell-edit .jqx-numberinput-focus,
.jqx-grid-cell-edit .jqx-combobox-content-focus {
    border-color: #DDDDDD !important;
}

.jqx-cell-rtl {
    border-left-width: 1px;
    border-right-width: 0px;
}

.jqx-grid-cell-rtl {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0px 1px 1px;
}

.jqx-grid-table-one-cell {
    border: none;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #aaa;
}

.jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px;
}

/*applied to the selection area.*/
.jqx-grid-selectionarea {
    border: 1px solid transparent;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
/*applied to a hovered grid cell.*/
.jqx-grid-cell-hover {
    border-color: transparent;
}
/*applied to a grid cell when the grid is empty.*/
.jqx-grid-empty-cell {
    overflow: visible;
    border-bottom: none;
}

/*applied to the Grid when its loading the data.*/
.jqx-grid-load {
    padding-right: 0px;
    background-image: url(../jqWidgets/images/loader.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 9999;
    display: block;
}
/*applied to a group's collapse button.*/
.jqx-grid-group-collapse {
    padding-right: 0px;
    background-image: url(../jqWidgets/images/icon-right.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-grid-group-collapse-rtl {
    padding-right: 0px;
    background-image: url(../jqWidgets/images/icon-left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to a group's expand button.*/
.jqx-grid-group-expand, .jqx-grid-group-expand-rtl {
    padding-right: 0px;
    background-image: url(../jqWidgets/images/icon-down.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*jqxProgresBar Style*/
.jqx-progressbar {
    position: relative;
    overflow: hidden;
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}
/*applied to the progressbar's value element*/
.jqx-progressbar-value {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
}
/*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/
.jqx-progressbar-value-vertical {
    outline: none;
    border: 0px solid transparent;
    height: 100%;
    background: transparent;
}
/*applied to the progressbar's text element*/
.jqx-progressbar-text {
    font-size: 10px;
    border: none;
}
/*applied to the progress bar when the widget is in disabled state*/
.jqx-progressbar-disabled {
    outline: none;
    border: 1px solid transparent;
    height: 2em;
}

/*jqxMenu Style*/
.jqx-menu {
    border: 1px solid transparent;
    float: none;
    margin: 0px;
    height: 100%;
    padding: 0px;
    overflow: hidden;
    text-align: left;
}

.jqx-menu-dropdown-column {
    float: left;
}
/*applied to the menu when it is horizontal. Sets the menu's background*/
.jqx-menu-horizontal {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
/*applied to the menu when it is vertical. Sets the menu's background*/
.jqx-menu-vertical {
    text-align: left;
}
/*applied to the sub menu. Sets the sub menu's background*/
.jqx-menu-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px;
    right: 0;
    overflow: hidden;
    display: none;
    float: none;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    padding: 2px;
}
    /*applied to the sub menu's ul elements.*/
    .jqx-menu-dropdown ul {
        left: 100%;
        margin: 0px;
        padding: 0px;
        right: 0;
        overflow: hidden;
        border: none;
    }
/*applied to the menu's ul elements.*/
.jqx-menu ul {
    left: 100%;
    margin: 0px;
    padding: 2px;
    right: 0;
    overflow: hidden;
    background-color: transparent;
    border: none;
}
/*applied to the menu's li elements.*/
.jqx-menu li, .jqx-menu-dropdown li {
    line-height: 1.3 !important;
}
/*applied to the top level menu items.*/
.jqx-menu-item-top {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    left: 100%;
    overflow: hidden;
    color: inherit;
    right: 0;
    margin: 0px 3px 0px 3px;
    cursor: pointer;
}
/*applied to the sub menu items.*/
.jqx-menu-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 4px 8px 4px 8px;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
}
/*applied to a sub menu item when the mouse is over the item.*/
.jqx-menu-item-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}
/*applied to a top-level menu item when the mouse is over it.*/
.jqx-menu-item-top-hover {
    color: inherit;
    right: 0;
    list-style: none;
    margin: 0px 3px 0px 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    top: 50%;
    cursor: pointer;
}
/*applied to a sub menu item when its sub menu is opened.*/
.jqx-menu-item-selected {
    right: 0;
    list-style: none;
    margin: 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    text-align: left;
    cursor: pointer;
}
/*applied to a disabled sub menu item.*/
.jqx-menu-item-disabled {
}
/*applied to a top-level menu item when its sub menu is opened.*/
.jqx-menu-item-top-selected {
    right: 0;
    list-style: none;
    margin: 0px 1px 0px 1px;
    margin-left: 3px;
    margin-right: 3px;
    left: 100%;
    padding: 4px 8px 4px 8px;
    cursor: pointer;
}
/*applied to the menu separator items.*/
.jqx-menu-item-separator {
    text-indent: 0;
    background-color: #ddd;
    border: none;
    list-style: none;
    height: 1px;
    line-height: 0 !important;
    padding: 0px;
    margin: 1px 2px 1px 2px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    font-size: 1px;
}
/*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-right {
    background-image: url(../jqWidgets/images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/
.jqx-menu-item-arrow-down {
    background-image: url(../jqWidgets/images/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/
.jqx-menu-item-arrow-up {
    background-image: url(../jqWidgets/images/icon-up.png);
}

.jqx-menu-minimized {
    position: relative;
}

.jqx-menu-title {
    position: relative;
    float: right;
    margin-top: 4px;
    padding-top: 4px;
    padding-right: 20px;
}

.jqx-menu-minimized-button {
    background-image: url('../jqWidgets/images/icon-menu-minimized.png');
    background-repeat: no-repeat;
    background-position: left center;
    height: 24px;
    width: 24px;
    padding: 0px;
    margin-left: 7px;
    margin-top: 4px;
    float: left;
}

.jqx-menu-ul-minimized {
    display: block !important;
    width: auto !important;
}

    .jqx-menu-ul-minimized ul {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
    }

.jqx-menu-minimized li:last-child {
    padding-bottom: 0px;
    margin: 0px;
}

.jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
}
/*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-left {
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
    background-image: url(../jqWidgets/images/icon-left.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/
.jqx-menu-item-arrow-right-selected {
    background-image: url(../jqWidgets/images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/
.jqx-menu-item-arrow-down-selected {
    background-image: url(../jqWidgets/images/icon-down.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/
.jqx-menu-item-arrow-up-selected {
    background-image: url(../jqWidgets/images/icon-up.png);
}

.jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right {
    padding-right: 0px;
    margin-right: -8px;
    width: 17px;
    height: 15px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
/*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/
.jqx-menu-item-arrow-top-right {
    background-image: url(../jqWidgets/images/icon-right.png);
}
/*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/
.jqx-menu-item-arrow-left-selected {
    background-image: url(../jqWidgets/images/icon-left.png);
}
/*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/
.jqx-menu-item-arrow-top-left {
    background-image: url(../jqWidgets/images/icon-left.png);
}

.jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-right: 0px;
    padding-left: 5px;
    width: 17px;
    height: 15px;
}
/*applied to the anchor elements*/
.jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover {
    font: inherit;
    text-decoration: none;
    color: inherit;
    outline: none;
    background-color: transparent;
}

/*applied to the menu widget when it is disabled.*/
.jqx-menu-disabled {
    cursor: default;
}
    /*applied to the anchor elements of all disabled menu items.*/
    .jqx-menu-disabled a:link {
        cursor: default;
        text-decoration: none;
    }

    .jqx-menu-disabled a:visited {
        cursor: default;
        text-decoration: none;
    }

    .jqx-menu-disabled a:hover {
        cursor: default;
    }

.jqx-menu-dropdown {
    right: -1px;
}

/*jqxtree Style*/
.jqx-tree {
    left: 100%;
    right: 0;
    float: none;
    margin: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    outline: none;
    white-space: nowrap;
    line-height: 14px !important;
}
/*applied to the jqxTree root UL element.*/
.jqx-tree-dropdown-root {
    left: 100%;
    padding: 0px 5px 0px 5px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: #fff;
    text-align: left;
    outline: none;
    white-space: nowrap;
    margin: 0px;
}

.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
}

/*applied to the jqxTree UL elements.*/
.jqx-tree-dropdown {
    left: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    right: 0;
    display: block;
    float: none;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    text-align: left;
    outline: none;
}

.jqx-tree-dropdown-rtl {
    padding: 3px 0px 0px 0px;
    text-align: right;
}

/*applied to a tree item.*/
.jqx-tree-item {
    border: 1px solid transparent;
    text-indent: 0;
    list-style: none;
    padding: 3px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    right: 0;
    text-align: left;
    cursor: default;
    text-decoration: none;
}
/*applied to the jqxTree LI elements.*/
.jqx-tree-item-li {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    left: 100%;
    right: 0;
    text-align: left;
    outline: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
}
/*applied to the last LI elements in an UL element.*/
.jqx-tree-item-u-last {
    margin: 0px 0px 0px 0px;
}
/*applied to a tree item when the mouse is over the item.*/
.jqx-tree-item-hover {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}
/*applied to a tree item when the item is selected.*/
.jqx-tree-item-selected {
    color: inherit;
    right: 0;
    padding: 3px;
    margin: 0px;
    list-style: none;
    left: 100%;
    cursor: pointer;
    text-decoration: none;
}

.jqx-tree-item-rtl {
    text-align: right;
}

.jqx-tree-item-li-rtl {
    text-align: right;
}
/*applied to the anchor element of a tree item.*/
.jqx-tree-item a:link, .jqx-tree-item a:visited {
    text-indent: 0;
    background-color: transparent;
    border: 0px solid transparent;
    list-style: none;
    padding: 0px;
    margin: 0px;
    float: none;
    overflow: hidden;
    left: 100%;
    color: inherit;
    right: 0;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:hover {
    color: inherit;
}

.jqx-tree-item-selected, .jqx-tree-item-hover a:visited {
    color: inherit;
}

/*applied to a tree item when the item is disabled.*/
.jqx-tree-item-disabled {
}
/*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url(../jqWidgets/images/icon-right.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl {
    background-image: url(../jqWidgets/images/icon-left.png);
}

/*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/
.jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover {
    padding-right: 0px;
    width: 17px;
    height: 17px;
    background-image: url(../jqWidgets/images/icon-down.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    cursor: pointer;
}
/*applied to the tree when it is disabled.*/
.jqx-tree-disabled {
    cursor: default;
}
    /*applied to the anchor elements in a tree when it is disabled.*/
    .jqx-tree-disabled a:link {
        cursor: default;
        text-decoration: none;
    }

    .jqx-tree-disabled a:visited {
        cursor: default;
        text-decoration: none;
    }

    .jqx-tree-disabled a:hover {
        cursor: default;
    }


/*jqxTabs*/
.jqx-tabs {
    outline: none;
    margin: 0 0 0 0;
    padding: 0px;
    overflow: hidden;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the tab close button.*/
.jqx-tabs-close-button {
    outline: none;
    background-image: url(../jqWidgets/images/close.png);
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
}
/*applied to the tab close button when the tab is selected.*/
.jqx-tabs-close-button-selected {
    outline: none;
    background-image: url(../jqWidgets/images/close.png);
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/*applied to the tab close button when the mouse is over the tab.*/
.jqx-tabs-close-button-hover {
    outline: none;
    background-image: url(../jqWidgets/images/close.png);
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover {
    background-repeat: no-repeat;
    background-position: center;
}
/*applied to the tab's left scroll arrow.*/
.jqx-tabs-arrow-left {
    outline: none;
    position: relative;
    z-index: 15;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}
/*applied to the tab's right scroll arrow.*/
.jqx-tabs-arrow-right {
    outline: none;
    position: relative;
    z-index: 15;
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.jqx-tabs-arrow-background {
    background: #eeeeee;
}
/*applied to the tab's title.*/
.jqx-tabs-title {
    outline: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    left: 100%;
    right: 0;
    text-indent: 0px;
    list-style: none;
    border: 1px solid transparent;
    margin: 0px 2px 0px 0px;
    overflow: hidden;
    z-index: 1;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: transparent;
    height: auto;
    position: relative;
}

.jqx-tabs-title-bottom {
}

.jqx-tabs-title a:link {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:hover {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:active {
    color: inherit;
    text-decoration: none;
}

.jqx-tabs-title a:visited {
    color: inherit;
    text-decoration: none;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-selected-top {
    z-index: 99;
    outline: none;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding-bottom: 7px;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
    outline: none;
    border-top: 1px solid #fff;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 7px;
    padding-bottom: 5px;
    margin-top: -2px;
    background-color: #fff;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/
.jqx-tabs-title-hover-top {
    outline: none;
    border: 1px solid transparent;
    padding-bottom: 5px;
}
/*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-hover-bottom {
    outline: none;
    border: 1px solid transparent;
    padding-top: 5px;
}
/*applied to the tab's title when the tab is disabled.*/
.jqx-tabs-title-disable {
}
/*applied to the tab's header.*/
.jqx-tabs-header {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 1px;
    margin: 0px;
    border-top: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid #aaa;
    background: #eeeeee;
}
/*applied to the tab's header when the position is bottom.*/
.jqx-tabs-header-bottom {
    padding-top: 1px;
    padding-bottom: 3px;
    border-top: 0px solid #aaa;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 1px solid transparent;
}
/*applied to the tab's header when the tab is collapsed.*/
.jqx-tabs-header-collapsed {
    border: 1px solid #aaa;
}
/*applied to the tab's header when the position is bottom and tab is collapsed.*/
.jqx-tabs-header-collapsed-bottom {
    border: 1px solid #aaa;
}

.jqx-tabs-collapsed {
    border: 0px solid transparent;
}

.jqx-tabs-collapsed-bottom {
    border: 0px solid transparent;
}
/*applied to the tab's selection tracker container element.*/
.jqx-tabs-selection-tracker-container {
    outline: none;
    position: relative;
    text-indent: 0px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    background: transparent;
    height: 0px;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    padding-bottom: 2px;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    outline: none;
    position: absolute;
    z-index: 10;
    margin-top: -1px;
    padding-bottom: 2px;
}
/*applied to the tab's content element which represents a DIV element.*/
.jqx-tabs-content {
    outline: none;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    text-align: left;
    clear: both;
}

.jqx-tabs-content-element {
    height: 100%;
    overflow: auto;
}

/*jqxCheckBox*/
.jqx-checkbox {
    overflow: hidden;
    text-align: left;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*applied to the check box.*/
.jqx-checkbox-default {
    text-align: left;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when the mouse cursor is over it.*/
.jqx-checkbox-hover {
    cursor: pointer;
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the widget when it is disabled.*/
.jqx-checkbox-disabled {
    cursor: default;
    background: transparent;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0px 0px 0px 0px;
}
/*applied to the check box when the widget is disabled.*/
.jqx-checkbox-disabled-box {
    float: left;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0px 3px 0px 3px;
}
/*applied to the check box when it is checked. Displays a check icon.*/
.jqx-checkbox-check-checked {
    float: left;
    background: transparent url(../jqWidgets/images/check_black.png) center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when the widget is disabled. Displays a disabled check icon.*/
.jqx-checkbox-check-disabled {
    float: left;
    background: transparent url(../jqWidgets/images/check_disabled.png) center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate.*/
.jqx-checkbox-check-indeterminate {
    float: left;
    background: transparent url(../jqWidgets/images/check_indeterminate_black.png) center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its state is indeterminate and it is disabled.*/
.jqx-checkbox-check-indeterminate-disabled {
    float: left;
    background: transparent url(../jqWidgets/images/check_indeterminate_disabled.png) center center no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
}
/*applied to the check box when its in rtl mode.*/
.jqx-checkbox-rtl {
    float: right;
}
/*jqxRadioButton*/
.jqx-radiobutton {
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    white-space: nowrap;
}
/*applied to the radio button.*/
.jqx-radiobutton-default {
    cursor: pointer;
    float: left;
    background: transparent url(../jqWidgets/images/roundbg_classic_normal.png) left center scroll repeat-x;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
/*applied to the radio button when the mouse is over it.*/
.jqx-radiobutton-hover {
    cursor: pointer;
    float: left;
    background: transparent;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 1px 3px 0px 3px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
/*applied to the radio button when it is disabled.*/
.jqx-radiobutton-disabled {
    cursor: default;
}
/*applied to the radio button's radio icon when it is disabled.*/
.jqx-radiobutton-disabled-box {
}
/*applied to the radio button when it is checked.*/
.jqx-radiobutton-check-checked {
    float: left;
    background: transparent url(../jqWidgets/images/roundbg_check_black.png) left top no-repeat;
    padding: 0px;
    border: 1px solid transparent;
    outline: none;
    margin: 0 0 0 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 7px;
    height: 7px;
    margin-left: 2px;
    margin-top: 2px;
}
/*applied to the radio button when it is checked and disabled.*/
.jqx-radiobutton-check-disabled {
}
/*applied to the radio button when it is in indeterminate state.*/
.jqx-radiobutton-check-indeterminate {
    float: left;
    background: transparent url(../jqWidgets/images/roundbg_check_indeterminate.png) left top no-repeat;
    padding: 0px;
    border: none;
    outline: none;
    margin: 0 0 0 0;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    margin-left: 2px;
    margin-top: 2px;
}
/*applied to the radio button when it is in indeterminate state and disabled.*/
.jqx-radiobutton-check-indeterminate-disabled {
}
/*applied to the radio button when its in rtl mode.*/
.jqx-radiobutton-rtl {
    float: right;
}

/*jqxRating*/
.jqx-rating {
    margin: 0px;
    padding: 0px;
    outline: none;
    overflow: hidden;
}

.jqx-rating-image {
    border-width: 0px;
}

.jqx-rating-image-default {
    margin: 0px;
    padding: 0px;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../jqWidgets/images/star.png);
    overflow: hidden;
}
/*applied to the rating when it is hovered.*/
.jqx-rating-image-hover {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../jqWidgets/images/star_hover.png);
    overflow: hidden;
}
/*applied to the rating when it is disabled.*/
.jqx-rating-image-backward {
    background-color: transparent;
    padding: 0px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../jqWidgets/images/star_disabled.png);
    overflow: hidden;
}
/*jqxCalendar Style*/
.jqx-calendar {
    border: 1px solid transparent;
    -webkit-appearance: none;
    overflow: hidden;
    outline: none;
    padding: 0px;
    margin: 0 0 0 0;
    cursor: default;
    border-collapse: separate;
}

    .jqx-calendar .jqx-widget-header {
    }

    .jqx-calendar > div {
        padding: 0px;
        box-sizing: border-box;
    }

.jqx-calendar-light > div {
    padding: 10px;
}

.jqx-calendar td {
    padding-top: 0px;
    padding-bottom: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
    height: auto;
}

.jqx-calendar table {
    margin: 0px;
    padding: 0px;
    border-collapse: separate;
    border-spacing: 1px;
    font-size: 13px;
    line-height: 1.231;
}
/*applied to the calendar's row header. This header displays the week numbers.*/
.jqx-calendar-row-header {
    outline: none;
    border: 0px solid #f2f2f2;
    padding: 0;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's column. This header displays the day names.*/
.jqx-calendar-column-header {
    outline: none;
    text-align: right;
    padding: 3px;
    border-top: none;
    border-bottom: 1px solid transparent;
    border-left: none;
    border-right: none;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/
.jqx-calendar-top-left-header {
    outline: none;
    border: 0px solid #f2f2f2;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to the calendar's navigation buttons.*/
.jqx-calendar-title-navigation {
    cursor: pointer;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    width: 25px;
    height: 25px;
}
/*applied to the month table*/
.jqx-calendar-month {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}
/*applied to the calendar's title content.*/
.jqx-calendar-title-content {
    cursor: pointer;
    text-align: center;
}
/*applied to the calendar's navigation title.*/
.jqx-calendar-title-header {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
}

    .jqx-calendar-title-header td {
        padding-left: 0px;
        padding-right: 0px;
        border: none;
    }
/*applied to the calendar's navigation title when the calendar is disabled.*/
.jqx-calendar-title-header-disabled {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 0 0 0;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
}
/*applied to a calendar cell.*/
.jqx-calendar-cell {
    border: 1px solid transparent;
    margin: 0px;
    outline: none;
    text-align: center;
    padding: 1px;
    cursor: pointer;
    background-color: transparent;
}

    .jqx-calendar-cell td {
        padding: 0;
        margin: 0;
    }
/*applied to a calendar cell in decade and year views.*/
.jqx-calendar-cell-decade, .jqx-calendar-cell-year {
    text-align: center;
}

.jqx-calendar .jqx-fill-state-normal {
    background: transparent;
    border: 1px solid transparent;
}

/*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/
.jqx-calendar-cell-hidden {
    margin: 0 0 0 0;
    visibility: hidden;
    cursor: default;
}
/*applied to a calendar cell when the cell's date is a weekend date.*/
.jqx-calendar-cell-weekend {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/
.jqx-calendar-cell-specialDate {
    color: #FF0000 !important;
    background-color: transparent;
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date is a restricted date.*/
.jqx-calendar-cell-restrictedDate {
    background-color: rgba(251, 132, 153, 1);
    border: 1px solid #fff;
    margin: 0 0 0 0;
    cursor: pointer;
}

.jqx-calendar-cell-selected-invalid {
    color: #FFF !important;
    background: #FF0000 !important;
    border: 1px solid #FF0000 !important;
}
/*applied to a calendar cell when the cell's date is the today date.*/
.jqx-calendar-cell-today {
    color: #898989;
    background-color: #ffffdb;
    border: 1px solid #fdc066;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is hovered.*/
.jqx-calendar-cell-hover {
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell is selected.*/
.jqx-calendar-cell-selected {
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/
.jqx-calendar-cell-othermonth {
    color: #898989 !important;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to a calendar cell when the calendar is disabled.*/
.jqx-calendar-cell-disabled {
    color: #ccc;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/
.jqx-calendar-row-cell {
    outline: none;
    text-align: center;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/
.jqx-calendar-row-cell-disabled {
}

.jqx-calendar-footer {
    margin: 5px;
    color: inherit;
    font-size: 13px;
}

.jqx-calendar-title-container {
    overflow: hidden;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names.*/
.jqx-calendar-column-cell {
    overflow: hidden;
    text-align: center;
    outline: none;
    font-weight: normal;
    padding: 1px;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: default;
}
/*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/
.jqx-calendar-column-cell-disabled {
}
/*applied to the calendar's cell area element.*/
.jqx-calendar-view {
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    border: 0px solid #fff;
    margin: 0 0 0 0;
    cursor: default;
}

/*jqxExpander and jqxNavigationBar Style*/
.jqx-expander {
}
/*applied to the Expander's header and content*/
.jqx-expander-header, .jqx-expander-content {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    outline: 0;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content {
    padding-left: 3px;
}
/*applid to the content of the expander header.*/
.jqx-expander-header-content-rtl {
    padding-right: 3px;
}

.jqx-expander-content {
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: auto;
    outline: 0;
}
/*applied to the Expander's header and its content when it is on the top of the header*/
.jqx-expander-header, .jqx-expander-content-top {
    border-top-width: 1px;
    border-top-style: solid;
}
/*applied to the Expander's header and its content when it is on the bottom of the header*/
.jqx-expander-header, .jqx-expander-content-bottom {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
/*applied to the Expander's header*/
.jqx-expander-header {
    cursor: pointer;
    overflow: hidden;
}
/*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/
.jqx-expander-header-disabled {
    cursor: default;
}
/*applied to the Expander's arrow*/
.jqx-expander-arrow {
    width: 17px;
    height: 17px;
    position: relative;
}
/*applied to the Expander's content if it is empty*/
.jqx-expander-content-empty {
    border-width: 0px;
    padding: 0px;
}

/*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/
.jqx-navigationbar {
    border: none;
    margin: 0px;
    -webkit-appearance: none;
    outline: none;
}
/*jqxPanel Style*/
.jqx-panel {
    border: 1px solid transparent;
    -webkit-appearance: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-panel-bottomright {
}
/*applied to the DropDownButton's Popup.*/
.jqx-dropdownbutton-popup {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
}

.jqx-listbox {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
}
/*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right
of the horizontal scrollbar.*/
.jqx-listbox-bottomright {
}
/*applied to the ListBox's groups.*/
.jqx-listitem-state-group {
    white-space: nowrap;
    padding: 5px 2px 5px 2px;
    background: transparent;
    font-weight: bold;
    text-align: left;
    outline: none;
    overflow: hidden;
    vertical-align: middle;
    cursor: default;
}
/*applied to a list item in default state.*/
.jqx-listitem-state-normal {
    white-space: nowrap;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
    outline: none;
    visibility: inherit;
    display: inherit;
    text-align: left;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    cursor: default;
}
/*applied to a list item in hovered state.*/
.jqx-listitem-state-hover {
    white-space: nowrap;
    background: transparent;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}
/*applied to a list item when the item is selected.*/
.jqx-listitem-state-selected {
    white-space: nowrap;
    padding: 3px 3px 3px 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid transparent;
}

.jqx-listbox-feedback {
    height: 1px;
    border-top: 1px dashed #000;
}

.jqx-listitem-element {
    -ms-touch-action: none;
    border: none;
    width: 100%;
    height: 100%;
    align: left;
    valign: top;
    position: absolute;
}
/*jqxComboBox Style*/
/*applied to the jqxComboBox's content which displays the text.*/
.jqx-combobox-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: none;
    border: none;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-combobox-content-rtl {
    border: none;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 0px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 3px;
    border-right: none;
    border-left: 1px solid transparent;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
/*applied to the ComboBox's input field.*/
.jqx-combobox-input {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding: 0 0 0 0;
    outline: none;
    border: 0px solid #aaa;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

    .jqx-combobox-input::-ms-clear {
        display: none;
    }
/*applied to the ComboBox's content when the widget is disabled.*/
.jqx-combobox-content-disabled {
    color: #AAA;
}
/*applied to the ComboBox's arrow button.*/
.jqx-combobox-arrow-normal, .jqx-action-button {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
    border: none;
    cursor: pointer;
}
/*applied to the ComboBox's arrow button*/
.jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected {
    -webkit-appearance: none;
    outline: none;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox in normal state.*/
.jqx-combobox-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the mouse is over the widget.*/
.jqx-combobox-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the popup ListBox is shown.*/
.jqx-combobox-state-selected {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
}
/*applied to the ComboBox when the widget is focused.*/
.jqx-combobox-state-focus {
    border: 1px solid transparent;
}

.jqx-combobox-multi-item {
    padding: 1px 3px;
    margin: 2px;
    white-space: nowrap;
    border-style: solid;
    font-weight: normal;
    overflow: hidden;
    text-align: left;
}

    .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited {
        color: inherit;
        display: block;
        outline: 0 none;
        text-decoration: none;
        cursor: pointer;
    }
/*applied to the ComboBox when the widget is disabled.*/
.jqx-combobox-state-disabled {
    white-space: nowrap;
    margin: 0px;
    color: #AAA;
}
/*jqxSelect Style*/
.jqx-select {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    -webkit-appearance: none;
    outline: 0 none;
}

.jqx-select-content {
    cursor: pointer;
    text-overflow: ellipsis;
}

.jqx-select-container {
    padding: 0;
}

.jqx-select-item {
    padding: 3px;
    margin: 1px;
    white-space: normal !important;
    cursor: default;
}
/*jqxDropDownList Style*/
/*applied to the dropdownlist's content element which displays the selected item's text or html.*/
.jqx-dropdownlist-content {
    padding: 0px;
    overflow: hidden;
    padding-left: 4px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    outline: 0 none;
    border: none;
}

.jqx-dropdownlist-content-rtl {
    padding-left: 0px;
    padding-right: 3px;
}

.jqx-dropdownlist .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-dropdownlist .jqx-icon-arrow-up {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-down {
    width: 13px;
}

.jqx-combobox .jqx-icon-arrow-up {
    width: 13px;
}
/*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */
.jqx-dropdownlist-content-disabled {
}
/*applied to the dropdownlist in default state.*/
.jqx-dropdownlist-state-normal {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid transparent;
    overflow: hidden;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in hovered state.*/
.jqx-dropdownlist-state-hover {
    overflow: hidden;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in selected state.*/
.jqx-dropdownlist-state-selected {
    overflow: hidden;
    background-color: transparent;
    border: 1px solid transparent;
    margin: 0 0 0 0;
    cursor: pointer;
}
/*applied to the dropdownlist in focused state.*/
.jqx-dropdownlist-state-focus {
    border: 1px solid #909090;
}
/*applied to the dropdownlist in disabled state.*/
.jqx-dropdownlist-state-disabled {
}
/*jqxScrollBar Style*/
.jqx-scrollbar {
    background: transparent;
    margin: 0;
    padding: 0;
    border: none;
}
/*applied to the scrollbar in default state.*/
.jqx-scrollbar-state-normal {
    background: #efefef;
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in default state.*/
.jqx-scrollbar-button-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal-horizontal {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
    touch-action: none;
}
/*applied to the horizontal scrollbar thumb in hovered state.*/
.jqx-scrollbar-thumb-state-hover-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the horizontal scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed-horizontal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-normal {
    margin: 0px;
    padding: 0px;
    border: 1px solid transparent;
    touch-action: none;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-hover {
    margin: 0px;
    padding: 0px;
    background: transparent;
    border: 1px solid transparent;
}
/*applied to the vertical scrollbar thumb in default state.*/
.jqx-scrollbar-thumb-state-pressed {
    margin: 0px;
    padding: 0px;
    background: #d1d1d1;
    border: 1px solid #909090;
}

/* jqxWindow */
.jqx-window {
    position: absolute;
    overflow: hidden;
    border: 1px solid transparent;
}
/*applied to the jqxWindow when it’s disabled*/
.jqx-window-disabled {
}
/*applied to the window’s header*/
.jqx-window-header {
    outline: none;
    border-width: 0px;
    border-bottom: 1px solid transparent;
    overflow: hidden;
    padding: 7px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
}
/*applied to the window’s header when the window is disabled*/
.jqx-window-header-disabled {
}
/*applied to the window’s content*/
.jqx-window-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: transparent;
    padding: 5px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/*applied to the window’s content when the window is disabled*/
.jqx-window-content-disabled {
    outline: none;
    overflow: auto;
    text-align: left;
    padding: 5px;
}
/*applied to the window’s close button*/
.jqx-window-close-button {
    cursor: pointer;
    background-image: url(../jqWidgets/images/close.png);
    background-repeat: no-repeat;
    margin-top: 2px;
}
/*applied to the window's collapse button*/
.jqx-window-collapse-button {
    background-image: url(../jqWidgets/images/icon-up.png);
    cursor: pointer;
    margin-top: 3px;
}
/*applied to the window's collapse button when the window is collapsed*/
.jqx-window-collapse-button-collapsed {
    margin-top: 3px;
    cursor: pointer;
    background-image: url(../jqWidgets/images/icon-down.png);
}
/*setting styles of the modal window’s background*/
.jqx-window-modal {
    background-color: Black;
}

.jqx-window-close-button-hover {
}

.jqx-docking {
    overflow: hidden;
}

.jqx-docking-panel {
    margin: 0px;
    padding: 0px;
    min-height: 100px;
}

.jqx-docking-drop-indicator {
    border-style: dashed;
    border-width: 1px;
    margin: 0px;
}

.jqx-docking-window {
    margin: 0px;
}

/* jxSlider */
/* applied to jqxSlider widget */
.jqx-slider {
    outline: none;
    clear: both;
    position: relative;
    overflow: hidden;
}
/*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/
.jqx-slider-tick {
    border-left: 1px solid transparent;
    z-index: 9;
}
/*applied to the ticks when the slider is in horizontal mode*/
.jqx-slider-tick-horizontal {
    width: 1px;
    border-left: none;
    margin-top: 1px;
}
/*applied to the ticks when the slider is in vertical mode*/
.jqx-slider-tick-vertical {
    height: 1px;
    border-top: none;
}
/*applied to the ticks container*/
.jqx-slider-tickscontainer {
    z-index: 10;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 9;
}
/*applied to the jqxSlider thumb used for changing/indicating current value*/
.jqx-slider-slider {
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 15;
    position: absolute;
    left: 0px;
    top: 0px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-slider-button {
    cursor: pointer;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: content-box !important;
    padding: 3px !important;
}
/*applied to the slider's thumb when the slider is in horizontal mode*/
.jqx-slider-slider-horizontal {
    margin-top: -9px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent;
}
/*applied to the slider's thumb when the slider is in vertical mode*/
.jqx-slider-slider-vertical {
    margin-left: -9px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid transparent;
}
/*applied to the track where is located the thumb*/
.jqx-slider-track {
    height: 4px;
    float: left;
    position: relative;
    z-index: 20;
    cursor: pointer;
}
/*used in horizontal slider*/
.jqx-slider-track-horizontal {
    height: 4px;
    margin-top: 2px;
}
/*used in vertical slider*/
.jqx-slider-track-vertical {
    width: 4px;
}
/*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/
.jqx-slider-rangebar {
}

/* jqxSplitter */
.jqx-splitter {
    overflow: hidden;
    border: 1px solid transparent;
    position: relative;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation */
.jqx-splitter-splitbar-vertical {
    border: 1px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
}
/* Split bar's mouse over state */
.jqx-splitter-splitbar-hover {
    background-color: transparent;
}
/* Split bar's class when the jqxSplitter is with horizontal orientation. */
.jqx-splitter-splitbar-horizontal {
    position: absolute;
    border: 1px solid transparent;
    border-left-width: 0px;
    border-right-width: 0px;
    cursor: n-resize;
    cursor: row-resize;
}
/* This class is applied to the splitter when it's dragged to it's max left/right boundary */
.jqx-splitter-splitbar-invalid {
    background: #FF0000 !important;
}
/* This class is added to split bar's collapse button when the splitter is with vectical orientation. */
.jqx-splitter-collapse-button-horizontal {
    cursor: pointer;
    width: 45px;
    height: 5px;
}
/* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */
.jqx-splitter-collapse-button-vertical {
    cursor: pointer;
    width: 5px;
    height: 45px;
}
/* This class is added when the user disable the splitter. */
.jqx-splitter-splitbar-collapsed {
    cursor: default;
}
/* Applied to the jqxSplitter panels. */
.jqx-splitter-panel {
    border: none;
    outline: none;
    position: absolute;
    overflow: hidden;
}
/* This class is added to a nested splitter.*/
.jqx-splitter-nested, .jqx-splitter-panel-nested {
    border: none;
    overflow: hidden;
}

.jqx-draggable {
}

.jqx-draggable-dragging {
    border: 0px solid black;
}

.jqx-draggable-disabled {
    cursor: default;
}

.jqx-validator-hint {
    height: 18px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    font-family: Verdana;
    font-size: 13px;
    border: 1px solid #6E0000;
    background-color: #942724;
    color: #fff;
    z-index: 99999;
    white-space: nowrap;
}

.jqx-validator-hint-arrow {
    z-index: 99999;
    height: 9px;
    width: 9px;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    background-image: url(../jqWidgets/images/multi-arrow.gif);
}

.jqx-validator-error-label {
    color: #dd4b39;
    vertical-align: top;
    text-align: left;
    display: block;
    cursor: default;
    line-height: 17px;
}

.jqx-validator-error-element {
    border-color: #dd4b39 !important;
}

.jqx-switchbutton {
    outline: none;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.jqx-switchbutton-thumb {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #ccc;
}

.jqx-switchbutton-label {
    font-size: 15px;
    font-family: Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.jqx-switchbutton-wrapper {
}

.jqx-switchbutton-label-on {
}

.jqx-switchbutton-label-off {
}

/*left, right, up and down arrow icons.*/
.jqx-left-arrow {
    background: transparent;
    background-image: url('../jqWidgets/images/icon-left.png');
    cursor: pointer;
}

.jqx-right-arrow {
    background: transparent;
    background-image: url('../jqWidgets/images/icon-right.png');
    cursor: pointer;
}

.jqx-icon-delete {
    background-image: url('../jqWidgets/images/icon-delete.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-edit {
    background-image: url('../jqWidgets/images/icon-edit.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-save {
    background-image: url('../jqWidgets/images/icon-save.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-cancel {
    background-image: url('../jqWidgets/images/icon-cancel.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected {
    background-image: url('../jqWidgets/images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected {
    background-image: url('../jqWidgets/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected {
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected {
    background-image: url('../jqWidgets/images/icon-first.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected {
    background-image: url('../jqWidgets/images/icon-last.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up-hover {
    background-image: url('../jqWidgets/images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down-hover {
    background-image: url('../jqWidgets/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left-hover {
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right-hover {
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-up-selected {
    background-image: url('../jqWidgets/images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-down-selected {
    background-image: url('../jqWidgets/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-left-selected {
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-right-selected {
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-close {
    cursor: pointer;
    background-image: url(../jqWidgets/images/close.png);
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-close-white {
    background-image: url(../jqWidgets/images/close_white.png);
}

.jqx-icon-close-hover {
    cursor: pointer;
    background-image: url(../jqWidgets/images/close.png);
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-search {
    cursor: pointer;
    background-image: url(../jqWidgets/images/search.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1px;
    background-size: 13px;
    width: 13px;
    height: 13px;
}

.jqx-icon-plus {
    background-image: url(../jqWidgets/images/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt, .jqx-icon-plus-alt-white {
    background-image: url(../jqWidgets/images/icon-plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 16px;
    height: 16px;
}

.jqx-icon-plus-alt-white {
    background-image: url(../jqWidgets/images/icon-plus-white.png);
}
/* jqxScrollView */
.jqx-scrollview-button {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
    background-color: #aaaeaf;
}

.jqx-scrollview {
    background-color: #000;
    -ms-touch-action: auto !important;
}

.jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed {
    background-image: url('../jqWidgets/images/icon-calendar.png');
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
    width: 15px !important;
    height: 15px !important;
    margin-top: -7.5px !important;
}
/*applied to Inputs*/
.jqx-input-widget {
    box-sizing: border-box !important;
}

.jqx-input {
    overflow: hidden;
    background-color: inherit;
    border-color: #c7c7c7;
}

.jqx-input-invalid {
    color: red !important;
}

.jqx-input-group {
    overflow: hidden;
}

.jqx-input-group-addon {
    border: 1px solid transparent;
    position: relative;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    float: left;
    white-space: nowrap;
    vertical-align: middle;
}

    .jqx-input-group-addon:first-child {
        border-right-width: 0px;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

    .jqx-input-group-addon:last-child {
        border-left-width: 0px;
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }

    .jqx-input-group-addon:not(:last-child):not(:first-child) {
        border-bottom-left-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        border-left-width: 0px;
    }

.jqx-input-group .jqx-input {
    padding: 2px 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
}

.jqx-editor {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
    overflow: hidden;
    box-sizing: border-box !important;
}

.jqx-editor-window {
    overflow: hidden;
}

.jqx-editor-inline {
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

    .jqx-editor-inline p {
        margin: 0px;
        padding: 0 .2em;
    }

.jqx-editor-inline-focus {
    border-width: 1px;
    border-style: solid;
    overflow: auto;
}

.jqx-editor iframe {
    border: 0;
    margin: 0;
    padding: 0;
    background: #fff;
    display: inline;
    vertical-align: top;
    width: 100%;
    height: 100%;
}

.jqx-editor-color-bar {
    height: 3px;
}

.jqx-editor-color-picker table {
    margin: 0;
    padding: 0 4px 4px;
    empty-cells: show;
    border-collapse: separate;
}

.jqx-editor-color-picker td {
    border-collapse: separate;
    border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    position: relative;
}

    .jqx-editor-color-picker td:hover {
        border: 1px solid #000;
    }

.jqx-editor-color-picker-selected-cell {
    outline: 1px solid #000;
}

.jqx-editor-color-picker td div {
    width: 16px;
    height: 16px;
}

.jqx-editor-content {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    outline: 0;
    left: 0px;
    position: relative;
    box-sizing: border-box !important;
}

.jqx-editor-container {
    position: relative;
    padding: 4px;
    padding-top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-container {
    top: 0px;
    left: 0px;
    box-sizing: border-box !important;
}

.jqx-editor-toolbar-inline {
    padding: 0px 4px;
    border-width: 1px;
    border-style: solid;
}

.jqx-editor-toolbar {
    margin: 0;
    padding: 0px;
    padding-bottom: 4px;
}

.jqx-editor-toolbar-icon {
    height: 21px;
    width: 21px;
    vertical-align: middle;
    opacity: .667;
    margin: 2px 0;
    background: url('../jqWidgets/images/html_editor.png') no-repeat;
}

.jqx-editor-toolbar-icon-bold {
    background-position: 0px 0px !important;
}

.jqx-editor-toolbar-icon-italic {
    background-position: -21px 0px !important;
}

.jqx-editor-toolbar-icon-underline {
    background-position: -42px 0px !important;
}

.jqx-editor-toolbar-icon-fontname {
    background-position: -63px 0px !important;
}

.jqx-editor-toolbar-icon-fontsize {
    background-position: -84px 0px !important;
}

.jqx-editor-toolbar-icon-createlink {
    background-position: -147px 0px !important;
}

.jqx-editor-toolbar-icon-insertorderedlist {
    background-position: -168px 0px !important;
}

.jqx-editor-toolbar-icon-insertunorderedlist {
    background-position: -189px 0px !important;
}

.jqx-editor-toolbar-icon-outdent {
    background-position: -210px 0px !important;
}

.jqx-editor-toolbar-icon-indent {
    background-position: -231px 0px !important;
}

.jqx-editor-toolbar-icon-insertimage {
    background-position: -337px 0px !important;
}

.jqx-editor-toolbar-icon-justifyleft {
    background-position: -252px 0px !important;
}

.jqx-editor-toolbar-icon-justifycenter {
    background-position: -273px 0px !important;
}

.jqx-editor-toolbar-icon-justifyright {
    background-position: -294px 0px !important;
}

.jqx-editor-toolbar-icon-removeformat {
    background-position: -316px 0px !important;
}

.jqx-editor-toolbar-icon-viewsource {
    background-position: -359px 0px !important;
}

.jqx-editor-toolbar-icon-forecolor {
    background-position: -105px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon-backcolor {
    background-position: -380px 0px !important;
    height: 15px;
}

.jqx-editor-toolbar-icon:hover {
    opacity: 1;
}

.jqx-fill-state-disabled .jqx-editor-toolbar-icon {
    opacity: .667;
}

.jqx-editor-toolbar-item {
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.jqx-editor-toolbar-separator {
    border-left: 1px solid #ccc;
    margin: 0 2px;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}

.jqx-editor-toolbar-group {
    display: inline-block;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}

.jqx-editor-toolbar-button {
    text-decoration: none;
    vertical-align: middle;
    cursor: default;
    display: inline-block;
    padding: 0px !important;
    margin-right: 2px;
}

.jqx-editor-toolbar-group .jqx-editor-toolbar-button {
    margin-right: -1px;
    box-shadow: none;
    position: relative;
    margin-left: 0px !important;
}

    .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active {
        z-index: 55;
    }

    .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal {
        background: transparent !important;
    }

.jqx-date-time-input-popup table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    padding: 0;
    outline: 0;
    color: #333;
}

.jqx-date-time-input-popup table td input {
    width: 25px;
    margin: 0;
    text-align: center;
    padding: 4px 6px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}

.jqx-scheduler .jqx-cell {
    padding: 0px !important;
    cursor: default;
}

.jqx-scheduler .jqx-widget-header.jqx-grid-header {
    border-bottom-color: transparent;
    border-bottom-width: 0px;
}

.jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header {
    border-bottom: 1px solid #c5c5c5;
}

.jqx-grid-column-header[sort] > div > div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter] > div > div {
    width: calc(100% - 20px);
}

.jqx-grid-column-header[filter][sort] > div > div {
    width: calc(100% - 40px);
}

.jqx-scheduler-all-day-cell {
    text-align: left;
}

    .jqx-scheduler-all-day-cell span {
        margin-left: 3px;
    }

.jqx-scheduler-month-cell {
    background: #f2f2f2;
    color: #000;
    opacity: 0.8;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit;
    vertical-align: top;
    text-align: left;
}

.jqx-scheduler-month-cell-touch {
    background: transparent;
    border: none;
    vertical-align: middle;
    text-align: center;
}

.jqx-scheduler-month-cell-popup {
    border: 1px solid #333;
    background: #f2f2f2;
    box-shadow: 0 5px 0px rgba(0,0,0,.15) !important;
}

.jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell {
    border-bottom-color: #ddd !important;
}

.jqx-scheduler-cell-selected.jqx-scheduler-middle-cell {
    border-bottom-style: dotted;
}

.jqx-scheduler-work-time-cell {
    background: #fff;
}

.jqx-scheduler-not-work-time-cell {
    background: #eee;
}

.jqx-scheduler-month-outer-cell {
    color: #555;
}

.jqx-scheduler-month-weekend-cell {
    background: #eee;
}

.jqx-scheduler-disabled-cell {
    background: #e9edf1;
}

.jqx-scheduler-toolbar {
    font-size: 14px;
}

.jqx-scheduler-time-column, .jqx-scheduler-toolbar {
    background-image: none !important;
    background: #fff !important;
    color: #333 !important;
}

.jqx-scheduler-week-number-column {
    background: #e8e8e8 !important;
    color: #333;
}

.jqx-scheduler-time-column-header-cell {
    border-left-color: transparent !important;
}

.jqx-scheduler-time-column-header-cell-rtl {
    border-right-color: transparent !important;
}

.jqx-scheduler-appointment {
    overflow: visible;
    border: 1px solid #555;
    white-space: pre-line;
    cursor: pointer;
    vertical-align: middle;
    text-overflow: ellipsis;
    user-select: none;
}

.jqx-scheduler-appointment-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-scheduler-appointment-content {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.jqx-scheduler-appointment-inner-content {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    padding-bottom: 3px;
}

.jqx-scheduler-appointment-duration-status {
    height: 0px;
    border-bottom-width: 2px;
    border-bottom-style: dotted;
    border-color: #f05c2d;
    background: #f05c2d;
    position: absolute;
    bottom: -1px;
    left: 0px;
    border-radius: 5px;
}

.jqx-scheduler-appointment-status {
    width: 4px;
    height: 100%;
    border-right-width: 1px;
    border-right-style: solid;
    position: absolute;
    top: 0px;
    left: 0px;
}

.jqx-scheduler-appointment-status-rtl {
    width: 4px;
    height: 100%;
    border-right-width: 0px;
    border-right-style: none;
    border-left-width: 1px;
    border-left-style: solid;
    position: absolute;
    top: 0px;
    right: 0px;
}

.jqx-scheduler-appointment-status-stripes {
    background-image: url('../jqWidgets/images/stripes.png');
    background-repeat: repeat-y;
    background-position: left top;
}

.jqx-scheduler-appointment-resize-indicator {
    width: 4px;
    height: 4px;
    position: absolute;
    border: 1px solid black;
    background: white;
    display: none;
}

.jqx-scheduler-appointment-top-resize-indicator {
    top: -3px;
    left: 50%;
    margin-left: -2px;
    cursor: row-resize;
}

.jqx-scheduler-appointment-bottom-resize-indicator {
    cursor: row-resize;
    bottom: -3px;
    left: 50%;
    margin-left: -2px;
}

.jqx-scheduler-appointment-left-resize-indicator {
    cursor: col-resize;
    top: 50%;
    left: -3px;
    margin-top: -2px;
}

.jqx-scheduler-appointment-right-resize-indicator {
    cursor: col-resize;
    top: 50%;
    margin-top: -2px;
    right: -3px;
}

.jqx-scheduler-appointment span {
    vertical-align: middle;
    text-overflow: ellipsis;
    position: relative;
    top: -1px;
}

.jqx-scheduler-feedback-appointment {
    opacity: 0.7;
    position: absolute;
    z-index: 99999;
}

.jqx-scheduler-selected-appointment {
    border: 1px solid #316293 !important;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    white-space: pre-line;
}

.jqx-scheduler-appointment:hover {
    border: 1px solid #3f7ebe !important;
}

.jqx-scheduler-feedback-drag-appointment {
    background: #aaa !important;
}

.jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time {
    background-image: url('../jqWidgets/images/icon-recurrence.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    float: left;
    margin: 3px;
    margin-left: 5px;
}

.jqx-icon-time {
    background-image: url('../jqWidgets/images/icon-time.png');
    margin: 0px;
    position: relative;
    left: 1px;
    margin-top: -8px;
}

.jqx-icon-time-white {
    background-image: url('../jqWidgets/images/icon-time-white.png');
}

.jqx-icon-recurrence-exception {
    background-image: url('../jqWidgets/images/icon-recurrence-exception.png');
}

.jqx-icon-recurrence-exception-white {
    background-image: url('../jqWidgets/images/icon-recurrence-exception-white.png');
}

.jqx-icon-recurrence-white {
    background-image: url('../jqWidgets/images/icon-recurrence-white.png');
}

.jqx-scheduler-cell-hover {
    border-color: #3f7ebe !important;
    background: #a2c0df !important;
}

.jqx-scheduler-cell-selected {
    border-color: #316293 !important;
    background: #2f7eb6 !important;
}

.jqx-scheduler-edit-dialog-label {
    clear: both;
    float: left;
    margin-left: 2%;
    padding: 4px;
    text-align: right;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field {
    clear: right;
    float: right;
    margin-right: 2%;
    padding: 4px;
    width: 380px;
}

.jqx-scheduler-edit-dialog-label-rtl {
    clear: both;
    float: right;
    margin-left: 0px;
    margin-right: 2%;
    padding: 4px;
    text-align: left;
    width: 18%;
    line-height: 25px;
}

.jqx-scheduler-edit-dialog-field-rtl {
    clear: left;
    float: left;
    margin-right: 0px;
    margin-left: 2%;
    padding: 4px;
    width: 72%;
}

.jqx-scheduler-legend-bar {
    overflow: hidden;
    border-color: inherit;
    border: none;
}

.jqx-scheduler-legend-bar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-scheduler-legend-bar-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-scheduler-legend {
    width: 14px;
    height: 14px;
    float: left;
    margin-right: 3px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-legend-label {
    float: left;
    margin-right: 12px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 4px;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-date {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-time {
    color: #fff;
}

.jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl {
    color: #fff;
}

.jqx-scheduler-agenda-date {
    padding-top: 5px;
    padding-bottom: 5px;
}

.jqx-scheduler-agenda-time {
    padding: 5px;
}

.jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl {
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl {
    margin: 5px;
    cursor: pointer;
}

.jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl {
    float: right;
}

.jqx-scheduler-agenda-day {
    margin: 3px;
    font-size: 33px;
    font-weight: normal;
}

.jqx-scheduler-agenda-week {
    font-style: normal;
    font-size: 13px;
}

.jqx-scheduler-agenda-date {
    font-size: 10px;
}

.jqx-scheduler-cell-focus {
    border-style: dotted;
    border-color: #59a0d5 !important;
    background: #59a0d5 !important;
}
/*applied to all widgets*/
.jqx-widget {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    zoom: 1 !important;
    color: #000000;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-appearance: none;
    -webkit-background-clip: padding-box;
    direction: ltr !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
}

.jqx-item {
    -ms-touch-action: none;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: inherit;
    -webkit-text-size-adjust: none;
}

/*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/
.jqx-widget-content {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #c7c7c7;
    background: #fff;
}
/*applied to header areas. Tabs, Menu, Window, Calendar.*/
.jqx-widget-header {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    -moz-background-clip: padding;
    -webkit-text-size-adjust: none;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    border-color: #c5c5c5;
    background: #e8e8e8;
}

.jqx-fill-state-normal {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -ms-touch-action: none;
    font-family: Verdana,Arial,sans-serif;
    font-style: normal;
    font-size: 13px;
    border-color: #aaa;
    background: #efefef;
}

.jqx-fill-state-hover {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #e8e8e8;
}

.jqx-fill-state-pressed {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border-color: #999;
    background: #d1d1d1;
}

.jqx-fill-state-focus {
    border-color: #555;
}

.jqx-fill-state-disabled {
    cursor: default;
    color: #000;
    opacity: .55;
    filter: Alpha(Opacity=45);
}

    .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {
    border-color: #aaa;
}

.jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton {
    background-color: transparent;
    border-color: #aaa;
}

.jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {
}

.jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright {
    background-color: #e5e5e5;
}

.jqx-tabs-title-selected-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/
.jqx-tabs-title-selected-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
    background-color: #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/
.jqx-tabs-selection-tracker-top {
    border-color: #aaa;
    border-bottom: 1px solid #fff;
}
/*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/
.jqx-tabs-selection-tracker-bottom {
    border-color: #aaa;
    border-top: 1px solid #fff;
}
/*jqxMaskedInput and jqxNumberInput Styles*/
.jqx-input {
    -webkit-appearance: none;
    padding: 0 0 0 0;
    outline: none;
    border-width: 1px;
    border-style: solid;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

input[type=text].jqx-input, input[type=password].jqx-input {
    min-height: 16px;
    min-width: 16px;
    margin: 0px;
    border-width: 1px;
    border-style: solid;
    font-size: 13px;
    padding: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.jqx-input::-ms-reveal {
    display: none;
}

.jqx-input::-ms-clear {
    display: none;
}

.jqx-input-content::-ms-clear {
    display: none;
}

.jqx-input::-ms-value {
    margin: 0px;
    padding: 0px;
    min-height: 13px;
    line-height: 13px;
}

/*applied to the input when the validation fails.*/
.jqx-input-invalid {
    border-color: #dd4b39 !important;
}

/*applied to the input's content.*/
.jqx-input-content {
    -webkit-appearance: none;
    padding: 1px;
    resize: none;
    outline: none;
    outline-width: 0px;
    -webkit-user-modify: inherit;
    -moz-user-modify: inherit;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}
/*applied to the input when it is disabled.*/
.jqx-input-disabled {
    -webkit-appearance: none;
    resize: none;
    outline: none;
    outline-width: 0px;
}
/*applied to the list menu.*/
.jqx-listmenu-widget {
    -ms-touch-action: auto;
}

    .jqx-listmenu-widget .jqx-widget-content {
        -ms-touch-action: auto;
    }

    .jqx-listmenu-widget .jqx-widget-header {
        -ms-touch-action: auto;
    }

    .jqx-listmenu-widget li {
        -ms-touch-action: auto;
    }

.jqx-menu-popup {
}

.jqx-menu-vertical {
    background-color: #efefef;
}

.jqx-color-picker {
}

.jqx-color-picker-panel {
}

.jqx-color-picker-map {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('../jqWidgets/images/colorpicker/map-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('../jqWidgets/images/colorpicker/map-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
    overflow: hidden;
}

.jqx-color-picker-map-overlay {
    background-color: transparent;
    background-image: url('../jqWidgets/images/colorpicker/map-saturation-overlay.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('../jqWidgets/images/colorpicker/bar-saturation.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-bar-hue {
    border: 1px solid #A0A0A0;
    background-color: transparent;
    background-image: url('../jqWidgets/images/colorpicker/bar-hue.png');
    background-repeat: no-repeat;
    background-position: left top;
}

.jqx-color-picker-preview {
    border: 1px solid #A0A0A0;
}

.jqx-color-picker-pointer {
    background-image: url('../jqWidgets/images/crosshair.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-pointer-alt {
    background-image: url('../jqWidgets/images/crosshair-white.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

.jqx-color-picker-bar-pointer {
    background-image: url('../jqWidgets/images/pointer.png');
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 6px;
    background-position: right top;
}

.jqx-icon {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    position: relative;
    top: 50%;
    margin-top: -8px;
}

.jqx-input-icon {
    width: 13px;
    height: 13px;
    margin: 0 auto;
}

.jqx-scrollbar-thumb-state-normal-touch {
    border-color: #c3c3c3;
    background: #c3c3c3;
}

.jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link {
}

.jqx-scrollbar .jqx-icon-arrow-up {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-down {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-left {
    width: 100%;
    height: 100%;
}

.jqx-scrollbar .jqx-icon-arrow-right {
    width: 100%;
    height: 100%;
}
/*jqx-listmenu*/
.jqx-listmenu-widget {
    border-width: 1px;
    border-style: solid;
}

ol.jqx-listmenu, ul.jqx-listmenu {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
    counter-reset: section;
}

.jqx-listmenu li {
    margin-left: 0px;
    list-style: none;
    line-height: 1;
}

.jqx-listmenu {
    width: 100%;
}

.jqx-listmenu-header {
    padding: 15px;
}

.jqx-listmenu-item {
    cursor: pointer;
    padding: 15px;
    float: none;
    overflow: hidden;
    text-align: left;
    position: relative;
}

.jqx-listmenu-separator {
    padding: 10px;
    counter-reset: section;
}

.jqx-listmenu-header-label {
    margin-left: 30px;
}

.jqx-listmenu-arrow-right {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 7px;
}

.jqx-listmenu-arrow-rtl {
    right: 0px;
    left: 7px;
}

.jqx-listmenu-arrow-right-pressed {
    width: 16px;
    height: 16px;
}

.jqx-listmenu-header .jqx-button {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 6px 10px;
}

.jqx-listmenu-filter-input {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid;
    outline: none;
    width: 97%;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-color: #c7c7c7;
    background-color: #fff;
    font-size: 20px;
    min-height: 25px !important;
    height: 25px;
}

.jqx-listmenu-filter {
    text-align: center;
    padding: 4px;
}

ol li .jqx-listmenu-item-label:before {
    content: counter(section) ". ";
    counter-increment: section;
}

.jqx-listmenu div {
    clear: both;
}

.jqx-listmenu-auto-separator {
}

.jqx-listmenu-item-readonly {
    cursor: default;
}

.jqx-tooltip {
    position: absolute;
    width: auto;
    height: auto;
}

.jqx-tooltip-main {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    filter: inherit;
    border-style: solid;
    border-width: 1px;
}

.jqx-tooltip-text {
    padding: 5px 8px;
    overflow: hidden;
    filter: inherit;
}

.jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-background-clip: padding-box;
}

.jqx-tooltip-arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    display: block;
    border-style: solid;
    margin: -6px 0 0 -7px;
    background: transparent !important;
    filter: inherit;
}

.jqx-tooltip-arrow-t-b {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.jqx-tooltip-arrow-l-r {
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}
/*Sets the text-alignment to right.*/
.jqx-rtl {
    text-align: right !important;
}

.jqx-shadow {
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
    box-shadow: 0 2px 3px rgba(0,0,0,.15) !important;
}

.jqx-noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl {
    background-image: url(../jqWidgets/images/icon-showpassword.png) !important;
    background-repeat: no-repeat !important;
    width: 14px;
    height: 9px;
}

.jqx-passwordinput-password-icon-ltr {
    background-position: right !important;
}

.jqx-passwordinput-password-icon-rtl {
    background-position: left !important;
}

.jqx-passwordinput-password-strength-inicator {
    width: 20%;
    height: 5px;
    margin-top: 5px;
}
/*top rounded Corners*/
.jqx-rc-t-expanded {
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
}
/*bottom rounded Corners*/
.jqx-rc-b-expanded {
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.jqx-treemap-rectangle {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #555;
    color: #222;
    text-shadow: 0px 0px 0px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-treemap-label {
    text-overflow: ellipsis;
    overflow: hidden;
}

.jqx-treemap-rectangle-parent {
    color: #222;
    font-size: 15px;
    font-family: Verdana;
    font-weight: bold;
}

.jqx-treemap-legend-label {
    color: #fff;
}

.jqx-treemap-legend {
    width: 350px;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 41;
    overflow: hidden;
}

.jqx-treemap-legend-table {
    table-layout: fixed;
    width: 100%;
}

.jqx-treemap-legend-color {
    height: 3px;
}

.jqx-treemap-legend-values {
    height: 12px;
    width: 100%;
}

.jqx-treemap-legend-value {
    font-size: 9px;
    position: absolute;
    color: #fff;
}

.jqx-treemap-rectangle-hover {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 40;
}
/*jqxRangeSelector*/
.jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers,
.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-sizing: content-box !important;
}

.jqx-rangeselector-markers {
}

.jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
    position: absolute;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider {
    height: 100%;
}

.jqx-rangeselector-ticks-container, .jqx-rangeselector-slider {
    width: 100%;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider {
    float: left;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow {
    border-style: solid;
}

.jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks {
    width: 1px;
    background: #aaa;
}

.jqx-rangeselector-labels, .jqx-rangeselector-markers {
    white-space: nowrap;
    width: auto;
}

.jqx-rangeselector-slider, .jqx-rangeselector-markers {
    border-width: 1px !important;
}

.jqx-rangeselector-ticks-container {
    background-color: transparent;
    position: relative;
}

.jqx-rangeselector-shutter {
    opacity: 0.75;
    background: #efefef;
    border-width: 0px !important;
}

.jqx-rangeselector-slider {
    background-color: transparent !important;
    border-top: none !important;
    background-image: none !important;
    border-bottom: none !important;
    border-color: #aaa;
    border-right-color: transparent !important;
    position: relative;
    overflow: hidden;
}

.jqx-rangeselector-inner-slider {
    position: absolute;
    right: 0;
    background: #aaa;
    width: 1px;
    height: 100%;
}

.jqx-rangeselector-ticks {
    margin-top: 0px;
}

.jqx-rangeselector-labels, .jqx-rangeselector-group-labels {
    margin-top: 4px;
}

.jqx-rangeselector-markers {
    height: 20px;
    padding: 5px;
    opacity: 0.75;
}

.jqx-rangeselector-marker-arrow {
    width: 0px;
    height: 0px;
    display: block;
    margin: -6px 0 0 -7px;
    background-color: transparent !important;
    filter: inherit;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-right-color: transparent !important;
    border-left-color: transparent !important;
    background-clip: border-box;
    background-repeat: repeat;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-image: none !important;
}

.jqx-rangeselector-marker-arrow-top {
    border-bottom-color: transparent !important;
}

.jqx-rangeselector-marker-arrow-bottom {
    border-top-color: transparent !important;
}

.jqx-rangeselector-marker-left-arrow {
    border-right-width: 0px;
    border-left-width: 5px;
}

.jqx-rangeselector-marker-right-arrow {
    border-right-width: 5px;
    border-left-width: 0px;
}

.jqx-rangeselector-markers-value {
    overflow: hidden;
    white-space: nowrap;
}

.jqx-rangeselector-group-labels-rtl {
    margin-right: 10px;
    direction: rtl;
}

.jqx-rangeselector-group-labels-ticks {
    height: 17px;
}

.jqx-rangeselector-group-labels-ticks-rtl {
    margin-left: 5px;
}

.jqx-action-button {
    border: none;
    border-left: 1px solid #c7c7c7;
}

.jqx-action-button-rtl {
    border: none;
    border-right: 1px solid #c7c7c7;
    cursor: pointer;
}
/*jqxBulletChart*/
.jqx-bulletchart {
}

.jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical {
    position: relative;
}

.jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels {
    position: absolute;
}

.jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical {
    width: 100%;
}

.jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal {
    float: left;
    overflow: hidden;
}

.jqx-bulletchart-title, .jqx-bulletchart-description {
    text-align: center;
}

.jqx-bulletchart-title-inner-container {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.jqx-bulletchart-title-inner-container-ltr {
    padding-right: 5px;
}

.jqx-bulletchart-title-inner-container-rtl {
    padding-left: 5px;
}

.jqx-bulletchart-title-description-ltr {
    text-align: right;
}

.jqx-bulletchart-title-description-rtl {
    text-align: left;
}

.jqx-bulletchart-title-description-vertical {
    text-align: center;
}

.jqx-bulletchart-title {
    font-size: 110%;
    font-weight: bold;
}

.jqx-bulletchart-description {
    font-size: 90%;
}

.jqx-bulletchart-range-horizontal {
    height: 100%;
}

.jqx-bulletchart-target-horizontal {
    top: 10%;
    height: 80%;
}

.jqx-bulletchart-target-vertical {
    left: 10%;
    width: 80%;
}

.jqx-bulletchart-ticks {
    background-color: #AAAAAA;
}

.jqx-bulletchart-ticks-horizontal {
    width: 1px;
}

.jqx-bulletchart-ticks-vertical {
    height: 1px;
}

.jqx-bulletchart-zero-tick {
}

.jqx-bulletchart-labels {
}
/*jqxNotification*/
.jqx-notification {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    pointer-events: auto;
}

.jqx-notification-table {
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
}

.jqx-notification-container {
    position: fixed;
    height: auto;
    width: auto;
    pointer-events: none;
}

.jqx-notification-container-full-width {
    width: 100%;
}

.jqx-notification-container-full-height {
    height: 100%;
}

#jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left {
    direction: rtl;
}

.jqx-notification-icon, .jqx-notification-content {
    vertical-align: middle;
}

.jqx-notification-content {
}

.jqx-notification-content-rtl {
    direction: rtl;
}

.jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

    .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }

    .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }

    .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }

    .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }

    .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }

    .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed {
        background-image: url('../jqWidgets/images/icon-calendar-white.png');
    }

    .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed {
        background-image: url('../jqWidgets/images/icon-time-white.png');
    }


.jqx-notification-info, .jqx-info {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5bc0de !important;
    *background-color: #5bc0de !important;
    border-left-color: #46b8da !important;
    border-right-color: #46b8da !important;
    border-top-color: #46b8da !important;
    border-bottom-color: #46b8da !important;
}

    .jqx-info:hover,
    .jqx-info:focus,
    .jqx-info:active,
    .jqx-info.active,
    .jqx-info.disabled,
    .jqx-info[disabled] {
        color: #ffffff !important;
        background-color: #31b0d5 !important;
        *background-color: #31b0d5 !important;
        border-color: #269abc !important;
    }

    .jqx-fill-state-pressed.jqx-info,
    .jqx-info:active,
    .jqx-info.active {
        background-color: #269abc \9 !important;
    }

.jqx-notification-warning, .jqx-warning {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #f0ad4e !important;
    *background-color: #f0ad4e !important;
    border-left-color: #eea236 !important;
    border-right-color: #eea236 !important;
    border-top-color: #eea236 !important;
    border-bottom-color: #eea236 !important;
}

    .jqx-warning:hover,
    .jqx-warning:focus,
    .jqx-warning:active,
    .jqx-warning.active,
    .jqx-warning.disabled,
    .jqx-warning[disabled] {
        color: #ffffff !important;
        background-color: #ec971f !important;
        *background-color: #ec971f !important;
        border-color: #d58512 !important;
    }

    .jqx-fill-state-pressed.jqx-warning,
    .jqx-warning:active,
    .jqx-warning.active {
        background-color: #d58512 \9 !important;
        border-color: #985f0d !important;
    }

.jqx-notification-success, .jqx-success {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #5cb85c !important;
    *background-color: #5cb85c !important;
    border-left-color: #4cae4c !important;
    border-right-color: #4cae4c !important;
    border-top-color: #4cae4c !important;
    border-bottom-color: #4cae4c !important;
}

    .jqx-success:hover,
    .jqx-success:focus,
    .jqx-success:active,
    .jqx-success.active,
    .jqx-success.disabled,
    .jqx-success[disabled] {
        color: #ffffff !important;
        background-color: #449d44 !important;
        *background-color: #449d44 !important;
        border-color: #398439 !important;
    }

    .jqx-fill-state-pressed.jqx-success,
    .jqx-success:active,
    .jqx-success.active {
        background-color: #398439 !important;
        border-color: #255625 !important;
    }

.jqx-notification-error, .jqx-danger {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #d9534f !important;
    *background-color: #d9534f !important;
    border-left-color: #d43f3a !important;
    border-right-color: #d43f3a !important;
    border-top-color: #d43f3a !important;
    border-bottom-color: #d43f3a !important;
}

    .jqx-danger:hover,
    .jqx-danger:focus,
    .jqx-danger:active,
    .jqx-danger.active,
    .jqx-danger.disabled,
    .jqx-danger[disabled] {
        color: #ffffff !important;
        background-color: #c9302c !important;
        *background-color: #c9302c !important;
        border-color: #ac2925 !important;
    }

    .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active,
    .jqx-danger.active {
        background-color: #ac2925 !important;
        border-color: #761c19 !important;
    }

.jqx-notification-mail, .jqx-primary {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #337ab7 !important;
    *background-color: #337ab7 !important;
    border-left-color: #2e6da4 !important;
    border-right-color: #2e6da4 !important;
    border-top-color: #2e6da4 !important;
    border-bottom-color: #2e6da4 !important;
}

    .jqx-primary:hover,
    .jqx-primary:focus,
    .jqx-primary:active,
    .jqx-primary.active,
    .jqx-primary.disabled,
    .jqx-primary[disabled] {
        color: #ffffff !important;
        background-color: #286090 !important;
        *background-color: #286090 !important;
    }

    .jqx-fill-state-pressed.jqx-primary,
    .jqx-primary:active,
    .jqx-primary.active {
        background-color: #204d74 !important;
    }

.jqx-notification-time, .jqx-inverse {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    background-color: #363636 !important;
    *background-color: #222222 !important;
    border-left-color: #222222 !important;
    border-right-color: #222222 !important;
    border-top-color: #222222 !important;
    border-bottom-color: #000000 !important;
}

    .jqx-inverse:hover,
    .jqx-inverse:focus,
    .jqx-inverse:active,
    .jqx-inverse.active,
    .jqx-inverse.disabled,
    .jqx-inverse[disabled] {
        color: #ffffff !important;
        background-color: #222222 !important;
        *background-color: #151515 !important;
    }

    .jqx-fill-state-pressed.jqx-inverse,
    .jqx-inverse:active,
    .jqx-inverse.active {
        background-color: #080808 !important;
        background-image: linear-gradient(to bottom, #444444, #444444) !important;
    }

.jqx-link,
.jqx-link:active,
.jqx-link[disabled] {
    background-color: transparent !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.jqx-link {
    color: #0088cc !important;
    cursor: pointer !important;
    border-color: transparent !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

    .jqx-link:hover,
    .jqx-link:focus {
        color: #005580 !important;
        text-decoration: underline !important;
        background-color: transparent !important;
    }

    .jqx-link[disabled]:hover,
    .jqx-link[disabled]:focus {
        color: #333333 !important;
        text-decoration: none !important;
    }

    .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus,
    .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover {
        background-position: 0 -15px !important;
        -webkit-transition: background-position 0.1s linear !important;
        -moz-transition: background-position 0.1s linear !important;
        -o-transition: background-position 0.1s linear !important;
        transition: background-position 0.1s linear !important;
    }

    .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active {
        background-image: none !important;
        outline: 0 !important;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    }

.jqx-notification-icon {
    background-repeat: no-repeat;
}

.jqx-notification-icon-ltr {
    background-position: left center;
}

.jqx-notification-icon-rtl {
    background-position: right center;
}

.jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time {
    width: 30px;
    height: 25px;
}

.jqx-notification-icon-info {
    background-image: url('../jqWidgets/images/info.png');
}

.jqx-notification-icon-warning {
    background-image: url('../jqWidgets/images/warning.png');
}

.jqx-notification-icon-success {
    background-image: url('../jqWidgets/images/success.png');
}

.jqx-notification-icon-error {
    background-image: url('../jqWidgets/images/error.png');
}

.jqx-notification-icon-mail {
    background-image: url('../jqWidgets/images/mail.png');
}

.jqx-notification-icon-time {
    background-image: url('../jqWidgets/images/time.png');
}

.jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error {
    background-image: url('../jqWidgets/images/close_white.png');
}

.jqx-notification-close-button-warning {
    background-image: url('../jqWidgets/images/close_black.png');
}

.jqx-notification-close-button-container, .jqx-notification-close-button {
    width: 16px;
    height: 16px;
}

.jqx-notification-close-button-container {
    vertical-align: top;
}

.jqx-notification-close-button {
    position: relative;
    top: -11px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.jqx-notification-close-button-ltr {
    right: -11px;
    background-position: right top;
}

.jqx-notification-close-button-rtl {
    left: -11px;
    background-position: left top;
}

.jqx-navbar {
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

    .jqx-navbar ul:before,
    .jqx-navbar ul:after {
        content: "";
        display: table;
    }

    .jqx-navbar ul:after {
        clear: both;
    }

    .jqx-navbar ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        display: block;
        border: 0;
        max-width: 100%;
        overflow: visible;
    }

.jqx-navbar-block {
    margin: 0;
    overflow: hidden;
    padding: 0px 12px;
    border-width: 0px;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.jqx-navbar-block-rtl {
    float: right;
}

.jqx-ribbon {
    position: relative;
    overflow: hidden;
}

.jqx-ribbon-auto {
    display: inline-block;
}

.jqx-ribbon-popup {
    overflow: visible;
}

.jqx-ribbon-header {
    position: absolute;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    display: block;
    box-shadow: none !important;
}

.jqx-ribbon-header-auto {
    position: relative;
}

.jqx-ribbon-header-horizontal {
    width: 100%;
    min-height: 30px;
    padding: 0px;
    white-space: nowrap;
}

.jqx-ribbon-header-bottom {
    bottom: 0;
}

.jqx-ribbon-header-vertical {
    min-width: 75px;
    height: 100%;
    float: left;
    padding: 0px;
}

.jqx-ribbon-header-right {
    right: 0;
}

.jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup {
    position: relative;
}

.jqx-ribbon-header-horizontal-popup {
    height: 100%;
}

.jqx-ribbon-header-vertical-popup {
    width: 100%;
}

.jqx-ribbon-item {
    position: relative;
    list-style-type: none;
    padding: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-overflow: ellipsis;
    cursor: default;
    min-width: 10px;
    vertical-align: top;
}

.jqx-ribbon-item-top, .jqx-ribbon-item-bottom {
    height: 100%;
    display: inline-block;
    margin-left: 1px;
    margin-right: 1px;
}

.jqx-ribbon-item-top {
    margin-top: 1px;
}

.jqx-ribbon-item-bottom {
    margin-top: -1px;
}

.jqx-ribbon-item-left, .jqx-ribbon-item-right {
    width: 100%;
    margin-top: 2px;
}

.jqx-ribbon-item-left {
    margin-left: 1px;
}

.jqx-ribbon-item-right {
    margin-left: -1px;
}

.jqx-ribbon-item-hover {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-hover {
    border-bottom-color: inherit !important;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-hover {
    border-top-color: inherit !important;
}

.jqx-ribbon-item-left.jqx-ribbon-item-hover {
    border-right-color: inherit !important;
}

.jqx-ribbon-item-right.jqx-ribbon-item-hover {
    border-left-color: inherit !important;
}

.jqx-ribbon-item-selected {
    border-color: inherit;
}

.jqx-ribbon-item-top.jqx-ribbon-item-selected {
    border-bottom-color: transparent;
}

.jqx-ribbon-item-bottom.jqx-ribbon-item-selected {
    border-top-color: transparent;
}

.jqx-ribbon-item-left.jqx-ribbon-item-selected {
    border-right-color: transparent;
}

.jqx-ribbon-item-right.jqx-ribbon-item-selected {
    border-left-color: transparent;
}

.jqx-ribbon-content {
    background-image: none !important;
    background-color: transparent !important;
    box-sizing: border-box;
}

.jqx-ribbon-content-horizontal {
    clear: both;
    height: 100%;
}

.jqx-ribbon-content-vertical {
    height: 100%;
    width: 100%;
    float: left;
    border-width: 1px;
}

.jqx-ribbon-content-popup {
    z-index: 99999;
    position: absolute;
    border-left: none;
}

    .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal {
        width: 100%;
        height: auto;
    }

    .jqx-ribbon-content-popup.jqx-ribbon-content-vertical {
        width: auto;
        height: 100%;
    }

.jqx-ribbon-content-popup-top {
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-bottom {
    -webkit-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-left {
    -webkit-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}

.jqx-ribbon-content-popup-right {
    -webkit-box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
    box-shadow: -6px 6px 15px 0 rgba(0,0,0,0.15);
}

.jqx-ribbon-content-auto-width {
    width: auto;
}

.jqx-ribbon-content-section {
    width: 100%;
    height: 100%;
    display: none;
    border-width: 1px;
    border-style: solid;
    box-sizing: inherit;
    overflow: auto;
}

.jqx-ribbon-content-section-top {
    border-top: none;
}

.jqx-ribbon-content-section-bottom {
    bottom: 0;
    border-bottom: none;
}

.jqx-ribbon-content-section-left {
    border-left: none;
}

.jqx-ribbon-content-section-right {
    border-right: none;
    right: 0;
}

.jqx-ribbon-content-section-popup {
    position: relative;
}

.jqx-ribbon-content-section-horizontal-popup {
    height: auto;
}

.jqx-ribbon-content-section-vertical-popup {
    width: auto;
}

.jqx-ribbon-header-rtl {
    text-align: right;
}

.jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl {
    direction: rtl;
}

.jqx-ribbon-item-rtl {
    direction: rtl;
}

.jqx-ribbon-scrollbutton {
    position: absolute;
    display: none;
    box-sizing: border-box;
    cursor: pointer;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 0;
}

.jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom {
    width: 17px;
}

.jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right {
    height: 17px;
}

.jqx-ribbon-scrollbutton-top {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-bottom {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-right {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    left: 1px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    right: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    right: 1px;
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    left: 18px;
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near {
    top: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far {
    bottom: 18px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far {
    bottom: 1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near {
    top: 18px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-ribbon-scrollbutton-inner {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-ribbon-selection-token {
    position: absolute;
    z-index: 0;
}

.jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom {
    height: 1px;
}

.jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right {
    width: 1px;
}

.jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content {
    *display: inline;
}

.jqx-ribbon-content-left {
    *float: none;
}

.jqx-ribbon-content-right {
    *float: left;
}

.jqx-ribbon-content.jqx-ribbon-content-popup {
    *left: 0;
}

.jqx-ribbon-content-popup .jqx-ribbon-content-section {
    *overflow: visible;
}

.jqx-ribbon-content-section-popup {
    *position: absolute;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup-separator {
    box-sizing: border-box;
}

.jqx-toolbar, .jqx-toolbar-minimized-popup {
    padding: 5px;
}

.jqx-toolbar {
    position: relative;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.jqx-toolbar-tool {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
}

.jqx-toolbar-tool-rtl {
    float: right;
}

.jqx-toolbar-tool-no-separator-ltr {
    margin-right: 2px !important;
}

.jqx-toolbar-tool-no-separator-rtl {
    margin-left: 2px !important;
}

.jqx-toolbar-tool-separator-ltr {
    margin-right: 6px !important;
}

.jqx-toolbar-tool-separator-rtl {
    margin-left: 6px !important;
}

.jqx-toolbar-tool-inner-button {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0 !important;
}

.jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup {
    position: absolute;
}

.jqx-toolbar-minimized-button {
    height: 100%;
    right: 0;
    cursor: pointer;
    margin-top: -5px;
    margin-right: 5px;
    display: none;
}

.jqx-toolbar-minimized-button-rtl {
    left: 0;
    margin-left: 5px;
    margin-right: 0;
}

.jqx-toolbar-minimized-popup {
    border-width: 1px;
    border-top-width: 0;
    border-style: solid;
    visibility: hidden;
    z-index: 99999;
}

.jqx-toolbar-tool-minimized {
    margin: 1px 0 !important;
}

.jqx-toolbar-minimized-popup-separator {
    width: 100%;
    height: 2px;
    margin: 5px 0;
    display: none;
}

.jqx-complex-input-spin-buttons-container {
    border-width: 1px;
    border-style: solid;
    position: relative;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 2px 8px !important;
    white-space: nowrap;
    vertical-align: middle;
}

.jqx-formatted-input, .jqx-complex-input {
    padding-right: 2px !important;
    text-align: right;
}

.jqx-formatted-input-lower-case, .jqx-complex-input {
    text-transform: lowercase;
}

.jqx-formatted-input-upper-case {
    text-transform: uppercase;
}

.jqx-formatted-input-item {
    word-wrap: break-word;
}

.jqx-formatted-input-item-rtl, .jqx-complex-input-rtl {
    direction: rtl !important;
}

.jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon {
    height: 100%;
}

.jqx-formatted-input-spin-buttons-container {
    width: 18px;
    padding: 0 0 0 1px !important;
    overflow: hidden;
}

.jqx-formatted-input-spin-buttons-container-rtl {
    border-right-width: 0px;
    padding: 0 0 0 2px !important;
}

.jqx-formatted-input-spin-buttons-container-rtl-border {
    border-left-width: 1px !important;
}

.jqx-formatted-input-spin-button {
    position: relative;
    width: 17px;
    height: 50%;
    margin-left: -1px;
    border-width: 0px;
    padding: 0px;
    overflow: hidden;
    cursor: pointer;
}

.jqx-formatted-input-addon {
    width: 19px;
    padding: 0 !important;
    cursor: pointer;
}

.jqx-formatted-input-addon-rtl {
    border-right-width: 1px !important;
}

.jqx-complex-input-parent {
    overflow: hidden;
}

.jqx-complex-input-child {
    height: 100%;
    float: left;
    box-sizing: border-box;
}

.jqx-complex-input-child-rtl {
    float: right;
}

.jqx-complex-input-spin-buttons-container-ltr {
    border-left-width: 0;
}

.jqx-complex-input-spin-buttons-container-rtl {
    border-left-width: 1px !important;
    border-right-width: 0;
}

.jqx-file-upload {
    position: relative;
    overflow: auto;
}

.jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
}

.jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element {
    display: none;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon {
    width: 100%;
}

.jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element {
    height: 100%;
}

.jqx-file-input-iframe, .jqx-file-upload-form-ie9 {
    position: absolute;
}

.jqx-file-input-iframe {
    width: 0;
    height: 0;
    border: none;
}

.jqx-file-upload-form, .jqx-file-upload-file-input {
    visibility: hidden;
    display: none;
}

.jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 {
    display: block;
    visibility: visible;
}

.jqx-file-upload-form-ie9 {
    z-index: 10000;
    opacity: 0;
    filter: alpha(opacity=0);
}

.jqx-file-upload-file-name {
    width: auto;
    padding: 0 2px 0 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    *float: left;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    float: right;
}

.jqx-file-upload, .jqx-file-upload-file-row {
    padding: 5px;
}

.jqx-file-upload-button-browse {
    display: block;
}

.jqx-file-upload-buttons-container {
    height: auto;
    margin-top: 10px;
}

.jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl {
    direction: rtl !important;
}

.jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl {
    margin-left: 5px;
}

.jqx-file-upload-button-upload-rtl-ie {
    margin-right: 5px;
}

.jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie {
    margin-left: 0;
}

.jqx-file-upload-file-row {
    height: 30px;
    margin-bottom: 3px;
    clear: both;
}

.jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element {
    width: 17px;
    margin: 0 1px 0 1px;
}

.jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl {
    float: none;
    *float: left;
}

.jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    cursor: pointer;
    white-space: nowrap;
}

.jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload {
    display: inline-block;
}

.jqx-file-upload-icon-upload, .jqx-file-upload-loading-element {
    margin-top: 1px;
}

.jqx-file-upload-loading-element {
    background-image: url('../jqWidgets/images/loader-small.gif');
    background-repeat: no-repeat;
}

.jqx-date-time-input-popup .jqx-icon {
    margin-top: 0px;
}


.jqx-text-area-element {
    height: 100%;
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    left: 0px;
    top: 0px;
    margin: 0px;
    position: absolute;
    resize: none;
}

.jqx-text-area-element-rtl {
    direction: rtl !important;
}

.jqx-responsive-panel {
    overflow: auto;
}

.jqx-responsive-panel {
    border-width: 0px;
}

.jqx-responsive-panel-button {
    border-width: 1px;
    border-style: solid;
}

.jqx-responsive-panel-button {
    display: none;
    cursor: pointer;
}

.jqx-responsive-panel-button-inner {
    margin: 0;
    width: 100%;
    height: 100%;
    background-position: center;
}

.jqx-loader {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 999;
    border-style: solid;
    border-width: 1px;
}

.jqx-loader-ie-transparency {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff)"; /*For IE 8*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff, endColorstr=#7fffffff); /*For IE 7*/
}

.jqx-loader-modal {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    cursor: default;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.6;
}

.jqx-loader-icon {
    background-image: url("../jqWidgets/images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
}

.jqx-loader-text {
    z-index: 999;
    position: relative;
}

.jqx-loader-text-left {
    margin-left: 5px;
    position: absolute;
    top: 50%;
}

.jqx-loader-text-right {
    margin-right: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
}

.jqx-loader-text-top {
    text-align: center;
    margin-top: 5px;
}

.jqx-loader-text-bottom {
    bottom: 0px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 5px;
}

.jqx-loader-rtl {
    direction: rtl;
}
/* jqxLayout and jqxDockingLayout */
.jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content {
    position: relative;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay {
    position: absolute;
}

.jqx-layout {
    background-color: #c5c5c5;
}

.jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay {
    width: 100%;
    height: 100%;
}

.jqx-layout-group-default-horizontal > div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal {
    float: left;
}

.jqx-layout-group-tabbed {
    position: static;
    box-sizing: border-box;
    min-height: 0 !important;
}

    .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content {
        padding: 0;
    }

    .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section {
        border: none;
    }

.jqx-layout-window {
    position: static;
}

.jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal {
    overflow: auto;
}

.jqx-layout-group-auto-hide-content-vertical {
    width: 150px;
}

.jqx-layout-group-auto-hide-content-horizontal {
    width: 100%;
    height: 150px;
}

.jqx-layout-pseudo-window {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: none !important;
}

.jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content {
    width: 100%;
    box-sizing: border-box;
}

.jqx-layout-pseudo-window-header {
    height: 30px;
}

.jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background {
    width: 16px;
    height: 16px;
    top: 5px;
}

.jqx-layout-pseudo-window-pin-background-ltr {
    right: 15px;
}

.jqx-layout-pseudo-window-close-background-ltr {
    right: 0;
}

.jqx-layout-pseudo-window-pin-background-rtl {
    left: 15px;
}

.jqx-layout-pseudo-window-close-background-rtl {
    left: 0;
}

.jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon {
    cursor: pointer;
}

.jqx-layout-pseudo-window-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-layout-pseudo-window-pin-icon {
    background-image: url("../jqWidgets/images/pin.png");
}

.jqx-layout-pseudo-window-pinned-icon {
    background-image: url("../jqWidgets/images/pinned.png");
}

.jqx-layout-pseudo-window-title-rtl {
    float: right;
}

.jqx-layout-resize-feedback {
    z-index: 9999;
    top: 0;
    left: 0;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    display: none;
}

.jqx-layout-resize-feedback-horizontal {
    width: 100%;
    height: 4px;
    cursor: row-resize;
}

.jqx-layout-resize-feedback-vertical {
    width: 4px;
    height: 100%;
    cursor: col-resize;
}

.jqx-layout-resize-feedback-warning {
    border-color: #800000 !important;
    background-color: Red !important;
}

.jqx-layout-overlay {
    top: 0;
    left: 0;
    display: none;
    background-color: transparent;
    z-index: 8999;
    pointer-events: none;
}

.jqx-layout-ribbon-header-ltr {
    padding-left: 20px;
}

.jqx-layout-ribbon-header-rtl {
    padding-right: 20px;
}

/* jqxDockingLayout-specific */
.jqx-docking-layout-group-floating {
    border-color: #FFD280 !important;
}

    .jqx-docking-layout-group-floating .jqx-window-header {
        border-color: #FFD280;
        background-color: #FFD280 !important;
        background: -webkit-linear-gradient(#FFE4B5, #FFD280) !important;
        background: -o-linear-gradient(#FFE4B5, #FFD280) !important;
        background: -moz-linear-gradient(#FFE4B5, #FFD280) !important;
        background: linear-gradient(#FFE4B5, #FFD280 ) !important;
    }

.jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge {
    z-index: 99999;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.jqx-docking-layout-overlay-square-edge {
    display: none;
}

.jqx-docking-layout-overlay {
    width: 100px;
    height: 100px;
    left: 100px;
    top: 70px;
}

.jqx-docking-layout-overlay-section {
    height: 33px;
    width: 100px;
}

.jqx-docking-layout-overlay-square {
    width: 26px;
    height: 26px;
    padding: 3px;
}

.jqx-docking-layout-overlay-square-invisible {
    background-color: transparent !important;
    background-image: none !important;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom {
    border-top-width: 1px;
    border-top-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right {
    border-left-width: 1px;
    border-left-style: solid;
}

.jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left {
    border-right-width: 1px;
    border-right-style: solid;
}

.jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.jqx-docking-layout-overlay-square-center {
    border-color: transparent !important;
}

.jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    width: 24px;
}

.jqx-docking-layout-overlay-inner-square {
    border-width: 1px;
    border-style: solid;
    height: 24px;
}

.jqx-docking-layout-overlay-inner-square-header {
    height: 5px;
}

.jqx-docking-layout-overlay-inner-square-content {
    height: 18px;
}

.jqx-docking-layout-overlay-highlight {
}

.jqx-docking-layout-overlay-highlight-top {
    height: 9px;
    border-bottom-style: dashed;
}

.jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right {
    width: 12px;
    height: 18px;
}

.jqx-docking-layout-overlay-highlight-left {
    border-right-style: dashed;
}

.jqx-docking-layout-overlay-highlight-right {
    right: 0;
    border-left-style: dashed;
}

.jqx-docking-layout-overlay-highlight-bottom {
    bottom: 0;
    height: 9px;
    border-top-style: dashed;
}

.jqx-docking-layout-drop-overlay {
    display: none;
    background-color: #6495ED;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    z-index: 10000;
    top: 0px;
    left: 0px;
}

.jqx-docking-layout-square-disabled {
    visibility: hidden;
}

.jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical {
    border-style: solid;
    border-width: 1px;
}

.jqx-docking-layout-overlay-inner-square-edge {
    width: 26px;
    height: 26px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal {
    height: 24px;
}

.jqx-docking-layout-overlay-mini-window-edge-vertical {
    height: 13px;
}

.jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal {
    width: 13px;
}

.jqx-docking-layout-overlay-inner-square-content-vertical {
    height: 7px;
}

.jqx-docking-layout-overlay-square-edge-arrow {
    border-style: solid;
    border-width: 5px;
    width: 0px;
    height: 0px;
    display: block;
    background: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top {
    border-top-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-bottom-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-left-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    border-right-color: transparent !important;
}

.jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right {
    margin-top: 8px;
}

.jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom {
    margin-left: 8px;
}

.jqx-tag-cloud ul {
    padding-left: 5px;
}

.jqx-tag-cloud-item {
    padding: 3px;
    display: inline-block;
}

    .jqx-tag-cloud-item a {
        text-decoration: initial;
    }

        .jqx-tag-cloud-item a:hover {
            text-decoration: underline;
        }

.jqx-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    background-color: #ffffff;
    border: 1px solid #aaa;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.jqx-popover-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.jqx-popover-close-button {
    width: 16px;
    height: 16px;
    float: right;
}

.jqx-popover-close-button-rtl {
    float: left;
}

.jqx-popover.top {
    margin-top: -10px;
}

.jqx-popover.right {
    margin-left: 10px;
}

.jqx-popover.bottom {
    margin-top: 10px;
}

.jqx-popover.left {
    margin-left: -10px;
}

.jqx-popover-title {
    padding: 8px 14px;
    margin: 0;
    border-bottom: 1px solid inherit;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

    .jqx-popover-title:empty {
        display: none;
    }

.jqx-popover-content {
    padding: 9px 14px;
}

.jqx-popover .jqx-popover-arrow,
.jqx-popover .jqx-popover-arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.jqx-popover .jqx-popover-arrow {
    border-width: 11px;
}

    .jqx-popover .jqx-popover-arrow:after {
        border-width: 10px;
        content: "";
    }

.jqx-popover.top .jqx-popover-arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: inherit;
    border-bottom-width: 0;
}

    .jqx-popover.top .jqx-popover-arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #ffffff;
        border-bottom-width: 0;
    }

.jqx-popover.right .jqx-popover-arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: inherit;
    border-left-width: 0;
}

    .jqx-popover.right .jqx-popover-arrow:after {
        bottom: -10px;
        left: 1px;
        border-right-color: #ffffff;
        border-left-width: 0;
    }

.jqx-popover.bottom .jqx-popover-arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: inherit;
    border-top-width: 0;
}

    .jqx-popover.bottom .jqx-popover-arrow:after {
        top: 1px;
        margin-left: -10px;
        border-bottom-color: #ffffff;
        border-top-width: 0;
    }

.jqx-popover.left .jqx-popover-arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: inherit;
}

    .jqx-popover.left .jqx-popover-arrow:after {
        right: 1px;
        bottom: -10px;
        border-left-color: #ffffff;
        border-right-width: 0;
    }


.jqx-kanban-full-frame {
    width: 100vw;
    height: 100vh;
}

.jqx-kanban-in-frame {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.jqx-kanban-rtl {
    direction: rtl;
    text-align: right;
}

.jqx-kanban-column {
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    float: left;
}

.jqx-kanban-column-collapsed {
    width: 50px;
}

.jqx-kanban-column-first {
    border-width: 1px;
}

.jqx-kanban-column:first-of-type {
    border-width: 1px 1px 1px 1px;
}

.jqx-kanban-column-selected {
    /*  background-color: blue;*/
}

.jqx-kanban-column-header-collapsed { /*vertical column invisible*/
    display: none;
    box-sizing: border-box;
    height: 0px;
    width: 0px;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-header-collapsed-show { /*vertical column visible*/
    display: block !important;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.jqx-kanban-column-vertical-container {
    padding-top: 0px;
    padding-left: 0px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container-inverse {
    padding-top: 0px;
    padding-left: 20px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    white-space: nowrap;
}

.jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status {
    position: relative;
}

.jqx-kanban-column-hide { /*colapsed*/
    display: none !important;
}

.jqx-kanban-column-header {
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    white-space: nowrap;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.jqx-kanban-column-header-button {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header .jqx-window-collapse-button {
    margin-top: 1px !important;
}

.jqx-kanban-column-header-custom-button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.jqx-kanban-column-header-custom-button-rtl {
    left: 20px;
}

.jqx-kanban-column-header-button-rtl {
    left: 0px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button {
    top: 100%;
    right: 50%;
    margin-top: -21px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button {
    top: 100%;
    right: 50%;
    margin-top: -41px;
    left: 50%;
    margin-left: -8px;
}

.jqx-kanban-column-container {
    margin: 1px;
    overflow-y: auto;
}

.jqx-kanban-item-placeholder {
    height: 100px;
    border: gray dotted 1px;
    border-radius: 3px;
    margin: 5px;
}

.jqx-kanban-column-vertical-container-inverse-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.jqx-kanban-column-vertical-container-ie8-fix {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.jqx-kanban-item {
    margin: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    position: relative;
    box-shadow: #ddd 2px 2px 3px;
    cursor: pointer;
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-kanban-item-selected {
}

.jqx-kanban-item-color-status {
    background-color: #6bbd49;
    width: 3px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.jqx-kanban-item-color-status-rtl {
    right: 0px;
    left: 100%;
}

.jqx-kanban-item-text {
    padding-left: 6px;
    padding-right: 23px;
    font-size: 14px;
    padding-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.jqx-kanban-rtl .jqx-kanban-item-text {
    padding-right: 6px;
    padding-left: 23px;
}

.jqx-kanban-column-header-title {
}

.jqx-kanban-column-header-status {
}

.jqx-kanban-item-content {
}

.jqx-kanban-item-avatar {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 3px;
    top: 3px;
    background: #eee;
    text-align: center;
    overflow: hidden;
}

.jqx-kanban-item-avatar-rtl {
    left: 3px;
}

.jqx-kanban-item-avatar-image {
    width: 20px;
    height: 20px;
}

    .jqx-kanban-item-avatar-image:hover {
    }

.jqx-kanban-item-footer {
    border-top: 1px solid transparent;
    border-color: inherit;
    overflow: hidden;
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
}


.jqx-kanban-item-keyword {
    float: left;
    margin: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid transparent;
    border-color: inherit;
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.jqx-kanban-item-keyword-rtl {
    direction: rtl;
    text-align: right;
    float: right;
}

.jqx-kanban-item-keyword:hover {
}

.jqx-kanban-item-avatar {
    height: 20px;
}

.jqx-kanban-handle {
    cursor: move;
}

.jqx-kanban-clearing {
    clear: both;
}

.jqx-sortable {
    touch-action: none;
    -ms-touch-action: none;
}

.jqx-bar-gauge-tooltip {
    position: absolute;
    left: 20px;
    top: 20px;
    display: none;
    padding: 6px 12px;
    border: black solid 1px;
    background-color: white;
    color: #333333;
    font-size: 11px;
    font-weight: 100;
    font-family: Verdana;
    border: black solid 1px;
    border-radius: 3px;
    opacity: 1;
    white-space: nowrap;
    z-index: 5;
}

.jqx-bar-gauge-measure-text {
    position: absolute;
    top: 0;
    right: 0;
    visibility: hidden;
    z-index: -99999;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}

.jqx-scrollbar-mobile {
    background: transparent !important;
}

    .jqx-scrollbar-mobile .jqx-scrollbar-state-normal {
        background: transparent !important;
        border-color: transparent !important;
    }

    .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
        background: #808080 !important;
        border-color: #808080 !important;
        border-width: 1px;
        z-index: 99999;
        border-radius: 0px !important;
    }

    .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal {
        width: 4px !important;
    }

    .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal {
        height: 4px !important;
    }


.jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down {
    background-image: url('../jqWidgets/images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected {
    background-image: url('../jqWidgets/images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover {
    background-image: url('../jqWidgets/images/icon-down-white.png');
}

.jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up {
    background-image: url('../jqWidgets/images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected {
    background-image: url('../jqWidgets/images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover {
    background-image: url('../jqWidgets/images/icon-up-white.png');
}

.jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right {
    background-image: url('../jqWidgets/images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected {
    background-image: url('../jqWidgets/images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover {
    background-image: url('../jqWidgets/images/icon-right-white.png');
}

.jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left {
    background-image: url('../jqWidgets/images/icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected {
    background-image: url('../jqWidgets/images/icon-left-white.png');
}

.jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover {
    background-image: url('../jqWidgets/images/icon-left-white.png');
}

.jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover,
.jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected,
.jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover,
.jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected,
.jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover,
.jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected,
.jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover,
.jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-success-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected,
.jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover,
.jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-info-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected,
.jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover,
.jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover,
.jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected,
.jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader {
    background-color: #f5f5f5 !important;
    color: #333 !important;
    text-shadow: none !important;
    border-color: #f5f5f5 !important;
}

.jqx-element {
    overflow: hidden;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    box-sizing: border-box;
}

.jqx-element-no-border {
    border-width: 0px;
}

.jqx-element-container {
}

.jqx-resize-trigger, .jqx-resize-trigger-shrink {
    position: absolute;
    left: 0;
    top: 0;
    transition: 0s;
}

.jqx-resize-trigger-shrink {
    width: 200%;
    height: 200%;
}

.jqx-resize-trigger-container {
    display: block;
    visibility: hidden;
    position: relative;
    top: -100%;
    left: 0;
    min-height: 0.1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    visibility: hidden;
}

/* jqxPivotGrid */
.jqx-pivotgrid {
    background-color: #DEDEDE;
}

.jqx-pivotgrid-item {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    padding: 0px;
    text-overflow: ellipsis;
}

.jqx-pivotgrid-content-wrapper {
    align: left;
    valign: top;
    overflow: hidden;
    border: solid 1px grey;
}

.jqx-pivotgrid-menu-button {
    border: none;
    background-image: url('../jqWidgets/images/icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.jqx-pivotgrid-expand-button {
    outline: none;
    background-image: url('../jqWidgets/images/icon_expand.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-collapse-button {
    outline: none;
    background-image: url('../jqWidgets/images/icon_collapse.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    position: relative;
    left: 5px;
    float: left;
    vertical-align: middle;
}

.jqx-pivotgrid-sortasc-icon {
    background-image: url('../jqWidgets/images/icon-sort-asc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortdesc-icon {
    background-image: url('../jqWidgets/images/icon-sort-desc.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-sortremove-icon {
    background-image: url('../jqWidgets/images/icon-sort-remove.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

.jqx-pivotgrid-settings-icon {
    background-image: url('../jqWidgets/images/icon-menu-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: -4px;
    margin-right: 4px;
}

jqx-bullet-chart {
    width: 800px;
    height: 80px;
}

jqx-scroll-view {
    width: 600px;
}

jqx-bar-gauge, jqx-draw {
    width: 850px;
    height: 600px;
}

jqx-menu {
    width: 600px;
}

jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban {
    width: 850px;
}

jqx-nav-bar {
    height: 50px;
}

jqx-chart {
    width: 850px;
    height: 400px;
}

jqx-docking-layout, jqx-layout {
    width: 850px;
    height: 600px;
}

jqx-ribbon, jqx-panel {
    width: 450px;
    height: 300px;
}

jqx-scheduler {
    height: 600px;
}

jqx-list-box, jqx-text-area {
    width: 200px;
    height: 200px;
}

jqx-file-upload {
    width: 300px;
}

jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider,
jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button {
    width: 300px;
    height: 35px;
}

jqx-loader {
    width: 100px !important;
    height: 60px !important;
}

jqx-expander, jqx-navigation-bar {
    width: 350px;
}

jqx-navigation-bar {
    height: 450px;
}

jqx-range-selector {
    width: 600px;
}

jqx-tabs {
    width: 800px;
}

jqx-tool-bar {
    width: 800px;
    height: 35px;
}

jqx-editor {
    width: 600px;
    height: 400px;
}

jqx-tree-map {
    width: 850px;
    height: 600px;
}

jqx-tree {
    width: 250px;
}

jqx-linear-gauge {
    width: 100px;
}

jqx-color-picker, jqx-calendar {
    width: 200px;
    height: 200px;
}

jqx-scroll-bar {
    width: 400px;
    height: 20px;
}

jqx-knob {
    width: 600px;
    height: 600px;
}

.jqx-input-label {
    visibility: hidden;
    position: absolute;
}

.jqx-input-bar {
    visibility: hidden;
    position: absolute;
}

.jqx-info-icon {
    background-image: url('../jqWidgets/images/icon-info-small.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    float: left;
}

.jqx-labels-and-palette {
    display: flex;
}

.jqx-shades {
    width: 560px;
    padding-left: 100px;
}

.jqx-palette > ul,
.jqx-shades > ul,
.jqx-color-labels > ul {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.jqx-color-labels > ul {
    flex-direction: column;
}

.jqx-color-cell {
    width: 39px;
    height: 39px;
    margin: 0.5px;
    cursor: pointer;
}

.jqx-color-cell:hover {
    border-radius: 8px;
}

.jqx-shade-cell {
    width: 38px;
    height: 47px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0 1px 5px 1px;
    text-align: center;
}

.jqx-color-label {
    width: 100px;
    height: 40px;
    display: flex;
    align-items: center;
}

.jqx-heatmap-container-wrapper {
    display: flex;
 }

 .jqx-heatmap-container-wrapper canvas {
    display: block;
 }

 .jqx-heatmap-title {
    font-weight: bold;
    margin-bottom: 25px;
    text-align: center;
 }

 .jqx-heatmap-grid {
    display: flex;
    cursor: default;
 }

 .jqx-x-axis-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
 }

 .jqx-y-axis-container {
    display: flex;
    flex-direction: row-reverse;
    flex-grow: 1;
 }

 .jqx-column {
    display: flex;
    flex-direction: column-reverse;
 }

 .jqx-x-axis {
    display: flex;
 }

 .jqx-x-axis-label {
    padding-top: 10px;
    font-size: 14px;
    color: gray;
    text-align: center;
 }

 .jqx-x-axis-label.jqx-top {
    padding: 0 0 10px 0;
 }

 .jqx-y-axis {
    display: flex;
    flex-direction: column-reverse;
 }

 .jqx-y-axis.jqx-margin-top-auto {
    margin-top: auto;
 }

 .jqx-y-axis-label {
    display: flex;
    align-items: center;
    color: gray;
    padding-right: 10px;
 }

 .jqx-y-axis-label.jqx-right {
    padding: 0 0 0 10px;
 }

 .jqx-heatmap-cell {
    position: relative;
    padding: 20px 10px;
    margin: 1px;
    text-align: center;
 }

 .jqx-heatmap-cell.jqx-empty-cell {
    pointer-events: none;
 }

 .jqx-heatmap-tooltip {
    display: inline-block;
    position: absolute;
    background: #000;
    color: #fff;
    opacity: 0.6;
    padding: 10px;
    pointer-events: none;
    border-radius: 3px;
    transition: top 0.7s ease, left 0.7s ease;
    box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75);
 }

 .jqx-heatmap-tooltip::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: calc(50% - 5px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #000 transparent transparent transparent;
 }

 .jqx-legend-vertical {
    position: relative;
    margin-left: 10px;
 }

 .jqx-legend-vertical.jqx-left {
    margin: 0 10px 0 0;
 }

 .jqx-legend-vertical.jqx-margin-top-auto {
    margin-top: auto;
 }

 .jqx-legend-horizontal {
    position: relative;
    margin-left: auto;
    margin-bottom: 40px;
 }

 .jqx-legend-horizontal.jqx-bottom {
    margin-top: 10px;
    margin-bottom: 30px;
 }

 .jqx-legend-horizontal.jqx-margin-right-auto {
    margin-right: auto;
    margin-left: 0;
 }

 .jqx-palette-vertical {
    width: 10px;
    height: 100%;
 }

 .jqx-palette-horizontal {
    width: 100%;
    height: 10px;
 }

 .jqx-palette-horizontal.jqx-fixed {
    display: flex;
 }

 .jqx-color-container,
 .jqx-color-container-tick {
    cursor: pointer;
 }

 .jqx-opacity-50 {
    opacity: 0.5;
 }

 .jqx-selected-color {
    background: #d3d3d3 !important;
 }

 .jqx-heatmap-hidden {
    visibility: hidden;
 }

 .jqx-tick-vertical {
    position: absolute;
    left: 15px;
 }

 .jqx-tick-vertical::before {
    content: '';
    width: 10px;
    background: #fff;
    height: 1px;
    position: absolute;
    top: 6px;
    left: -15px;
 }

 .jqx-tick-vertical.jqx-no-line::before,
 .jqx-tick-horizontal.jqx-no-line::before {
    content: none;
 }

 .jqx-tick-horizontal {
    position: absolute;
    top: 20px;
 }

 .jqx-tick-horizontal::before {
    content: '';
    width: 10px;
    background: #fff;
    width: 1px;
    height: 10px;
    position: absolute;
    top: -20px;
    left: 6px;
 }

 .jqx-arrow-vertical {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid gray;
    position: absolute;
    left: -8px;
    display: none;
 }

 .jqx-arrow-horizontal {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid gray;
    position: absolute;
    top: 11px;
    left: -6px;
    display: none;
 }

 /*jqxTimePicker Style*/
.jqx-time-picker {
    display: block;
    border: 1px solid #c5c5c5;
    border-radius: 1px;
    font-family: Verdana;
    font-size: 12px;
    line-height: initial;
    touch-action: none;
    min-width: 250px;
    box-sizing: border-box;
}
.jqx-time-picker * {
    box-sizing: border-box;
}
.jqx-time-picker[view="landscape"] {
    min-width: 400px;
}
.jqx-time-picker>.jqx-container {
    width: 100%;
    height: 100%;
}
.jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container {
    display: flex;
}
.jqx-time-picker .jqx-header {
    width: 100%;
    height: 20%;
    justify-content: center;
    align-items: center;
}
.jqx-time-picker[view="landscape"] .jqx-header {
    flex-direction: column;
    width: 33%;
    height: 100%;
}
.jqx-time-picker .jqx-main-container {
    width: 100%;
    height: 80%;
    padding: 2%;
    background-color: var(--jqx-time-picker-background);
}
.jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.jqx-time-picker[view="landscape"] .jqx-main-container {
    width: 67%;
    height: 100%;
}
.jqx-time-picker .jqx-svg-container {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.jqx-time-picker[footer] .jqx-svg-container {
    height: calc(100% - 30px);
}
.jqx-time-picker .jqx-footer {
    display: none;
}
.jqx-time-picker[footer] .jqx-footer {
    display: block;
    width: 100%;
    height: 30px;
}
.jqx-time-picker .jqx-hour-minute-container {
    font-size: 50px;
}
.jqx-time-picker .jqx-am-pm-container {
    margin-left: 10px;
}
.jqx-time-picker[view="landscape"] .jqx-am-pm-container {
    margin-left: 0;
}
.jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container {
    opacity: 0.5;
    cursor: pointer;
}
.jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container {
    cursor: default;
}
.jqx-time-picker .jqx-selected {
    opacity: 1;
}
.jqx-time-picker .jqx-hour-minute-container div:nth-child(2) {
    opacity: 0.5;
}
.jqx-time-picker .jqx-svg-picker {
    border-radius: 50%;
    position: relative;
    box-sizing: content-box;
}
.jqx-time-picker .jqx-svg-picker.animate {
    animation: jqx-time-picker-animation 0.5s linear;
}
.jqx-time-picker[disabled] {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.jqx-time-picker .jqx-label.jqx-selected {
    fill: white;
}
.jqx-time-picker .jqx-header:focus {
    outline: 1px solid skyblue;
}
.jqx-time-picker .jqx-svg-picker:focus {
    border: 1px solid skyblue;
    outline: none;
}
@keyframes jqx-time-picker-animation {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

/*Rounded Corners*/
/*top-left rounded Corners*/
.jqx-rc-tl-arctic {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}
/*top-right rounded Corners*/
.jqx-rc-tr-arctic {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
/*bottom-left rounded Corners*/
.jqx-rc-bl-arctic {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
/*bottom-right rounded Corners*/
.jqx-rc-br-arctic {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*top rounded Corners*/
.jqx-rc-t-arctic {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
/*bottom rounded Corners*/
.jqx-rc-b-arctic {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*right rounded Corners*/
.jqx-rc-r-arctic {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
/*left rounded Corners*/
.jqx-rc-l-arctic {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
/*all rounded Corners*/
.jqx-rc-all-arctic {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.jqx-widget-arctic, .jqx-widget-header-arctic, .jqx-fill-state-normal-arctic,
.jqx-widget-content-arctic, .jqx-fill-state-hover-arctic, .jqx-fill-state-pressed-arctic {
    -webkit-transition: box-shadow linear 0.2s;
    -moz-transition: box-shadow linear 0.1s;
    -o-transition: box-shadow linear 0.1s;
    transition: box-shadow linear 0.1s;
}

.jqx-widget-content-arctic {
    background-color: #ffffff;
    border-color: #cccccc;
}

.jqx-widget-header-arctic {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
   	background-color:#f0f0f0; 
   	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);	
    border-color:#cccccc;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-button-arctic, .jqx-fill-state-normal-arctic  {
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);	
    border-color: #cccccc;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-fill-state-hover-arctic {
    text-shadow: 0 1px 0 rgb(240, 240, 240);
    border-color: #b2b2b2;
    border-color: rgba(0, 0, 0, 0.3);
    color: black;
    background-color: #f0f0f0;
    background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -moz-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
    box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -webkit-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
    -moz-box-shadow: 0 1px 0 #f0f0f0, inset 0 1px 2px #f0f0f0;
}
.jqx-fill-state-pressed-arctic {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}

.jqx-fill-state-hover-arctic, .jqx-fill-state-focus-arctic {
    color: #333333;
    text-decoration: none;
}

.jqx-fill-state-pressed-arctic {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.jqx-grid-cell-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-grid-column-menubutton-arctic {
    background-color: transparent;
    border-color: #cccccc;
}

.jqx-calendar-row-header-arctic, .jqx-calendar-top-left-header-arctic {
    background-color: #f0f0f0;
    border: 0px solid #f2f2f2;
}

.jqx-calendar-column-header-arctic {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}

.jqx-expander-header-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  	background:#f0f0f0;
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f8f8f8), to(#eaeaea));
	background:-moz-linear-gradient(100% 100% 90deg, #eaeaea, #f8f8f8);
	background:-ms-linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(top, #f8f8f8 0%,#eaeaea 100%);	
    border-color:#cccccc;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.jqx-ribbon-header-vertical-arctic, .jqx-widget-header-vertical-arctic {
	background:#f0f0f0;
	background:-ms-linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);
	background:linear-gradient(left, #f8f8f8 0%,#eaeaea 100%);	
}

.jqx-scrollbar-state-normal-arctic {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.jqx-scrollbar-thumb-state-normal-arctic, .jqx-scrollbar-thumb-state-normal-horizontal-arctic {
    background: #f5f5f5;
    border-color: #b3b3b3;
}

.jqx-scrollbar-thumb-state-hover-arctic, .jqx-scrollbar-thumb-state-hover-horizontal-arctic {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-progressbar-arctic {
    background: #f7f7f7 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-progressbar-value-arctic, .jqx-splitter-collapse-button-horizontal-arctic {
    background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
}

.jqx-splitter-collapse-button-vertical-arctic, .jqx-progressbar-value-vertical-arctic {
    background-color: #0081c2;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, #149bdf, #0480be);
}

.jqx-scrollbar-thumb-state-pressed-arctic, .jqx-splitter-splitbar-vertical-arctic, .jqx-splitter-splitbar-horizontal-arctic, .jqx-scrollbar-thumb-state-pressed-horizontal-arctic {
    background: #d9d9d9;
    border-color: #b3b3b3;
     box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-grid-column-sortdescbutton-arctic, jqx-grid-column-filterbutton-arctic, .jqx-grid-column-sortascbutton-arctic {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #cccccc;
}

.jqx-slider-rangebar-arctic {
    background: #cccccc;
}

.jqx-menu-vertical-arctic {
    background: #ffffff;
    filter: none;
}

.jqx-checkbox-check-checked-arctic {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
}
.jqx-checkbox-hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-combobox-content-arctic, .jqx-input-arctic {
}

.jqx-combobox-content-arctic {
    border-color: #cccccc;
    border-color: rgba(0, 0, 0, 0.25);
}

.jqx-grid-bottomright-arctic, .jqx-panel-bottomright-arctic, .jqx-listbox-bottomright-arctic {
    background-color: #efefef;
}

.jqx-window-arctic, .jqx-tooltip-arctic {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}

.jqx-docking-arctic .jqx-window-arctic {
    box-shadow: none;
}

.jqx-docking-panel-arctic .jqx-window-arctic {
    box-shadow: none;
}

.jqx-radiobutton-arctic {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background-repeat: no-repeat;
    background: none;
}

.jqx-radiobutton-arctic-arctic, .jqx-radiobutton-hover-arctic {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
}

.jqx-radiobutton-check-checked-arctic {
    filter: none;
    background: #666;
    background-repeat: no-repeat;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-radiobutton-check-indeterminate-arctic {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-radiobutton-check-indeterminate-disabled-arctic {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-slider-track-horizontal-arctic, .jqx-slider-track-vertical-arctic {
    border-color: #cccccc;
    background: #f0f0f0;
}

.jqx-slider-button-arctic {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

/*applied to a list item when the item is selected.*/
.jqx-listitem-state-hover-arctic, .jqx-menu-item-hover-arctic, .jqx-tree-item-hover-arctic, .jqx-calendar-cell-hover-arctic, .jqx-grid-cell-hover-arctic,
.jqx-menu-vertical-arctic .jqx-menu-item-top-hover-arctic, .jqx-input-popup-arctic .jqx-fill-state-hover-arctic,
.jqx-input-popup-arctic .jqx-fill-state-pressed-arctic {
    color: #ffffff !important;
    border-color: #316293 #316293 #29547E !important;
    text-decoration: none;
    background-color: #0081c2;
    background-repeat: repeat-x;
    outline: 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background: #2f7eb6; /* Old browsers */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-position: 0 0;
}

.jqx-listitem-state-selected-arctic, .jqx-menu-item-selected-arctic, .jqx-tree-item-selected-arctic, .jqx-calendar-cell-selected-arctic, .jqx-grid-cell-selected-arctic,
.jqx-menu-vertical-arctic .jqx-menu-item-top-selected-arctic, .jqx-grid-selectionarea-arctic, .jqx-input-button-header-arctic, .jqx-input-button-innerHeader-arctic {
    color: #ffffff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #003399;
    *background-color: #003399;
    background-repeat: repeat-x;
    border-color: #316293 #316293 #29547E !important;
    background: #356aa0; /* Old browsers */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-grid-cell-arctic .jqx-button-arctic, .jqx-grid-cell-arctic .jqx-button-arctic.jqx-fill-state-hover-arctic, .jqx-grid-cell-arctic .jqx-button-arctic.jqx-fill-state-pressed-arctic {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
   -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.jqx-popup-arctic {
    border: 1px solid #ccc;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-arctic, .jqx-expander-arrow-bottom-arctic, .jqx-window-collapse-button-arctic, .jqx-menu-item-arrow-up-arctic, .jqx-menu-item-arrow-up-selected-arctic, .jqx-menu-item-arrow-top-up-arctic, .jqx-icon-arrow-up-arctic, .jqx-icon-arrow-up-hover-arctic, .jqx-icon-arrow-up-selected-arctic {
    background-image: url('../jqWidgets/images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-arctic .jqx-grid-group-expand-arctic, .jqx-grid-group-expand-arctic, .jqx-grid-column-menubutton-arctic, .jqx-grid-column-sortdescbutton-arctic, .jqx-expander-arrow-top-arctic, .jqx-window-collapse-button-collapsed-arctic, .jqx-menu-item-arrow-down-arctic, .jqx-menu-item-arrow-down-selected-arctic, .jqx-menu-item-arrow-down-arctic, .jqx-icon-arrow-down-arctic, .jqx-icon-arrow-down-hover-arctic, .jqx-icon-arrow-down-selected-arctic {
    background-image: url('../jqWidgets/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-tabs-arrow-left-arctic, .jqx-menu-item-arrow-left-selected-arctic, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-arctic, .jqx-icon-arrow-down-left-arctic, .jqx-icon-arrow-left-selected-arctic {
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-arctic .jqx-grid-group-collapse-arctic, .jqx-grid-group-collapse-arctic, .jqx-tabs-arrow-right-arctic, .jqx-menu-item-arrow-right-selected-arctic, .jqx-menu-item-arrow-top-right-arctic, .jqx-icon-arrow-right-arctic, .jqx-icon-arrow-right-hover-arctic, .jqx-icon-arrow-right-selected-arctic {
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-tree-item-arrow-collapse-rtl-arctic, .jqx-tree-item-arrow-collapse-hover-rtl-arctic {
    background-image: url(../jqWidgets/images/icon-left.png);
}

.jqx-menu-item-arrow-left-selected-arctic {
    background-image: url('../jqWidgets/images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-right-selected-arctic {
    background-image: url('../jqWidgets/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-input-button-content-arctic {
    font-size: 10px;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #ccc;}
.jqx-combobox-content-arctic, .jqx-input-arctic {
    border-color: #cccccc;
    color: #555555;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.jqx-combobox-content-arctic, .jqx-combobox-arctic, .jqx-combobox-state-normal-arctic {
    border-color: #cccccc;
}

.jqx-combobox-content-focus-arctic, .jqx-combobox-state-focus-arctic, .jqx-fill-state-focus-arctic,
.jqx-numberinput-focus-arctic {
    outline: none;
    border-color: #959595;
}


input[type="text"].jqx-input-arctic, input[type="password"].jqx-input-arctic, input[type="text"].jqx-widget-content-arctic, input[type="textarea"].jqx-widget-content-arctic, textarea.jqx-input-arctic {
    padding-left: 0px !important;
}

input[type="text"].jqx-input-arctic:-moz-placeholder, input[type="text"].jqx-widget-content-arctic:-moz-placeholder, input[type="textarea"].jqx-widget-content-arctic:-moz-placeholder, textarea.jqx-input-arctic:-moz-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-arctic:-webkit-input-placeholder, input[type="text"].jqx-widget-content-arctic:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-arctic:-webkit-input-placeholder, textarea.jqx-input-arctic:-webkit-input-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-arctic:-ms-input-placeholder, input[type="text"].jqx-widget-content-arctic:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-arctic:-ms-input-placeholder, textarea.jqx-input-arctic:-ms-input-placeholder {
    color: #999999;
}

.jqx-slider-rangebar-arctic {
    border-color: #0081c2;
    background: #0081c2;
}

.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-expand-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-expand-arctic {
    background-image: url('../jqWidgets/images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-collapse-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-collapse-arctic {
    background-image: url('../jqWidgets/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-collapse-rtl-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-collapse-rtl-arctic {
    background-image: url('../jqWidgets/images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-arctic.jqx-grid-cell-selected-arctic>.jqx-grid-group-expand-rtl-arctic,
.jqx-grid-cell-arctic.jqx-grid-cell-hover-arctic>.jqx-grid-group-expand-rtl-arctic {
    background-image: url('../jqWidgets/images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tabs-title-selected-top-arctic, .jqx-tabs-selection-tracker-top-arctic {
    border-color: #CCCCCC;
    border-bottom: 1px solid #fff;
    text-shadow: 0 1px 0 #f2f2f2;
    filter: none;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-tabs-title-selected-bottom-arctic, .jqx-tabs-selection-tracker-bottom-arctic {
    border-color: #CCCCCC;
    border-top: 1px solid #fff;
    text-shadow: 0 1px 0 #f2f2f2;
    filter: none;
    background: #fff;
   -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.jqx-tabs-title-hover-top-arctic, .jqx-tabs-title-hover-bottom-arctic, .jqx-tabs-header-arctic
{
   -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.jqx-window-collapse-button-arctic
{
    margin-top: 2px;
}
.jqx-window-collapse-button-collapsed-arctic {
    margin-top: 0px;
}
.jqx-layout-arctic
{
    background-color: #cccccc;
}
.jqx-kanban-column-header-collapsed-arctic {
   background: -moz-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(234,234,234,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(248,248,248,1) 0%, rgba(234,234,234,1) 100%); /* w3c */
}
.jqx-rc-tl-windowsphone
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.jqx-rc-tr-windowsphone
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.jqx-rc-bl-windowsphone
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-windowsphone
{
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-windowsphone
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-windowsphone
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-windowsphone
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-windowsphone
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-windowsphone
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.jqx-widget-windowsphone {
    font-size: 16px; 
    font-family: 'Segoe WP', 'segoe ui', arial, sans-serif;
    color: inherit;
}
.jqx-widget-content-windowsphone{font-size: 16px; font-family: 'Segoe WP', 'segoe ui', arial, sans-serif; border-color: #2F2F2F; color: #ffffff; background-color: #000;}
input[type=text].jqx-input-windowsphone, input[type=password].jqx-input-windowsphone, .jqx-input-group-addon-windowsphone{
   font-size: 16px; 
   font-family: 'Segoe WP', 'segoe ui', arial, sans-serif;
   background: #BEBEBE;
   border-color: #D2D2D2;
   color: #000;
 }
.jqx-widget-header-windowsphone{font-size: 16px;  font-family: 'Segoe WP', 'segoe ui', arial, sans-serif; color: #ffffff; border-color:#35353A; background-color:#3E3E42;}
.jqx-fill-state-normal-windowsphone, .jqx-fill-state-hover-windowsphone{font-size: 16px; font-family: 'Segoe WP', 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;}
.jqx-combobox-arrow-normal-windowsphone {
  background: #BEBEBE;
  border-color: #BEBEBE;
}
.jqx-dropdownlist-state-normal-windowsphone {
   background: #BEBEBE;
   border-color: #D2D2D2;
   color: #000;
}
.jqx-listbox-windowsphone, .jqx-listmenu-windowsphone, .jqx-listmenu-item-windowsphone, .jqx-calendar-windowsphone .jqx-widget-content-windowsphone {
    background: #000;
}

.jqx-fill-state-focus-windowsphone { border-color: #2F2F2F; }
.jqx-button-windowsphone {
   padding: 10px 7px;
   border: 2px solid #fff; 
   background-color: #000;
}
.jqx-buttongroup-windowsphone .jqx-button-windowsphone {
   border: 1px solid #fff; 
}
.jqx-listmenu-header-windowsphone .jqx-button-windowsphone, .jqx-grid-pager-windowsphone .jqx-button-windowsphone {
    background-color:#3E3E42;
    border: 1px solid #35353A;
}
.jqx-fill-state-pressed-windowsphone{border-color:#008a00; color: #fff; background-color:#008a00;}
.jqx-listmenu-header-windowsphone .jqx-button-windowsphone.jqx-fill-state-pressed-windowsphone {
border-color:#008a00; color: #fff; background-color:#008a00;
}

.jqx-fill-state-disabled-windowsphone {
    color: #898989;
}
.jqx-combobox-windowsphone {
   border-color: #D2D2D2;
 }
.jqx-input-windowsphone, .jqx-datetimeinput-content-windowsphone, .jqx-input-content-windowsphone, .jqx-combobox-content-windowsphone, .jqx-combobox-input-windowsphone{
   font-size: 16px; 
   font-family: 'Segoe WP', 'segoe ui', arial, sans-serif;
   background: #BEBEBE;
   border-color: #D2D2D2;
   color: #000;
}
.jqx-combobox-content-windowsphone {
    border-right-color: #BEBEBE;
}
.jqx-combobox-content-rtl-windowsphone {
    border-left-color: #BEBEBE;
}

.jqx-dropdownlist-state-normal-windowsphone .jqx-icon-arrow-down-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down.png');
}
.jqx-dropdownlist-state-selected-windowsphone .jqx-icon-arrow-down-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-combobox-state-focus-windowsphone .jqx-combobox-arrow-normal-windowsphone .jqx-icon-arrow-down-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-combobox-state-focus-windowsphone, .jqx-combobox-state-focus-windowsphone .jqx-combobox-content-windowsphone, .jqx-combobox-state-focus-windowsphone .jqx-combobox-input-windowsphone,
.jqx-combobox-state-focus-windowsphone .jqx-combobox-arrow-normal-windowsphone
{
    background-color:#008a00;
    border-color: #008a00;
    color: #fff;
}
.jqx-combobox-multi-item-windowsphone {
    background-color:#008a00;
    padding: 7px;
    border-color: #008a00;
}
.jqx-combobox-multi-item-windowsphone a:link {
    margin-top: -2px;
}
.jqx-numberinput-windowsphone {
    border-color: #000;
}
.jqx-scrollbar-state-normal-windowsphone, .jqx-grid-bottomright-windowsphone, .jqx-panel-bottomright-windowsphone, .jqx-listbox-bottomright-windowsphone{background-color:#3E3E42;}
.jqx-widget-windowsphone .jqx-grid-column-header-windowsphone, .jqx-grid-cell-windowsphone, .jqx-widget-windowsphone .jqx-grid-cell-windowsphone, .jqx-widget-windowsphone .jqx-grid-group-cell-windowsphone, .jqx-grid-group-cell-windowsphone{font-size: 16px;  font-family: 'segoe ui', arial, sans-serif; border-color: #1C1C1E; background-color: #000; color: #fff;}
.jqx-tabs-title-selected-bottom-windowsphone, .jqx-tabs-selection-tracker-bottom-windowsphone, .jqx-tabs-title-selected-top-windowsphone, .jqx-tabs-selection-tracker-top-windowsphone{color: #ffffff; border-color:#35353A; border-bottom:1px solid #252526; background:#008a00}
.jqx-widget-windowsphone .jqx-grid-cell-alt-windowsphone, .jqx-widget-windowsphone .jqx-grid-cell-sort-windowsphone, .jqx-widget-windowsphone .jqx-grid-cell-pinned-windowsphone, .jqx-widget-windowsphone .jqx-grid-cell-filter-windowsphone, .jqx-grid-cell-sort-alt-windowsphone, .jqx-grid-cell-filter-alt-windowsphone, .jqx-grid-cell-pinned-windowsphone, .jqx-grid-cell-alt-windowsphone, .jqx-grid-cell-sort-windowsphone{ background-color:#3E3E42; color: #fff;}
.jqx-menu-vertical-windowsphone{}
.jqx-widget-windowsphone .jqx-grid-cell-windowsphone, .jqx-widget-windowsphone .jqx-grid-column-header-windowsphone, .jqx-widget-windowsphone .jqx-grid-group-cell-windowsphone { border-color: #35353A;}

.jqx-widget-windowsphone .jqx-grid-column-menubutton-windowsphone, .jqx-widget-windowsphone .jqx-grid-column-sortascbutton-windowsphone, .jqx-widget-windowsphone .jqx-grid-column-sortdescbutton-windowsphone, .jqx-widget-windowsphone .jqx-grid-column-filterbutton-windowsphone {
    background-color: transparent;
    border-color: #35353A;
}
.jqx-window-header-windowsphone, .jqx-input-button-header-windowsphone, .jqx-calendar-title-header-windowsphone, .jqx-grid-windowsphone .jqx-widget-header-windowsphone, .jqx-grid-header-windowsphone, .jqx-grid-column-header-windowsphone {font-size: 16px; font-family: 'Segoe WP', 'segoe ui', arial, sans-serif; border-color: #35353A; color: #ffffff; background: #3E3E42;}
.jqx-grid-column-menubutton-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
 }
.jqx-widget-windowsphone .jqx-grid-cell-selected-windowsphone, .jqx-grid-cell-selected-windowsphone{ background-color:#008a00 !important; border-color: #008a00 !important; font-size: 16px;  color:#fff !important}
.jqx-widget-windowsphone .jqx-grid-cell-hover-windowsphone, .jqx-grid-cell-hover-windowsphone{ background-color:#3E3E42;}
 /*applied to the column's sort button when the sort order is ascending.*/
 .jqx-grid-column-sortascbutton-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-up-white.png');
 }
.jqx-grid-column-sortdescbutton-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-checkbox-default-windowsphone {
    background: black;
    border-color: white;
}
.jqx-checkbox-check-checked-windowsphone{background:transparent url(../jqWidgets/images/wp_check_white.png) center center no-repeat}
.jqx-checkbox-check-indeterminate-windowsphone{background:transparent url(../jqWidgets/images/wp_check_indeterminate_white.png) center center no-repeat}
.jqx-checkbox-hover-windowsphone, .jqx-radiobutton-hover-windowsphone {
    background-color: #000;
    border-color: #fff;
}
.jqx-radiobutton-default-windowsphone {
    background: #000;
    border-color: #fff;
}
.jqx-radiobutton-check-checked-windowsphone {
    background: #fff;
    border-color: #fff;
}
.jqx-window-header-windowsphone {
   background: #1f1f1f;
   border-bottom-color: #1f1f1f !important;
}
.jqx-window-content-windowsphone {
    background: #1f1f1f;
 }
.jqx-window-windowsphone {
   border-color: #0c0c0c;
}
.jqx-scrollbar-thumb-state-normal-horizontal-windowsphone, .jqx-scrollbar-thumb-state-normal-windowsphone {
    background: #686868; border-color: #686868;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.jqx-scrollbar-thumb-state-hover-horizontal-windowsphone, .jqx-scrollbar-thumb-state-hover-windowsphone {
    background: #9E9E9E; border-color: #9E9E9E;
}
.jqx-scrollbar-thumb-state-pressed-horizontal-windowsphone, .jqx-scrollbar-thumb-state-pressed-windowsphone {
    background: #ffffff; border-color: #ffffff;
}
.jqx-scrollbar-button-state-normal-windowsphone
{
    border: 1px solid #3E3E42; 
    background: #3E3E42;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-windowsphone
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-windowsphone
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}

/*icons*/
.jqx-window-collapse-button-windowsphone
{
    background-image: url(../jqWidgets/images/metro-icon-up-white.png);
}
.jqx-window-collapse-button-collapsed-windowsphone {
  background-image: url(../jqWidgets/images/metro-icon-down-white.png);
}
.jqx-icon-arrow-up-windowsphone, .jqx-expander-arrow-bottom-windowsphone, .jqx-menu-item-arrow-up-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-up-white.png');
}
.jqx-icon-arrow-down-windowsphone, .jqx-expander-arrow-top-windowsphone, .jqx-tree-item-arrow-expand-windowsphone, .jqx-tree-item-arrow-expand-hover-windowsphone, .jqx-menu-item-arrow-down-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-icon-arrow-left-windowsphone, .jqx-menu-item-arrow-left-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-left-white.png');
}
.jqx-icon-arrow-right-windowsphone, .jqx-menu-item-arrow-right-windowsphone, .jqx-tree-item-arrow-collapse-windowsphone, .jqx-tree-item-arrow-collapse-hover-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-right-white.png') !important;
}
.jqx-tabs-arrow-left-windowsphone, .jqx-tree-item-arrow-collapse-rtl-windowsphone, .jqx-tree-item-arrow-collapse-hover-rtl-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-left-white.png');
}
.jqx-tabs-arrow-right-windowsphone
{
    background-image: url('../jqWidgets/images/metro-icon-right-white.png');
}
.jqx-menu-item-arrow-up-selected-windowsphone, .jqx-icon-arrow-up-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-windowsphone, .jqx-icon-arrow-down-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-windowsphone, .jqx-icon-arrow-left-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-windowsphone, .jqx-icon-arrow-right-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-window-close-button-windowsphone, .jqx-icon-close-windowsphone, .jqx-tabs-close-button-windowsphone, .jqx-tabs-close-button-hover-windowsphone, .jqx-tabs-close-button-selected-windowsphone{background-image:url(../jqWidgets/images/close_white.png);  background-repeat:no-repeat;  background-position:center}
.jqx-listbox-feedback-windowsphone {
    border-top: 1px dashed #fff;
}
.jqx-listitem-state-normal-touch-windowsphone {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-scrollbar-windowsphone .jqx-icon-arrow-up-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-windowsphone .jqx-icon-arrow-down-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-windowsphone .jqx-icon-arrow-left-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-windowsphone .jqx-icon-arrow-right-selected-windowsphone{background-image:url('../jqWidgets/images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}
.jqx-combobox-arrow-normal-windowsphone .jqx-icon-arrow-down-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down.png');
}
.jqx-combobox-arrow-selected-windowsphone .jqx-icon-arrow-down-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}

.jqx-input-button-content-windowsphone
{  
    font-size: 13px;
    background: #000;
    border-color: #2F2F2F;
}
.jqx-input-button-header-windowsphone {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    background: #3E3E42;
    border-color: #2F2F2F;
}
.jqx-slider-button-windowsphone
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 4px !important;
}
.jqx-slider-slider-windowsphone {
    width: 6px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    border-color: #D5D5D5;
}
.jqx-listmenu-header-label-windowsphone {
    font-size: 24px;
    margin-left: -5px;
}
.jqx-listmenu-separator-windowsphone {
    font-size: 16px; 
    font-family: 'Segoe WP', 'segoe ui', arial, sans-serif;
}
.jqx-listmenu-item-label-windowsphone {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.jqx-listmenu-item-windowsphone a:link, .jqx-listmenu-item-windowsphone a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.jqx-listmenu-item-windowsphone {
    padding: 0px;
}
.jqx-dropdownlist-state-normal-windowsphone, .jqx-dropdownlist-state-hover-windowsphone, .jqx-dropdownlist-state-selected-windowsphone,
.jqx-scrollbar-button-state-hover-windowsphone, .jqx-scrollbar-button-state-normal-windowsphone, .jqx-scrollbar-button-state-pressed-windowsphone,
.jqx-scrollbar-thumb-state-normal-horizontal-windowsphone, .jqx-scrollbar-thumb-state-hover-horizontal-windowsphone, .jqx-scrollbar-thumb-state-pressed-horizontal-windowsphone,
.jqx-scrollbar-thumb-state-normal-windowsphone, .jqx-scrollbar-thumb-state-pressed-windowsphone, .jqx-button-windowsphone, .jqx-tree-item-hover-windowsphone, .jqx-tree-item-selected-windowsphone,
.jqx-tree-item-windowsphone, .jqx-menu-item-windowsphone, .jqx-menu-item-hover-windowsphone, .jqx-menu-item-selected-windowsphone, .jqx-menu-item-top-windowsphone, .jqx-menu-item-top-hover-windowsphone, 
.jqx-menu-item-top-selected-windowsphone, .jqx-slider-button-windowsphone, .jqx-slider-slider-windowsphone
 {
    -webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}
.jqx-switchbutton-windowsphone {
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    border: 2px solid #FFFFFF;
}
.jqx-switchbutton-thumb-windowsphone {
    width: 16px;
    background: #fff;
    border: 2px solid #000;
}
.jqx-switchbutton-label-on-windowsphone {
    background: #008a00;
    color: #008a00;
    border-color: #000;
}
.jqx-switchbutton-label-off-windowsphone {
    background: #000;
    color: #000;
}

.jqx-switchbutton-wrapper-windowsphone {
}
.jqx-icon-arrow-first-windowsphone
{
    background-image: url('../jqWidgets/images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-windowsphone
{
    background-image: url('../jqWidgets/images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-progressbar-text-windowsphone {
    font-size: 16px;
}
.jqx-grid-group-collapse-windowsphone {
    background-image: url(../jqWidgets/images/metro-icon-right-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-windowsphone
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/metro-icon-left-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-windowsphone, .jqx-grid-group-expand-rtl-windowsphone
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/metro-icon-down-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-cell-windowsphone.jqx-grid-cell-selected-windowsphone>.jqx-grid-group-expand-windowsphone,
.jqx-grid-cell-windowsphone.jqx-grid-cell-hover-windowsphone>.jqx-grid-group-expand-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-windowsphone.jqx-grid-cell-selected-windowsphone>.jqx-grid-group-collapse-windowsphone,
.jqx-grid-cell-windowsphone.jqx-grid-cell-hover-windowsphone>.jqx-grid-group-collapse-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-windowsphone.jqx-grid-cell-selected-windowsphone>.jqx-grid-group-collapse-rtl-windowsphone,
.jqx-grid-cell-windowsphone.jqx-grid-cell-hover-windowsphone>.jqx-grid-group-collapse-rtl-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-windowsphone.jqx-grid-cell-selected-windowsphone>.jqx-grid-group-expand-rtl-windowsphone,
.jqx-grid-cell-windowsphone.jqx-grid-cell-hover-windowsphone>.jqx-grid-group-expand-rtl-windowsphone {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-grid-expand-button-windowsphone {
    margin-top: 0px;
}
.jqx-tree-grid-checkbox-windowsphone, .jqx-tree-grid-collapse-button-windowsphone {
    margin-top: 3px;
}
.jqx-grid-table-windowsphone {
    border-color: #000;
}
.jqx-icon-search-windowsphone
{
    background-image: url(../jqWidgets/images/search_white.png);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-calendar-windowsphone, .jqx-icon-calendar-hover-windowsphone, .jqx-icon-calendar-pressed-windowsphone {
    background-image: url('../jqWidgets/images/icon-calendar-white.png');
}
.jqx-icon-time-windowsphone, .jqx-icon-time-hover-windowsphone, .jqx-icon-time-pressed-windowsphone {
    background-image: url('../jqWidgets/images/icon-time-white.png');
}
.jqx-calendar-cell-today-windowsphone {
    color: black;
}
.jqx-menu-minimized-button-windowsphone {
   background-image: url('../jqWidgets/images/icon-menu-minimized-white.png');
}
.jqx-editor-toolbar-icon-windowsphone {
    background: url('../jqWidgets/images/html_editor_white.png') no-repeat;
}
.jqx-file-upload-file-name-windowsphone{padding:3px;}
.jqx-file-upload-file-row-windowsphone{ height: 40px;}
.jqx-layout-windowsphone
{
    background-color: #35353A;
}
.jqx-layout-pseudo-window-pin-icon-windowsphone
{
    background-image: url("../jqWidgets/images/pin-white.png");
}
.jqx-layout-pseudo-window-pinned-icon-windowsphone
{
    background-image: url("../jqWidgets/images/pinned-white.png");
}
.jqx-scheduler-windowsphone, .jqx-scheduler-toolbar-windowsphone, .jqx-scheduler-time-column-windowsphone, .jqx-scheduler-toolbar-details-windowsphone {
    color: white !important;
    background: black !important;
}
/*applied to the timepicker*/
.jqx-time-picker .jqx-header .jqx-hour-container-windowsphone:hover {
	background-color: rgb(0, 138, 0);
}
.jqx-time-picker .jqx-header .jqx-minute-container-windowsphone:hover {
	background-color: rgb(0, 138, 0);
}
.jqx-time-picker .jqx-header .jqx-am-container-windowsphone:hover {
	background-color: rgb(0, 138, 0);
}
.jqx-time-picker .jqx-header .jqx-pm-container-windowsphone:hover {
	background-color: rgb(0, 138, 0);
}
.jqx-svg-picker-windowsphone:focus {
	border: 1px solid rgb(77, 119, 193) !important;
}
.jqx-label-windowsphone {
	fill: rgb(158, 158, 158);
}
.jqx-time-picker .jqx-header .jqx-selected-windowsphone:focus {
    outline: 2px solid rgb(158, 158, 158);
}
.jqx-svg-picker-windowsphone:focus {
	border: 1px solid rgb(73, 68, 55) !important;
}
.jqx-main-container-windowsphone {
	background: none;
}
.jqx-rc-tl-blackberry
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.jqx-rc-tr-blackberry
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.jqx-rc-bl-blackberry
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-blackberry
{
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-blackberry
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-blackberry
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-blackberry
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-blackberry
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-blackberry
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.jqx-widget-blackberry {
    font-size: 16px;
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
    color: inherit;
}
.jqx-widget-content-blackberry {
   font-family: Slate Pro, Slate, Helvetica, sans-serif;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0,0,0,0.2);
    font-size: 16px;
    color: #000;
 }

.jqx-widget-blackberry {
    border-color: #015e98;
}
.jqx-widget-header-blackberry {
    color: #fff;
    background-color: #0076ae;
    border-color: #296b8e;
    font-size: 16px;
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
}
.jqx-grid-cell-blackberry {
    font-size: 16px;
}
.jqx-button-blackberry, .jqx-fill-state-normal-blackberry, .jqx-fill-state-hover-blackberry   {
    border-color: #CECACE;
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c6c3c6), color-stop(100%, #e7e7e7));
    background: -webkit-linear-gradient(#c6c3c6, #e7e7e7);
    background: -moz-linear-gradient(#c6c3c6, #e7e7e7);
    background: -o-linear-gradient(#c6c3c6, #e7e7e7);
    background: linear-gradient(#c6c3c6, #e7e7e7);
    font-size: 16px;
    color: #000;
}
.jqx-fill-state-pressed-blackberry, .jqx-combobox-multi-item-blackberry {
    background: #2b85a2;
    border-color: #5e5e5e;
    color: #fff;
    font-size: 16px;
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
}
.jqx-grid-group-column-blackberry {
    color: #fff;
    background: #0076ae;
    border-color: #296b8e;
}
.jqx-radiobutton-default-blackberry {
   background: #e7e7e7; 
}
.jqx-button-blackberry {
    border-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.jqx-widget-blackberry .jqx-grid-column-menubutton-blackberry, .jqx-grid-column-menubutton-blackberry {
    background-color: transparent;
    border-color: #0076ae;
}

.jqx-calendar-row-header-blackberry, .jqx-calendar-top-left-header-blackberry {
    background-color: #f0f0f0;
    border: 0px solid rgba(0,0,0,0.2);
}

.jqx-calendar-column-header-blackberry {
    background-color: #FFF;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9e9e9;
}

.jqx-scrollbar-state-normal-blackberry {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.jqx-scrollbar-thumb-state-normal-blackberry, .jqx-scrollbar-thumb-state-normal-horizontal-blackberry {
    background: #9b9b9b;
    border-color: #b3b3b3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.jqx-scrollbar-thumb-state-hover-blackberry, .jqx-scrollbar-thumb-state-hover-horizontal-blackberry {
    background: #e6e6e6;
    border-color: #b3b3b3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-progressbar-blackberry {
    background: #f7f7f7 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-progressbar-value-blackberry, .jqx-splitter-collapse-button-horizontal-blackberry {
    background-color: #00aae7;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #00aae7, #00aae7);
}

.jqx-splitter-collapse-button-vertical-blackberry, .jqx-progressbar-value-vertical-blackberry {
    background-color: #00aae7;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, #00aae7, #00aae7);
}

.jqx-scrollbar-thumb-state-pressed-blackberry, .jqx-splitter-splitbar-vertical-blackberry, .jqx-splitter-splitbar-horizontal-blackberry, .jqx-scrollbar-thumb-state-pressed-horizontal-blackberry {
    background: #d9d9d9;
    border-color: #b3b3b3;
     box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.jqx-grid-column-sortdescbutton-blackberry, jqx-grid-column-filterbutton-blackberry, .jqx-grid-column-sortascbutton-blackberry {
    background-color: transparent;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #cccccc;
}

.jqx-slider-rangebar-blackberry {
    background: #cccccc;
}

.jqx-menu-vertical-blackberry {
    background: #ffffff;
    filter: none;
}

.jqx-checkbox-check-checked-blackberry {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAcklEQVQY02NgwA/YoJgoEA/Es4DYgJBCJSBeD8SboRinBiYg7kZS2IosyQ/Eakh8LySFq4FYHFlxGRBvBOJYqMRqJMU+yApNkSRAeC0Sux3dfSCTetE0wKyXxOWhMKhTYIr9CAUXyJMzgLgBagBBgDPGAI2LGdNt0T1AAAAAAElFTkSuQmCC');
}
.jqx-checkbox-hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.jqx-combobox-content-blackberry, .jqx-input-blackberry {
}

.jqx-combobox-content-blackberry {
    border-color: #cccccc;
    border-color: rgba(0,0,0,0.2);
}

.jqx-grid-bottomright-blackberry, .jqx-panel-bottomright-blackberry, .jqx-listbox-bottomright-blackberry {
    background-color: #efefef;
}
.jqx-listitem-state-normal-touch-blackberry {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-window-blackberry, .jqx-tooltip-blackberry {
    box-shadow: 0 4px 23px 5px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0,0,0,0.15);
}

.jqx-docking-blackberry .jqx-window-blackberry {
    box-shadow: none;
}

.jqx-docking-panel-blackberry .jqx-window-blackberry {
    box-shadow: none;
}

.jqx-radiobutton-blackberry {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
    background: none;
}

.jqx-radiobutton-blackberry-blackberry, .jqx-radiobutton-hover-blackberry {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-repeat: no-repeat;
}

.jqx-radiobutton-check-checked-blackberry {
    filter: none;
    background: #666;
    background-repeat: no-repeat;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-radiobutton-check-indeterminate-blackberry {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-radiobutton-check-indeterminate-disabled-blackberry {
    filter: none;
    background: #999;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-slider-track-horizontal-blackberry, .jqx-slider-track-vertical-blackberry {
    border-color: #cccccc;
    background: #f0f0f0;
}

.jqx-slider-button-blackberry {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.jqx-popup-blackberry {
    border: 1px solid #ccc;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.jqx-grid-column-sortascbutton-blackberry, .jqx-expander-arrow-bottom-blackberry, .jqx-window-collapse-button-blackberry, .jqx-menu-item-arrow-up-blackberry, .jqx-menu-item-arrow-up-selected-blackberry, .jqx-menu-item-arrow-top-up-blackberry, .jqx-icon-arrow-up-blackberry, .jqx-icon-arrow-up-hover-blackberry, .jqx-icon-arrow-up-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-up.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-blackberry .jqx-grid-group-expand-blackberry, .jqx-grid-group-expand-blackberry, .jqx-grid-column-menubutton-blackberry, .jqx-grid-column-sortdescbutton-blackberry, .jqx-expander-arrow-top-blackberry, .jqx-window-collapse-button-collapsed-blackberry, .jqx-menu-item-arrow-down-blackberry, .jqx-menu-item-arrow-down-selected-blackberry, .jqx-menu-item-arrow-down-blackberry, .jqx-icon-arrow-down-blackberry, .jqx-icon-arrow-down-hover-blackberry, .jqx-icon-arrow-down-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-down.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-tabs-arrow-left-blackberry, .jqx-menu-item-arrow-left-selected-blackberry, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-blackberry, .jqx-icon-arrow-down-left-blackberry, .jqx-icon-arrow-left-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-left.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-widget-blackberry .jqx-grid-group-collapse-blackberry, .jqx-grid-group-collapse-blackberry, .jqx-tabs-arrow-right-blackberry, .jqx-menu-item-arrow-right-selected-blackberry, .jqx-menu-item-arrow-top-right-blackberry, .jqx-icon-arrow-right-blackberry, .jqx-icon-arrow-right-hover-blackberry, .jqx-icon-arrow-right-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-collapse-blackberry {
    background-image: url('../jqWidgets/images/icon-right.png') !important;
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-item-arrow-collapse-rtl-blackberry, .jqx-tree-item-arrow-collapse-hover-rtl-blackberry {
    background-image: url(../jqWidgets/images/icon-left.png);
}

.jqx-menu-item-arrow-left-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-right-selected-blackberry {
    background-image: url('../jqWidgets/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-input-button-content-blackberry
{  
    font-size: 13px;
}
.jqx-input-button-header-blackberry {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell {border-color: #ccc; border-color: rgba(0,0,0,0.2);}
.jqx-combobox-content-blackberry, .jqx-input-blackberry, .jqx-input-group-addon-blackberry {
    border-color: #cccccc;
    border-color: rgba(0,0,0,0.2);
    color: #555555;
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.jqx-combobox-content-blackberry, .jqx-combobox-blackberry, .jqx-combobox-state-normal-blackberry {
    border-color: #cccccc;
    border-color: rgba(0,0,0,0.2);
}

.jqx-combobox-content-focus-blackberry, .jqx-combobox-state-focus-blackberry, .jqx-fill-state-focus-blackberry,
.jqx-numberinput-focus-blackberry {
    outline: none;
    border-color: #959595;
}

input[type="text"].jqx-input-blackberry:-moz-placeholder, input[type="text"].jqx-widget-content-blackberry:-moz-placeholder, input[type="textarea"].jqx-widget-content-blackberry:-moz-placeholder, textarea.jqx-input-blackberry:-moz-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-blackberry:-webkit-input-placeholder, input[type="text"].jqx-widget-content-blackberry:-webkit-input-placeholder, input[type="textarea"].jqx-widget-content-blackberry:-webkit-input-placeholder, textarea.jqx-input-blackberry:-webkit-input-placeholder {
    color: #999999;
}

input[type="text"].jqx-input-blackberry:-ms-input-placeholder, input[type="text"].jqx-widget-content-blackberry:-ms-input-placeholder, input[type="textarea"].jqx-widget-content-blackberry:-ms-input-placeholder, textarea.jqx-input-blackberry:-ms-input-placeholder {
    color: #999999;
}

.jqx-slider-rangebar-blackberry {
    border-color: #00aae7;
    background: #00aae7;
}
.jqx-tabs-blackberry {
    border: 1px solid #1a1a1a;
}
.jqx-tabs-title-blackberry {
    background: transparent;
    border-color: transparent;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
}
.jqx-tabs-header-blackberry, .jqx-tabs-arrow-background {
    background-color: #1a1a1a;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(255,255,255,0.18)),color-stop(1,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(top,rgba(255,255,255,0.18),rgba(255,255,255,0));
    background-image: linear-gradient(top,rgba(255,255,255,0.18),rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top,rgba(255,255,255,0.18),rgba(255,255,255,0));
    background-image: -o-linear-gradient(top,rgba(255,255,255,0.18),rgba(255,255,255,0));
    color: #fff;
    border-color: #000;
}
.jqx-tabs-title-selected-top-blackberry, .jqx-tabs-selection-tracker-top-blackberry {
    border-bottom: 0px solid transparent;
    border-top: 2px solid #057fe4;
    color: #fff;
    background: #3a3a3a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f3f3f), color-stop(100%, #353535));
    background-image: -webkit-linear-gradient(top, #3f3f3f, #353535);
    background-image: -moz-linear-gradient(top, #3f3f3f, #353535);
    background-image: -o-linear-gradient(top, #3f3f3f, #353535);
    background-image: linear-gradient(top, #3f3f3f, #353535);
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 4px;
    padding-bottom: 4px;
}

.jqx-tabs-title-selected-bottom-blackberry, .jqx-tabs-selection-tracker-bottom-blackberry {
    border-top: 2px solid #057fe4;
    color: #fff;
    margin-top: 0px;
    background: #3a3a3a;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3f3f3f), color-stop(100%, #353535));
    background-image: -webkit-linear-gradient(top, #3f3f3f, #353535);
    background-image: -moz-linear-gradient(top, #3f3f3f, #353535);
    background-image: -o-linear-gradient(top, #3f3f3f, #353535);
    background-image: linear-gradient(top, #3f3f3f, #353535);
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 4px;
    padding-bottom: 4px;
}
.jqx-tabs-title-hover-top-blackberry, .jqx-tabs-title-hover-bottom-blackberry, .jqx-tabs-header-blackberry
{
    color: #fff;
}
.jqx-expander-arrow-expanded-blackberry, .jqx-icon-arrow-up-selected-blackberry{background-image:url('../jqWidgets/images/icon-up-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-icon-arrow-down-selected-blackberry{background-image:url('../jqWidgets/images/icon-down-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-icon-arrow-left-selected-blackberry{background-image:url('../jqWidgets/images/icon-left-white.png'); background-repeat:no-repeat; background-position:center}
.jqx-icon-arrow-right-selected-blackberry{background-image:url('../jqWidgets/images/icon-right-white.png');background-repeat:no-repeat; background-position:center}
.jqx-grid-column-sortdescbutton-blackberry, jqx-grid-column-filterbutton-blackberry, .jqx-grid-column-sortascbutton-blackberry{ background-color:transparent;  border-style:solid;  border-width:0px 0px 0px 0px;  border-color:#0076ae}

.jqx-menu-item-arrow-right-selected-blackberry{background-image:url(../jqWidgets/images/icon-right-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-down-selected-blackberry{background-image:url(../jqWidgets/images/icon-down-white.png); background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-up-selected-blackberry{background-image:url(../jqWidgets/images/icon-up-white.png);background-position:100% 50%; background-repeat:no-repeat}
.jqx-menu-item-arrow-left-selected-blackberry{background-image:url(../jqWidgets/images/icon-left-white.png); background-position:0 50%; background-repeat:no-repeat}

.jqx-button-blackberry .jqx-icon-arrow-left-blackberry {
    background-image:url('../jqWidgets/images/icon-left.png');
}
.jqx-button-blackberry .jqx-icon-arrow-right-blackberry {
    background-image:url('../jqWidgets/images/icon-right.png');
}
.jqx-listmenu-item-blackberry.jqx-fill-state-normal-blackberry .jqx-icon-arrow-left-blackberry {
    background-image:url('../jqWidgets/images/icon-left.png');
}
.jqx-listmenu-item-blackberry.jqx-fill-state-normal-blackberry .jqx-icon-arrow-right-blackberry {
    background-image:url('../jqWidgets/images/icon-right.png');
}
.jqx-listmenu-item-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-left-blackberry {
    background-image:url('../jqWidgets/images/icon-left-white.png');
}
.jqx-listmenu-item-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-right-blackberry {
    background-image:url('../jqWidgets/images/icon-right-white.png');
}
.jqx-listmenu-header-label-blackberry {
    font-size: 24px;
    margin-left: -5px;
}
.jqx-listmenu-item-label-blackberry {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.jqx-listmenu-item-blackberry a:link, .jqx-listmenu-item-blackberry a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.jqx-listmenu-item-blackberry {
    padding: 0px;
}
.jqx-listmenu-separator-blackberry {
    font-size: 16px; 
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
}

.jqx-grid-column-sortascbutton-blackberry, .jqx-window-collapse-button-blackberry, .jqx-menu-item-arrow-up-selected-blackberry, .jqx-menu-item-arrow-top-up-blackberry, .jqx-icon-arrow-up-selected-blackberry{background-image:url('../jqWidgets/images/icon-up-white.png');background-repeat:no-repeat;background-position:center}
.jqx-grid-column-menubutton-blackberry, .jqx-grid-column-sortdescbutton-blackberry, .jqx-window-collapse-button-collapsed-blackberry, .jqx-menu-item-arrow-down-selected-blackberry, .jqx-menu-item-arrow-down-blackberry, .jqx-icon-arrow-down-selected-blackberry{background-image:url('../jqWidgets/images/icon-down-white.png');background-repeat:no-repeat;background-position:center}
.jqx-tabs-arrow-left-blackberry, .jqx-menu-item-arrow-left-selected-blackberry, .jqx-icon-arrow-left-blackberry, .jqx-menu-item-arrow-top-left-blackberry{background-image:url('../jqWidgets/images/icon-left-white.png');background-repeat:no-repeat;background-position:center}
.jqx-tabs-arrow-right-blackberry, .jqx-menu-item-arrow-right-selected-blackberry, .jqx-menu-item-arrow-top-right-blackberry, .jqx-icon-arrow-right-blackberry, .jqx-icon-arrow-right-hover-blackberry, .jqx-icon-arrow-right-selected-blackberry{background-image:url('../jqWidgets/images/icon-right-white.png');background-repeat:no-repeat;background-position:center}
.jqx-window-close-button-blackberry, .jqx-icon-close-blackberry, .jqx-tabs-close-button-blackberry, .jqx-tabs-close-button-hover-blackberry, .jqx-tabs-close-button-selected-blackberry{background-image:url(../jqWidgets/images/close_white.png);  background-repeat:no-repeat;  background-position:center}
.jqx-button-blackberry {
   padding: 10px 7px;
}
input[type=text].jqx-input-blackberry, input[type=password].jqx-input-blackberry{
   font-size: 16px; 
    font-family: Slate Pro, Slate, Helvetica, sans-serif;
}

.jqx-group-button-normal-blackberry{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
     -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.jqx-progressbar-text-blackberry {
    font-size: 16px;
}
.jqx-slider-button-blackberry
{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 4px !important;
}
.jqx-slider-slider-blackberry {
    width: 25px;
    height: 25px;
    margin-top: -10px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.jqx-slider-button-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-right-blackberry {
      background-image: url('../jqWidgets/images/icon-right-white.png');
}
.jqx-slider-button-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-left-blackberry {
      background-image: url('../jqWidgets/images/icon-left-white.png');
}
.jqx-slider-button-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-up-blackberry {
      background-image: url('../jqWidgets/images/icon-up-white.png');
}
.jqx-slider-button-blackberry.jqx-fill-state-pressed-blackberry .jqx-icon-arrow-down-blackberry {
      background-image: url('../jqWidgets/images/icon-down-white.png');
}
.jqx-grid-cell-blackberry.jqx-grid-cell-selected-blackberry>.jqx-grid-group-expand-blackberry,
.jqx-grid-cell-blackberry.jqx-grid-cell-hover-blackberry>.jqx-grid-group-expand-blackberry {
    background-image: url('../jqWidgets/images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-blackberry.jqx-grid-cell-selected-blackberry>.jqx-grid-group-collapse-blackberry,
.jqx-grid-cell-blackberry.jqx-grid-cell-hover-blackberry>.jqx-grid-group-collapse-blackberry {
    background-image: url('../jqWidgets/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-blackberry.jqx-grid-cell-selected-blackberry>.jqx-grid-group-collapse-rtl-blackberry,
.jqx-grid-cell-blackberry.jqx-grid-cell-hover-blackberry>.jqx-grid-group-collapse-rtl-blackberry {
    background-image: url('../jqWidgets/images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-grid-cell-blackberry.jqx-grid-cell-selected-blackberry>.jqx-grid-group-expand-rtl-blackberry,
.jqx-grid-cell-blackberry.jqx-grid-cell-hover-blackberry>.jqx-grid-group-expand-rtl-blackberry {
    background-image: url('../jqWidgets/images/icon-down-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-tree-grid-expand-button-blackberry, .jqx-tree-grid-collapse-button-blackberry {
    margin-top: 0px;
}
.jqx-tree-grid-checkbox-blackberry {
    margin-top: 1px;
}
.jqx-icon-arrow-first-selected-blackberry
{
    background-image: url('../jqWidgets/images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-selected-blackberry
{
    background-image: url('../jqWidgets/images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-button-blackberry .jqx-icon-arrow-left-selected-blackberry, .jqx-icon-arrow-left-selected-blackberry
{
    background-image: url('../jqWidgets/images/icon-left-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-button-blackberry .jqx-icon-arrow-right-selected-blackberry, .jqx-icon-arrow-right-selected-blackberry
{
    background-image: url('../jqWidgets/images/icon-right-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
 .jqx-icon-calendar-pressed-blackberry {
    background-image: url('../jqWidgets/images/icon-calendar-white.png');
}
 .jqx-icon-time-pressed-blackberry {
    background-image: url('../jqWidgets/images/icon-time-white.png');
}
 .jqx-file-upload-blackberry .jqx-icon-arrow-up-blackberry {
  background-image: url('../jqWidgets/images/icon-up-white.png');
}
.jqx-file-upload-file-name-blackberry{padding:3px;}
.jqx-file-upload-file-row-blackberry{ height: 40px;}
.jqx-layout-blackberry
{
    background-color: #296b8e;
}
.jqx-layout-pseudo-window-pin-icon-blackberry
{
    background-image: url("../jqWidgets/images/pin-white.png");
}
.jqx-layout-pseudo-window-pinned-icon-blackberry
{
    background-image: url("../jqWidgets/images/pinned-white.png");
}
.jqx-rc-tl-mobile {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}

.jqx-rc-tr-mobile {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.jqx-rc-bl-mobile {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.jqx-rc-br-mobile {
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*top rounded Corners*/
.jqx-rc-t-mobile {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}
/*bottom rounded Corners*/
.jqx-rc-b-mobile {
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*right rounded Corners*/
.jqx-rc-r-mobile {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
/*left rounded Corners*/
.jqx-rc-l-mobile {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
/*all rounded Corners*/
.jqx-rc-all-mobile {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jqx-widget-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: inherit;
}

input[type=text].jqx-input-mobile, input[type=password].jqx-input-mobile, .jqx-input-group-addon-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #b2b2b2 !important;
    background: #fff;
}

.jqx-widget-content-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #b2b2b2;
    color: #000;
    background-color: #f8f8f8;
}

.jqx-listbox-mobile, .jqx-calendar-mobile .jqx-widget-content-mobile {
    background: #fff;
}

.jqx-calendar-mobile .jqx-widget-header-mobile {
    background: #f6f5f1;
}

.jqx-widget-header-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: #000;
    border-color: #b2b2b2;
    background: #f8f8f8;
}

.jqx-fill-state-normal-mobile, .jqx-fill-state-hover-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    border-color: #f1f2f3;
    color: #040404;
    background: #f9f9fa;
}

.jqx-button-mobile, .jqx-grid-pager-number-mobile {
    padding: 10px 7px;
    background: #f9f9fa;
    border-color: #f1f2f3;
    color: #040404;
    -webkit-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
    -moz-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
    box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.8);
}
.jqx-grid-group-column-mobile {
    border-color: #b2b2b2;
    color: #040404;
}

.jqx-listitem-state-normal-mobile, .jqx-listmenu-item-mobile {
    background: #ffffff;
    border-top: 1px solid #cccccc;
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px!important;
    border-top-left-radius: 0px!important;
    -moz-border-radius-topright: 0px!important;
    -webkit-border-top-right-radius: 0px!important;
    border-top-right-radius: 0px!important;
    -moz-border-radius-bottomleft: 0px!important;
    -webkit-border-bottom-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    -moz-border-radius-bottomright: 0px!important;
    -webkit-border-bottom-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}
.jqx-listitem-state-normal-touch-mobile {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-listmenu-header-label-mobile {
    font-size: 24px;
    margin-left: -5px;
}
.jqx-listmenu-item-label-mobile {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.jqx-listmenu-separator-mobile {
    font-size: 100%; 
    font-family: HelveticaNeue,sans-serif;
}
.jqx-listmenu-item-mobile a:link, .jqx-listmenu-item-mobile a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 100%;
    color: #000;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.jqx-listmenu-item-mobile {
    padding: 0px;
}
.jqx-navigationbar-mobile .jqx-widget-header-mobile, .jqx-navigationbar-mobile .jqx-fill-state-hover-mobile {
    background: #ffffff;
    border-top: 1px solid #cccccc;
}

.jqx-menu-item-top-selected-mobile {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.jqx-listitem-element:first-child .jqx-listitem-state-normal-mobile {
    border-top: 1px solid #ffffff;
}

.jqx-listitem-state-hover-mobile {
    background: #ffffff;
    border-color: #ffffff;
    border-top: 1px solid #cccccc;
}

.jqx-listitem-state-selected-mobile {
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.jqx-listmenu-auto-separator-mobile, .jqx-listmenu-separator-mobile, .jqx-listitem-state-group-mobile {
    background: #f8f8f8 !important;
    color: #8D8D8D !important;
    padding-top: 15px !important;
}

.jqx-fill-state-pressed-mobile {
    border-color: #c0c3c7;
    color: #000;
    background-color: #c0c3c7;
}

.jqx-combobox-multi-item-mobile {
    background: #fff;
    border-color: #cccccc;
    color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 7px;
}

.jqx-fill-state-focus-mobile {
    border-color: #b2b2b2;
}

.jqx-fill-state-disabled-mobile {
    color: #898989;
}

.jqx-scrollbar-state-normal-mobile, .jqx-grid-bottomright-mobile, .jqx-panel-bottomright-mobile, .jqx-listbox-bottomright-mobile {
    background-color: #fff;
}


.jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile, .jqx-grid-group-cell-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
}

.jqx-widget-mobile .jqx-grid-cell-alt-mobile, .jqx-widget-mobile .jqx-grid-cell-sort-mobile, .jqx-widget-mobile .jqx-grid-cell-pinned-mobile, .jqx-widget-mobile .jqx-grid-cell-filter-mobile, .jqx-grid-cell-sort-alt-mobile, .jqx-grid-cell-filter-alt-mobile, .jqx-grid-cell-pinned-mobile, .jqx-grid-cell-alt-mobile, .jqx-grid-cell-sort-mobile {
}

.jqx-widget-mobile .jqx-grid-cell-mobile, .jqx-widget-mobile .jqx-grid-column-header-mobile, .jqx-widget-mobile .jqx-grid-group-cell-mobile {
    
}

.jqx-widget-mobile .jqx-grid-column-menubutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortascbutton-mobile, .jqx-widget-mobile .jqx-grid-column-sortdescbutton-mobile, .jqx-widget-mobile .jqx-grid-column-filterbutton-mobile {
    background-color: transparent;
}

.jqx-grid-cell-filter-row-mobile, .jqx-grid-mobile .jqx-widget-header-mobile, .jqx-grid-header-mobile, .jqx-grid-column-header-mobile {
    font-size: 100%;
    font-family: HelveticaNeue,sans-serif;
    color: #167efc;
}

.jqx-calendar-title-content-mobile {
    font-weight: bold;
}

.jqx-calendar-column-cell-mobile {
    font-size: 12px;
}

.calendar-header-mobile {
    background: #f6f5f1;
}

.jqx-calendar-cell-mobile {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}

.jqx-window-header-mobile, .jqx-window-content-mobile {
    background: #d9dedf;
    border-color: #979797;
}

.jqx-grid-column-menubutton-mobile {
    background-image: url('../jqWidgets/images/icon-down-transparent.png');
}

.jqx-input-mobile {
    border-color: #b2b2b2;
}

.jqx-widget-mobile .jqx-grid-cell-selected-mobile, .jqx-grid-cell-selected-mobile {
    font-size: 100%;
}

.jqx-widget-mobile .jqx-grid-cell-hover-mobile, .jqx-grid-cell-hover-mobile {
}
/*applied to the column's sort button when the sort order is ascending.*/
.jqx-grid-column-sortascbutton-mobile {
    background-image: url('../jqWidgets/images/icon-up-transparent.png');
}

.jqx-grid-column-sortdescbutton-mobile {
    background-image: url('../jqWidgets/images/icon-down-transparent.png');
}

.jqx-checkbox-default-mobile {
    background: #f9f9fa;
    border-color: #f1f2f3;
}

.jqx-widget-mobile .jqx-checkbox-default-mobile {
    border-color: #b2b2b2;
}

.jqx-checkbox-check-checked-mobile {
    position: relative;
    background: transparent url(../jqWidgets/images/check_blue.png) center center no-repeat;
}

.jqx-checkbox-check-indeterminate-mobile {
    background: transparent url(../jqWidgets/images/check_blue_indeterminate.png) center center no-repeat;
}

.jqx-radiobutton-check-checked-mobile {
    background: #1c7efb;
    border-color: #2078e9;
}

.jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-normal-mobile {
    background: #b5b5b6;
    border-color: #b5b5b6;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-mobile {
    background: #b5b5b6;
    border-color: #b5b5b6;
}

.jqx-scrollbar-thumb-state-pressed-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile {
    background: #1c7efb;
    border-color: #1c7efb;
}

.jqx-scrollbar-button-state-normal-mobile {
    border: 1px solid #fff;
    background: #fff;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-mobile {
    border: 1px solid #fff;
    background: #fff;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-mobile {
    border: 1px solid #1c7efb;
    background: #1c7efb;
}

/*icons*/
.jqx-window-collapse-button-mobile {
    background-image: url(../jqWidgets/images/icon-up-transparent.png);
}

.jqx-window-collapse-button-collapsed-mobile {
    background-image: url(../jqWidgets/images/icon-down-transparent.png);
}

.jqx-icon-arrow-up-mobile, .jqx-expander-arrow-bottom-mobile, .jqx-menu-item-arrow-up-mobile {
    background-image: url('../jqWidgets/images/icon-up-transparent.png');
}

.jqx-icon-arrow-down-mobile, .jqx-expander-arrow-top-mobile, .jqx-menu-item-arrow-down-mobile {
    background-image: url('../jqWidgets/images/icon-down-transparent.png');
}

.jqx-icon-arrow-left-mobile, .jqx-menu-item-arrow-left-mobile {
    background-image: url('../jqWidgets/images/icon-left-transparent.png');
}

.jqx-icon-arrow-right-mobile, .jqx-menu-item-arrow-right-mobile {
    background-image: url('../jqWidgets/images/icon-right-transparent.png');
}

.jqx-tree-item-arrow-collapse-rtl-mobile, .jqx-tree-item-arrow-collapse-hover-rtl-mobile {
    background-image: url('../jqWidgets/images/icon-left-blue.png');
}

.jqx-tabs-arrow-left-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-left-mobile {
    background-image: url('../jqWidgets/images/icon-left-blue.png');
}
.jqx-tree-item-arrow-expand-hover-mobile, .jqx-tree-item-arrow-expand-mobile {
    background-image: url('../jqWidgets/images/icon-down-blue.png');
} 
.jqx-tree-item-arrow-collapse-hover-mobile, .jqx-tree-item-arrow-collapse-mobile, .jqx-tabs-arrow-right-mobile, .jqx-grid-pager-mobile .jqx-icon-arrow-right-mobile {
    background-image: url('../jqWidgets/images/icon-right-blue.png');
}

.jqx-calendar-mobile .jqx-icon-arrow-right-mobile {
    background-image: url('../jqWidgets/images/icon-right-blue.png');
}

.jqx-calendar-mobile .jqx-icon-arrow-left-mobile {
    background-image: url('../jqWidgets/images/icon-left-blue.png');
}

.jqx-menu-item-arrow-up-selected-mobile, .jqx-icon-arrow-up-selected-mobile {
    background-image: url('../jqWidgets/images/icon-up-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-down-selected-mobile, .jqx-icon-arrow-down-selected-mobile {
    background-image: url('../jqWidgets/images/icon-down-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-left-selected-mobile, .jqx-icon-arrow-left-selected-mobile {
    background-image: url('../jqWidgets/images/icon-left-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-menu-item-arrow-right-selected-mobile, .jqx-icon-arrow-right-selected-mobile {
    background-image: url('../jqWidgets/images/icon-right-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-window-close-button-mobile, .jqx-icon-close-mobile, .jqx-tabs-close-button-mobile, .jqx-tabs-close-button-hover-mobile, .jqx-tabs-close-button-selected-mobile {
    background-image: url(../jqWidgets/images/close_blue.png);
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-listbox-feedback-mobile {
    border-top: 1px dashed #fff;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-up-selected-mobile {
    background-image: url('../jqWidgets/images/icon-up-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-down-selected-mobile {
    background-image: url('../jqWidgets/images/icon-down-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-left-selected-mobile {
    background-image: url('../jqWidgets/images/icon-left-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-scrollbar-mobile .jqx-icon-arrow-right-selected-mobile {
    background-image: url('../jqWidgets/images/icon-right-transparent.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-input-button-content-mobile {
    font-size: 13px;
}

.jqx-input-button-header-mobile {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.jqx-slider-button-mobile {
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 4px !important;
}

.jqx-slider-slider-mobile {
    width: 25px;
    height: 25px;
    margin-top: -10px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
    box-shadow: 0px 2px 2px rgba(133, 133, 133, 0.5);
}
.jqx-file-upload-mobile .jqx-icon-arrow-up-mobile {
  background-image: url('../jqWidgets/images/icon-up-blue.png');
}
.jqx-slider-track-mobile {
    background: #b4b4b5;
    border-color: #b4b4b5;
}

.jqx-slider-rangebar-mobile {
    background: #167efc;
}
.jqx-splitter-splitbar-vertical-mobile, .jqx-splitter-splitbar-horizontal-mobile {
    background: #bec1c5;
    border-color: #bec1c5;
}
.jqx-splitter-collapse-button-horizontal-mobile, .jqx-splitter-collapse-button-vertical-mobile {
    background: #167efc;
}

.jqx-progressbar-value-mobile, .jqx-progressbar-value-vertical-mobile  {
    background: #167efc;
}

.jqx-dropdownlist-state-normal-mobile, .jqx-dropdownlist-state-hover-mobile, .jqx-dropdownlist-state-selected-mobile,
.jqx-scrollbar-button-state-hover-mobile, .jqx-scrollbar-button-state-normal-mobile, .jqx-scrollbar-button-state-pressed-mobile,
.jqx-scrollbar-thumb-state-normal-horizontal-mobile, .jqx-scrollbar-thumb-state-hover-horizontal-mobile, .jqx-scrollbar-thumb-state-pressed-horizontal-mobile,
.jqx-scrollbar-thumb-state-normal-mobile, .jqx-scrollbar-thumb-state-pressed-mobile, .jqx-button-mobile, .jqx-tree-item-hover-mobile, .jqx-tree-item-selected-mobile,
.jqx-tree-item-mobile, .jqx-menu-item-mobile, .jqx-menu-item-hover-mobile, .jqx-menu-item-selected-mobile, .jqx-menu-item-top-mobile, .jqx-menu-item-top-hover-mobile,
.jqx-menu-item-top-selected-mobile, .jqx-slider-button-mobile, .jqx-slider-slider-mobile {
    -webkit-transition: background-color 100ms linear;
    -moz-transition: background-color 100ms linear;
    -o-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.jqx-switchbutton-mobile {
    -moz-border-radius-topleft: 15px;
    -webkit-border-top-left-radius: 15px;
    border-top-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -webkit-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -webkit-border-top-right-radius: 15px;
    border-top-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -webkit-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid #e4e4e4;
    background: #fff;
}

.jqx-switchbutton-thumb-mobile {
    background: #fff;
    border: 1px solid transparent;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
    z-index: 99;
    left: 1px;
    position: relative;
}

.jqx-switchbutton-on-mobile {
    background: #4cd964;
    color: #4cd964;
}

    .jqx-switchbutton-on-mobile .jqx-switchbutton-thumb-mobile {
    }

.jqx-switchbutton-label-on-mobile {
    background: #4cd964;
    color: #4cd964;
}

.jqx-switchbutton-label-off-mobile {
    background: #fff;
    color: #fff;
}


.jqx-tabs-title-mobile {
    background: transparent;
    border-color: transparent;
    color: #157efb;
}

.jqx-tabs-header-bottom-mobile {
    color: #929292;
}

.jqx-tabs-title-selected-top-mobile, .jqx-tabs-selection-tracker-top-mobile {
    color: #fff;
    background: #157efb;
}

.jqx-tabs-title-selected-bottom-mobile, .jqx-tabs-selection-tracker-bottom-mobile {
    color: #fff;
    background: #157efb;
}

.jqx-tabs-title-hover-top-mobile, .jqx-tabs-title-hover-bottom-mobile, .jqx-tabs-header-mobile {
    color: #157efb;
}
.jqx-listmenu-header-mobile .jqx-button-mobile {
    background: transparent;
    border: none;
    color: #1c7efb;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.jqx-listmenu-header-mobile .jqx-button-mobile span {
    min-height: 16px;
    line-height: 19px;
}
.jqx-widget-header-mobile .jqx-button-mobile {
    margin-left: -10px;
}
.jqx-listmenu-backbutton-arrow-mobile {
   background-image: url('../jqWidgets/images/icon-left-blue.png'); 
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   margin-right: 2px;
   margin-top: 1px;
}

.jqx-switchbutton-wrapper-mobile {
}

.jqx-icon-arrow-first-mobile {
    background-image: url('../jqWidgets/images/icon-first-blue.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-icon-arrow-last-mobile {
    background-image: url('../jqWidgets/images/icon-last-blue.png');
    background-repeat: no-repeat;
    background-position: center;
}

.jqx-progressbar-text-mobile {
    font-size: 100%;
}

.jqx-grid-pager-mobile {
    color: #157efb;
}

    .jqx-grid-pager-mobile .jqx-button-mobile {
        padding: 3px !important;
    }

.jqx-grid-pager-number-mobile {
    top: 1px;
    position: relative;
    padding: 1px 7px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    color: #157efb;
}

.jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
    color: #fff;
    background: #157efb;
    border-color: #157efb;
}

.jqx-grid-pager-mobile .jqx-button-mobile {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #157efb;
}

.jqx-listbox-mobile {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.jqx-group-button-normal-mobile {
    background: #f6f5f1;
    color: #157efb;
    border-color: #157efb;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.jqx-group-button-pressed-mobile {
    background: #157efb;
    color: #fff;
}
.jqx-grid-group-collapse-mobile {
    background-image: url(../jqWidgets/images/icon-right-blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-mobile
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/icon-left-blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-mobile, .jqx-grid-group-expand-rtl-mobile
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/icon-down-blue.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-tree-grid-indent-mobile, .jqx-tree-grid-collapse-button-mobile, .jqx-tree-grid-expand-button-mobile {
    width: 20px;
}
.jqx-tree-grid-checkbox-mobile {
    width: 16px; height: 16px;
}
.jqx-tree-grid-expand-button-mobile {
    margin-top: 0px;
}
.jqx-editor-toolbar-button-mobile {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.jqx-file-upload-file-name-mobile{padding:3px;}
.jqx-file-upload-file-row-mobile{ height: 40px;}
.jqx-layout-mobile
{
    background-color: #b2b2b2;
}
.jqx-layout-pseudo-window-pin-icon-mobile
{
    background-image: url("../jqWidgets/images/pin-blue.png");
}
.jqx-layout-pseudo-window-pinned-icon-mobile
{
    background-image: url("../jqWidgets/images/pinned-blue.png");
}
.jqx-grid-pager-number-mobile.jqx-fill-state-pressed-mobile {
    color: #fff !important;
}
.jqx-rc-tl-android
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}
.jqx-rc-tr-android
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
.jqx-rc-bl-android
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.jqx-rc-br-android
{
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*top rounded Corners*/
.jqx-rc-t-android
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
/*bottom rounded Corners*/
.jqx-rc-b-android
{
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*right rounded Corners*/
.jqx-rc-r-android
{
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*left rounded Corners*/
.jqx-rc-l-android
{
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/*all rounded Corners*/
.jqx-rc-all-android
{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.jqx-widget-android {
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif;
    color: inherit;
}
input[type=text].jqx-input-android, input[type=password].jqx-input-android, .jqx-input-group-addon-android{
   font-size: 16px; 
   font-family: Roboto,HelveticaNeue,sans-serif;
   border-color: #636466;
}
.jqx-widget-content-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #3c4648; color: #ffffff; background-color: #000;}
.jqx-widget-header-android{
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif; 
    color: #ffffff; 
    border-color:#000;
    border-bottom-color: #32abda;
    background: #000;
}
.jqx-fill-state-normal-android, .jqx-fill-state-hover-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; color: #ffffff; background: #3E3E42;}

.jqx-button-android, .jqx-grid-pager-number-android {
   background: #4b4c4e;
   border-color: #636466;
   color: #fbfbfd;
}
.jqx-fill-state-focus-android {
    border-color: #3C4648;
}
.jqx-listitem-state-normal-android, .jqx-listmenu-item-android {
    background: #000;
    border-top: 1px solid #191919;
}
.jqx-listmenu-header-label-android {
    font-size: 24px;
    margin-left: -5px;
}
.jqx-listmenu-item-label-android {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.jqx-listmenu-item-android a:link, .jqx-listmenu-item-android a:visited {
    display: inline-block;
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    font-family: Roboto,HelveticaNeue,sans-serif;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 15px;
}
.jqx-listmenu-separator-mobile {
    font-size: 16px; 
    font-family: Roboto,HelveticaNeue,sans-serif;
}

.jqx-listmenu-item-android {
    padding: 0px;
}

.jqx-listitem-state-normal-touch-android {
    padding-top: 5px;
    padding-bottom: 5px;
}
.jqx-listitem-element:first-child .jqx-listitem-state-normal-android {
    border-top: 1px solid #000;
}

.jqx-listitem-state-hover-android {
    background: #000;
    border-color: #000;
    border-bottom-color: #191919;
}

.jqx-listmenu-auto-separator-android, .jqx-listitem-state-group-android {
    background: #293943  !important;
}
.jqx-fill-state-pressed-android{border-color:#10618c; color: #fff; background-color:#10618c;

}
.jqx-fill-state-disabled-android {
    color: #898989;
}
.jqx-scrollbar-state-normal-android, .jqx-grid-bottomright-android, .jqx-panel-bottomright-android, .jqx-listbox-bottomright-android{background-color:#3E3E42;}
.jqx-widget-android .jqx-grid-column-header-android, .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-group-cell-android, .jqx-grid-group-cell-android{font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; border-color: #1C1C1E; background-color: #000; color: #fff;}
.jqx-widget-android .jqx-grid-cell-alt-android, .jqx-widget-android .jqx-grid-cell-sort-android, .jqx-widget-android .jqx-grid-cell-pinned-android, .jqx-widget-android .jqx-grid-cell-filter-android, .jqx-grid-cell-sort-alt-android, .jqx-grid-cell-filter-alt-android, .jqx-grid-cell-pinned-android, .jqx-grid-cell-alt-android, .jqx-grid-cell-sort-android{border-color: #202023; background-color:#3E3E42; color: #fff;}
.jqx-menu-vertical-android{background: #3E3E42; border-color: #3E3E42;}
.jqx-widget-android .jqx-grid-cell-android, .jqx-widget-android .jqx-grid-column-header-android, .jqx-widget-android .jqx-grid-group-cell-android { border-color: #202023;}

.jqx-widget-android .jqx-grid-column-menubutton-android, .jqx-widget-android .jqx-grid-column-sortascbutton-android, .jqx-widget-android .jqx-grid-column-sortdescbutton-android, .jqx-widget-android .jqx-grid-column-filterbutton-android {
    background-color: transparent;
    border-color: #010f18;
}
.jqx-grid-cell-filter-row-android, .jqx-grid-android .jqx-widget-header-android, .jqx-grid-header-android, .jqx-grid-column-header-android {font-size: 16px;  font-family: Roboto,HelveticaNeue,sans-serif; 
    border-color:#000 !important;
    border-bottom-color: #32b3e3 !important;
    background: #000 !important;
}
.jqx-grid-cell-filter-row-android {
   border-top: 2px solid transparent;
   border-bottom: 1px solid #32b3e3 !important;
   margin-top: -1px;
}

.jqx-widget-header-android .jqx-calendar-title-header-android, .jqx-calendar-title-header-android, .jqx-input-button-header-android, .jqx-window-header-android {
   background: #262626;
   border-color: #262626;
   border-bottom-color: #262626 !important;
}
.jqx-window-content-android {
    background: #262626;
 }
.jqx-calendar-month-android {
    border-top: 1px solid #262626;
   background: #262626;
 }
.jqx-calendar-column-header-android {
   background: #262626;
   border-color: #262626;
 }
.jqx-grid-column-menubutton-android {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
 }
.jqx-input-android {
    border-color: #3C4648;
}
.jqx-widget-android .jqx-grid-cell-selected-android, .jqx-grid-cell-selected-android{ background-color:#10638d !important; border-color: #10638d !important; font-size: 16px;  color:#fff !important}
.jqx-widget-android .jqx-grid-cell-hover-android, .jqx-grid-cell-hover-android{ background-color:#3E3E42;}
 /*applied to the column's sort button when the sort order is ascending.*/
 .jqx-grid-column-sortascbutton-android {
    background-image: url('../jqWidgets/images/metro-icon-up-white.png');
 }
.jqx-grid-column-sortdescbutton-android {
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-checkbox-default-android {
    background: #000;
    border-color: #636466;
}
.jqx-checkbox-check-checked-android{position: relative; background:transparent url(../jqWidgets/images/check_lightblue.png) center center no-repeat}
.jqx-checkbox-check-indeterminate-android{background:transparent url(../jqWidgets/images/check_lightblue_indeterminate.png) center center no-repeat}
.jqx-checkbox-hover-android, .jqx-radiobutton-hover-android {

}
.jqx-radiobutton-check-checked-android {
    background: #33b5e5;
    border-color: #33b5e5;
}

.jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-normal-android {
    background: #686868; border-color: #686868;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-hover-android {
    background: #9E9E9E; border-color: #9E9E9E;
}
.jqx-scrollbar-thumb-state-pressed-horizontal-android, .jqx-scrollbar-thumb-state-pressed-android {
    background: #ffffff; border-color: #ffffff;
}
.jqx-scrollbar-button-state-normal-android
{
    border: 1px solid #3E3E42; 
    background: #3E3E42;
}
/*applied to the scrollbar buttons in hovered state.*/
.jqx-scrollbar-button-state-hover-android
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}
/*applied to the scrollbar buttons in pressed state.*/
.jqx-scrollbar-button-state-pressed-android
{
    border: 1px solid #3E3E42;
    background: #3E3E42;
}

/*icons*/
.jqx-window-collapse-button-android
{
    background-image: url(../jqWidgets/images/metro-icon-up-white.png);
}
.jqx-window-collapse-button-collapsed-android {
  background-image: url(../jqWidgets/images/metro-icon-down-white.png);
}
.jqx-icon-arrow-up-android, .jqx-expander-arrow-bottom-android, .jqx-menu-item-arrow-up-android
{
    background-image: url('../jqWidgets/images/metro-icon-up-white.png');
}
.jqx-icon-arrow-down-android, .jqx-expander-arrow-top-android, .jqx-tree-item-arrow-expand-android, .jqx-tree-item-arrow-expand-hover-android, .jqx-menu-item-arrow-down-android
{
    background-image: url('../jqWidgets/images/metro-icon-down-white.png');
}
.jqx-icon-arrow-left-android, .jqx-menu-item-arrow-left-android
{
    background-image: url('../jqWidgets/images/metro-icon-left-white.png');
}
.jqx-icon-arrow-right-android, .jqx-menu-item-arrow-right-android, .jqx-tree-item-arrow-collapse-android, .jqx-tree-item-arrow-collapse-hover-android
{
    background-image: url('../jqWidgets/images/metro-icon-right-white.png');
}
.jqx-tabs-arrow-left-android, .jqx-tree-item-arrow-collapse-rtl-android, .jqx-tree-item-arrow-collapse-hover-rtl-android
{
    background-image: url('../jqWidgets/images/metro-icon-left-white.png');
}
.jqx-tabs-arrow-right-android
{
    background-image: url('../jqWidgets/images/metro-icon-right-white.png');
}
.jqx-menu-item-arrow-up-selected-android, .jqx-icon-arrow-up-selected-android{background-image:url('../jqWidgets/images/metro-icon-up-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-down-selected-android, .jqx-icon-arrow-down-selected-android{background-image:url('../jqWidgets/images/metro-icon-down-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-left-selected-android, .jqx-icon-arrow-left-selected-android{background-image:url('../jqWidgets/images/metro-icon-left-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-menu-item-arrow-right-selected-android, .jqx-icon-arrow-right-selected-android{background-image:url('../jqWidgets/images/metro-icon-right-white.png');background-repeat:no-repeat;background-position:center;}
.jqx-window-close-button-android, .jqx-icon-close-android, .jqx-tabs-close-button-android, .jqx-tabs-close-button-hover-android, .jqx-tabs-close-button-selected-android{background-image:url(../jqWidgets/images/close_white.png);  background-repeat:no-repeat;  background-position:center}
.jqx-listbox-feedback-android {
    border-top: 1px dashed #fff;
}

.jqx-scrollbar-android .jqx-icon-arrow-up-selected-android{background-image:url('../jqWidgets/images/metro-icon-up-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-down-selected-android{background-image:url('../jqWidgets/images/metro-icon-down-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-left-selected-android{background-image:url('../jqWidgets/images/metro-icon-left-white.png'); background-repeat:no-repeat; background-position:center;}
.jqx-scrollbar-android .jqx-icon-arrow-right-selected-android{background-image:url('../jqWidgets/images/metro-icon-right-white.png');background-repeat:no-repeat; background-position:center;}

.jqx-input-button-content-android
{  
    background: #262626;
    border-color: #262626; 
    font-size: 13px;
}
.jqx-input-button-header-android {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
.jqx-button-android {
   padding: 10px 7px;
}
.jqx-slider-button-android
{
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    padding: 4px !important;
}
.jqx-slider-slider-android {
    width: 25px;
    height: 25px;
    margin-top: -10px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(51,181,229,0.6);
    background-image: -moz-radial-gradient(#33b5e5 10%,transparent 90%);
    background-image: radial-gradient(#33b5e5 10%,transparent 90%);
    border: none;
}
.jqx-slider-rangebar-android {
    background: rgba(51,181,229,0.5);
 }
.jqx-dropdownlist-state-normal-android, .jqx-dropdownlist-state-hover-android, .jqx-dropdownlist-state-selected-android,
.jqx-scrollbar-button-state-hover-android, .jqx-scrollbar-button-state-normal-android, .jqx-scrollbar-button-state-pressed-android,
.jqx-scrollbar-thumb-state-normal-horizontal-android, .jqx-scrollbar-thumb-state-hover-horizontal-android, .jqx-scrollbar-thumb-state-pressed-horizontal-android,
.jqx-scrollbar-thumb-state-normal-android, .jqx-scrollbar-thumb-state-pressed-android, .jqx-button-android, .jqx-tree-item-hover-android, .jqx-tree-item-selected-android,
.jqx-tree-item-android, .jqx-menu-item-android, .jqx-menu-item-hover-android, .jqx-menu-item-selected-android, .jqx-menu-item-top-android, .jqx-menu-item-top-hover-android, 
.jqx-menu-item-top-selected-android, .jqx-slider-button-android, .jqx-slider-slider-android
 {
    -webkit-transition: background-color 100ms linear;
     -moz-transition: background-color 100ms linear;
     -o-transition: background-color 100ms linear;
     -ms-transition: background-color 100ms linear;
     transition: background-color 100ms linear;
}
.jqx-switchbutton-android {
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px;
    border: 2px solid #010f18;
}
.jqx-switchbutton-thumb-android {
    width: 16px;
    background: #222222;
    border: 1px solid #222222;
}
.jqx-switchbutton-label-on-android {
    background: #32b3e3;
    color: #fff;
}
.jqx-switchbutton-label-off-android {
    background: #444;
    color: #fff;
}
.jqx-tabs-android {
    border: 1px solid #1a1a1a;
}
.jqx-tabs-title-android {
    background: transparent;
    border-color: transparent;
    border-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 0px;
    -moz-border-bottom-right-radius: 0px;
}
.jqx-tabs-header-android, .jqx-tabs-arrow-background {
    background: #000;
    color: #fff;
    border-bottom-color: #636466 !important;
}
.jqx-tabs-header-bottom-android {
    background: #000;
    color: #fff;
    border-top-color: #636466 !important;
    border-top-style: solid;
    border-top-width: 1px;
}
.jqx-tabs-title-selected-top-android, .jqx-tabs-selection-tracker-top-android {
    border-bottom: 1px solid #000;
    border-bottom: 2px solid #32b3e3;
    color: #fff;
    background: #000;
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.jqx-tabs-title-selected-bottom-android, .jqx-tabs-selection-tracker-bottom-android {
    border-top: 2px solid #32b3e3;
    color: #fff;
   background: #000;  
    box-shadow: 0 0px 5px #000;
    -webkit-box-shadow: 0 0px 5px #000;
    padding-top: 6px;
    padding-bottom: 6px;
}
.jqx-tabs-title-hover-top-android, .jqx-tabs-title-hover-bottom-android, .jqx-tabs-header-android
{
    color: #fff;
}
.jqx-switchbutton-wrapper-android {
}
.jqx-icon-arrow-first-android
{
    background-image: url('../jqWidgets/images/icon-first-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-icon-arrow-last-android
{
    background-image: url('../jqWidgets/images/icon-last-white.png');
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-progressbar-text-android {
    font-size: 16px;
}
.jqx-grid-pager-android .jqx-button-android {
    padding: 3px !important;
}
.jqx-grid-pager-number-android {
    top: 2px;
    position: relative;
    padding: 1px 7px;
}
.jqx-widget-android .jqx-grid-groups-header-android,
.jqx-grid-groups-header-android {
    border-bottom-color: #000 !important;
 }
.jqx-grid-group-collapse-android {
    background-image: url(../jqWidgets/images/metro-icon-right-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-collapse-rtl-android
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/metro-icon-left-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-grid-group-expand-android, .jqx-grid-group-expand-rtl-android
{
    padding-right: 0px;
    background-image: url(../jqWidgets/images/metro-icon-down-white.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.jqx-tree-grid-expand-button-android {
    margin-top: 0px;
}
.jqx-tree-grid-checkbox-android {
    margin-top: 2px;
}
.jqx-grid-table-android {
    border-color: #000;
}
.jqx-icon-search-android
{
    background-image: url(../jqWidgets/images/search_white.png);
    background-repeat: no-repeat;
    background-position: center;
}
.jqx-passwordinput-password-icon-android, .jqx-passwordinput-password-icon-rtl-android
{
    background-image: url(../jqWidgets/images/icon-showpassword-white.png) !important;
    background-repeat: no-repeat !important;
}
.jqx-icon-calendar-android, .jqx-icon-calendar-hover-android, .jqx-icon-calendar-pressed-android {
    background-image: url('../jqWidgets/images/icon-calendar-white.png');
}
.jqx-icon-time-android, .jqx-icon-time-hover-android, .jqx-icon-time-pressed-android {
    background-image: url('../jqWidgets/images/icon-time-white.png');
}
.jqx-calendar-cell-today-android {
    color: black;
}
.jqx-editor-toolbar-icon-android {
    background: url('../jqWidgets/images/html_editor_white.png') no-repeat;
}
.jqx-menu-minimized-button-android {
   background-image: url('../jqWidgets/images/icon-menu-minimized-white.png');
}
.jqx-file-upload-file-name-android{padding:3px;}
.jqx-file-upload-file-row-android{ height: 40px;}
.jqx-layout-android
{
    background-color: #000;
}
.jqx-layout-pseudo-window-pin-icon-android
{
    background-image: url("../jqWidgets/images/pin-white.png");
}
.jqx-layout-pseudo-window-pinned-icon-android
{
    background-image: url("../jqWidgets/images/pinned-white.png");
}
.jqx-scheduler-android, .jqx-scheduler-time-column-android, .jqx-scheduler-toolbar-details-android {
    color: white !important;
}

.jqx-label-android {
	fill: lightgray;
}
/**
* DevExtreme (dx.light.css)
* Version: 23.2.4
* Build date: Mon Jan 29 2024
*
* Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-validationsummary-item {
    cursor: pointer
}

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

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

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

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

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

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

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.dx-theme-generic-typography {
    background-color: #fff;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715
}

    .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 .dx-font-xl, .dx-theme-generic-typography h1 {
        font-weight: 200;
        font-size: 34px
    }

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

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

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

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

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

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

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

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

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

.dx-icon-accountbox, .dx-icon-activefolder, .dx-icon-add, .dx-icon-addtableheader, .dx-icon-airplane, .dx-icon-aligncenter, .dx-icon-alignjustify, .dx-icon-alignleft, .dx-icon-alignright, .dx-icon-arrowback, .dx-icon-arrowdown, .dx-icon-arrowleft, .dx-icon-arrowright, .dx-icon-arrowup, .dx-icon-attach, .dx-icon-back, .dx-icon-background, .dx-icon-bell, .dx-icon-belloutline, .dx-icon-blockquote, .dx-icon-bmpfile, .dx-icon-bold, .dx-icon-bookmark, .dx-icon-box, .dx-icon-bulletlist, .dx-icon-car, .dx-icon-card, .dx-icon-cart, .dx-icon-cellproperties, .dx-icon-chart, .dx-icon-check, .dx-icon-checklist, .dx-icon-chevrondoubleleft, .dx-icon-chevrondoubleright, .dx-icon-chevrondown, .dx-icon-chevronleft, .dx-icon-chevronnext, .dx-icon-chevronprev, .dx-icon-chevronright, .dx-icon-chevronup, .dx-icon-clear, .dx-icon-clearcircle, .dx-icon-clearformat, .dx-icon-clearsquare, .dx-icon-clock, .dx-icon-close, .dx-icon-codeblock, .dx-icon-coffee, .dx-icon-collapse, .dx-icon-color, .dx-icon-columnchooser, .dx-icon-columnfield, .dx-icon-columnproperties, .dx-icon-comment, .dx-icon-contains, .dx-icon-contentlayout, .dx-icon-copy, .dx-icon-cut, .dx-icon-dataarea, .dx-icon-datafield, .dx-icon-datapie, .dx-icon-datatrending, .dx-icon-datausage, .dx-icon-decreaseindent, .dx-icon-decreaselinespacing, .dx-icon-deletecolumn, .dx-icon-deleterow, .dx-icon-deletetable, .dx-icon-description, .dx-icon-detailslayout, .dx-icon-doc, .dx-icon-docfile, .dx-icon-docxfile, .dx-icon-doesnotcontain, .dx-icon-download, .dx-icon-dragvertical, .dx-icon-edit, .dx-icon-edittableheader, .dx-icon-email, .dx-icon-endswith, .dx-icon-equal, .dx-icon-errorcircle, .dx-icon-event, .dx-icon-eventall, .dx-icon-expand, .dx-icon-expandform, .dx-icon-export, .dx-icon-exportpdf, .dx-icon-exportselected, .dx-icon-exportxlsx, .dx-icon-eyeclose, .dx-icon-eyeopen, .dx-icon-favorites, .dx-icon-fieldchooser, .dx-icon-fields, .dx-icon-file, .dx-icon-fill, .dx-icon-filter, .dx-icon-find, .dx-icon-floppy, .dx-icon-folder, .dx-icon-font, .dx-icon-fontsize, .dx-icon-food, .dx-icon-formula, .dx-icon-fullscreen, .dx-icon-gift, .dx-icon-globe, .dx-icon-greater, .dx-icon-greaterorequal, .dx-icon-group, .dx-icon-growfont, .dx-icon-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-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-pinmap: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-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-tab .dx-icon, .dx-tab.dx-tab-selected .dx-icon {
    background-size: 100% 100%;
    background-position: 50% 50%
}

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

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

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

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

    .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 {
    opacity: .5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default
}

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

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

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

.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 {
    display: table;
    content: "";
    line-height: 0
}

.dx-field::after {
    clear: both
}

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

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

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

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

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

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

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

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

.dx-field {
    position: relative;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715;
    min-height: 36px;
    padding: 0
}

    .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 {
        pointer-events: none;
        font-weight: 700;
        position: absolute;
        top: 50%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        font-size: 13px;
        background-color: #d9534f;
        color: #fff;
        content: "!";
        border-radius: 50%;
        left: 0
    }

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

.dx-field-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 {
    white-space: normal;
    padding: 8px 10px 9px
}

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

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

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

.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 {
    background-color: #337ab7 !important;
    fill: #337ab7 !important
}

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

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

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

.dx-theme-border-color-as-background-color {
    background-color: #ddd !important;
    fill: #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 {
    top: 0;
    height: 100%;
    width: 3px
}

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

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

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

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

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

.dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right, .dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right {
    width: 6px;
    height: 6px
}

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

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

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

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

.dx-resizable-handle-corner-top-left, .dx-resizable-handle-corner-top-right {
    top: 0
}

.dx-resizable-handle-corner-bottom-left, .dx-resizable-handle-corner-bottom-right {
    bottom: 0
}

.dx-draggable {
    left: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

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

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

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

.dx-clearfix::after {
    clear: both
}

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

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

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

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

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

.dx-animating {
    pointer-events: none
}

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

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

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

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

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

.dx-overflow-animation.dx-leave.dx-backward {
    transform: translate3d(0,0,0);
    z-index: 2
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dx-android-pop-animation.dx-enter.dx-forward, .dx-android-pop-animation.dx-leave.dx-backward {
    z-index: 1
}

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

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

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

.dx-ios7-slide-animation.dx-enter.dx-enter-active.dx-backward {
    transform: translate3d(0,0,0);
    z-index: 1
}

.dx-ios7-slide-animation.dx-leave.dx-forward {
    z-index: 1;
    transform: translate3d(0,0,0)
}

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

.dx-ios7-slide-animation.dx-leave.dx-backward {
    z-index: 2
}

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

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

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

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

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

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

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

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

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

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

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

    .dx-3d-drop-animation.dx-enter.dx-enter-active, .dx-3d-drop-animation.dx-leave {
        transform: rotate3d(1,0,0,0) translate3d(0,0,0) scale3d(1,1,1);
        opacity: 1
    }

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

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

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

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

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

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

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

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

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

.dx-button-disabled {
    cursor: default
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: transparent;
        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: transparent;
        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: transparent;
        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: transparent;
    border-color: #ddd;
    color: #333
}

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

    .dx-button-mode-outlined.dx-state-selected {
        background-color: rgba(0,0,0,.17)
    }

    .dx-button-mode-outlined.dx-state-hover {
        background-color: rgba(0,0,0,.04)
    }

    .dx-button-mode-outlined.dx-state-focused {
        background-color: rgba(0,0,0,.08)
    }

    .dx-button-mode-outlined.dx-state-active {
        background-color: rgba(0,0,0,.24);
        color: #333
    }

    .dx-button-mode-outlined.dx-button-danger {
        background-color: transparent;
        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: rgba(217,83,79,.3)
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-focused, .dx-button-mode-outlined.dx-button-danger.dx-state-hover {
            background-color: rgba(212,63,58,.1)
        }

        .dx-button-mode-outlined.dx-button-danger.dx-state-active {
            background-color: rgba(212,63,58,.4);
            color: #d43f3a
        }

    .dx-button-mode-outlined.dx-button-success {
        background-color: transparent;
        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: rgba(92,184,92,.3)
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-focused, .dx-button-mode-outlined.dx-button-success.dx-state-hover {
            background-color: rgba(76,174,76,.1)
        }

        .dx-button-mode-outlined.dx-button-success.dx-state-active {
            background-color: rgba(76,174,76,.4);
            color: #4cae4c
        }

    .dx-button-mode-outlined.dx-button-default {
        background-color: transparent;
        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: rgba(51,122,183,.3)
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-focused, .dx-button-mode-outlined.dx-button-default.dx-state-hover {
            background-color: rgba(45,109,163,.1)
        }

        .dx-button-mode-outlined.dx-button-default.dx-state-active {
            background-color: rgba(45,109,163,.4);
            color: #2d6da3
        }

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

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

    .dx-button-mode-text.dx-state-selected {
        background-color: rgba(0,0,0,.17)
    }

    .dx-button-mode-text.dx-state-hover {
        background-color: rgba(0,0,0,.04)
    }

    .dx-button-mode-text.dx-state-focused {
        background-color: rgba(0,0,0,.08)
    }

    .dx-button-mode-text.dx-state-active {
        background-color: rgba(0,0,0,.24);
        color: #333
    }

    .dx-button-mode-text.dx-button-danger {
        background-color: transparent;
        border-color: transparent;
        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: rgba(217,83,79,.3)
        }

        .dx-button-mode-text.dx-button-danger.dx-state-focused, .dx-button-mode-text.dx-button-danger.dx-state-hover {
            background-color: rgba(212,63,58,.1)
        }

        .dx-button-mode-text.dx-button-danger.dx-state-active {
            background-color: rgba(212,63,58,.4);
            color: #d43f3a
        }

    .dx-button-mode-text.dx-button-success {
        background-color: transparent;
        border-color: transparent;
        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: rgba(92,184,92,.3)
        }

        .dx-button-mode-text.dx-button-success.dx-state-focused, .dx-button-mode-text.dx-button-success.dx-state-hover {
            background-color: rgba(76,174,76,.1)
        }

        .dx-button-mode-text.dx-button-success.dx-state-active {
            background-color: rgba(76,174,76,.4);
            color: #4cae4c
        }

    .dx-button-mode-text.dx-button-default {
        background-color: transparent;
        border-color: transparent;
        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: rgba(51,122,183,.3)
        }

        .dx-button-mode-text.dx-button-default.dx-state-focused, .dx-button-mode-text.dx-button-default.dx-state-hover {
            background-color: rgba(45,109,163,.1)
        }

        .dx-button-mode-text.dx-button-default.dx-state-active {
            background-color: rgba(45,109,163,.4);
            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-start-start-radius: 4px;
        border-end-start-radius: 4px
    }

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

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

.dx-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;
    position: relative;
    height: 100%
}

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

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

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

.dx-scrollable-native.dx-scrollable-disabled, .dx-scrollable-native.dx-scrollable-disabled .dx-scrollable-container {
    touch-action: auto
}

.dx-scrollable-native.dx-scrollable-scrollbars-hidden > .dx-scrollable-wrapper > .dx-scrollable-container {
    overflow: hidden
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
    min-height: 101%;
    box-sizing: content-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dx-scrollable-scroll-content {
    width: 100%;
    height: 100%;
    background-color: rgba(191,191,191,.7)
}

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

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

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

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

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

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

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

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

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

    .dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-hoverable.dx-state-hover {
        background-color: rgba(191,191,191,.2)
    }

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

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

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

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

        .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-right: 0;
    padding-left: 8px
}

.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 {
    position: absolute;
    display: none
}

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

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

    .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 {
        position: relative;
        top: 0;
        padding: 4px;
        margin: 0;
        height: 100%;
        width: 100%;
        float: left;
        box-sizing: border-box
    }

        .dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down .dx-scrollview-pull-down-indicator .dx-loadindicator {
            float: left
        }

.dx-scrollable-native.dx-scrollable-native-android .dx-icon-pulldown {
    width: 100%;
    height: 100%;
    padding: 8px;
    font-size: 24px;
    box-sizing: border-box;
    transition: opacity .2s
}

.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 {
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: contain;
    transition: opacity .2s
}

.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down-loading .dx-icon-pulldown {
    display: none
}

.dx-scrollable-native.dx-scrollable-native-ios .dx-scrollview-top-pocket {
    position: absolute;
    left: 0;
    width: 100%;
    overflow-y: auto;
    transition: transform .4s;
    transform: translate(0,0)
}

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

.dx-scrollview-content {
    position: static
}

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

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

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

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

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

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

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

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

        .dx-scrollview-pull-down-text div.dx-scrollview-pull-down-text-visible {
            opacity: 1
        }

.dx-scrollview-pull-down-ready .dx-scrollview-pull-down-image {
    transform: translate(0,0) rotate(-180deg)
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-image {
    opacity: 0
}

.dx-scrollview-pull-down-loading .dx-scrollview-pull-down-indicator {
    opacity: 1
}

.dx-scrollview-scrollbottom {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
    text-align: center;
    transform: translate(0,0)
}

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

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

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

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

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

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

.dx-rtl .dx-scrollview-pull-down-indicator, .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 {
    width: 24px;
    height: 24px
}

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

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

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

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

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

.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 {
        border-color: #f4f4f4;
        background-color: #fff
    }

    .dx-checkbox.dx-state-hover .dx-checkbox-icon {
        border: 1px solid #265a87
    }

    .dx-checkbox.dx-state-focused .dx-checkbox-icon {
        border: 1px solid #337ab7
    }

    .dx-checkbox.dx-state-active .dx-checkbox-icon {
        background-color: rgba(96,96,96,.2)
    }

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

.dx-checkbox-checked .dx-checkbox-icon {
    font: 16px/1em DXIcons;
    color: #337ab7;
    text-align: center
}

    .dx-checkbox-checked .dx-checkbox-icon::before {
        content: "\f005";
        position: relative;
        display: block;
        width: 1em;
        top: 50%;
        margin-top: -.5em;
        left: 50%;
        margin-left: -.5em
    }

.dx-rtl .dx-checkbox-checked .dx-checkbox-icon::before, .dx-rtl.dx-checkbox-checked .dx-checkbox-icon::before {
    left: 0;
    margin-left: 0;
    right: 50%;
    margin-right: -.5em
}

.dx-checkbox-indeterminate .dx-checkbox-icon {
    color: #337ab7;
    text-align: center;
    line-height: 1em;
    font-size: 12px
}

    .dx-checkbox-indeterminate .dx-checkbox-icon::before {
        position: relative;
        display: block;
        width: 1em;
        top: 50%;
        margin-top: -.5em;
        left: 50%;
        margin-left: -.5em;
        content: "";
        background-color: #337ab7;
        border-radius: 2px;
        height: 1em
    }

.dx-rtl .dx-checkbox-indeterminate .dx-checkbox-icon::before, .dx-rtl.dx-checkbox-indeterminate .dx-checkbox-icon::before {
    left: 0;
    margin-left: 0;
    right: 50%;
    margin-right: -.5em
}

.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: 1px solid rgba(217,83,79,.4)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .dx-switch.dx-state-active .dx-switch-container {
        border-color: #337ab7;
        background-color: rgba(96,96,96,.2)
    }

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

    .dx-switch.dx-state-hover .dx-switch-container {
        background-color: transparent;
        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 {
    width: 200%;
    height: 100%
}

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

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

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

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

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

.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: rgba(217,83,79,.4)
}

.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: rgba(217,83,79,.4)
}

.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-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-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-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-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    position: relative;
    display: flex;
    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 {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

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

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

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

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

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

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

.dx-tabs:not(.dx-tabs-vertical) .dx-tabs-scrollable .dx-tab {
    flex-basis: 100%;
    min-width: -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 {
    position: relative;
    display: inline-flex;
    align-items: stretch;
    justify-content: center;
    flex-basis: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    cursor: pointer;
    gap: 4px;
    padding: 10px 9px;
    background-color: #f7f7f7;
    color: #333
}

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

.dx-tab-content {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%
}

.dx-tab-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    -webkit-user-drag: none
}

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

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

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

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

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

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

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

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

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

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

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

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

    .dx-tab.dx-state-hover::after {
        -webkit-border-before: 1px solid #ddd;
        border-block-start: 1px solid #ddd;
        -webkit-border-end: none;
        border-inline-end: none;
        -webkit-border-after: 1px solid #ddd;
        border-block-end: 1px solid #ddd;
        -webkit-border-start: 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;
        border-block-start: 1px solid #ddd;
        -webkit-border-end: 1px solid #ddd;
        border-inline-end: 1px solid #ddd;
        -webkit-border-after: 1px solid #ddd;
        border-block-end: 1px solid #ddd;
        -webkit-border-start: 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: rgba(88,88,88,.2);
    color: #333
}

    .dx-tab.dx-state-active::after {
        -webkit-border-before: 1px solid #d8d8d8;
        border-block-start: 1px solid #d8d8d8;
        -webkit-border-end: 1px solid #d8d8d8;
        border-inline-end: 1px solid #d8d8d8;
        -webkit-border-after: 1px solid #d8d8d8;
        border-block-end: 1px solid #d8d8d8;
        -webkit-border-start: 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 {
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 4px;
    color: #333;
    line-height: 1.285715
}

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

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

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

.dx-tabs.dx-state-focused .dx-tab.dx-state-focused::after {
    -webkit-border-before: 1px solid #337ab7;
    border-block-start: 1px solid #337ab7;
    -webkit-border-end: 1px solid #337ab7;
    border-inline-end: 1px solid #337ab7;
    -webkit-border-after: 1px solid #337ab7;
    border-block-end: 1px solid #337ab7;
    -webkit-border-start: 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 #aaaaaa;
    border-block-start: 1px solid #aaaaaa;
    -webkit-border-end: 1px solid #aaaaaa;
    border-inline-end: 1px solid #aaaaaa;
    -webkit-border-after: 1px solid #aaaaaa;
    border-block-end: 1px solid #aaaaaa;
    -webkit-border-start: 1px solid #aaaaaa;
    border-inline-start: 1px solid #aaaaaa
}

.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 {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1px;
    left: -1px;
    z-index: 2
}

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

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

.dx-tabs-vertical .dx-tab.dx-state-active::after {
    -webkit-border-before: 1px solid #d8d8d8;
    border-block-start: 1px solid #d8d8d8;
    -webkit-border-end: 1px solid #d8d8d8;
    border-inline-end: 1px solid #d8d8d8;
    -webkit-border-after: 1px solid #d8d8d8;
    border-block-end: 1px solid #d8d8d8;
    -webkit-border-start: 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 #aaaaaa;
    border-block-start: 1px solid #aaaaaa;
    -webkit-border-end: 1px solid #aaaaaa;
    border-inline-end: 1px solid #aaaaaa;
    -webkit-border-after: 1px solid #aaaaaa;
    border-block-end: 1px solid #aaaaaa;
    -webkit-border-start: 1px solid #aaaaaa;
    border-inline-start: 1px solid #aaaaaa
}

.dx-tabs-vertical.dx-state-focused .dx-tab.dx-state-focused::after {
    -webkit-border-before: 1px solid #337ab7;
    border-block-start: 1px solid #337ab7;
    -webkit-border-end: 1px solid #337ab7;
    border-inline-end: 1px solid #337ab7;
    -webkit-border-after: 1px solid #337ab7;
    border-block-end: 1px solid #337ab7;
    -webkit-border-start: 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;
    border-inline-end: 1px solid #ddd;
    -webkit-border-after: none;
    border-block-end: none
}

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

.dx-tabs {
    color: #ddd
}

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

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

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

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

.dx-tabs-nav-buttons .dx-tabs-wrapper {
    -webkit-border-before: 1px solid #ddd;
    border-block-start: 1px solid #ddd;
    -webkit-border-after: 1px solid #ddd;
    border-block-end: 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;
    border-inline-start: 1px solid #ddd;
    -webkit-border-end: 1px solid #ddd;
    border-inline-end: 1px solid #ddd;
    -webkit-border-before: none;
    border-block-start: none;
    -webkit-border-after: none;
    border-block-end: none
}

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

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

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

    .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: rgba(88,88,88,.2)
    }

        .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 {
    width: 100%;
    height: 38px;
    border-color: #ddd
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.dx-texteditor {
    display: block
}

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

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

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

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

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

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

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

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

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

    .dx-texteditor-input::-moz-placeholder {
        color: transparent
    }

    .dx-texteditor-input::placeholder {
        color: transparent
    }

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

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

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

.dx-texteditor-empty .dx-clear-button-area {
    display: none
}

.dx-state-disabled .dx-placeholder {
    cursor: auto
}

.dx-state-disabled .dx-clear-button-area {
    display: none
}

.dx-state-disabled .dx-texteditor-input {
    opacity: 1
}

.dx-texteditor.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: rgba(51,51,51,.05);
    border: 1px solid transparent;
    border-radius: 4px
}

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

    .dx-texteditor.dx-state-readonly.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(51,51,51,.03)
    }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-focused {
            background-color: rgba(51,51,51,.03)
        }

        .dx-texteditor.dx-state-readonly.dx-editor-filled.dx-state-hover {
            background-color: rgba(51,122,183,.07)
        }

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

.dx-texteditor.dx-state-hover {
    border-color: rgba(51,122,183,.4)
}

    .dx-texteditor.dx-state-hover.dx-editor-filled {
        border-color: transparent;
        background-color: rgba(51,122,183,.1)
    }

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

.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 {
    width: 34px;
    min-width: 34px;
    right: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
        content: "";
        width: 100%;
        position: absolute;
        height: 3px;
        top: -1.5px;
        -webkit-margin-start: -2px;
        margin-inline-start: -2px;
        background-color: #fff
    }

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

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

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before {
        border-style: 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-floating-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-readonly .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-disabled .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-state-readonly .dx-label-before {
        border-color: rgba(51,51,51,.5);
        border-bottom-color: rgba(51,51,51,.5)
    }

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid .dx-label-before {
        border-color: rgba(217,83,79,.4);
        border-bottom-color: rgba(217,83,79,.4)
    }

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-invalid.dx-state-hover .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-focused .dx-label-before, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-after, .dx-editor-outlined.dx-texteditor-with-label.dx-invalid.dx-state-hover .dx-label-before {
        border-color: #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: rgba(51,122,183,.4);
        border-bottom-color: rgba(51,122,183,.4)
    }

    .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-top-width: 0;
        border-bottom-width: 1px
    }

    .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 {
        margin: 0;
        -webkit-clip-path: none;
        clip-path: none;
        border-top-width: 1px;
        border-radius: 0;
        border-start-end-radius: 1px;
        border-end-end-radius: 1px;
        -webkit-margin-start: 0;
        margin-inline-start: 0;
        padding: 0
    }

        .dx-editor-outlined.dx-texteditor-label-outside .dx-label span {
            position: absolute;
            width: 100%;
            cursor: default;
            pointer-events: auto;
            font-size: 14px;
            margin-top: 0;
            top: -24px;
            height: 1.4285714286em;
            line-height: 1.4285714286em
        }

.dx-editor-outlined.dx-texteditor-with-floating-label .dx-placeholder {
    display: none
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
    display: block
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label {
    padding: 0 2px;
    border-top-width: 1px
}

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label span {
        transition: font-size .2s cubic-bezier(0, 0, .2, 1),transform .2s cubic-bezier(0, 0, .2, 1),top .2s cubic-bezier(0, 0, .2, 1);
        transform: translate(0,0);
        font-size: 14px;
        top: 50%;
        margin-top: -8.5px;
        height: 19px;
        line-height: normal
    }

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-label::before {
        background-color: transparent
    }

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-label span {
    top: 7px;
    margin-top: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label {
    border-top-width: 0
}

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label span {
        transform: translate(0,-7.5px);
        font-size: 12px;
        margin-top: 0;
        top: 0;
        height: 19px;
        line-height: normal
    }

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active .dx-label::before, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused .dx-label::before {
        background-color: #fff
    }

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-dropdowneditor-active.dx-textarea .dx-label span, .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-focused.dx-textarea .dx-label span {
    top: 0;
    margin-top: 0
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
    display: none
}

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label {
    padding: 0 2px;
    border-top-width: 1px
}

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label span {
        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);
        transform: translate(0,0);
        font-size: 14px;
        top: 50%;
        margin-top: -8.5px;
        height: 19px;
        line-height: normal
    }

    .dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused .dx-label::before {
        background-color: transparent
    }

.dx-editor-outlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-state-focused.dx-textarea .dx-label span {
    top: 7px;
    margin-top: 0
}

.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-top: 13px;
    padding-bottom: 2px
}

    .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;
    top: 0;
    margin-top: 0
}

.dx-editor-filled.dx-texteditor-label-outside {
    margin-top: 24px
}

    .dx-editor-filled.dx-texteditor-label-outside .dx-texteditor-label {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        user-select: auto;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        margin-top: 0;
        top: -24px
    }

    .dx-editor-filled.dx-texteditor-label-outside .dx-label {
        cursor: default
    }

        .dx-editor-filled.dx-texteditor-label-outside .dx-label span {
            width: 100%;
            pointer-events: auto;
            position: absolute;
            margin-bottom: 0
        }

.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder, .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
    display: none
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
    transition: font-size .2s cubic-bezier(0, 0, .2, 1),transform .2s cubic-bezier(0, 0, .2, 1),top .2s cubic-bezier(0, 0, .2, 1);
    font-size: 14px;
    height: 19px;
    line-height: 1.35715;
    top: 50%;
    margin-top: -9.5px
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
    top: 13px;
    margin-top: 0
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
    display: block
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
    height: 19px;
    line-height: 1.35715;
    font-size: 12px;
    top: 0;
    margin-top: 0
}

.dx-editor-filled.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label, .dx-editor-filled.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
    top: 0;
    margin-top: 0
}

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field, .dx-editor-underlined.dx-texteditor-with-floating-label .dx-placeholder::before, .dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-input, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-placeholder::before, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-texteditor-input {
    padding-top: 11px;
    padding-bottom: 4px
}

    .dx-editor-underlined.dx-texteditor-with-floating-label .dx-lookup-field .dx-placeholder::before, .dx-editor-underlined.dx-texteditor-with-label:not(.dx-texteditor-label-outside) .dx-lookup-field .dx-placeholder::before {
        padding: 0
    }

.dx-editor-underlined.dx-texteditor-with-floating-label .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-label .dx-texteditor-label {
    transform: translate(0,0);
    height: 19px;
    line-height: 1.35715;
    top: 0;
    margin-top: 0
}

.dx-editor-underlined.dx-texteditor-label-outside {
    margin-top: 24px
}

    .dx-editor-underlined.dx-texteditor-label-outside .dx-texteditor-label {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        user-select: auto;
        font-size: 14px;
        height: 20px;
        line-height: 20px;
        top: -24px;
        margin-top: 0
    }

    .dx-editor-underlined.dx-texteditor-label-outside .dx-label {
        cursor: default
    }

        .dx-editor-underlined.dx-texteditor-label-outside .dx-label span {
            width: 100%;
            pointer-events: auto;
            position: absolute;
            margin-bottom: 0
        }

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-placeholder, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-placeholder {
    display: none
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly .dx-texteditor-label {
    transition: font-size .2s cubic-bezier(0, 0, .2, 1),transform .2s cubic-bezier(0, 0, .2, 1),top .2s cubic-bezier(0, 0, .2, 1);
    transform: translate(0,0);
    font-size: 14px;
    height: 19px;
    line-height: 1.35715;
    top: 50%;
    margin-top: -9.5px
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-state-readonly.dx-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-texteditor-empty.dx-textarea .dx-texteditor-label {
    top: 11px;
    margin-top: 0
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-placeholder, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-placeholder {
    display: block
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused .dx-texteditor-label {
    transform: translate(0,0);
    font-size: 12px;
    height: 19px;
    line-height: 1.35715;
    top: 0;
    margin-top: 0
}

.dx-editor-underlined.dx-texteditor-with-floating-label.dx-dropdowneditor-active.dx-textarea .dx-texteditor-label, .dx-editor-underlined.dx-texteditor-with-floating-label.dx-state-focused.dx-textarea .dx-texteditor-label {
    top: 0;
    margin-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: rgba(217,83,79,.4)
}

    .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 {
        pointer-events: none;
        font-weight: 700;
        position: absolute;
        top: 50%;
        margin-top: -9px;
        width: 18px;
        height: 18px;
        text-align: center;
        line-height: 18px;
        font-size: 13px;
        background-color: #d9534f;
        color: #fff;
        content: "!";
        border-radius: 50%
    }

    .dx-invalid.dx-texteditor.dx-editor-filled {
        background-color: rgba(217,83,79,.1);
        border-color: transparent
    }

        .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 {
    pointer-events: none;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    font-family: DXIcons,sans-serif;
    color: #5cb85c;
    content: "\f005";
    opacity: 0;
    transform: scale(0);
    animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards dx-valid-badge-frames
}

.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 {
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px
}

.dx-texteditor-buttons-container > .dx-button {
    margin-top: 1px;
    margin-bottom: 1px;
    -webkit-margin-start: 1px;
    margin-inline-start: 1px;
    -webkit-margin-end: 1px;
    margin-inline-end: 1px
}

    .dx-texteditor-buttons-container > .dx-button > .dx-button-content {
        padding-top: 5px;
        padding-bottom: 6px
    }

    .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 {
    font: 17px/18px DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    text-align: center;
    color: #999
}

    .dx-searchbox .dx-icon-search::before {
        content: "\f027";
        color: #999
    }

.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;
    overflow: hidden;
    height: 100%;
    display: flex
}

    .dx-dropdowneditor-input-wrapper .dx-texteditor {
        border: none;
        margin: 0;
        display: flex;
        flex-grow: 1
    }

    .dx-dropdowneditor-input-wrapper .dx-texteditor-input {
        text-overflow: ellipsis
    }

.dx-dropdowneditor-field-template-wrapper {
    display: flex;
    flex-grow: 1;
    position: relative;
    align-items: baseline
}

    .dx-dropdowneditor-field-template-wrapper > * {
        flex-grow: 1
    }

.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    opacity: .35
}

.dx-dropdowneditor-button {
    position: relative;
    display: inline-flex;
    float: right;
    height: 100%;
    cursor: pointer;
    width: 34px;
    min-width: 34px;
    padding: 1px;
    border-radius: 4px
}

    .dx-dropdowneditor-button .dx-button-content {
        text-align: center;
        white-space: nowrap
    }

.dx-rtl .dx-dropdowneditor-button, .dx-rtl.dx-dropdowneditor-button {
    float: left
}

.dx-dropdowneditor-button.dx-dropdowneditor-readonly {
    cursor: default
}

.dx-dropdowneditor-icon {
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid transparent;
    color: #333;
    font: 18px/18px DXIcons;
    width: 32px;
    height: 100%;
    text-align: center;
    border-radius: 3px
}

.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";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -9px;
    left: 50%;
    margin-left: -9px
}

.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 {
    border: none;
    background: 0 0
}

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

.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: rgba(51,122,183,.2)
}

.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
    background-color: #b3b3b3;
    border-color: transparent;
    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: rgba(51,122,183,.3)
}

.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: rgba(217,83,79,.2)
}

.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: rgba(217,83,79,.3)
}

.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 {
    margin: 0;
    min-height: 3em;
    border: none
}

    .dx-list .dx-scrollview-content:focus {
        outline: 0
    }

.dx-wrap-item-text > .dx-list-group > .dx-list-group-body > .dx-list-item > .dx-list-item-content, .dx-wrap-item-text > .dx-list-item > .dx-list-item-content {
    white-space: normal
}

.dx-empty-collection .dx-list-select-all {
    display: none
}

.dx-list-collapsible-groups .dx-list-group-header {
    cursor: pointer
}

.dx-list-group-body {
    overflow: hidden
}

.dx-list-item {
    position: static;
    cursor: pointer;
    display: table;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dx-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    width: 100%
}

    .dx-list-item-content::before {
        content: "_";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left
    }

.dx-list .dx-empty-message {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: start;
    min-height: 3em
}

.dx-list-item-badge-container {
    display: table-cell;
    width: 20px;
    text-align: right;
    vertical-align: middle
}

.dx-list-item-badge {
    float: right;
    position: relative
}

.dx-list-item-icon-container {
    display: inline-block
}

.dx-list-item-chevron {
    transform: rotate(0);
    opacity: 1
}

.dx-rtl .dx-list-item-chevron {
    transform: rotate(180deg)
}

.dx-list-item-response-wait {
    opacity: .5;
    transition: opacity .2s linear
}

.dx-list-slide-menu-content {
    display: table;
    width: 100%;
    table-layout: fixed
}

.dx-list-item-after-bag, .dx-list-item-before-bag {
    height: 100%;
    vertical-align: middle
}

    .dx-list-item-before-bag .dx-list-select-checkbox {
        float: left;
        transition: .1s linear
    }

.dx-list-select-all-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: move;
    background-repeat: no-repeat;
    touch-action: manipulation
}

.dx-state-disabled .dx-list-item-after-bag .dx-list-reorder-handle {
    cursor: default
}

.dx-list-switchable-menu-shield-positioning {
    position: relative;
    transform: translateZ(0)
}

.dx-list-switchable-delete-bottom-shield, .dx-list-switchable-delete-top-shield {
    position: absolute;
    right: 0;
    left: 0;
    cursor: pointer
}

.dx-list-switchable-delete-top-shield {
    top: 0
}

.dx-list-switchable-delete-bottom-shield {
    bottom: 0
}

.dx-list-switchable-delete-item-content-shield {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dx-list-switchable-delete-button-container {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.dx-list-switchable-delete-button-wrapper {
    display: table;
    height: 100%
}

.dx-list-switchable-delete-button-inner-wrapper {
    display: table-cell;
    height: 100%;
    vertical-align: middle
}

.dx-list-switchable-menu-item-shield-positioning, .dx-list-switchable-menu-item-shield-positioning .dx-list-item-content, .dx-list-switchable-menu-item-shield-positioning .dx-list-slide-menu-content {
    position: relative
}

.dx-list-switchable-delete-ready .dx-icon-toggle-delete {
    transform: rotate(-90deg)
}

.dx-list-slide-menu-buttons-container {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.dx-list-slide-menu-buttons {
    position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    display: table;
    height: 100%
}

.dx-list-slide-menu-button {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    bottom: 1px
}

.dx-list-static-delete-button .dx-button-content {
    overflow: visible
}

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

    .dx-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 {
    right: 100%;
    left: 0
}

.dx-rtl .dx-list .dx-list-slide-item-delete-button, .dx-rtl.dx-list .dx-list-slide-item-delete-button {
    right: auto;
    left: 0
}

.dx-rtl .dx-list .dx-list-group-header::before, .dx-rtl.dx-list .dx-list-group-header::before {
    float: left
}

.dx-list-item-chevron {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    -webkit-margin-start: -5px;
    margin-inline-start: -5px;
    color: #333
}

    .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 {
    width: 28px;
    height: 18px;
    vertical-align: top
}

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

.dx-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: rgba(0,0,0,.04);
    color: #333
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23333%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
    background-color: rgba(0,0,0,.1);
    color: #333
}

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .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: rgba(0,0,0,.07);
        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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23333%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

.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-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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
        background-color: rgba(51,122,183,.7);
        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-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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23fff%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

.dx-list-group-header {
    font-weight: 700;
    padding: 20px 10px 10px;
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #ddd;
    background: rgba(238,238,238,.05);
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.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 {
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px 5px 0;
    content: " "
}

.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-size: 100%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.0.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22dx_l_3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20style%3D%22fill%3A%23333%3B%22%20d%3D%22M12%2C2C6.5%2C2%2C2%2C6.5%2C2%2C12c0%2C5.5%2C4.5%2C10%2C10%2C10s10-4.5%2C10-10C22%2C6.5%2C17.5%2C2%2C12%2C2z%20M18%2C13H6v-2h12V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-list-item.dx-list-item-ghost-reordering.dx-state-focused.dx-state-hover {
    color: #959595;
    background: #fff;
    border-top: 1px solid rgba(51,122,183,.5);
    border-bottom: 1px solid rgba(51,122,183,.5);
    box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2)
}

.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-top: none;
    border-bottom: none
}

.dx-list .dx-empty-message, .dx-list-item-content {
    padding: 10px
}

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

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

.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 {
    border: none;
    background: 0 0;
    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 {
    transition: .1s linear;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px;
    -webkit-margin-end: 5px;
    margin-inline-end: 5px;
    width: 19px;
    height: 19px
}

.dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: -1px;
    margin-bottom: -3px;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px
}

.dx-list-select-all {
    white-space: nowrap;
    padding: 9px 0 8px;
    border-bottom: 1px solid #ddd
}

.dx-list-select-all-checkbox {
    margin-top: -1px;
    margin-bottom: -3px;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-margin-start: 10px;
    margin-inline-start: 10px
}

.dx-list-select-all-label {
    line-height: 17px;
    padding: 0 10px;
    margin-top: 1px
}

.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 {
    font: 18px/18px DXIcons;
    width: 28.8px;
    height: 28.8px;
    background-position: 5px 5px;
    background-size: 18px 18px;
    padding: 5px;
    text-align: center
}

    .dx-list-item-after-bag .dx-list-reorder-handle::before {
        content: "\f038"
    }

.dx-list-slide-menu-button-delete {
    border: 1px solid transparent;
    color: #fff;
    background-color: #d9534f
}

.dx-list-slide-menu-button-menu {
    border: 1px solid transparent;
    color: #fff;
    background-color: #337ab7
}

.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 rgba(0,0,0,.1)
}

.dx-state-disabled .dx-list-item, .dx-state-disabled.dx-list-item {
    background-color: transparent;
    opacity: .6
}

.dx-textarea {
    height: auto
}

    .dx-textarea .dx-texteditor-input-container {
        align-items: stretch;
        margin: 0
    }

    .dx-textarea .dx-texteditor-input {
        resize: none;
        font-family: inherit;
        display: block;
        overflow: auto;
        white-space: pre-wrap;
        margin: 0
    }

    .dx-textarea .dx-texteditor-input-auto-resize {
        overflow-y: hidden
    }

    .dx-textarea .dx-placeholder {
        height: auto
    }

        .dx-textarea .dx-placeholder::before {
            white-space: normal
        }

        .dx-textarea .dx-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 {
        top: 0;
        margin-top: 0
    }

.dx-numberbox {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

    .dx-numberbox input[type=number] {
        -moz-appearance: textfield
    }

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

.dx-numberbox-spin-container {
    height: 100%
}

.dx-numberbox-spin-down, .dx-numberbox-spin-up {
    position: relative;
    width: 100%;
    height: 50%;
    cursor: pointer
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up {
    width: 50%;
    height: 100%;
    display: inline-block
}

.dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon {
    width: 100%;
    height: 100%
}

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

.dx-numberbox-spin-container {
    overflow: hidden;
    width: 34px;
    border-radius: 4px
}

.dx-numberbox-spin-up-icon {
    font: 14px/1 DXIcons;
    color: #333
}

    .dx-numberbox-spin-up-icon::before {
        content: "\f002"
    }

.dx-numberbox-spin-down-icon {
    font: 14px/1 DXIcons;
    color: #333
}

    .dx-numberbox-spin-down-icon::before {
        content: "\f001"
    }

.dx-numberbox-spin-down-icon, .dx-numberbox-spin-up-icon {
    font-size: 18px;
    text-align: center;
    line-height: 18px
}

    .dx-numberbox-spin-down-icon::before, .dx-numberbox-spin-up-icon::before {
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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 {
    box-shadow: 0 0 0 1px transparent inset;
    background-color: #e6e6e6
}

.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 {
    width: 74px;
    -webkit-border-start: none;
    border-inline-start: none
}

.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-down-icon, .dx-numberbox-spin-touch-friendly .dx-numberbox-spin-up-icon {
    background-position: center
}

.dx-calendar {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    position: relative;
    display: flex;
    direction: ltr;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid transparent;
    width: 282px;
    height: 268px;
    background-color: #fff;
    gap: 8px
}

    .dx-calendar.dx-rtl {
        direction: rtl
    }

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

.dx-calendar-navigator {
    display: flex;
    justify-content: space-between
}

    .dx-calendar-navigator .dx-calendar-caption-button {
        flex-grow: 1;
        overflow: hidden
    }

    .dx-calendar-navigator .dx-button .dx-button-text {
        text-transform: none
    }

    .dx-calendar-navigator .dx-button.dx-state-active, .dx-calendar-navigator .dx-button.dx-state-hover {
        z-index: 1
    }

.dx-calendar-body {
    overflow: hidden;
    display: flex;
    flex: 1 1 auto
}

    .dx-calendar-body .dx-widget {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .dx-calendar-body table {
        width: 100%;
        height: 100%;
        table-layout: fixed;
        border-spacing: 0;
        line-height: normal
    }

    .dx-calendar-body td, .dx-calendar-body th {
        padding: 0
    }

    .dx-calendar-body thead th {
        font-weight: 500;
        font-size: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333
    }

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

.dx-calendar-week-number-cell {
    position: relative;
    color: rgba(51,51,51,.56);
    width: 2em
}

    .dx-calendar-week-number-cell span {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        width: 2em;
        inset: 0;
        background-color: rgba(224,224,224,.5);
        inset-inline-start: 0
    }

.dx-calendar-cell {
    cursor: pointer;
    position: relative;
    text-align: center;
    font-size: 14px;
    color: #333
}

    .dx-calendar-cell span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
        border-radius: 4px;
        width: 2em;
        height: 2em
    }

.dx-calendar-footer {
    display: flex;
    align-items: center;
    justify-content: center
}

.dx-calendar-multiview .dx-calendar-caption-button .dx-button-content {
    justify-content: space-between;
    align-items: center
}

.dx-calendar-multiview .dx-calendar-body .dx-widget, .dx-calendar-multiview .dx-calendar-caption-button .dx-button-text {
    width: 50%
}

.dx-calendar-multiview .dx-calendar-body table {
    padding: 0 10px
}

.dx-calendar.dx-calendar-with-footer {
    height: 312px
}

.dx-calendar.dx-calendar-multiview {
    width: 564px
}

.dx-calendar.dx-invalid {
    border-color: rgba(217,83,79,.4)
}

    .dx-calendar.dx-invalid.dx-state-focused {
        border-color: #d9534f
    }

.dx-calendar-caption-button {
    font-weight: 600;
    border-radius: 0
}

.dx-calendar-navigator-previous-view {
    -webkit-margin-end: -1px;
    margin-inline-end: -1px;
    border-start-end-radius: 0;
    border-end-end-radius: 0
}

.dx-calendar-navigator-next-view {
    -webkit-margin-start: -1px;
    margin-inline-start: -1px;
    border-end-start-radius: 0;
    border-start-start-radius: 0
}

.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-start-radius: 0;
    border-start-end-radius: 0
}

.dx-calendar-body tbody tr:last-of-type .dx-calendar-week-number-cell span {
    border-end-start-radius: 0;
    border-end-end-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 {
    width: 4em;
    height: 4em;
    border-radius: 4px;
    word-spacing: 4em;
    line-height: 1em
}

.dx-calendar-cell.dx-calendar-today span {
    border: 2px solid #337ab7
}

.dx-calendar-cell.dx-state-hover span {
    background-color: rgba(51,122,183,.24);
    color: #333
}

.dx-calendar-cell.dx-state-active span {
    background-color: rgba(51,122,183,.4)
}

.dx-calendar-cell.dx-calendar-selected-date span {
    color: #fff;
    background-color: #337ab7
}

.dx-calendar-cell.dx-calendar-contoured-date span {
    box-shadow: 0 0 0 2px rgba(51,122,183,.5)
}

.dx-calendar-cell.dx-calendar-empty-cell, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view, .dx-calendar-cell.dx-calendar-other-view.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-state-hover span {
    color: rgba(51,51,51,.38)
}

    .dx-calendar-cell.dx-calendar-empty-cell.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-selected-date span {
        color: #fff
    }

    .dx-calendar-cell.dx-calendar-other-view::after, .dx-calendar-cell.dx-calendar-other-view::before {
        content: none
    }

    .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
        color: rgba(51,51,51,.38)
    }

    .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-hover span {
        background-color: rgba(51,122,183,.24)
    }

    .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date.dx-state-active span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date.dx-state-active span {
        background-color: rgba(51,122,183,.4)
    }

    .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-in-range span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-cell-range-hover span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-end-date span, .dx-calendar-cell.dx-calendar-other-view.dx-calendar-range-start-date span {
        color: rgba(51,51,51,.38);
        background-color: transparent
    }

.dx-calendar-cell.dx-calendar-empty-cell {
    cursor: default;
    color: rgba(51,51,51,.24)
}

    .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span {
        background-color: transparent
    }

    .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active.dx-calendar-selected-date span, .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover.dx-calendar-selected-date span {
        background-color: #337ab7
    }

.dx-calendar-cell-in-range::before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 2em;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    background-color: rgba(51,122,183,.24);
    border-width: 0;
    border-style: dashed;
    border-color: rgba(51,122,183,.6) transparent
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before, .dx-calendar-cell-in-range.dx-calendar-cell-end::before, .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before, .dx-calendar-cell-in-range.dx-calendar-cell-start::before, .dx-calendar-cell-in-range.dx-calendar-range-end-date::before, .dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
    width: calc(50% + 1em)
}

.dx-calendar-cell-in-range.dx-calendar-range-start-date::before {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-range-start-date.dx-calendar-range-end-date::before {
    content: none
}

.dx-calendar-cell-in-range.dx-calendar-range-end-date::before {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row::before {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-cell-end::before, .dx-calendar-cell-in-range.dx-calendar-cell-start-in-row.dx-calendar-range-end-date::before {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row::before {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-end-in-row.dx-calendar-range-start-date::before {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-in-range.dx-calendar-cell-start::before {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-range-end-date::before {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto;
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-start.dx-calendar-cell-end-in-row::before {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-in-range.dx-calendar-cell-end::before {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-in-range.dx-calendar-cell-end.dx-calendar-range-start-date::before {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-range-hover::after {
    content: "";
    position: absolute;
    z-index: 1;
    height: 2em;
    inset-inline-start: 0;
    inset-inline-end: 0;
    width: 100%;
    background-color: inherit;
    border-width: 1px;
    border-style: dashed;
    border-color: rgba(51,122,183,.6) transparent
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after, .dx-calendar-cell-range-hover.dx-calendar-cell-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
    width: calc(50% + 1em)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start::after {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-start.dx-calendar-cell-range-hover-end::after {
    content: none
}

.dx-calendar-cell-range-hover.dx-calendar-cell-range-hover-end::after {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row::after {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-end::after, .dx-calendar-cell-range-hover.dx-calendar-cell-start-in-row.dx-calendar-cell-range-hover-end::after {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row::after {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end-in-row.dx-calendar-cell-range-hover-start::after {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start::after {
    inset-inline-start: auto;
    border-start-start-radius: 4px;
    border-end-start-radius: 4px;
    border-inline-start-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-range-hover-end::after {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto;
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-start.dx-calendar-cell-end-in-row::after {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end::after {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-inline-end-color: rgba(51,122,183,0.6)
}

.dx-calendar-cell-range-hover.dx-calendar-cell-end.dx-calendar-cell-range-hover-start::after {
    width: 2em;
    inset-inline-start: calc(50% - 1em);
    inset-inline-end: auto
}

.dx-texteditor input[type=date]::-webkit-inner-spin-button {
    height: 20px
}

.dx-datebox-native.dx-state-focused.dx-texteditor-empty .dx-placeholder {
    display: none
}

.dx-datebox {
    max-width: 100%
}

    .dx-datebox .dx-texteditor-input::-webkit-datetime-edit {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dx-datebox.dx-texteditor-empty input::-webkit-datetime-edit {
        color: transparent
    }

    .dx-datebox.dx-texteditor-empty.dx-state-focused input::-webkit-datetime-edit {
        color: inherit
    }

.dx-datebox-wrapper .dx-popup-content {
    padding-top: 20px;
    padding-bottom: 20px
}

.dx-rtl .dx-texteditor-input {
    text-align: right
}

.dx-datebox-button-cell .dx-button {
    min-width: 90px
}

    .dx-datebox-button-cell .dx-button.dx-datebox-apply-button {
        margin-right: 10px;
        margin-left: 0
    }

    .dx-datebox-button-cell .dx-button.dx-datebox-cancel-button {
        margin-right: 0;
        margin-left: 0
    }

.dx-datebox-buttons-container {
    text-align: right;
    width: 100%
}

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

.dx-timeview-clock {
    position: relative;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22182%22%20height%3D%22182%22%20viewBox%3D%220%200%20182%20182%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20filter%3D%22url(../#a)%22%3E%0A%3Ccircle%20cx%3D%2291%22%20cy%3D%2291%22%20r%3D%2285%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20d%3D%22M88.835%2015.442v7.828h-1.682v-5.927c-.093.082-.203.16-.331.235a3.796%203.796%200%200%201-.4.198%204.92%204.92%200%200%201-.444.15%203.725%203.725%200%200%201-.454.085v-1.42a7.15%207.15%200%200%200%202.291-1.149h1.02Zm4.138%206.429h3.247v1.4h-5.094v-.578c0-.391.066-.742.197-1.052.132-.313.298-.592.497-.838.2-.249.416-.468.651-.657.239-.192.465-.364.678-.518.225-.16.42-.313.588-.459.17-.146.313-.29.427-.432.117-.146.205-.292.262-.438.057-.15.085-.308.085-.475%200-.328-.093-.575-.278-.743-.185-.167-.468-.25-.849-.25-.658%200-1.288.261-1.89.784v-1.484a4.065%204.065%200%200%201%202.254-.646c.387%200%20.735.052%201.04.155.31.1.572.244.786.432.213.189.375.419.486.689.114.267.17.566.17.897a2.5%202.5%200%200%201-.165.94%202.78%202.78%200%200%201-.433.747%203.902%203.902%200%200%201-.619.62c-.235.185-.479.365-.732.54-.17.12-.336.241-.496.362a4.299%204.299%200%200%200-.417.353%201.841%201.841%200%200%200-.288.336.585.585%200%200%200-.107.315Zm.364%20143.931c0%20.377-.066.729-.198%201.057a2.616%202.616%200%200%201-.55.854%202.595%202.595%200%200%201-1.9.769%202.71%202.71%200%200%201-1.16-.24%202.354%202.354%200%200%201-.859-.694%203.286%203.286%200%200%201-.54-1.122%205.522%205.522%200%200%201-.186-1.5c0-.659.08-1.255.24-1.789a4.19%204.19%200%200%201%20.694-1.378%203.131%203.131%200%200%201%202.537-1.196c.59%200%201.05.07%201.377.209v1.409a2.534%202.534%200%200%200-1.27-.331c-.285%200-.543.055-.775.166-.231.11-.43.267-.598.47a2.333%202.333%200%200%200-.39.737%203.294%203.294%200%200%200-.15.955h.033c.363-.502.899-.753%201.607-.753.317%200%20.604.057.86.171.256.114.475.276.657.486.181.207.322.456.421.748.1.292.15.616.15.972Zm-1.65.106c0-.822-.336-1.233-1.01-1.233a.99.99%200%200%200-.416.085.92.92%200%200%200-.32.241%201.129%201.129%200%200%200-.208.368c-.047.139-.07.294-.07.465%200%20.188.025.365.075.528.05.164.12.308.208.433.093.121.201.217.326.288a.827.827%200%200%200%20.416.107.9.9%200%200%200%20.412-.091.934.934%200%200%200%20.315-.261c.089-.114.156-.25.203-.406.046-.16.069-.335.069-.524Zm34.027-10.579c0%20.374-.065.712-.193%201.015a2.196%202.196%200%200%201-.55.779%202.399%202.399%200%200%201-.854.502%203.341%203.341%200%200%201-1.116.177c-.712%200-1.241-.107-1.586-.321v-.929c.52.335%201.052.502%201.597.502.277%200%20.527-.041.747-.123.224-.082.415-.196.572-.342.156-.146.275-.322.357-.528a1.75%201.75%200%200%200%20.128-.678c0-.499-.167-.889-.501-1.17-.335-.285-.821-.427-1.458-.427a12.509%2012.509%200%200%200-.668.021%206.259%206.259%200%200%200-.63.043l.262-3.839h3.54v.79h-2.782l-.155%202.248c.114-.007.235-.012.363-.016a6.41%206.41%200%200%201%20.342-.011c.406%200%20.769.054%201.089.161.321.106.591.26.812.459.224.196.393.438.507.726.118.285.177.605.177.961ZM124.405%2033.95h-.875v-6.615a2.152%202.152%200%200%201-.299.235c-.129.085-.275.17-.438.256-.16.086-.331.166-.513.24a3.605%203.605%200%200%201-.523.177v-.887a5.19%205.19%200%200%200%20.609-.213%207.948%207.948%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.331v7.828Zm28.265%2089.359v5.057h.982v.801h-.982v1.799h-.865v-1.799h-3.599v-.758a28.127%2028.127%200%200%200%201.992-2.515c.313-.442.601-.881.865-1.319.267-.442.491-.863.672-1.266h.935Zm-3.476%205.057h2.611v-3.748a24.073%2024.073%200%200%201-2.056%203.059l-.555.689Zm3.059-76.033c0-.235-.037-.44-.112-.614a1.148%201.148%200%200%200-.299-.433%201.174%201.174%200%200%200-.443-.261%201.832%201.832%200%200%200-1.057-.016c-.164.046-.324.11-.481.192a3.13%203.13%200%200%200-.849.673v-.94c.246-.239.52-.42.822-.545.307-.128.679-.192%201.116-.192.314%200%20.604.046.871.139.267.089.498.22.694.395.196.174.349.39.459.646.114.256.171.55.171.881%200%20.303-.036.577-.107.822a2.407%202.407%200%200%201-.315.695%203.29%203.29%200%200%201-.528.624c-.214.2-.465.402-.753.609-.36.256-.657.475-.892.657a3.991%203.991%200%200%200-.555.512%201.496%201.496%200%200%200-.289.476c-.053.156-.08.338-.08.544h3.813v.785h-4.726v-.379c0-.327.036-.616.107-.865.071-.25.189-.486.352-.71.164-.224.378-.449.641-.673.267-.224.593-.477.977-.758.278-.2.509-.39.694-.572a2.91%202.91%200%200%200%20.454-.544%201.93%201.93%200%200%200%20.241-.55%202.37%202.37%200%200%200%20.074-.598Zm10.071%2043.671v-1.469c.513.374%201.111.56%201.794.56.431%200%20.766-.092%201.004-.277.242-.185.363-.443.363-.774a.879.879%200%200%200-.448-.79c-.296-.186-.703-.278-1.223-.278h-.71v-1.292h.657c.996%200%201.495-.331%201.495-.993%200-.624-.383-.935-1.148-.935-.513%200-1.011.166-1.496.497v-1.378c.538-.27%201.165-.406%201.88-.406.783%200%201.392.176%201.826.529.438.352.657.81.657%201.372%200%201-.507%201.627-1.522%201.88v.026c.541.068.968.266%201.282.593.313.324.47.723.47%201.196%200%20.716-.262%201.282-.785%201.698-.524.417-1.246.625-2.168.625-.791%200-1.433-.128-1.928-.385ZM19.815%2092.057c0%20.68-.075%201.29-.225%201.827a3.878%203.878%200%200%201-.656%201.356%202.89%202.89%200%200%201-1.047.854%203.239%203.239%200%200%201-1.404.294c-.627%200-1.166-.1-1.618-.3v-1.387c.402.263.886.395%201.452.395.58%200%201.034-.198%201.362-.593.327-.395.493-.966.497-1.714l-.033-.01c-.338.501-.852.752-1.543.752-.313%200-.603-.059-.87-.176a2.143%202.143%200%200%201-.689-.486%202.322%202.322%200%200%201-.454-.748%202.717%202.717%200%200%201-.16-.95c0-.402.066-.769.198-1.1.131-.331.315-.616.55-.854a2.42%202.42%200%200%201%20.854-.55%202.951%202.951%200%200%201%201.1-.198c.416%200%20.79.082%201.121.246.331.16.613.393.844.7a3.2%203.2%200%200%201%20.534%201.126c.124.445.187.95.187%201.516Zm-1.704-.897c0-.195-.024-.379-.074-.55a1.45%201.45%200%200%200-.209-.448.987.987%200%200%200-.325-.294.875.875%200%200%200-.828-.016.98.98%200%200%200-.315.267c-.089.11-.158.244-.208.4-.05.157-.075.326-.075.508%200%20.2.025.377.075.534.05.153.119.283.208.39a.937.937%200%200%200%20.331.245%201.1%201.1%200%200%200%20.833-.005.979.979%200%200%200%20.31-.24c.089-.1.156-.217.203-.353.05-.135.074-.281.074-.438Zm7.951%2036.781c0-.203.032-.406.096-.609a2.26%202.26%200%200%201%20.272-.577%202.172%202.172%200%200%201%201.047-.833%202.282%202.282%200%200%201-.79-.71%201.699%201.699%200%200%201-.294-.967c0-.281.053-.541.16-.779.11-.239.262-.445.454-.62.192-.174.42-.309.683-.405.264-.1.548-.15.855-.15.31%200%20.596.05.86.15a2.1%202.1%200%200%201%20.683.411%201.845%201.845%200%200%201%20.608%201.393c0%20.353-.097.675-.293.967a2.31%202.31%200%200%201-.78.71c.221.086.418.201.593.347.174.146.32.308.438.486a2.153%202.153%200%200%201%20.374%201.186c0%20.334-.06.64-.182.918a2.054%202.054%200%200%201-.513.715%202.352%202.352%200%200%201-.784.46%202.92%202.92%200%200%201-1.004.165c-.364%200-.696-.055-.999-.165a2.425%202.425%200%200%201-.785-.46%202.116%202.116%200%200%201-.518-.715%202.276%202.276%200%200%201-.181-.918Zm.95-.075c0%20.238.036.454.107.646.075.192.178.356.31.491.135.135.297.24.486.315.192.071.404.107.635.107.224%200%20.43-.037.62-.112.188-.075.35-.18.485-.315a1.34%201.34%200%200%200%20.32-.491c.079-.193.118-.406.118-.641%200-.214-.037-.413-.112-.598a1.467%201.467%200%200%200-.31-.497%201.474%201.474%200%200%200-.486-.336%201.579%201.579%200%200%200-.635-.123c-.22%200-.425.039-.614.117a1.447%201.447%200%200%200-.806.812%201.616%201.616%200%200%200-.118.625Zm.273-3.551c0%20.181.032.351.096.507.067.153.158.289.272.406a1.261%201.261%200%200%200%20.897.368%201.294%201.294%200%200%200%20.897-.373c.114-.118.205-.253.272-.406.068-.157.102-.324.102-.502%200-.185-.034-.356-.102-.513a1.229%201.229%200%200%200-.267-.406%201.249%201.249%200%200%200-.405-.267%201.225%201.225%200%200%200-.497-.101c-.189%200-.361.034-.518.101a1.278%201.278%200%200%200-.4.278c-.11.114-.196.249-.257.406-.06.157-.09.324-.09.502Zm29.501%2027.983a28.493%2028.493%200%200%200-.95%201.778%2035.01%2035.01%200%200%200-.567%201.218c-.192.434-.372.883-.539%201.346-.167.462-.315.932-.443%201.409-.125.474-.216.94-.273%201.399h-.94c.065-.455.163-.92.294-1.393a19.884%2019.884%200%200%201%20.994-2.724c.188-.423.371-.813.55-1.169a28.662%2028.662%200%200%201%20.844-1.581h-3.84v-.79h4.87v.507ZM29.447%2060.652h-.876v-6.616a2.087%202.087%200%200%201-.299.235%205.733%205.733%200%200%201-.95.497%203.617%203.617%200%200%201-.523.176v-.886c.192-.054.395-.125.608-.214a8.022%208.022%200%200%200%201.228-.657%204.77%204.77%200%200%200%20.481-.363h.331v7.828Zm7.476-3.86c0%20.64-.06%201.208-.177%201.703-.114.495-.28.913-.502%201.255a2.261%202.261%200%200%201-.806.774%202.21%202.21%200%200%201-1.084.262c-.384%200-.728-.084-1.03-.251a2.184%202.184%200%200%201-.759-.742%203.75%203.75%200%200%201-.47-1.191%207.416%207.416%200%200%201-.16-1.623c0-.67.056-1.26.166-1.773.114-.513.28-.942.496-1.287.218-.349.486-.61.807-.785a2.268%202.268%200%200%201%201.11-.267c1.606%200%202.409%201.308%202.409%203.925Zm-.898.085c0-2.178-.517-3.268-1.553-3.268-1.093%200-1.64%201.11-1.64%203.327%200%202.068.536%203.102%201.608%203.102%201.057%200%201.586-1.053%201.586-3.16ZM57.039%2033.95h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.009%208.009%200%200%200%201.228-.657%204.94%204.94%200%200%200%20.48-.363h.332v7.828Zm5.895%200h-.876v-6.615a2.087%202.087%200%200%201-.299.235%205.665%205.665%200%200%201-.95.497%203.613%203.613%200%200%201-.524.176v-.887c.193-.053.395-.124.609-.213a8.023%208.023%200%200%200%201.228-.657c.185-.125.345-.246.48-.363h.332v7.828Z%22%20fill%3D%22%23959595%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3Cfilter%20id%3D%22a%22%20x%3D%222%22%20y%3D%224%22%20width%3D%22178%22%20height%3D%22178%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0A%3CfeOffset%20dy%3D%222%22%2F%3E%0A%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%0A%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0A%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.05%200%22%2F%3E%0A%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow%22%2F%3E%0A%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow%22%20result%3D%22shape%22%2F%3E%0A%3C%2Ffilter%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
    min-width: 182px;
    min-height: 182px;
    max-height: 182px;
    background-size: 182px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 20px
}

.dx-timeview-hourarrow, .dx-timeview-minutearrow {
    position: absolute;
    left: 50%;
    width: 10px;
    margin-left: -5px;
    height: 50%;
    background-position: bottom;
    background-repeat: no-repeat;
    transform-origin: 50% 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.dx-timeview-hourarrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%2248%22%20viewBox%3D%220%200%206%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20width%3D%226%22%20height%3D%2244%22%20rx%3D%223%22%20fill%3D%22%23337ab7%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-timeview-minutearrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2266%22%20viewBox%3D%220%200%2010%2066%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Crect%20x%3D%223%22%20width%3D%224%22%20height%3D%2264%22%20rx%3D%222%22%20fill%3D%22%23337ab7%22%2F%3E%0A%3Ccircle%20cx%3D%225%22%20cy%3D%2261%22%20r%3D%223.5%22%20fill%3D%22%23fff%22%20stroke%3D%22%23337ab7%22%20stroke-width%3D%223%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-timeview {
    height: auto;
    width: auto
}

.dx-timeview-format12 {
    width: 70px;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px
}

.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 {
    margin: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1.3em;
    color: #333
}

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

.dx-dateview-item-selected-border, .dx-dateviewroller-day .dx-dateview-name-formatter, .dx-dateviewroller-month .dx-dateview-value-formatter {
    display: none
}

.dx-dateview-rollers {
    width: auto;
    text-align: center;
    display: block
}

.dx-dateviewroller-current .dx-dateview-item {
    transition: font-size .2s ease-out
}

.dx-dateviewroller {
    position: relative;
    vertical-align: top;
    cursor: pointer;
    flex: 1 1 auto;
    min-width: 4em;
    text-align: center;
    display: inline-block
}

    .dx-dateviewroller .dx-button {
        display: none
    }

    .dx-dateviewroller .dx-scrollable-content::after, .dx-dateviewroller .dx-scrollable-content::before {
        content: "";
        height: 71px;
        display: block
    }

    .dx-dateviewroller .dx-scrollable-container {
        height: 182px
    }

    .dx-dateviewroller.dx-dateviewroller-year {
        min-width: 4.85em
    }

    .dx-dateviewroller.dx-state-active .dx-button {
        display: none
    }

.dx-dateviewroller-month {
    min-width: 12em
}

.dx-dateviewroller-hours::after {
    content: ":";
    font-size: 2.2em;
    position: absolute;
    right: -9%;
    font-weight: 700;
    top: 37%;
    color: #333
}

.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 {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        height: 71px
    }

    .dx-dateview-item-selected-frame::before {
        top: -71px;
        border-bottom: 1px solid #ddd;
        background-repeat: no-repeat;
        background-image: linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 60%)
    }

    .dx-dateview-item-selected-frame::after {
        top: 40px;
        border-top: 1px solid #ddd;
        background-repeat: no-repeat;
        background-image: linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 60%)
    }

.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 {
    min-height: 10px;
    border-bottom: none;
    background: 0 0
}

.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: rgba(221,221,221,.2)
}

.dx-datebox-wrapper-rollers.dx-datebox-wrapper-time .dx-popup-content {
    margin: 0 34px
}

.dx-datebox-wrapper-list .dx-overlay-content {
    border-top: none
}

.dx-device-phone .dx-datebox-wrapper-rollers .dx-popup-content {
    padding: 10px
}

.dx-datebox-time .dx-dropdowneditor-icon {
    font: 18px/18px DXIcons;
    width: 32px;
    height: 100%;
    text-align: center;
    border-radius: 3px
}

    .dx-datebox-time .dx-dropdowneditor-icon::before {
        content: "\f01d";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.dx-datebox-date .dx-dropdowneditor-icon {
    font: 18px/18px DXIcons;
    width: 32px;
    height: 100%;
    text-align: center;
    border-radius: 3px
}

    .dx-datebox-date .dx-dropdowneditor-icon::before {
        content: "\f026";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.dx-datebox-datetime .dx-dropdowneditor-icon {
    font: 18px/18px DXIcons;
    width: 32px;
    height: 100%;
    text-align: center;
    border-radius: 3px
}

    .dx-datebox-datetime .dx-dropdowneditor-icon::before {
        content: "\f043";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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-right: 20px;
    margin-bottom: 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-top: -1px;
    margin-right: 20px
}

@media (max-width:320px) {
    .dx-datebox-wrapper-calendar .dx-calendar {
        margin: 18px
    }
}

.dx-rtl .dx-datebox-wrapper .dx-popup-bottom .dx-toolbar-button + .dx-toolbar-button .dx-button {
    margin-right: 5px;
    margin-left: 0
}

.dx-datebox-wrapper-list .dx-popup-content {
    padding: 0
}

.dx-datebox: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 {
        border: 0;
        box-shadow: none;
        background-color: transparent
    }

        .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 {
            margin: 0;
            border: 0;
            -webkit-clip-path: none;
            clip-path: none;
            box-shadow: none
        }

    .dx-daterangebox .dx-datebox {
        width: 100%
    }

        .dx-daterangebox .dx-datebox.dx-editor-underlined {
            border-bottom: 0;
            background-color: transparent
        }

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

    .dx-daterangebox.dx-texteditor-empty .dx-clear-button-area {
        display: block;
        visibility: hidden
    }

.dx-daterangebox-separator {
    display: flex;
    align-items: center;
    padding-left: 9px;
    color: #999
}

.dx-rtl .dx-daterangebox-separator {
    transform: scale(-1,1)
}

.dx-daterangebox .dx-dropdowneditor-icon {
    font: 18px/18px DXIcons;
    width: 32px;
    height: 100%;
    text-align: center;
    border-radius: 3px
}

    .dx-daterangebox .dx-dropdowneditor-icon::before {
        content: "\f043";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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 {
    content: "";
    position: absolute;
    border-bottom: 1px solid transparent;
    bottom: 0;
    z-index: 2
}

.dx-daterangebox .dx-texteditor.dx-state-hover::before {
    border-bottom-color: rgba(51,122,183,.4)
}

.dx-daterangebox .dx-texteditor.dx-state-hover.dx-invalid::before {
    border-bottom-color: rgba(217,83,79,.4)
}

.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: rgba(217,83,79,.4)
}

.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 {
    width: calc(100% - 18px);
    margin: 0 9px
}

.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 {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 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-top-width: 0;
        border-bottom-width: 1px
    }

        .dx-dropdownlist-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0
        }

    .dx-dropdownlist-popup-wrapper .dx-popup-content {
        height: 100%;
        padding: 1px
    }

    .dx-dropdownlist-popup-wrapper .dx-list {
        height: 100%;
        min-height: 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 {
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    border: none;
    background-color: transparent
}

.dx-loadindicator-wrapper {
    width: 100%;
    height: 100%;
    font-size: 32px;
    margin: auto
}

.dx-loadindicator-image {
    background-size: contain;
    transform-origin: 50% 50%;
    background-position: 50%;
    background-repeat: no-repeat
}

.dx-loadindicator-icon-custom {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    transform-origin: 50% 50%;
    animation: 1.5s linear infinite dx-loadindicator-icon-custom-rotate
}

@keyframes dx-loadindicator-icon-custom-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.dx-loadindicator-container > .dx-loadindicator {
    top: 50%;
    left: 50%;
    position: absolute;
    margin-top: -16px;
    margin-left: -16px
}

    .dx-loadindicator-container > .dx-loadindicator.dx-loadindicator {
        margin-top: -16px;
        margin-left: -16px
    }

.dx-loadindicator-content {
    width: 100%;
    height: 100%;
    position: relative
}

.dx-loadindicator-icon {
    direction: ltr;
    position: relative;
    top: 15%;
    inset-inline-start: 15%;
    width: 70%;
    height: 70%
}

    .dx-loadindicator-icon .dx-loadindicator-segment {
        position: absolute;
        width: 19%;
        height: 30%;
        left: 44.5%;
        top: 37%;
        opacity: 0;
        background: #606060;
        border-radius: 10% 10% 50% 50%;
        box-shadow: 0 0 3px rgba(0,0,0,.2);
        animation: 1s linear infinite dx-generic-loadindicator-opacity
    }

@keyframes dx-generic-loadindicator-opacity {
    from {
        opacity: 1
    }

    to {
        opacity: .55
    }
}

.dx-loadindicator-icon .dx-loadindicator-segment0 {
    transform: rotate(0) translate(0,-142%);
    animation-delay: 0s
}

.dx-loadindicator-icon .dx-loadindicator-segment1 {
    transform: rotate(45deg) translate(0,-142%);
    animation-delay: -875ms
}

.dx-loadindicator-icon .dx-loadindicator-segment2 {
    transform: rotate(90deg) translate(0,-142%);
    animation-delay: -.75s
}

.dx-loadindicator-icon .dx-loadindicator-segment3 {
    transform: rotate(135deg) translate(0,-142%);
    animation-delay: -625ms
}

.dx-loadindicator-icon .dx-loadindicator-segment4 {
    transform: rotate(180deg) translate(0,-142%);
    animation-delay: -.5s
}

.dx-loadindicator-icon .dx-loadindicator-segment5 {
    transform: rotate(225deg) translate(0,-142%);
    animation-delay: -375ms
}

.dx-loadindicator-icon .dx-loadindicator-segment6 {
    transform: rotate(270deg) translate(0,-142%);
    animation-delay: -.25s
}

.dx-loadindicator-icon .dx-loadindicator-segment7 {
    transform: rotate(315deg) translate(0,-142%);
    animation-delay: -125ms
}

.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 {
    margin: 0;
    display: block
}

.dx-treeview-select-all-item {
    width: 100%
}

.dx-treeview-node-container {
    list-style-position: inside;
    padding: 0;
    margin: 0;
    display: none;
    overflow: hidden
}

    .dx-treeview-node-container.dx-treeview-node-container-opened {
        display: block
    }

.dx-treeview-node a {
    text-decoration: none
}

.dx-treeview-node .dx-checkbox {
    order: 1;
    margin: 0
}

.dx-treeview-item {
    display: flex;
    align-items: center;
    cursor: pointer
}

    .dx-treeview-item .dx-treeview-item-content {
        flex: 1 1 auto;
        order: 2
    }

        .dx-treeview-item .dx-treeview-item-content .dx-icon {
            -webkit-margin-end: 8px;
            margin-inline-end: 8px;
            width: 18px;
            height: 18px;
            background-position: 0 0;
            background-size: 18px 18px;
            padding: 0;
            font-size: 18px;
            text-align: center;
            line-height: 18px;
            vertical-align: bottom
        }

        .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 {
        display: flex;
        align-items: center
    }

    .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 {
    cursor: pointer;
    width: 22px;
    height: 22px;
    background-position: 2px 2px;
    background-size: 18px 18px;
    padding: 2px;
    font-size: 18px;
    text-align: center;
    line-height: 18px
}

.dx-treeview-item {
    gap: 8px;
    padding: 5px 10px;
    margin: 0
}

    .dx-treeview-item.dx-state-hover {
        background-color: rgba(0,0,0,.04);
        border-radius: 0;
        color: #333
    }

.dx-state-selected > .dx-treeview-item {
    color: #333;
    border-radius: 0
}

.dx-treeview-node {
    list-style-type: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    -webkit-padding-start: 15px;
    padding-inline-start: 15px
}

.dx-treeview-toggle-item-visibility {
    font: 18px/1 DXIcons;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #333
}

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

.dx-treeview-item-with-checkbox .dx-checkbox .dx-checkbox-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    width: 22px
}

.dx-treeview-item-with-checkbox .dx-treeview-item {
    color: #333
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: #333;
    background-color: rgba(0,0,0,.1)
}

.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #337ab7;
    color: #fff;
    border-radius: 0
}

.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 {
        display: flex;
        align-items: center
    }

    .dx-treeview-select-all-item .dx-checkbox-text {
        -webkit-padding-start: 8px;
        padding-inline-start: 8px
    }

.dx-treeview-node-loadindicator {
    width: 22px;
    height: 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: unset
}

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

.dx-menu-base {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    text-align: start;
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715
}

    .dx-menu-base .dx-menu-item-wrapper, .dx-menu-base .dx-menu-items-container {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        height: 100%
    }

    .dx-menu-base .dx-menu-items-container {
        list-style-type: none;
        display: inline-block;
        white-space: nowrap;
        cursor: pointer
    }

    .dx-menu-base .dx-state-disabled, .dx-menu-base.dx-state-disabled .dx-menu-items-container {
        cursor: default
    }

    .dx-menu-base .dx-menu-item {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%
    }

        .dx-menu-base .dx-menu-item .dx-menu-item-content {
            white-space: nowrap;
            height: 100%;
            width: 100%
        }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon {
                display: inline-block;
                vertical-align: middle;
                border: 0
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
                display: inline;
                vertical-align: middle;
                overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text-with-url {
                vertical-align: baseline
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-icon-with-url {
                vertical-align: top
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-item-url {
                vertical-align: middle
            }

            .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container {
                position: absolute;
                top: 0;
                inset-inline-end: 0;
                bottom: 0;
                width: 2em
            }

                .dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
                    height: 100%
                }

    .dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout {
        transform: scaleX(-1)
    }

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

    .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: rgba(51,122,183,.7);
        color: #fff
    }

.dx-menu-item-expanded {
    color: #333;
    background-color: rgba(0,0,0,.04)
}

.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 {
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px
}

.dx-menu-base .dx-menu-item-content {
    padding: 3px 5px 7px
}

    .dx-menu-base .dx-menu-item-content .dx-menu-item-text {
        padding-top: 3px;
        -webkit-padding-end: 25px;
        padding-inline-end: 25px;
        padding-bottom: 5px;
        -webkit-padding-start: 23px;
        padding-inline-start: 23px
    }

    .dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
        min-width: 7px;
        min-height: 7px
    }

.dx-menu {
    position: relative;
    color: #333
}

.dx-menu-horizontal {
    height: 100%
}

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

    .dx-menu-horizontal .dx-menu-item-wrapper {
        display: inline-block;
        vertical-align: middle
    }

    .dx-menu-horizontal .dx-menu-separator {
        display: inline-block;
        -webkit-margin-end: 15px;
        margin-inline-end: 15px
    }

.dx-menu-vertical {
    height: 100%
}

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

    .dx-menu-vertical .dx-menu-item-wrapper {
        display: block
    }

    .dx-menu-vertical .dx-menu-separator {
        margin-bottom: 15px
    }

.dx-context-menu-container-border {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: transparent;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0,0,0,.15)
}

.dx-context-menu-content-delimiter {
    position: absolute;
    display: none;
    z-index: 2000;
    cursor: pointer;
    border: 1px solid transparent
}

.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
    order: 3;
    font-size: 18px
}

.dx-menu-adaptive-mode .dx-treeview-item {
    cursor: pointer
}

.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
    padding: 1px;
    border-bottom: 1px solid #ddd
}

    .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 {
            height: auto;
            flex: 1 1 auto
        }

.dx-context-menu-content-delimiter::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.dx-menu .dx-menu-item-expanded {
    background-color: #fff
}

.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
    -webkit-margin-end: 19px;
    margin-inline-end: 19px;
    -webkit-margin-start: 3px;
    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;
    padding-inline-end: 19px;
    -webkit-padding-start: 5px;
    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";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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 rgba(0,0,0,.1)
        }

    .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 {
    display: flex;
    align-items: center;
    flex: 0 1 auto
}

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

.dx-toolbar .dx-button .dx-icon {
    box-sizing: content-box
}

.dx-toolbar-items-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.dx-toolbar-item {
    padding: 0 5px;
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box
}

    .dx-toolbar-item img {
        display: block
    }

.dx-toolbar-menu-container {
    display: table-cell;
    vertical-align: middle;
    box-sizing: content-box
}

    .dx-toolbar-menu-container img {
        display: block
    }

.dx-toolbar-group {
    float: left;
    margin: 0 10px
}

.dx-toolbar-after, .dx-toolbar-before {
    position: absolute
}

.dx-toolbar-center:empty {
    display: none
}

.dx-toolbar-before {
    left: 0
}

.dx-toolbar-after {
    right: 0
}

.dx-toolbar-label {
    white-space: nowrap;
    -webkit-user-drag: none
}

    .dx-toolbar-label .dx-toolbar-item-content > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dx-toolbar-label > div {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 -5px;
        padding: 0 5px
    }

.dx-toolbar-center {
    margin: 0 auto;
    text-align: center
}

.dx-toolbar-after, .dx-toolbar-before, .dx-toolbar-center {
    top: 0;
    display: table;
    height: 100%
}

.dx-rtl .dx-toolbar-before {
    right: 0;
    left: auto
}

.dx-rtl .dx-toolbar-after {
    right: auto;
    left: 0
}

.dx-toolbar-menu-section:empty {
    display: none
}

.dx-dropdownmenu-popup-wrapper .dx-toolbar-menu-custom > .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content {
    padding: 0
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-list-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-toolbar-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-list-item-content > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-auto-hide > .dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content.dx-buttongroup .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-button .dx-button-content, .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-toolbar-item-content > .dx-buttongroup .dx-button-content {
        justify-content: flex-start
    }

.dx-toolbar-menu-section.dx-toolbar-menu-last-section {
    border-bottom: none
}

.dx-toolbar-menu-section .dx-list-item-content::before {
    content: none
}

.dx-toolbar-menu-section .dx-list-item-content, .dx-toolbar-menu-section .dx-list-item-content.dx-list, .dx-toolbar-menu-section .dx-list-item-content > .dx-list, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-list, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-list, .dx-toolbar-menu-section .dx-toolbar-item-content, .dx-toolbar-menu-section .dx-toolbar-item-content.dx-list, .dx-toolbar-menu-section .dx-toolbar-item-content > .dx-list {
    padding: 0
}

    .dx-toolbar-menu-section .dx-list-item-content.dx-button, .dx-toolbar-menu-section .dx-list-item-content > .dx-button, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide.dx-button, .dx-toolbar-menu-section .dx-toolbar-item-auto-hide > .dx-button, .dx-toolbar-menu-section .dx-toolbar-item-content.dx-button, .dx-toolbar-menu-section .dx-toolbar-item-content > .dx-button {
        width: 100%
    }

.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button {
    width: 100%;
    border: none;
    margin: 0;
    box-shadow: none
}

.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-buttongroup {
    width: 100%
}

    .dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-buttongroup .dx-buttongroup-wrapper {
        flex-direction: column
    }

.dx-toolbar-menu-section .dx-toolbar-hidden-button-group .dx-button {
    border: none;
    box-shadow: none
}

.dx-toolbar-text-auto-hide .dx-button .dx-button-text {
    display: none
}

.dx-list-item-content.dx-texteditor, .dx-list-item-content > .dx-texteditor, .dx-toolbar-item-content.dx-texteditor, .dx-toolbar-item-content > .dx-texteditor {
    width: 150px
}

.dx-toolbar-item-invisible {
    display: none
}

.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
    min-height: 0;
    min-width: 100px;
    border-radius: 8px
}

    .dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list .dx-list-item:last-of-type {
        border-bottom: none
    }

.dx-dropdownmenu-popup-wrapper .dx-popup-content {
    padding: 1px
}

.dx-dropdownmenu-popup-wrapper .dx-list-item {
    display: block;
    border-top: 0
}

.dx-dropdownmenu-popup-wrapper .dx-list-item-content {
    display: block
}

.dx-toolbar {
    width: 100%;
    background-color: #fff;
    color: #333;
    padding: 0;
    overflow: visible
}

    .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 {
        padding: 0;
        -webkit-padding-start: 5px;
        padding-inline-start: 5px
    }

    .dx-toolbar .dx-toolbar-item {
        padding: 0;
        -webkit-padding-end: 5px;
        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;
    -webkit-padding-start: 5px;
    padding-inline-start: 5px
}

    .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: transparent;
        border-color: transparent;
        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: rgba(0,0,0,.17)
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-hover {
            background-color: rgba(0,0,0,.04)
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-focused {
            background-color: rgba(0,0,0,.08)
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-state-active {
            background-color: rgba(0,0,0,.24);
            color: #333
        }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger {
            background-color: transparent;
            border-color: transparent;
            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: rgba(217,83,79,.3)
            }

            .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: rgba(212,63,58,.1)
            }

            .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-danger.dx-state-active {
                background-color: rgba(212,63,58,.4);
                color: #d43f3a
            }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success {
            background-color: transparent;
            border-color: transparent;
            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: rgba(92,184,92,.3)
            }

            .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: rgba(76,174,76,.1)
            }

            .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-success.dx-state-active {
                background-color: rgba(76,174,76,.4);
                color: #4cae4c
            }

        .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default {
            background-color: transparent;
            border-color: transparent;
            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: rgba(51,122,183,.3)
            }

            .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: rgba(45,109,163,.1)
            }

            .dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button.dx-button-default.dx-state-active {
                background-color: rgba(45,109,163,.4);
                color: #2d6da3
            }

    .dx-toolbar-menu-section .dx-toolbar-hidden-button-group {
        margin-top: 5px;
        margin-bottom: 5px
    }

.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
    padding-block: 8px;
    -webkit-padding-start: 8px;
    padding-inline-start: 8px;
    -webkit-padding-end: 8px;
    padding-inline-end: 8px
}

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

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

.dx-toolbar-button .dx-menu .dx-menu-item {
    border: 1px solid transparent;
    border-radius: 4px
}

    .dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
        padding-top: 7px;
        padding-bottom: 8px;
        line-height: 0
    }

        .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: content-box
}

.dx-popup-flex-height {
    display: flex;
    flex-wrap: wrap
}

.dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-bottom, .dx-overlay-wrapper .dx-overlay-content.dx-popup-flex-height > .dx-popup-title {
    width: 100%
}

.dx-popup-flex-height .dx-popup-content {
    box-sizing: border-box;
    height: auto;
    flex: 1;
    max-width: 100%;
    flex-basis: 100%
}

.dx-popup-inherit-height .dx-popup-content > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
    max-height: inherit;
    min-height: inherit
}

.dx-popup-inherit-height .dx-popup-content > .dx-widget {
    max-height: inherit
}

.dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper, .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-treeview > .dx-scrollable > .dx-scrollable-wrapper > .dx-scrollable-container {
    max-height: inherit;
    min-height: inherit
}

    .dx-popup-inherit-height .dx-popup-content > .dx-template-wrapper > .dx-widget {
        max-height: inherit
    }

.dx-popup-content-scrollable {
    overflow: auto;
    overscroll-behavior: contain
}

.dx-dialog-root .dx-overlay-shader {
    background-color: #444
}

.dx-prevent-safari-scrolling {
    position: fixed;
    margin: 0;
    left: 0;
    right: 0;
    top: 0
}

.dx-popup-wrapper > .dx-overlay-content {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 6px
}

.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 {
    padding: 10px;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    white-space: normal;
    position: relative;
    min-height: 28px;
    border-bottom: 1px solid #ddd;
    background: 0 0;
    color: #333
}

    .dx-popup-title.dx-toolbar {
        padding: 6px 20px;
        overflow: visible
    }

        .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 {
            padding: 0;
            -webkit-padding-start: 10px;
            padding-inline-start: 10px
        }

        .dx-popup-title.dx-toolbar .dx-toolbar-item {
            padding: 0;
            -webkit-padding-end: 10px;
            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 {
            position: relative;
            inset-inline-start: 10px
        }

.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 {
        padding: 20px;
        overflow: visible
    }

        .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 {
            padding: 0;
            -webkit-padding-start: 10px;
            padding-inline-start: 10px
        }

        .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
            padding: 0;
            -webkit-padding-end: 10px;
            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 {
        width: 18px;
        height: 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;
    margin-inline-start: 4px;
    -webkit-margin-end: 0;
    margin-inline-end: 0
}

.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-top-width: 0;
        border-bottom-width: 1px
    }

        .dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0
        }

    .dx-dropdownbutton-popup-wrapper .dx-popup-content {
        height: 100%;
        padding: 1px
    }

    .dx-dropdownbutton-popup-wrapper .dx-list {
        height: 100%;
        min-height: 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 {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-user-drag: none
}

.dx-actionsheet-popover-wrapper .dx-popup-content .dx-button, .dx-actionsheet-popup-wrapper .dx-popup-content .dx-button {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

.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 {
    position: absolute;
    color: #333;
    background-color: #fff;
    border: 1px solid rgba(221,221,221,.6);
    text-align: left
}

.dx-tile-content {
    padding: 0;
    width: 100%;
    height: 100%
}

.dx-tileview-wrapper {
    position: relative;
    height: 1px
}

.dx-tile.dx-state-focused, .dx-tile.dx-state-hover {
    background-color: #fff;
    border-color: rgba(51,122,183,.4)
}

.dx-tile.dx-state-active {
    transform: scale(.96);
    transition: transform .1s linear;
    background-color: rgba(96,96,96,.2);
    color: #333;
    border-color: transparent
}

.dx-toast-content {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    padding: 10px;
    box-shadow: 0 2px 3px 0 transparent;
    border-radius: 6px
}

.dx-toast-icon {
    display: inline-flex;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 10px;
    width: 35px;
    height: 35px
}

.dx-toast-message {
    display: inline-flex;
    line-height: 16px
}

.dx-rtl .dx-toast-icon {
    margin-left: 10px;
    margin-right: 0
}

.dx-toast-stack {
    position: fixed;
    display: flex;
    gap: 3px;
    align-items: center;
    z-index: 9500
}

    .dx-toast-stack .dx-toast-wrapper {
        transform: translate(0) !important;
        position: static !important;
        height: auto !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 {
    width: 14.1422712488px;
    height: 14.1422712488px
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
    width: 20px;
    height: 10px
}

.dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
    width: 10px;
    height: 20px
}

.dx-popover-arrow {
    position: absolute;
    z-index: 2000;
    overflow: hidden
}

    .dx-popover-arrow::after {
        position: absolute;
        display: block;
        overflow: hidden;
        content: " ";
        transform: rotate(-45deg)
    }

.dx-popover-wrapper.dx-position-top .dx-popover-arrow::after {
    top: 0;
    left: 0;
    transform-origin: top left
}

.dx-popover-wrapper.dx-position-bottom .dx-popover-arrow::after {
    right: 0;
    bottom: 0;
    transform-origin: bottom right;
    background: #fff
}

.dx-popover-wrapper.dx-position-left .dx-popover-arrow::after {
    bottom: 0;
    left: 0;
    transform-origin: bottom left
}

.dx-popover-wrapper.dx-position-right .dx-popover-arrow::after {
    top: 0;
    right: 0;
    transform-origin: top right
}

.dx-popover-wrapper .dx-overlay-content {
    overflow: visible
}

.dx-popover-wrapper .dx-popup-content {
    overflow: hidden
}

.dx-popover-wrapper .dx-popup-content-scrollable {
    overflow: auto
}

.dx-popover-wrapper .dx-popup-title {
    margin: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}

.dx-popover-wrapper .dx-popover-arrow::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 {
    display: inline-block;
    height: 100%;
    content: "";
    vertical-align: middle
}

.dx-progressbar-range-container {
    width: 100%
}

.dx-progressbar-container {
    position: relative;
    width: 100%
}

.dx-progressbar-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    direction: ltr
}

.dx-progressbar-range {
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none
}

.dx-progressbar-status {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    height: 20px;
    font-size: 12px
}

.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 {
    height: 6px;
    border: 1px solid #ddd;
    background-color: #ddd;
    border-radius: 2px
}

.dx-progressbar-range {
    position: relative;
    border: 1px solid #337ab7;
    background-color: #337ab7;
    margin-top: -1px;
    box-sizing: content-box;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.dx-progressbar-animating-container {
    width: 100%;
    height: 6px;
    background-color: #ddd;
    background-size: 90% 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    animation: 2s linear infinite dx-loader;
    background-image: linear-gradient(-90deg,transparent 5%,#337ab7,transparent 95%);
    background-repeat: repeat
}

.dx-state-disabled .dx-progressbar-range {
    background-color: rgba(51,122,183,.6)
}

.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: 2s linear infinite dx-loader-rtl;
    background-image: linear-gradient(-90deg,transparent 5%,#337ab7,transparent 95%);
    background-repeat: repeat
}

@keyframes dx-loader {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: 900%
    }
}

@keyframes dx-loader-rtl {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: -900%
    }
}

.dx-tooltip-wrapper .dx-overlay-content {
    min-width: 34px;
    min-height: 26px;
    text-align: center;
    line-height: 0;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #333;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    border-radius: 4px
}

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

    .dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
        display: inline-block;
        padding: 12px 17px;
        font-size: .85em;
        line-height: normal;
        white-space: nowrap
    }

.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow::after {
    border: 1px solid #ddd;
    background: #fff
}

.dx-slider-label {
    position: absolute;
    font-size: .85em
}

    .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-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

    .dx-slider::before {
        display: inline-block;
        height: 100%;
        content: "";
        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 {
        width: 9.8995898741px;
        height: 9.8995898741px
    }

    .dx-slider .dx-popover-wrapper.dx-position-bottom .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-top .dx-popover-arrow {
        width: 14px;
        height: 7px
    }

    .dx-slider .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-slider .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
        width: 7px;
        height: 14px
    }

.dx-slider-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    cursor: pointer;
    height: 28px
}

.dx-slider-bar {
    position: relative
}

.dx-slider-range {
    position: absolute;
    top: 0;
    pointer-events: none;
    -webkit-user-drag: none
}

.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 {
    border: 1px solid #fff;
    background: #204d73
}

.dx-slider .dx-state-focused.dx-slider-handle:not(.dx-state-active), .dx-slider .dx-state-hover.dx-slider-handle:not(.dx-state-active) {
    border: 1px solid #fff;
    background: #285f8f
}

.dx-slider-bar {
    margin: 14px 7px;
    height: 4px;
    background: #ddd;
    border-radius: 2px
}

.dx-slider-range {
    border: 1px solid transparent;
    height: 2px;
    box-sizing: content-box
}

    .dx-slider-range.dx-slider-range-visible {
        border: 1px solid #337ab7;
        background: #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 {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    pointer-events: auto;
    -webkit-user-drag: none;
    margin-top: -14px;
    -webkit-margin-end: -7px;
    margin-inline-end: -7px;
    width: 14px;
    height: 28px;
    border: 1px solid #fff;
    background-color: #337ab7;
    border-radius: 3px;
    box-sizing: content-box
}

.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: rgba(217,83,79,.4)
}

.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 {
    top: 0;
    inset-inline-start: 0;
    -webkit-margin-start: -7px;
    margin-inline-start: -7px
}

.dx-gallery {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: pinch-zoom pan-y
}

    .dx-gallery.dx-gallery-indicator-visible {
        border-width: 0
    }

.dx-gallery-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

    .dx-gallery-wrapper > .dx-empty-message {
        text-align: center;
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%)
    }

.dx-gallery-container {
    position: relative;
    height: 100%
}

.dx-gallery-item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: center
}

.dx-gallery-item-image {
    max-width: 100%;
    align-self: flex-start;
    flex-shrink: 0;
    height: auto;
    margin: auto
}

.dx-gallery-item-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.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 {
    position: absolute;
    top: 50%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-size: 100% 100%
}

.dx-gallery-nav-button-prev {
    left: 0
}

.dx-gallery-nav-button-next {
    right: 0
}

.dx-gallery-indicator {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: 10px;
    font-size: 0;
    pointer-events: none;
    text-align: center
}

.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 {
    right: 0;
    left: auto;
    transform: scaleX(-1)
}

.dx-rtl .dx-gallery-nav-button-next {
    right: auto;
    left: 0;
    transform: scaleX(-1)
}

.dx-gallery .dx-gallery-nav-button-next, .dx-gallery .dx-gallery-nav-button-prev {
    position: absolute;
    top: 0;
    width: 34%;
    height: 100%;
    background: 0 0;
    cursor: pointer;
    text-align: center
}

    .dx-gallery .dx-gallery-nav-button-next.dx-state-hover::after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-hover::after {
        background-color: rgba(51,122,183,.5)
    }

    .dx-gallery .dx-gallery-nav-button-next.dx-state-active::after, .dx-gallery .dx-gallery-nav-button-prev.dx-state-active::after {
        background-color: rgba(51,122,183,.7)
    }

    .dx-gallery .dx-gallery-nav-button-next::before, .dx-gallery .dx-gallery-nav-button-prev::before {
        display: block;
        width: 32px;
        top: 50%;
        margin-top: -16px;
        left: 50%;
        margin-left: -16px;
        position: absolute;
        z-index: 10;
        clear: both;
        font-size: 32px;
        color: #fff
    }

    .dx-gallery .dx-gallery-nav-button-next::after, .dx-gallery .dx-gallery-nav-button-prev::after {
        content: "";
        position: absolute;
        width: 32px;
        height: 100%;
        border-radius: 0
    }

.dx-gallery .dx-gallery-nav-button-prev {
    font: 14px/1 DXIcons
}

    .dx-gallery .dx-gallery-nav-button-prev::before {
        content: "\f012";
        left: 0;
        right: auto;
        margin-left: 0
    }

    .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";
        right: 0;
        left: auto
    }

    .dx-gallery .dx-gallery-nav-button-next::after {
        right: 0
    }

.dx-gallery-indicator-item {
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #337ab7;
    pointer-events: auto;
    margin: 1px 6px;
    width: 8px;
    height: 8px;
    background: #fff
}

.dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected {
    width: 12px;
    height: 12px;
    background: #337ab7;
    border: 2px solid rgba(255,255,255,.8);
    margin: -1px 6px
}

.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 {
        position: relative;
        width: 100%;
        height: 100%
    }

.dx-lookup-field {
    outline: 0;
    position: relative;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-padding-before: 7px;
    padding-block-start: 7px;
    -webkit-padding-after: 8px;
    padding-block-end: 8px;
    -webkit-padding-end: 34px;
    padding-inline-end: 34px;
    -webkit-padding-start: 9px;
    padding-inline-start: 9px
}

    .dx-lookup-field::before {
        content: ".";
        color: transparent;
        display: inline-block;
        width: 0;
        float: left
    }

.dx-lookup-empty .dx-lookup-field {
    display: flex;
    align-items: center
}

    .dx-lookup-empty .dx-lookup-field .dx-placeholder::before {
        padding: 0
    }

.dx-lookup-empty .dx-placeholder {
    position: relative;
    display: flex
}

.dx-state-disabled .dx-lookup-field {
    cursor: default
}

.dx-lookup-popup-wrapper .dx-list-item {
    cursor: pointer;
    border-top: none
}

.dx-lookup-popup-search .dx-list {
    height: 90%;
    height: calc(100% - 70px)
}

.dx-lookup-search-wrapper {
    width: 100%;
    padding: 20px 20px 14px
}

.dx-editor-underlined .dx-lookup-field {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.dx-lookup-arrow {
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    height: 100%;
    font: 18px/18px DXIcons;
    width: 34px;
    color: #333;
    text-align: center
}

    .dx-lookup-arrow::before {
        content: "\f04e";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.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 {
    top: 0;
    padding: 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 {
    inset-inline-end: 38px;
    pointer-events: none;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #fff;
    content: "!";
    border-radius: 50%
}

.dx-valid.dx-lookup .dx-lookup-field::after {
    inset-inline-end: 38px;
    pointer-events: none;
    font-weight: 700;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    font-family: DXIcons,sans-serif;
    color: #5cb85c;
    content: "\f005";
    opacity: 0;
    transform: scale(0);
    animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards dx-valid-badge-frames
}

.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
    inset-inline-end: 38px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px
}

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

.dx-loadpanel-content-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.dx-loadpanel-message {
    text-align: center
}

.dx-loadpanel-content.dx-loadpanel-pane-hidden {
    box-shadow: none;
    border: none;
    background: 0 0
}

@keyframes dx-loadpanel-opacity {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.dx-loadpanel-content {
    padding: 10px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-drag: none;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 12px rgba(0,0,0,.25)
}

.dx-tagbox .dx-texteditor-input {
    width: auto
}

.dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input {
    border: none;
    color: transparent;
    text-shadow: 0 0 0 gray;
    min-width: 0;
    width: .1px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

    .dx-tagbox.dx-tagbox-default-template.dx-tagbox-only-select .dx-texteditor-input:focus {
        outline: 0
    }

.dx-tagbox.dx-state-disabled .dx-texteditor-input {
    background: 0 0
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
    cursor: default
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
    flex-wrap: wrap;
    align-items: stretch
}

.dx-tag {
    max-width: calc(100% - 1px);
    display: inline-flex;
    align-self: flex-start
}

.dx-tag-container.dx-texteditor-input-container {
    outline: 0
}

.dx-tagbox-single-line .dx-tag-container.dx-texteditor-input-container {
    overflow: hidden;
    white-space: nowrap
}

.dx-texteditor-container.dx-tag-container {
    white-space: normal
}

.dx-tag-content {
    position: relative;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    margin-top: 4px;
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    padding: 3px 25px 4px 6px;
    -webkit-padding-start: 6px;
    padding-inline-start: 6px;
    -webkit-padding-end: 25px;
    padding-inline-end: 25px;
    min-width: 40px;
    background-color: #ddd;
    border-radius: 2px;
    color: #333
}

.dx-tag-remove-button {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 25px;
    height: 100%
}

.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-left: 0;
    margin-left: 5px
}

.dx-rtl .dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input, .dx-rtl.dx-tagbox:not(.dx-texteditor-empty) .dx-texteditor-input {
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 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 {
        padding-bottom: 4px;
        min-height: 30px
    }

.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-top: 12px;
    padding-bottom: 2px
}

.dx-tag-remove-button::after, .dx-tag-remove-button::before {
    position: absolute;
    top: 50%;
    content: "";
    transform: rotate(45deg);
    inset-inline-end: 9px;
    margin-top: -5px;
    width: 3px;
    height: 11px;
    background: #aaa
}

.dx-tag-remove-button::after {
    inset-inline-end: 5px;
    margin-top: -1px;
    width: 11px;
    height: 3px
}

.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;
    padding-bottom: 11px;
    margin-bottom: 3px
}

.dx-radio-value-container {
    -webkit-padding-end: 10px;
    padding-inline-end: 10px
}

.dx-radiogroup-horizontal .dx-collection {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 17px;
    column-gap: 17px
}

.dx-radiobutton {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    display: flex;
    align-items: center;
    cursor: pointer
}

    .dx-radiobutton.dx-state-disabled {
        cursor: default;
        opacity: .5
    }

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

.dx-radiobutton-icon .dx-radiobutton-icon-dot {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0 solid #fff
}

.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    border-width: 5px;
    background-color: #337ab7
}

.dx-radiobutton-icon {
    position: relative;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background-color: #fff
}

.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon {
    border-color: #f4f4f4
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon {
    border-color: rgba(51,122,183,.4)
}

.dx-radiobutton.dx-state-active .dx-radiobutton-icon {
    background-color: rgba(96,96,96,.2)
}

.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: rgba(217,83,79,.4)
}

.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-top: 1px;
    margin-bottom: 1px
}

.dx-accordion-item-title {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    color: #333;
    padding: 9px 12px;
    font-size: 18px
}

.dx-accordion-item-title-caption {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    height: 100%;
    -webkit-margin-end: 18px;
    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 {
    overflow: hidden;
    border: 1px solid transparent;
    border-top-color: #ddd
}

.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 {
    color: #333;
    background-color: rgba(96,96,96,.2)
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: rgba(0,0,0,.04)
}

.dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
    border-bottom-color: rgba(0,0,0,.04)
}

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

        .dx-accordion-item-opened > .dx-accordion-item-title::before {
            content: "\f014"
        }

    .dx-accordion-item-opened + .dx-accordion-item {
        border-top-color: transparent
    }

        .dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
            border-top-color: rgba(0,0,0,.04)
        }

.dx-accordion-item-title::before {
    content: "\f016";
    position: absolute;
    font-family: DXIcons;
    font-size: 18px;
    font-weight: 400;
    inset-inline-end: 12px;
    line-height: 100%
}

.dx-accordion-item-title .dx-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 18px
}

.dx-accordion-item-title-caption .dx-icon {
    -webkit-margin-end: 6px;
    margin-inline-end: 6px;
    -webkit-margin-start: 0;
    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 {
    border: none;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=") no-repeat
}

.dx-colorbox-input-container .dx-placeholder {
    max-width: calc(100% - 25px)
}

.dx-colorbox .dx-texteditor-input-container::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 15px;
    height: 15px;
    margin-top: -7.5px;
    inset-inline-start: 14px
}

.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 {
    overflow: hidden;
    font-weight: 400;
    margin: 0;
    white-space: normal;
    line-height: 36px;
    display: block;
    color: #333
}

    .dx-colorview-container label.dx-colorview-alpha-channel-label {
        margin-left: 43px
    }

.dx-colorview-container .dx-button {
    margin-top: 0;
    margin-bottom: 0
}

    .dx-colorview-container .dx-button.dx-colorview-apply-button {
        margin-right: 10px;
        margin-left: 0
    }

    .dx-colorview-container .dx-button.dx-colorview-cancel-button {
        margin-right: 0;
        margin-left: 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 {
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    cursor: crosshair;
    border-radius: 100%;
    z-index: 5;
    position: absolute
}

.dx-colorview-alpha-channel-handle, .dx-colorview-hue-scale-handle {
    position: absolute;
    cursor: pointer
}

.dx-colorview-hue-scale-handle {
    width: 36px;
    height: 17px;
    top: 0;
    left: -7px
}

.dx-colorview-alpha-channel-handle {
    width: 17px;
    height: 36px;
    top: -6px;
    left: 0
}

.dx-colorview-hue-scale {
    position: relative;
    background-repeat: no-repeat;
    background-image: linear-gradient(0deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)
}

.dx-colorbox-input-container::after, .dx-colorview-alpha-channel-wrapper, .dx-colorview-color-preview-container-inner {
    background-image: linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 74%,#ccc 75%,#ccc);
    background-size: 16px 16px;
    background-position: 0 0,8px 8px
}

.dx-colorview-alpha-channel-wrapper {
    background-position: 0 6px,8px 14px
}

.dx-colorbox-input-container {
    height: 100%
}

.dx-colorview-palette-gradient-white {
    background-repeat: no-repeat;
    background-image: linear-gradient(270deg,rgba(255,255,255,0),#fff)
}

.dx-colorview-palette-gradient-black {
    background-repeat: no-repeat;
    background-image: linear-gradient(180deg,rgba(0,0,0,0),#000)
}

.dx-colorview-palette {
    position: relative;
    overflow: hidden;
    cursor: crosshair
}

.dx-colorview-palette-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dx-colorview-alpha-channel-scale {
    height: 20px;
    position: relative
}

.dx-colorview-hue-scale-cell {
    margin-left: 19px;
    position: relative
}

.dx-colorview-controls-container {
    position: relative;
    margin-left: 27px
}

.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-right: 19px;
    margin-left: 0
}

.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
    margin-right: 41px;
    margin-left: 0
}

.dx-rtl .dx-colorview-container label .dx-texteditor {
    float: left
}

.dx-rtl .dx-colorview-controls-container {
    margin-right: 25px;
    margin-left: 0
}

.dx-rtl .dx-colorview-alpha-channel-scale {
    direction: ltr
}

.dx-colorview-palette-handle {
    background: radial-gradient(transparent 5px,rgba(0,0,0,.2) 6px,#fff 7px,#fff 12px,rgba(0,0,0,.2) 13px);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.2)
}

.dx-colorview-hue-scale-handle {
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: inset -5px 0 0 3px #fff,inset 5px 0 0 3px #fff,inset -6px 0 1px 4px rgba(0,0,0,.2),inset 6px 0 1px 4px rgba(0,0,0,.2)
}

.dx-colorview-alpha-channel-handle {
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: inset 0 -5px 0 3px #fff,inset 0 5px 0 3px #fff,inset 0 -6px 1px 4px rgba(0,0,0,.2),inset 0 6px 1px 4px rgba(0,0,0,.2)
}

.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;
        width: 69px;
        margin: 1px 1px 10px 0
    }

.dx-colorview-hue-scale-cell {
    -webkit-margin-start: 19px;
    margin-inline-start: 19px
}

.dx-colorview-palette {
    width: 288px;
    height: 299px
}

.dx-colorview-alpha-channel-scale {
    width: 288px
}

.dx-colorview-container-row.dx-colorview-alpha-channel-row {
    margin-top: 10px
}

.dx-colorview-hue-scale {
    width: 18px;
    height: 299px
}

.dx-colorview-alpha-channel-cell {
    width: 292px
}

.dx-colorview-hue-scale-wrapper {
    height: 301px
}

.dx-colorview-color-preview {
    width: 100%;
    height: 40px
}

.dx-colorview-controls-container {
    width: 90px;
    -webkit-margin-start: 27px;
    margin-inline-start: 27px
}

.dx-colorview-alpha-channel-border, .dx-colorview-color-preview-container, .dx-colorview-hue-scale-wrapper, .dx-colorview-palette-cell {
    padding: 1px;
    margin: 0 1px 1px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ddd
}

.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 {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 17px;
    height: 17px;
    margin-top: -8.5px;
    inset-inline-start: 13px;
    border: 1px solid #ddd
}

.dx-colorbox-overlay {
    padding: 0
}

    .dx-colorbox-overlay.dx-overlay-content {
        background-color: #fff
    }

.dx-pager {
    overflow: hidden;
    width: 100%;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    padding-top: 9px;
    padding-bottom: 9px
}

    .dx-pager .dx-pages {
        white-space: nowrap;
        float: right
    }

        .dx-pager .dx-pages .dx-page-indexes {
            display: inline-block
        }

        .dx-pager .dx-pages .dx-page {
            display: inline-block;
            cursor: pointer;
            margin-left: 5px;
            margin-right: 1px
        }

        .dx-pager .dx-pages .dx-separator {
            display: inline-block
        }

        .dx-pager .dx-pages .dx-info {
            display: inline-block;
            margin-right: 9px;
            opacity: .7
        }

        .dx-pager .dx-pages .dx-navigate-button {
            cursor: pointer;
            display: inline-block;
            vertical-align: top;
            box-sizing: content-box
        }

            .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
                opacity: .3;
                cursor: inherit
            }

    .dx-pager .dx-page-sizes {
        float: left
    }

        .dx-pager .dx-page-sizes .dx-page-size {
            display: inline-block;
            cursor: pointer;
            margin-left: 4px;
            margin-right: 1px
        }

            .dx-pager .dx-page-sizes .dx-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 {
            cursor: inherit;
            text-shadow: none;
            color: #333;
            border-color: transparent;
            background-color: #d4d4d4
        }

    .dx-pager .dx-light-pages {
        display: inline-block
    }

        .dx-pager .dx-light-pages .dx-page-index {
            width: 40px
        }

        .dx-pager .dx-light-pages .dx-pages-count {
            cursor: pointer
        }

        .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-pages-count {
            padding-left: 6px
        }

        .dx-pager .dx-light-pages .dx-info-text, .dx-pager .dx-light-pages .dx-page-index, .dx-pager .dx-light-pages .dx-pages-count {
            display: table-cell
        }

    .dx-pager.dx-rtl .dx-pages, .dx-rtl .dx-pager .dx-pages {
        float: left;
        direction: ltr
    }

        .dx-pager.dx-rtl .dx-pages .dx-page, .dx-rtl .dx-pager .dx-pages .dx-page {
            direction: ltr
        }

            .dx-pager.dx-rtl .dx-pages .dx-page:first-child, .dx-rtl .dx-pager .dx-pages .dx-page:first-child {
                margin-left: 1px
            }

        .dx-pager.dx-rtl .dx-pages .dx-info, .dx-rtl .dx-pager .dx-pages .dx-info {
            direction: rtl;
            margin-left: 9px;
            margin-right: 0
        }

    .dx-pager.dx-rtl .dx-page-sizes, .dx-rtl .dx-pager .dx-page-sizes {
        float: right
    }

    .dx-pager.dx-light-mode .dx-page-sizes {
        min-width: 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 {
        width: 9px;
        height: 17px;
        padding: 9px 13px
    }

    .dx-pager .dx-pages .dx-prev-button {
        font: 14px/1 DXIcons
    }

        .dx-pager .dx-pages .dx-prev-button::before {
            content: "\f012"
        }

    .dx-pager .dx-pages .dx-next-button {
        font: 14px/1 DXIcons
    }

        .dx-pager .dx-pages .dx-next-button::before {
            content: "\f010"
        }

    .dx-pager .dx-pages .dx-next-button, .dx-pager .dx-pages .dx-prev-button {
        position: relative;
        font-size: 21px;
        text-align: center;
        line-height: 21px
    }

        .dx-pager .dx-pages .dx-next-button::before, .dx-pager .dx-pages .dx-prev-button::before {
            position: absolute;
            display: block;
            width: 21px;
            top: 50%;
            margin-top: -10.5px;
            left: 50%;
            margin-left: -10.5px
        }

    .dx-pager .dx-page, .dx-pager .dx-page-size {
        border-radius: 3px;
        border: 1px solid transparent
    }

    .dx-pager .dx-page-sizes .dx-page-size {
        padding: 7px 9px 8px 10px
    }

.dx-gridbase-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    max-height: inherit
}

    .dx-gridbase-container > * {
        flex: 0 0 auto
    }

.dx-datagrid-important-margin {
    margin-right: 5px !important
}

.dx-datagrid-table {
    background-color: transparent
}

.dx-datagrid-borders > .dx-datagrid-total-footer {
    border-top: 0
}

.dx-datagrid-borders > .dx-datagrid-pager {
    margin-top: -1px
}

.dx-datagrid-borders > .dx-datagrid-header-panel {
    border-bottom: 0
}

.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0
}

.dx-datagrid .dx-datagrid-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden
}

    .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table {
        position: relative
    }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table td {
            pointer-events: auto
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
            border-top-color: transparent;
            border-bottom-color: transparent
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table .dx-header-row td.dx-pointer-events-none {
            border-bottom-color: transparent
        }

        .dx-datagrid .dx-datagrid-content-fixed .dx-datagrid-table.dx-datagrid-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto
        }

.dx-datagrid .dx-menu-subitem ul li {
    padding-top: 0
}

    .dx-datagrid .dx-menu-subitem ul li:first-child {
        padding-top: 1px
    }

.dx-datagrid .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px
}

    .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left
    }

.dx-datagrid .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

    .dx-datagrid .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden
    }

    .dx-datagrid .dx-column-indicators .dx-sort-index-icon {
        padding-right: 3px;
        margin-left: -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 {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px
        }

.dx-datagrid .dx-row > td, .dx-datagrid .dx-row > tr > td {
    padding: 7px
}

.dx-datagrid .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial
}

    .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;
    vertical-align: middle;
    padding: 0
}

.dx-sortable-dragging .dx-datagrid-rowsview .dx-data-row .dx-command-drag {
    cursor: pointer;
    cursor: grabbing
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
    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 {
        opacity: 1;
        cursor: pointer;
        touch-action: pinch-zoom
    }

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-list .dx-treeview-node .dx-treeview-item, .dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-treeview-item {
    -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 {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    box-sizing: content-box
}

    .dx-datagrid-drag-header.dx-drag-command-cell {
        padding: 0
    }

.dx-datagrid-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px
}

.dx-datagrid-columns-separator-transparent {
    border-left: 0;
    border-right: 0
}

.dx-datagrid-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize
}

.dx-datagrid-table-content {
    position: absolute;
    top: 0
}

.dx-datagrid-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden
}

.dx-datagrid-action, .dx-datagrid-drag-action {
    cursor: pointer
}

.dx-datagrid-content {
    position: relative
}

    .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message {
        visibility: visible
    }

        .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content, .dx-datagrid-text-content {
            overflow: hidden;
            text-overflow: ellipsis
        }

.dx-datagrid-table-fixed {
    table-layout: fixed;
    width: 100%
}

.dx-datagrid-content .dx-datagrid-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px
}

    .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed {
        max-width: none
    }

        .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none
        }

        .dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
            width: 26px
        }

    .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit {
        max-width: none !important
    }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators {
            float: none !important
        }

            .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators > span {
                width: 14px
            }

            .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
                display: inline-block
            }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-header-row .dx-datagrid-text-content {
            max-width: none
        }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-left {
            margin-right: 3px
        }

        .dx-datagrid-content .dx-datagrid-table .dx-datagrid-best-fit .dx-text-content-alignment-right {
            margin-left: 3px
        }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators {
        float: none !important
    }

        .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-column-indicators > span {
            width: 14px
        }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px
    }

    .dx-datagrid-content .dx-datagrid-table:not(.dx-datagrid-table-fixed) .dx-master-detail-cell {
        max-width: 0
    }

    .dx-datagrid-content .dx-datagrid-table [class*=column] + [class*=column]:last-child {
        float: none
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
        vertical-align: top
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > td:first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-first-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td:first-child {
            border-left: 0
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-last-child, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-last-child {
            border-right: 0
        }

        .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
            border-right: none;
            vertical-align: top
        }

            .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space + td {
                border-left: none
            }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container {
        overflow: hidden
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid .dx-invalid-message.dx-overlay {
        position: static
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor, .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit {
        text-overflow: clip;
        width: 100px;
        min-width: 100px;
        white-space: nowrap
    }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px
        }

            .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
                text-decoration: none
            }

        .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit .dx-link {
            display: inline-block
        }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-touch-callout: none
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-adaptive {
        padding: 0;
        vertical-align: middle
    }

    .dx-datagrid-content .dx-datagrid-table .dx-data-row .dx-command-edit-with-icons {
        line-height: 1;
        white-space: nowrap
    }

    .dx-datagrid-content .dx-datagrid-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-last-data-cell {
        border-right: none
    }

    .dx-datagrid-content .dx-datagrid-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none
    }

.dx-cell-modified, .dx-datagrid-invalid, .dx-highlight-outline {
    position: relative;
    padding: 7px
}

    .dx-cell-modified::after, .dx-datagrid-invalid::after, .dx-highlight-outline::after {
        content: "";
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none
    }

    .dx-cell-modified.dx-hidden, .dx-datagrid-invalid.dx-hidden, .dx-highlight-outline.dx-hidden {
        display: block !important
    }

        .dx-cell-modified.dx-hidden::after, .dx-datagrid-invalid.dx-hidden::after, .dx-highlight-outline.dx-hidden::after {
            display: none
        }

.dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-datagrid-invalid {
    padding: 0
}

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

.dx-datagrid-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.dx-header-row > td > .dx-datagrid-text-content {
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

    .dx-header-row > td > .dx-datagrid-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
        max-width: 100%
    }

.dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0
}

    .dx-datagrid-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none
    }

.dx-datagrid-filter-range-overlay .dx-datagrid-filter-range-end {
    border-top: 1px solid transparent
}

.dx-datagrid-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-datagrid-filter-range-overlay .dx-editor-container.dx-datagrid-invalid {
    padding: 0
}

.dx-datagrid-filter-row .dx-editor-cell .dx-menu {
    display: none
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative
}

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block
    }

    .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before, .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
        padding-left: 32px
    }

.dx-datagrid-filter-row .dx-cell-modified::after, .dx-datagrid-filter-row .dx-datagrid-invalid::after {
    pointer-events: none
}

.dx-datagrid-filter-row .dx-focused .dx-highlight-outline::after, .dx-datagrid-filter-row .dx-focused.dx-cell-modified::after, .dx-datagrid-filter-row .dx-focused.dx-datagrid-invalid::after {
    border-color: transparent
}

.dx-datagrid-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    height: 100%;
    overflow: visible
}

    .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal {
        display: flex;
        height: 100%
    }

        .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container, .dx-datagrid-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
            display: none
        }

.dx-datagrid-filter-row .dx-menu-item.dx-state-focused::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.dx-datagrid-filter-row > .dx-first-cell .dx-menu, .dx-datagrid-filter-row > td:first-child .dx-menu {
    margin-left: 0
}

.dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px 30px 5px 5px
}

.dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px
}

    .dx-datagrid-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px
    }

.dx-datagrid-filter-row .dx-menu-caption {
    padding-left: 6px
}

.dx-datagrid-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
    display: none
}

.dx-datagrid-filter-row .dx-menu-item-highlight {
    font-weight: 400
}

.dx-datagrid-scroll-container {
    overflow: hidden;
    width: 100%
}

.dx-datagrid-header-panel {
    text-align: left
}

    .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 10px
    }

.dx-datagrid-search-panel {
    margin: 0 0 0 15px
}

.dx-gridbase-container > .dx-datagrid-rowsview {
    flex: auto;
    height: auto
}

    .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable {
        display: flex
    }

        .dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0
        }

.dx-datagrid-rowsview {
    position: relative;
    overflow: hidden
}

    .dx-datagrid-rowsview.dx-empty {
        height: 100px
    }

        .dx-datagrid-rowsview.dx-empty .dx-scrollable-content {
            height: 100%
        }

    .dx-datagrid-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2
    }

    .dx-datagrid-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3
    }

    .dx-datagrid-rowsview .dx-datagrid-content {
        overflow-anchor: none
    }

        .dx-datagrid-rowsview .dx-datagrid-content:not(.dx-datagrid-content-fixed) {
            min-height: 100%
        }

        .dx-datagrid-rowsview .dx-datagrid-content.dx-scrollable-container {
            width: auto
        }

        .dx-datagrid-rowsview .dx-datagrid-content.dx-datagrid-content-fixed.dx-scrollable-container {
            height: auto
        }

    .dx-datagrid-rowsview:focus {
        outline: 0
    }

    .dx-datagrid-rowsview .dx-row > td, .dx-datagrid-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > td, .dx-datagrid-rowsview .dx-row.dx-row-lines:first-child > tr > td {
        border-top: none
    }

    .dx-datagrid-rowsview .dx-data-row > td:focus {
        outline: 0
    }

    .dx-datagrid-rowsview .dx-selection.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-top: 0;
        border-bottom: 0
    }

        .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row > td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row > td {
            padding-top: 0;
            padding-bottom: 0
        }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
        display: none
    }

    .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox, .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
        display: inline-block
    }

    .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell:focus {
        outline: 0
    }

    .dx-datagrid-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
        border-color: transparent
    }

.dx-datagrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%)
}

.dx-datagrid-bottom-load-panel {
    text-align: center;
    padding: 10px
}

.dx-datagrid-hidden-column {
    white-space: nowrap
}

.dx-datagrid .dx-row .dx-datagrid-hidden-column {
    border-right-width: 0;
    border-left-width: 0
}

.dx-datagrid-hidden-column > * {
    display: none !important
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 7px;
    padding-bottom: 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 {
    width: 0;
    height: 0
}

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

.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
    border: none
}

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

.dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px
}

    .dx-datagrid.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-rtl .dx-datagrid .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right
    }

.dx-datagrid.dx-rtl .dx-texteditor-buttons-container, .dx-rtl .dx-datagrid .dx-texteditor-buttons-container {
    text-align: start
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table {
    direction: rtl
}

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space {
        border-left: none
    }

        .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space + td {
            border-right: none
        }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        transform: scaleX(-1)
    }

    .dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px
    }

.dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated {
    direction: ltr
}

    .dx-rtl .dx-datagrid-headers .dx-datagrid-scrollable-simulated .dx-datagrid-table, .dx-rtl .dx-datagrid-total-footer .dx-datagrid-scrollable-simulated .dx-datagrid-table {
        direction: rtl
    }

.dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-rtl .dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
    padding-right: 32px
}

.dx-rtl .dx-datagrid-filter-row .dx-menu {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-right: -2px
}

.dx-rtl .dx-datagrid-filter-row > td:first-child .dx-menu {
    margin-left: 0
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px 5px 5px 30px
}

.dx-rtl .dx-datagrid-filter-row .dx-menu-caption {
    padding-right: 6px
}

.dx-rtl .dx-datagrid-header-panel {
    text-align: right
}

    .dx-rtl .dx-datagrid-header-panel .dx-datagrid-column-chooser-button {
        margin-left: 0
    }

    .dx-rtl .dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 0;
        margin-right: 10px
    }

.dx-rtl .dx-datagrid-search-panel {
    margin: 0 15px 0 0
}

.dx-datagrid-filter-panel, .dx-datagrid-filter-panel-left {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    min-width: 0
}

    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter:hover, .dx-datagrid-filter-panel .dx-datagrid-filter-panel-text:hover {
            text-decoration: underline;
            cursor: pointer
        }

    .dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
        padding-right: 10px
    }

    .dx-datagrid-filter-panel .dx-icon-filter {
        margin: auto 7px auto auto;
        cursor: pointer
    }

.dx-datagrid {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal
}

.dx-hidden.dx-group-cell {
    display: table-cell !important;
    font-size: 0 !important
}

.dx-datagrid-group-panel {
    display: flex;
    white-space: nowrap;
    width: 100%;
    touch-action: pinch-zoom
}

    .dx-datagrid-group-panel .dx-group-panel-message {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        display: inline-block;
        min-width: 30px;
        white-space: nowrap
    }

        .dx-datagrid-group-panel .dx-group-panel-item .dx-sort {
            margin-left: 6px
        }

    .dx-datagrid-group-panel .dx-block-separator {
        position: relative;
        border-radius: 3px
    }

.dx-datagrid-rowsview .dx-row.dx-group-row td {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.dx-datagrid-rowsview .dx-row.dx-group-row:first-child td {
    border-top: none
}

.dx-datagrid-rowsview .dx-group-row:focus {
    outline: 0
}

.dx-datagrid-rowsview .dx-group-row.dx-row > td {
    border-left-color: transparent;
    border-right-color: transparent
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content:focus {
    outline: 0
}

.dx-datagrid-group-closed::before, .dx-datagrid-group-opened::before {
    position: absolute;
    display: block;
    right: 0;
    left: 0
}

.dx-rtl .dx-datagrid-group-closed {
    transform: scaleX(-1)
}

.dx-rtl .dx-datagrid-content .dx-datagrid-table .dx-group-row.dx-row.dx-column-lines > td {
    border-left: none;
    border-right: none
}

.dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
    margin-right: 0
}

.dx-rtl .dx-datagrid-group-panel .dx-sort {
    margin-left: 0;
    margin-right: 6px
}

.dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
    border-left: 1px solid #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-top-width: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-datagrid-rowsview {
    border-color: rgba(51,122,183,.5)
}

.dx-datagrid > .dx-datagrid-headers, .dx-datagrid > .dx-datagrid-rowsview, .dx-datagrid > .dx-datagrid-total-footer {
    background-color: #fff
}

.dx-datagrid .dx-sort-up {
    font: 14px/1 DXIcons
}

    .dx-datagrid .dx-sort-up::before {
        content: "\f051"
    }

.dx-datagrid .dx-sort-down {
    font: 14px/1 DXIcons
}

    .dx-datagrid .dx-sort-down::before {
        content: "\f052"
    }

.dx-datagrid .dx-sort-down, .dx-datagrid .dx-sort-up {
    font-family: inherit
}

    .dx-datagrid .dx-sort-down::before, .dx-datagrid .dx-sort-up::before {
        font-family: DXIcons,sans-serif
    }

.dx-datagrid .dx-datagrid-header-panel .dx-toolbar {
    background-color: transparent
}

.dx-datagrid .dx-datagrid-header-panel .dx-group-panel-item, .dx-datagrid .dx-datagrid-header-panel .dx-header-filter {
    outline: 0
}

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-group-panel-item:focus, .dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
    outline: #5c95c5 solid 2px;
    outline-offset: -2px
}

.dx-datagrid .dx-datagrid-header-panel.dx-state-focused .dx-datagrid-group-panel .dx-header-filter:focus {
    outline-offset: 2px
}

.dx-datagrid .dx-datagrid-headers .dx-header-filter, .dx-datagrid .dx-datagrid-headers .dx-header-row > td {
    outline: 0
}

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline: #5c95c5 solid 2px;
    outline-offset: 2px
}

.dx-datagrid .dx-datagrid-headers.dx-state-focused .dx-header-row td:focus {
    outline-offset: -2px
}

.dx-datagrid .dx-header-filter {
    position: relative;
    color: #757575;
    font: 14px/1 DXIcons
}

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

.dx-datagrid .dx-header-filter-empty {
    color: rgba(117,117,117,.5)
}

.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon {
    width: 14px;
    height: 14px;
    background-position: 0 0;
    background-size: 14px 14px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    line-height: 14px
}

.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: #5c95c5 solid 2px;
    outline-offset: 2px
}

.dx-datagrid .dx-datagrid-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
    outline-color: #fff;
    outline-offset: 0
}

.dx-datagrid .dx-datagrid-rowsview .dx-datagrid-edit-form {
    background-color: #fff
}

.dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td {
    position: relative
}

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td:not(.dx-datagrid-group-space)::before {
        display: block;
        height: 100%;
        content: "";
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC");
        background-repeat: no-repeat repeat
    }

    .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
        transform: scaleX(-1);
        background-position-y: 34px
    }

.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 {
    padding: 10px;
    color: #333;
    border-top: 1px solid #ddd
}

    .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: #5c95c5 solid 2px;
        outline-offset: 3px
    }

.dx-datagrid-form-buttons-container {
    float: right
}

    .dx-datagrid-form-buttons-container .dx-button {
        margin-left: 10px;
        margin-top: 10px
    }

.dx-datagrid-adaptive-more {
    cursor: pointer;
    font: 21px/21px DXIcons
}

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

.dx-datagrid-edit-popup .dx-error-message {
    background-color: #e89895;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px
}

.dx-rtl .dx-datagrid .dx-datagrid-headers .dx-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-data-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-freespace-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-header-row td.dx-pointer-events-none, .dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row td.dx-pointer-events-none {
    border-left: 2px solid #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-right: none;
    border-left: 1px solid #ddd
}

.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: 1s dx-datagrid-highlight-change
}

@keyframes dx-datagrid-highlight-change {
    50%,from {
        background-color: rgba(51,51,51,.08)
    }
}

.dx-datagrid-total-footer tr {
    outline: 0
}

.dx-datagrid-total-footer:focus-within {
    outline: #5c95c5 solid 2px;
    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 {
    font: 16px/16px DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    text-align: center
}

    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
        content: "\f053"
    }

.dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 16px/16px DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    text-align: center
}

    .dx-datagrid-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before, .dx-datagrid.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
        content: "\f054"
    }

.dx-datagrid .dx-icon-filter-operation-equals, .dx-datagrid-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons
}

    .dx-datagrid .dx-icon-filter-operation-equals::before, .dx-datagrid-container .dx-icon-filter-operation-equals::before {
        content: "\f044"
    }

.dx-datagrid .dx-icon-filter-operation-default, .dx-datagrid-container .dx-icon-filter-operation-default {
    font: 12px/12px DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background-size: 12px 12px;
    padding: 0;
    text-align: center
}

    .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-top: 1px solid #f5f5f5;
        border-bottom: 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: transparent
        }

    .dx-datagrid .dx-link {
        text-decoration: underline;
        cursor: pointer;
        color: #337ab7
    }

    .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 {
        float: right;
        margin: 9px;
        font: 14px/14px DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0 0;
        background-size: 14px 14px;
        padding: 0;
        text-align: center
    }

        .dx-datagrid .dx-error-row .dx-closebutton::before {
            content: "\f00a"
        }

    .dx-datagrid .dx-error-row .dx-error-message {
        background-color: #e89895;
        white-space: normal;
        word-wrap: break-word;
        padding: 7px 35px 7px 7px
    }

    .dx-datagrid .dx-row > td {
        padding: 7px
    }

    .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 18px;
        height: 18px;
        background-position: 0 0;
        background-size: 18px 18px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin: 0 3px
    }

        .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 {
        width: 36px;
        min-width: 36px
    }

        .dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background-position: 0 0;
            background-size: 18px 18px;
            padding: 0;
            font-size: 18px;
            text-align: center;
            line-height: 19px
        }

.dx-datagrid-edit-popup .dx-error-message {
    padding: 7px
}

.dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px
}

.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-left: 7px;
    padding-top: 7px;
    padding-bottom: 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 {
    vertical-align: middle;
    padding-bottom: 2px
}

    .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 12px
    }

    .dx-datagrid-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px
    }

    .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px
    }

        .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon::before {
            border-radius: 0
        }

.dx-datagrid-column-chooser-list .dx-empty-message {
    color: #757575;
    padding: 0 20px
}

.dx-datagrid-column-chooser {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715
}

    .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 rgba(0,0,0,.2)
    }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
            padding-top: 7px;
            padding-bottom: 9px;
            background-color: transparent
        }

        .dx-datagrid-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            opacity: .5;
            margin-bottom: 10px;
            background-color: #fff;
            color: #757575;
            font-weight: 400;
            border: 1px solid #ddd;
            padding: 7px;
            box-shadow: 0 1px 3px -1px rgba(0,0,0,.2)
        }

.dx-datagrid-drag-header {
    box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
    color: #757575;
    font-weight: 400;
    padding: 7px;
    border: 1px solid rgba(51,122,183,.5);
    background-color: #fff
}

.dx-datagrid-columns-separator {
    background-color: #337ab7
}

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

.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 {
    width: 70px;
    min-width: 70px
}

.dx-datagrid-table .dx-row .dx-command-edit {
    width: 85px;
    min-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 {
    width: 30px;
    min-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: rgba(0,0,0,.04);
    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: rgba(0,0,0,.04)
    }

    .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: rgba(0,0,0,.04);
    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: transparent
}

.dx-datagrid-headers {
    color: #757575;
    font-weight: 400;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd
}

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

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

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent
}

.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: rgba(92,184,92,.5)
}

.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;
    overflow: inherit;
    box-shadow: 2px 2px 3px rgba(0,0,0,.15)
}

    .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: rgba(92,184,92,.5);
        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-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff
    }

        .dx-datagrid-header-panel .dx-apply-button .dx-icon {
            color: #fff
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-selected {
            background-color: #5cb85c
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d
        }

        .dx-datagrid-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            color: #fff
        }

.dx-datagrid-addrow-button .dx-icon-edit-button-addrow {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

    .dx-datagrid-addrow-button .dx-icon-edit-button-addrow::before {
        content: "\f00b"
    }

.dx-datagrid-cancel-button .dx-icon-edit-button-cancel {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

    .dx-datagrid-cancel-button .dx-icon-edit-button-cancel::before {
        content: "\f04c"
    }

.dx-datagrid-save-button .dx-icon-edit-button-save {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

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

.dx-datagrid-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0 0;
    background-size: 21px 21px;
    padding: 0;
    font-size: 21px;
    text-align: center;
    line-height: 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-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    .dx-datagrid-rowsview .dx-row:focus {
        outline: 0
    }

    .dx-datagrid-rowsview .dx-row.dx-edit-row:first-child > td {
        border-top-width: 0;
        border-bottom: 1px solid #ddd
    }

    .dx-datagrid-rowsview .dx-row.dx-edit-row > td {
        border-top: 1px solid #ddd;
        border-bottom: 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-top: 1px solid #ddd;
    border-bottom: 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 rgba(217,83,79,.4)
}

.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: rgba(92,184,92,.5)
}

.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-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: rgba(51,51,51,.7)
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px
}

.dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid {
    border: 1px solid rgba(217,83,79,.4)
}

    .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-datagrid-invalid.dx-adaptive-item-text {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 7px
    }

.dx-datagrid-rowsview .dx-item-modified {
    border-radius: 4px;
    border: 2px solid rgba(92,184,92,.5)
}

    .dx-datagrid-rowsview .dx-item-modified.dx-adaptive-item-text {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 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-top: 1px solid #d6e4f1;
    border-bottom: 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 {
    position: relative;
    padding: 0
}

    .dx-datagrid-rowsview td.dx-validation-pending.dx-cell-modified, .dx-datagrid-rowsview td.dx-validation-pending.dx-datagrid-invalid {
        padding: 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 {
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    inset-inline-end: 4px;
    background-color: #fff
}

.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-right: 7px;
    padding-bottom: 7px;
    padding-left: 34px
}

.dx-datagrid-search-text {
    color: #fff;
    background-color: #337ab7
}

.dx-datagrid-nodata {
    color: #333;
    font-size: 17px;
    opacity: .7
}

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

.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: #5c95c5 solid 2px;
        outline-offset: -2px
    }

.dx-datagrid-summary-item {
    color: rgba(51,51,51,.7)
}

.dx-datagrid-total-footer {
    position: relative;
    border-top: 1px solid #ddd
}

.dx-datagrid-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit
}

.dx-datagrid-revert-tooltip .dx-revert-button {
    margin: 0 1px;
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

    .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: rgba(0,0,0,.04);
    border-right-color: transparent
}

.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 {
        color: #757575;
        font-weight: 400;
        padding: 7px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        line-height: 1.2858
    }

    .dx-datagrid-group-panel .dx-group-panel-item {
        margin-right: 10px;
        color: #757575;
        font-weight: 400;
        border: 1px solid #ddd;
        padding: 7px
    }

    .dx-datagrid-group-panel .dx-block-separator {
        margin-right: 10px;
        color: #757575;
        font-weight: 400;
        background-color: #337ab7
    }

    .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) {
        color: #222;
        background-color: #f7f7f7
    }

    .dx-datagrid-rowsview .dx-row.dx-group-row td {
        border-top-color: #ddd;
        border-bottom-color: #ddd
    }

.dx-datagrid-group-opened {
    font: 18px/18px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595
}

    .dx-datagrid-group-opened::before {
        content: "\f001"
    }

.dx-datagrid-group-closed {
    font: 18px/18px DXIcons;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center;
    color: #959595
}

    .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-top: 1px solid #ddd;
    border-left-width: 0;
    border-right-width: 0
}

.dx-rtl .dx-datagrid-group-panel .dx-block-separator, .dx-rtl .dx-datagrid-group-panel .dx-group-panel-item {
    margin-left: 10px
}

.dx-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: transparent
}

.dx-treelist-borders > .dx-treelist-total-footer {
    border-top: 0
}

.dx-treelist-borders > .dx-treelist-pager {
    margin-top: -1px
}

.dx-treelist-borders > .dx-treelist-header-panel {
    border-bottom: 0
}

.dx-treelist-borders > .dx-treelist-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 0
}

.dx-treelist .dx-treelist-content-fixed {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden
}

    .dx-treelist .dx-treelist-content-fixed .dx-treelist-table {
        position: relative
    }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table td {
            pointer-events: auto
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-row td.dx-pointer-events-none {
            visibility: hidden;
            background-color: transparent;
            pointer-events: none;
            border-top-color: transparent;
            border-bottom-color: transparent
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table .dx-header-row td.dx-pointer-events-none {
            border-bottom-color: transparent
        }

        .dx-treelist .dx-treelist-content-fixed .dx-treelist-table.dx-treelist-table-fixed .dx-row td.dx-pointer-events-none {
            width: auto
        }

.dx-treelist .dx-menu-subitem ul li {
    padding-top: 0
}

    .dx-treelist .dx-menu-subitem ul li:first-child {
        padding-top: 1px
    }

.dx-treelist .dx-menu-subitem .dx-menu-item {
    padding: 7px 30px 7px 5px
}

    .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: left
    }

.dx-treelist .dx-link {
    text-decoration: underline;
    cursor: pointer
}

.dx-treelist .dx-column-indicators {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap
}

    .dx-treelist .dx-column-indicators.dx-visibility-hidden {
        visibility: hidden
    }

    .dx-treelist .dx-column-indicators .dx-sort-index-icon {
        padding-right: 3px;
        margin-left: -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 {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: -7px
        }

.dx-treelist .dx-row > td, .dx-treelist .dx-row > tr > td {
    padding: 7px
}

.dx-treelist .dx-error-row {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    user-select: initial
}

    .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;
    vertical-align: middle;
    padding: 0
}

.dx-sortable-dragging .dx-treelist-rowsview .dx-data-row .dx-command-drag {
    cursor: pointer;
    cursor: grabbing
}

.dx-sortable-without-handle .dx-data-row {
    cursor: pointer
}

.dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
    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 {
        opacity: 1;
        cursor: pointer;
        touch-action: pinch-zoom
    }

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-drag .dx-treeview-node-container:first-child > .dx-treeview-node-is-leaf {
    padding: 0
}

.dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-list .dx-treeview-node .dx-treeview-item, .dx-treelist-column-chooser.dx-treelist-column-chooser-mode-select .dx-treelist-column-chooser-plain .dx-treeview-node .dx-treeview-item {
    -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 {
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10000;
    box-sizing: content-box
}

    .dx-treelist-drag-header.dx-drag-command-cell {
        padding: 0
    }

.dx-treelist-columns-separator {
    position: absolute;
    z-index: 3;
    width: 3px
}

.dx-treelist-columns-separator-transparent {
    border-left: 0;
    border-right: 0
}

.dx-treelist-tracker {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    cursor: col-resize
}

.dx-treelist-table-content {
    position: absolute;
    top: 0
}

.dx-treelist-focus-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    visibility: hidden
}

.dx-treelist-action, .dx-treelist-drag-action {
    cursor: pointer
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-modified):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-link {
    color: inherit
}

.dx-treelist-content {
    position: relative
}

    .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message {
        visibility: visible
    }

        .dx-treelist-content .dx-overlay-wrapper.dx-invalid-message.dx-treelist-invalid-message .dx-overlay-content, .dx-treelist-text-content {
            overflow: hidden;
            text-overflow: ellipsis
        }

.dx-treelist-table-fixed {
    table-layout: fixed;
    width: 100%
}

input.dx-hidden {
    display: inline-block !important;
    width: 0 !important
}

.dx-hidden-cell {
    visibility: hidden
}

.dx-row > td, .dx-row > tr > td {
    border: none
}

.dx-treelist-content .dx-treelist-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    max-width: 10px
}

    .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed {
        max-width: none
    }

        .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-none {
            display: none
        }

        .dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
            width: 26px
        }

    .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit {
        max-width: none !important
    }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators {
            float: none !important
        }

            .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators > span {
                width: 14px
            }

            .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-column-indicators .dx-sort.dx-sort-none {
                display: inline-block
            }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-header-row .dx-treelist-text-content {
            max-width: none
        }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-left {
            margin-right: 3px
        }

        .dx-treelist-content .dx-treelist-table .dx-treelist-best-fit .dx-text-content-alignment-right {
            margin-left: 3px
        }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators {
        float: none !important
    }

        .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-column-indicators > span {
            width: 14px
        }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-left {
        margin-right: 3px
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-text-content-alignment-right {
        margin-left: 3px
    }

    .dx-treelist-content .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-master-detail-cell {
        max-width: 0
    }

    .dx-treelist-content .dx-treelist-table [class*=column] + [class*=column]:last-child {
        float: none
    }

    .dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
        vertical-align: top
    }

        .dx-treelist-content .dx-treelist-table .dx-row > td.dx-first-child, .dx-treelist-content .dx-treelist-table .dx-row > td:first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-first-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td:first-child {
            border-left: 0
        }

        .dx-treelist-content .dx-treelist-table .dx-row > td.dx-last-child, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-last-child {
            border-right: 0
        }

        .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space {
            border-right: none;
            vertical-align: top
        }

            .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td.dx-treelist-group-space + td {
                border-left: none
            }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container {
        overflow: hidden
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-treelist-invalid .dx-invalid-message.dx-overlay {
        position: static
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell {
        max-width: 0;
        padding: 0;
        vertical-align: middle
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor, .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-cell .dx-texteditor-container {
            border: 0;
            margin: 0
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-select {
        padding: 0;
        width: 70px;
        min-width: 70px;
        max-width: 70px
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit {
        text-overflow: clip;
        width: 100px;
        min-width: 100px;
        white-space: nowrap
    }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
            width: 80px;
            min-width: 80px
        }

            .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit.dx-command-edit-with-icons .dx-link {
                text-decoration: none
            }

        .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit .dx-link {
            display: inline-block
        }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-expand {
        padding: 0;
        width: 30px;
        min-width: 30px;
        max-width: 30px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-touch-callout: none
    }

    .dx-treelist-content .dx-treelist-table .dx-row .dx-command-adaptive {
        padding: 0;
        vertical-align: middle
    }

    .dx-treelist-content .dx-treelist-table .dx-data-row .dx-command-edit-with-icons {
        line-height: 1;
        white-space: nowrap
    }

    .dx-treelist-content .dx-treelist-table .dx-filter-range-content {
        padding: 7px 7px 7px 32px;
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-last-data-cell {
        border-right: none
    }

    .dx-treelist-content .dx-treelist-table .dx-row > .dx-command-adaptive-hidden {
        border-left: none
    }

.dx-cell-modified, .dx-highlight-outline, .dx-treelist-invalid {
    position: relative;
    padding: 7px
}

    .dx-cell-modified::after, .dx-highlight-outline::after, .dx-treelist-invalid::after {
        content: "";
        position: absolute;
        border: 2px solid transparent;
        top: 0;
        left: 1px;
        bottom: 0;
        right: 0;
        pointer-events: none
    }

    .dx-cell-modified.dx-hidden, .dx-highlight-outline.dx-hidden, .dx-treelist-invalid.dx-hidden {
        display: block !important
    }

        .dx-cell-modified.dx-hidden::after, .dx-highlight-outline.dx-hidden::after, .dx-treelist-invalid.dx-hidden::after {
            display: none
        }

.dx-editor-cell .dx-texteditor-input {
    margin: 0
}

.dx-editor-cell .dx-highlight-outline, .dx-editor-cell.dx-cell-modified, .dx-editor-cell.dx-treelist-invalid {
    padding: 0
}

.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    display: inline-block;
    content: "​";
    vertical-align: middle
}

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

.dx-treelist-headers {
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
    display: inline-block
}

.dx-header-row > td {
    white-space: nowrap;
    overflow: hidden
}

    .dx-header-row > td > .dx-treelist-text-content {
        display: inline-block;
        white-space: normal;
        vertical-align: top
    }

        .dx-header-row .dx-text-content-alignment-left, .dx-header-row .dx-text-content-alignment-right, .dx-header-row > td > .dx-treelist-text-content:not(.dx-sort-indicator):not(.dx-header-filter-indicator) {
            max-width: 100%
        }

.dx-header-row .dx-header-filter-indicator, .dx-header-row .dx-sort-indicator {
    max-width: calc(100% - 17px)
}

    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left {
        margin-right: 3px
    }

    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-right {
        margin-left: 3px
    }

    .dx-header-row .dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right, .dx-header-row .dx-sort-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
        max-width: calc(100% - 34px)
    }

    .dx-header-row .dx-sort-indicator.dx-header-filter-indicator {
        max-width: calc(100% - 31px)
    }

        .dx-header-row .dx-sort-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 62px)
        }

    .dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
        max-width: calc(100% - 29px)
    }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator {
            max-width: calc(100% - 43px)
        }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 46px)
        }

        .dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-header-filter-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
            max-width: calc(100% - 74px)
        }

.dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor {
    border-width: 0
}

    .dx-treelist-filter-range-overlay .dx-editor-container .dx-texteditor.dx-state-focused::after {
        content: " ";
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: -1px;
        right: -1px;
        z-index: 1;
        pointer-events: none
    }

.dx-treelist-filter-range-overlay .dx-treelist-filter-range-end {
    border-top: 1px solid transparent
}

.dx-treelist-filter-range-overlay .dx-editor-container.dx-cell-modified, .dx-treelist-filter-range-overlay .dx-editor-container.dx-treelist-invalid {
    padding: 0
}

.dx-treelist-filter-row .dx-editor-cell .dx-menu {
    display: none
}

.dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu {
    position: relative
}

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-menu {
        display: block
    }

    .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before, .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
        padding-left: 32px
    }

.dx-treelist-filter-row .dx-cell-modified::after, .dx-treelist-filter-row .dx-treelist-invalid::after {
    pointer-events: none
}

.dx-treelist-filter-row .dx-focused .dx-highlight-outline::after, .dx-treelist-filter-row .dx-focused.dx-cell-modified::after, .dx-treelist-filter-row .dx-focused.dx-treelist-invalid::after {
    border-color: transparent
}

.dx-treelist-filter-row .dx-menu {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    height: 100%;
    overflow: visible
}

    .dx-treelist-filter-row .dx-menu .dx-menu-horizontal {
        display: flex;
        height: 100%
    }

        .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-popout-container, .dx-treelist-filter-row .dx-menu .dx-menu-horizontal .dx-menu-item-text {
            display: none
        }

.dx-treelist-filter-row .dx-menu-item.dx-state-focused::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ""
}

.dx-treelist-filter-row > .dx-first-cell .dx-menu, .dx-treelist-filter-row > td:first-child .dx-menu {
    margin-left: 0
}

.dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px 30px 5px 5px
}

.dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item {
    padding: 8px 5px 7px
}

    .dx-treelist-filter-row .dx-menu ul.dx-menu-horizontal > li > .dx-menu-item.dx-state-disabled:hover {
        padding: 9px 6px 8px
    }

.dx-treelist-filter-row .dx-menu-caption {
    padding-left: 6px
}

.dx-treelist-filter-row .dx-menu ul .dx-menu-item .dx-menu-chouser-down {
    display: none
}

.dx-treelist-filter-row .dx-menu-item-highlight {
    font-weight: 400
}

.dx-treelist-scroll-container {
    overflow: hidden;
    width: 100%
}

.dx-treelist-header-panel {
    text-align: left
}

    .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 10px
    }

.dx-state-disabled {
    cursor: pointer
}

    .dx-state-disabled .dx-menu-item {
        cursor: default
    }

.dx-treelist-search-panel {
    margin: 0 0 0 15px
}

.dx-gridbase-container > .dx-treelist-rowsview {
    flex: auto;
    height: auto
}

    .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable {
        display: flex
    }

        .dx-gridbase-container > .dx-treelist-rowsview.dx-scrollable > .dx-scrollable-wrapper {
            flex: 1;
            height: auto;
            min-width: 0;
            min-height: 0
        }

.dx-treelist-rowsview {
    position: relative;
    overflow: hidden
}

    .dx-treelist-rowsview.dx-empty {
        height: 100px
    }

        .dx-treelist-rowsview.dx-empty .dx-scrollable-content {
            height: 100%
        }

    .dx-treelist-rowsview.dx-fixed-columns.dx-scrollable .dx-scrollable-content {
        z-index: 2
    }

    .dx-treelist-rowsview.dx-fixed-columns .dx-scrollable-scrollbar {
        z-index: 3
    }

    .dx-treelist-rowsview .dx-treelist-content {
        overflow-anchor: none
    }

        .dx-treelist-rowsview .dx-treelist-content:not(.dx-treelist-content-fixed) {
            min-height: 100%
        }

        .dx-treelist-rowsview .dx-treelist-content.dx-scrollable-container {
            width: auto
        }

        .dx-treelist-rowsview .dx-treelist-content.dx-treelist-content-fixed.dx-scrollable-container {
            height: auto
        }

    .dx-treelist-rowsview:focus {
        outline: 0
    }

    .dx-treelist-rowsview .dx-row > td, .dx-treelist-rowsview .dx-row > tr > td {
        overflow: hidden;
        text-overflow: ellipsis
    }

    .dx-treelist-rowsview .dx-row.dx-row-lines:first-child, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > td, .dx-treelist-rowsview .dx-row.dx-row-lines:first-child > tr > td {
        border-top: none
    }

    .dx-treelist-rowsview .dx-data-row > td:focus {
        outline: 0
    }

    .dx-treelist-rowsview .dx-selection.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-top: 0;
        border-bottom: 0
    }

        .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-freespace-row > td, .dx-treelist-rowsview .dx-treelist-table .dx-row.dx-virtual-row > td {
            padding-top: 0;
            padding-bottom: 0
        }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
        display: none
    }

    .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr.dx-selection > td > .dx-select-checkbox, .dx-treelist-rowsview .dx-select-checkboxes-hidden > tbody > tr > td:hover > .dx-select-checkbox {
        display: inline-block
    }

    .dx-treelist-rowsview .dx-row > .dx-master-detail-cell:focus {
        outline: 0
    }

    .dx-treelist-rowsview .dx-data-row.dx-edit-row .dx-cell-modified::after {
        border-color: transparent
    }

.dx-treelist-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%)
}

.dx-treelist-bottom-load-panel {
    text-align: center;
    padding: 10px
}

.dx-treelist-hidden-column {
    white-space: nowrap
}

.dx-treelist .dx-row .dx-treelist-hidden-column {
    border-right-width: 0;
    border-left-width: 0
}

.dx-treelist-hidden-column > * {
    display: none !important
}

.dx-treelist-total-footer > .dx-treelist-content {
    padding-top: 7px;
    padding-bottom: 7px
}

.dx-treelist-summary-item {
    font-weight: 700
}

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

.dx-command-adaptive {
    width: 36px;
    min-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 {
    width: 0;
    height: 0
}

.dx-treelist-notouch-action {
    touch-action: none
}

.dx-treelist-column-chooser-list.dx-treeview .dx-empty-message, .dx-treelist-column-chooser-list.dx-treeview .dx-treeview-item {
    border: none
}

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

.dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item {
    padding: 7px 5px 7px 30px
}

    .dx-rtl .dx-treelist .dx-menu-subitem .dx-menu-item .dx-menu-image, .dx-treelist.dx-rtl .dx-menu-subitem .dx-menu-item .dx-menu-image {
        background-position-x: right
    }

.dx-rtl .dx-treelist .dx-texteditor-buttons-container, .dx-treelist.dx-rtl .dx-texteditor-buttons-container {
    text-align: start
}

.dx-rtl .dx-treelist-content .dx-treelist-table {
    direction: rtl
}

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space {
        border-left: none
    }

        .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row > td.dx-treelist-group-space + td {
            border-right: none
        }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-editor-container .dx-editor-cell .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon {
        transform: scaleX(-1)
    }

    .dx-rtl .dx-treelist-content .dx-treelist-table .dx-row .dx-filter-range-content {
        padding: 7px 32px 7px 7px
    }

.dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated {
    direction: ltr
}

    .dx-rtl .dx-treelist-headers .dx-treelist-scrollable-simulated .dx-treelist-table, .dx-rtl .dx-treelist-total-footer .dx-treelist-scrollable-simulated .dx-treelist-table {
        direction: rtl
    }

.dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-placeholder::before, .dx-rtl .dx-treelist-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor .dx-texteditor-input {
    padding-right: 32px
}

.dx-rtl .dx-treelist-filter-row .dx-menu {
    right: 0;
    left: auto;
    margin-left: 0;
    margin-right: -2px
}

.dx-rtl .dx-treelist-filter-row > td:first-child .dx-menu {
    margin-left: 0
}

.dx-rtl .dx-treelist-filter-row .dx-menu-horizontal .dx-overlay-content ul .dx-menu-item {
    padding: 5px 5px 5px 30px
}

.dx-rtl .dx-treelist-filter-row .dx-menu-caption {
    padding-right: 6px
}

.dx-rtl .dx-treelist-header-panel {
    text-align: right
}

    .dx-rtl .dx-treelist-header-panel .dx-treelist-column-chooser-button {
        margin-left: 0
    }

    .dx-rtl .dx-treelist-header-panel .dx-toolbar-menu-container .dx-button {
        margin-left: 0;
        margin-right: 10px
    }

.dx-rtl .dx-treelist-search-panel {
    margin: 0 15px 0 0
}

.dx-treelist-filter-panel, .dx-treelist-filter-panel-left {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    min-width: 0
}

    .dx-treelist-filter-panel .dx-treelist-filter-panel-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter:hover, .dx-treelist-filter-panel .dx-treelist-filter-panel-text:hover {
            text-decoration: underline;
            cursor: pointer
        }

    .dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
        padding-right: 10px
    }

    .dx-treelist-filter-panel .dx-icon-filter {
        margin: auto 7px auto auto;
        cursor: pointer
    }

.dx-treelist-container {
    position: relative;
    cursor: default;
    white-space: normal;
    line-height: normal;
    color: #333
}

.dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable {
    white-space: nowrap
}

    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-text-content, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-text-content {
        display: inline;
        white-space: normal
    }

    .dx-treelist-rowsview .dx-treelist-best-fit.dx-treelist-cell-expandable .dx-treelist-icon-container, .dx-treelist-rowsview .dx-treelist-table:not(.dx-treelist-table-fixed) .dx-treelist-cell-expandable .dx-treelist-icon-container {
        float: none
    }

.dx-treelist-rowsview .dx-treelist-icon-container {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    line-height: 1
}

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
    float: left
}

.dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
    border-left: 1px solid #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-top-width: 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.dx-sortable-dragging > div > .dx-gridbase-container > .dx-treelist-rowsview {
    border-color: rgba(51,122,183,.5)
}

.dx-treelist .dx-column-lines > td:first-child {
    border-left: none
}

.dx-treelist .dx-column-lines > td:last-child {
    border-right: none
}

.dx-treelist .dx-command-drag .dx-treelist-drag-icon {
    font: 14px/1 DXIcons
}

    .dx-treelist .dx-command-drag .dx-treelist-drag-icon::before {
        content: "\f038"
    }

.dx-treelist-container > .dx-treelist-headers, .dx-treelist-container > .dx-treelist-rowsview {
    background-color: #fff
}

.dx-treelist-container .dx-sort-up {
    font: 14px/1 DXIcons
}

    .dx-treelist-container .dx-sort-up::before {
        content: "\f051"
    }

.dx-treelist-container .dx-sort-down {
    font: 14px/1 DXIcons
}

    .dx-treelist-container .dx-sort-down::before {
        content: "\f052"
    }

.dx-treelist-container .dx-sort-down, .dx-treelist-container .dx-sort-up {
    font-family: inherit
}

    .dx-treelist-container .dx-sort-down::before, .dx-treelist-container .dx-sort-up::before {
        font-family: DXIcons,sans-serif
    }

.dx-treelist-container .dx-treelist-header-panel .dx-toolbar {
    background-color: transparent
}

.dx-treelist-container .dx-treelist-headers .dx-header-filter, .dx-treelist-container .dx-treelist-headers .dx-header-row > td {
    outline: 0
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus, .dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
    outline: #5c95c5 solid 2px
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td:focus {
    outline-offset: -2px
}

.dx-treelist-container .dx-treelist-headers.dx-state-focused .dx-header-row td .dx-header-filter:focus {
    outline-offset: 2px
}

.dx-treelist-container .dx-header-filter {
    position: relative;
    color: #757575;
    font: 14px/1 DXIcons
}

    .dx-treelist-container .dx-header-filter::before {
        content: "\f050"
    }

.dx-treelist-container .dx-header-filter-empty {
    color: rgba(117,117,117,.5)
}

.dx-treelist-container.dx-filter-menu .dx-menu-item-content .dx-icon {
    width: 14px;
    height: 14px;
    background-position: 0 0;
    background-size: 14px 14px;
    padding: 0;
    font-size: 14px;
    text-align: center;
    line-height: 14px
}

.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: #5c95c5 solid 2px;
    outline-offset: 2px
}

.dx-treelist-container .dx-treelist-rowsview.dx-state-focused .dx-data-row.dx-row-focused > td.dx-command-edit > a.dx-link:focus {
    outline-color: #fff;
    outline-offset: 0
}

.dx-treelist-container .dx-treelist-rowsview .dx-treelist-edit-form {
    background-color: #fff
}

.dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td {
    position: relative
}

    .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td::before {
        display: block;
        height: 100%;
        content: "";
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACqCAYAAABbAOqQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYWQ2ODE5MS00ZDMxLWRjNGYtOTU0NC1jNjJkMTIxMjY2M2IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjY1RUVFQzAzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjY1RUVFQkYzRDYzMTFFODlFNThCOUJBQjU4Q0EzRDgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVlMjM1Y2U0LTc5ZWUtNGI0NC05ZjlkLTk2NTZmZGFjNjhhNCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjk1OTQ2MjBiLTUyMTQtYTM0Yy04Nzc5LTEwMmEyMTY4MTlhOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvLbJKYAAADrSURBVHja7N3BDYBACABBsQn7L48q0BoMD5SZxAZuc74gF1V1MMfpCARBEEEQRBAEEQRBdovnuxxDq3RD/LIQRBAEQRBBEEQQBBEEQQQBAAAAAAAAABhi8gZVbgxi6kQQBBEEQQRBEEEQRBAEQRBBAAAAAAAAAAAabX2Daux2lqkTQRBEEAQRBEEEQRBBEARBBAEAAAAAAAAAaLR1g2osUyeCIIggCCIIggiCIIIgCIIIAgAAAAAAAADQ6KsbVPnXIKZOBEEQQRBEEAQRBEEEQRAEEYRXoqqcghuCIIIgiCAIIgiCCMIUtwADALYCCr92l++TAAAAAElFTkSuQmCC");
        background-repeat: no-repeat repeat
    }

    .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: right"]::before {
        transform: scaleX(-1)
    }

.dx-treelist-container .dx-treelist-filter-row .dx-filter-range-content {
    color: #333
}

.dx-treelist-container .dx-error-row td {
    color: #fff;
    padding: 0
}

.dx-treelist-container .dx-error-row .dx-error-message {
    background-color: #e89895;
    white-space: normal;
    word-wrap: break-word
}

.dx-treelist-filter-panel {
    padding: 10px;
    color: #333;
    border-top: 1px solid #ddd
}

    .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: #5c95c5 solid 2px
    }

.dx-treelist-form-buttons-container {
    float: right
}

    .dx-treelist-form-buttons-container .dx-button {
        margin-left: 10px;
        margin-top: 10px
    }

.dx-treelist-export-menu .dx-menu-item .dx-icon-exportxlsx {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    font-size: 16px;
    text-align: center;
    line-height: 16px
}

.dx-treelist-adaptive-more {
    cursor: pointer;
    font: 21px/21px DXIcons
}

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

.dx-treelist-edit-popup .dx-error-message {
    background-color: #e89895;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
    margin-bottom: 20px
}

.dx-rtl.dx-treelist .dx-column-lines > td:first-child {
    border-right: none;
    border-left: 1px solid #ddd
}

.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: 1s dx-treelist-highlight-change
}

@keyframes dx-treelist-highlight-change {
    50%,from {
        background-color: rgba(51,51,51,.08)
    }
}

.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 {
    font: 16px/16px DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    text-align: center
}

    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-asc::before {
        content: "\f053"
    }

.dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc {
    font: 16px/16px DXIcons;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    text-align: center
}

    .dx-treelist-container.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before, .dx-treelist.dx-context-menu .dx-menu-items-container .dx-icon-context-menu-sort-desc::before {
        content: "\f054"
    }

.dx-treelist .dx-icon-filter-operation-equals, .dx-treelist-container .dx-icon-filter-operation-equals {
    font: 14px/1 DXIcons
}

    .dx-treelist .dx-icon-filter-operation-equals::before, .dx-treelist-container .dx-icon-filter-operation-equals::before {
        content: "\f044"
    }

.dx-treelist .dx-icon-filter-operation-default, .dx-treelist-container .dx-icon-filter-operation-default {
    font: 12px/12px DXIcons;
    width: 12px;
    height: 12px;
    background-position: 0 0;
    background-size: 12px 12px;
    padding: 0;
    text-align: center
}

    .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-top: 1px solid #f5f5f5;
        border-bottom: 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: transparent
        }

    .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 {
        float: right;
        margin: 9px;
        font: 14px/14px DXIcons;
        width: 14px;
        height: 14px;
        background-position: 0 0;
        background-size: 14px 14px;
        padding: 0;
        text-align: center
    }

        .dx-treelist .dx-error-row .dx-closebutton::before {
            content: "\f00a"
        }

    .dx-treelist .dx-error-row .dx-error-message {
        padding: 7px 35px 7px 7px
    }

    .dx-treelist .dx-row > td {
        padding: 7px
    }

    .dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
        width: 18px;
        height: 18px;
        background-position: 0 0;
        background-size: 18px 18px;
        padding: 0;
        font-size: 18px;
        text-align: center;
        line-height: 18px;
        margin: 0 3px
    }

        .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 {
        width: 36px;
        min-width: 36px
    }

        .dx-treelist .dx-command-drag .dx-treelist-drag-icon {
            vertical-align: middle;
            width: 18px;
            height: 18px;
            background-position: 0 0;
            background-size: 18px 18px;
            padding: 0;
            font-size: 18px;
            text-align: center;
            line-height: 19px
        }

.dx-treelist-edit-popup .dx-error-message {
    padding: 7px
}

.dx-treelist-headers .dx-texteditor-input, .dx-treelist-rowsview .dx-texteditor-input {
    padding: 7px;
    min-height: 33px
}

.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-left: 7px;
    padding-top: 7px;
    padding-bottom: 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: transparent
}

.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-top: 7px;
    padding-bottom: 7px
}

.dx-treelist-checkbox-size {
    vertical-align: middle;
    padding-bottom: 2px
}

    .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
        font-size: 12px
    }

    .dx-treelist-checkbox-size .dx-checkbox-icon {
        height: 16px;
        width: 16px
    }

    .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon {
        font-size: 6px
    }

        .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon::before {
            border-radius: 0
        }

.dx-treelist-column-chooser-list .dx-empty-message {
    color: #757575;
    padding: 0 20px
}

.dx-treelist-column-chooser {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
    line-height: 1.35715
}

    .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 rgba(0,0,0,.2)
    }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-title {
            padding-top: 7px;
            padding-bottom: 9px;
            background-color: transparent
        }

        .dx-treelist-column-chooser .dx-overlay-content .dx-popup-content .dx-column-chooser-item {
            opacity: .5;
            margin-bottom: 10px;
            background-color: #fff;
            color: #757575;
            font-weight: 400;
            border: 1px solid #ddd;
            padding: 7px;
            box-shadow: 0 1px 3px -1px rgba(0,0,0,.2)
        }

.dx-treelist-drag-header {
    box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
    color: #757575;
    font-weight: 400;
    padding: 7px;
    border: 1px solid rgba(51,122,183,.5);
    background-color: #fff
}

.dx-treelist-columns-separator {
    background-color: #337ab7
}

.dx-treelist-columns-separator-transparent {
    background-color: transparent
}

.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 {
    width: 70px;
    min-width: 70px
}

.dx-treelist-table .dx-row .dx-command-edit {
    width: 85px;
    min-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 {
    width: 30px;
    min-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: rgba(0,0,0,.04);
    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: rgba(0,0,0,.04)
    }

    .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: rgba(0,0,0,.04);
    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: transparent
}

.dx-treelist-headers {
    color: #757575;
    font-weight: 400;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd
}

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

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

.dx-treelist-filter-row .dx-menu-item-has-submenu.dx-state-hover {
    background-color: transparent
}

.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: rgba(92,184,92,.5)
}

.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;
    overflow: inherit;
    box-shadow: 2px 2px 3px rgba(0,0,0,.15)
}

    .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: rgba(92,184,92,.5);
        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: transparent;
    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-treelist-header-panel .dx-apply-button {
        background-color: #5cb85c;
        border-color: #4cae4c;
        color: #fff
    }

        .dx-treelist-header-panel .dx-apply-button .dx-icon {
            color: #fff
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-selected {
            background-color: #5cb85c
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-hover {
            background-color: #449d44
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-focused {
            background-color: #3d8b3d
        }

        .dx-treelist-header-panel .dx-apply-button.dx-state-active {
            background-color: #357935;
            color: #fff
        }

.dx-icon-column-chooser {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

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

.dx-treelist-addrow-button .dx-icon-edit-button-addrow {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

    .dx-treelist-addrow-button .dx-icon-edit-button-addrow::before {
        content: "\f00b"
    }

.dx-treelist-cancel-button .dx-icon-edit-button-cancel {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

    .dx-treelist-cancel-button .dx-icon-edit-button-cancel::before {
        content: "\f04c"
    }

.dx-treelist-save-button .dx-icon-edit-button-save {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

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

.dx-apply-button .dx-icon-apply-filter {
    font: 18px/18px DXIcons;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    text-align: center
}

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

.dx-treelist-adaptive-more {
    width: 21px;
    height: 21px;
    background-position: 0 0;
    background-size: 21px 21px;
    padding: 0;
    font-size: 21px;
    text-align: center;
    line-height: 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-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

    .dx-treelist-rowsview .dx-row:focus {
        outline: 0
    }

    .dx-treelist-rowsview .dx-row.dx-edit-row:first-child > td {
        border-top-width: 0;
        border-bottom: 1px solid #ddd
    }

    .dx-treelist-rowsview .dx-row.dx-edit-row > td {
        border-top: 1px solid #ddd;
        border-bottom: 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-top: 1px solid #ddd;
    border-bottom: 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 rgba(217,83,79,.4)
}

.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: rgba(92,184,92,.5)
}

.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-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: rgba(51,51,51,.7)
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-adaptive-item-text {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px
}

.dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid {
    border: 1px solid rgba(217,83,79,.4)
}

    .dx-treelist-rowsview .dx-adaptive-detail-row .dx-treelist-invalid.dx-adaptive-item-text {
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 7px
    }

.dx-treelist-rowsview .dx-item-modified {
    border-radius: 4px;
    border: 2px solid rgba(92,184,92,.5)
}

    .dx-treelist-rowsview .dx-item-modified.dx-adaptive-item-text {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 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-top: 1px solid #d6e4f1;
    border-bottom: 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 {
    position: relative;
    padding: 0
}

    .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 {
    pointer-events: none;
    position: absolute;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    inset-inline-end: 4px;
    background-color: #fff
}

.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-right: 7px;
    padding-bottom: 7px;
    padding-left: 34px
}

.dx-treelist-search-text {
    color: #fff;
    background-color: #337ab7
}

.dx-treelist-nodata {
    color: #333;
    font-size: 17px;
    opacity: .7
}

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

.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: #5c95c5 solid 2px;
        outline-offset: -2px
    }

.dx-treelist-summary-item {
    color: rgba(51,51,51,.7)
}

.dx-treelist-total-footer {
    position: relative;
    border-top: 1px solid #ddd
}

.dx-treelist-revert-tooltip .dx-overlay-content {
    background-color: #fff;
    min-width: inherit
}

.dx-treelist-revert-tooltip .dx-revert-button {
    margin: 0 1px;
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff
}

    .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-right: 34px;
    padding-left: 27px
}

.dx-rtl .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused) > td:not(.dx-focused).dx-treelist-group-space {
    border-left-color: rgba(0,0,0,.04);
    border-right-color: transparent
}

.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 {
    position: relative;
    display: inline-block;
    width: 14px;
    font: 14px/1 DXIcons
}

    .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 {
    font: 18px/18px DXIcons;
    text-align: center;
    cursor: pointer
}

    .dx-treelist-rowsview .dx-treelist-expanded span::before {
        content: "\f001";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        left: 0;
        margin-left: -5px;
        margin-top: -8px
    }

.dx-treelist-rowsview .dx-treelist-collapsed span {
    font: 18px/18px DXIcons;
    text-align: center;
    cursor: pointer
}

    .dx-treelist-rowsview .dx-treelist-collapsed span::before {
        content: "\f04e";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        left: 0;
        margin-left: -6px;
        margin-top: -8px
    }

.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 {
    position: relative;
    padding-right: 23px
}

    .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
        top: 50%;
        margin-top: -8px
    }

.dx-treelist-select-all {
    position: relative
}

    .dx-treelist-select-all .dx-checkbox {
        left: 21px;
        margin-top: 1px
    }

.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 {
    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-right: 44px;
    padding-left: 7px
}

.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 {
    outline: 0;
    color: #337ab7
}

.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 {
    float: none;
    display: inline-block
}

.dx-pivotgrid-nodata {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%,-50%)
}

.dx-pivotgrid {
    cursor: default;
    width: 100%;
    position: relative;
    background-color: #fff
}

    .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 {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0
    }

    .dx-pivotgrid table {
        border-collapse: collapse;
        table-layout: auto;
        border-spacing: 0
    }

    .dx-pivotgrid td {
        vertical-align: top;
        box-sizing: content-box
    }

    .dx-pivotgrid .dx-area-description-cell {
        position: relative;
        background-clip: padding-box;
        white-space: nowrap
    }

        .dx-pivotgrid .dx-area-description-cell .dx-pivotgrid-fields-area {
            position: absolute;
            bottom: 0
        }

    .dx-pivotgrid .dx-area-field-content, .dx-pivotgrid .dx-column-indicators {
        display: inline-block
    }

    .dx-pivotgrid .dx-expand-icon-container {
        position: relative;
        display: inline-block
    }

    .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 {
        vertical-align: top;
        float: none !important
    }

    .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 {
        float: none !important;
        display: inline-block
    }

    .dx-pivotgrid .dx-popup-content .dx-area-field-content {
        display: inline-block
    }

    .dx-pivotgrid .dx-pivotgrid-area {
        white-space: nowrap;
        box-sizing: content-box
    }

    .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 {
    position: relative;
    background-color: #fff
}

    .dx-pivotgridfieldchooser .dx-pivotgridfieldchooser-container {
        display: flex;
        overflow: hidden;
        height: 100%
    }

        .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-wrap: wrap;
                flex-grow: 4
            }

    .dx-pivotgridfieldchooser .dx-col {
        width: 50%;
        display: flex;
        flex-direction: column
    }

    .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 {
    position: absolute;
    top: -9999px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

.dx-pivotgrid-fields-container .dx-position-indicator.dx-position-indicator-vertical {
    margin-top: -4px;
    margin-left: -1px;
    height: 2px
}

    .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: rgba(117,117,117,.5)
}

.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 {
        box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
        border: 1px solid rgba(51,122,183,.5)
    }

.dx-pivotgrid-fields-container .dx-area-field.dx-area-box {
    background-color: #fff;
    margin-bottom: 4px;
    border: 1px solid #ddd;
    padding: 7px 10px
}

.dx-pivotgrid-fields-container .dx-drag-source {
    opacity: .5
}

.dx-pivotgrid-fields-container .dx-column-indicators {
    vertical-align: bottom;
    margin-left: 6px;
    line-height: 19px
}

.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 {
    margin-right: 10px;
    float: right;
    display: inline-block
}

    .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: rgba(221,221,221,.2)
}

    .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-spacing: 8px 8px;
    border-collapse: separate
}

.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) {
            border-color: transparent;
            background-color: transparent;
            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 {
    position: relative;
    border: none;
    padding: 10px 2px
}

.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 {
    white-space: nowrap;
    padding: 7px 0;
    border: 1px solid transparent;
    color: #525252
}

.dx-pivotgrid .dx-group-connector {
    position: absolute;
    width: 2px;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background-color: #ddd
}

    .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 {
    position: relative;
    overflow: hidden;
    display: block
}

    .dx-pivotgrid .dx-virtual-mode .dx-virtual-content table td {
        color: transparent;
        background-color: transparent !important
    }

        .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 {
        text-align: right;
        color: #333;
        white-space: nowrap;
        border-left: 1px solid #ddd
    }

        .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 {
    min-width: 50px;
    border-right: 1px solid #ddd
}

.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-top: 1px solid #ddd;
    border-bottom: 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 {
    border-top: 1px solid transparent;
    background-color: rgba(221,221,221,.2);
    padding: 0;
    width: 19px;
    min-width: 19px
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers.dx-vertical-scroll {
    border-right: 1px solid #ddd
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
    text-align: center;
    border: 1px solid #ddd
}

    .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 {
    margin-left: -5px;
    margin-right: 0;
    width: 14px;
    font: 14px/1 DXIcons
}

.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: rgba(221,221,221,.2)
}

.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;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    font-size: 18px
}

.dx-pivotgridfieldchooser .dx-area {
    padding: 5px;
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

    .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-grow: 1;
        flex-direction: column;
        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 {
        margin-top: 3px;
        border: 1px solid #ddd;
        display: flex;
        flex-direction: column;
        height: 0
    }

.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
    align-self: center
}

.dx-pivotgridfieldchooser .dx-area-fields[group] {
    padding: 5px;
    background-color: rgba(221,221,221,.2);
    display: flex
}

.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 {
    margin-right: 0;
    margin-left: 10px;
    float: left
}

    .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-right: 0;
        margin-left: 4px
    }

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

.dx-rtl.dx-pivotgrid .dx-group-connector.dx-group-connector-next {
    right: initial;
    left: 0
}

.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 {
        border-left: 1px solid #ddd;
        border-right: 0
    }

.dx-rtl.dx-pivotgrid .dx-pivotgrid-vertical-headers td {
    border-right: 0;
    border-left: 1px solid #ddd
}

.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-right: 0;
    border-left: 1px solid #ddd
}

.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 {
    font: 18px/18px DXIcons;
    text-align: center;
    color: #959595
}

    .dx-pivotgrid .dx-pivotgrid-collapsed .dx-expand::before {
        content: "\f04e";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.dx-pivotgrid .dx-pivotgrid-expanded .dx-expand {
    font: 18px/18px DXIcons;
    text-align: center;
    color: #959595
}

    .dx-pivotgrid .dx-pivotgrid-expanded .dx-expand::before {
        content: "\f001";
        position: absolute;
        display: block;
        width: 18px;
        top: 50%;
        margin-top: -9px;
        left: 50%;
        margin-left: -9px
    }

.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
    vertical-align: middle;
    margin: 0 5px -1px 0;
    width: 18px;
    height: 18px;
    background-position: 0 0;
    background-size: 18px 18px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 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: absolute;
    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 rgba(0,0,0,.15)
    }

    .dx-context-menu .dx-menu-item-popout {
        font: 18px/18px DXIcons;
        text-align: center
    }

        .dx-context-menu .dx-menu-item-popout::before {
            content: "\f04e";
            position: absolute;
            display: block;
            width: 18px;
            top: 50%;
            margin-top: -9px;
            left: 50%;
            margin-left: -9px
        }

    .dx-context-menu .dx-menu-separator {
        height: 1px;
        margin: 5px 0;
        background-color: #ddd
    }

    .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 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    touch-action: pinch-zoom pan-y
}

.dx-multiview-item-container {
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%
}

    .dx-multiview-item-container .dx-empty-message {
        text-align: center
    }

.dx-multiview-item {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

    .dx-multiview-item.dx-item-selected {
        position: relative
    }

.dx-multiview-item-content {
    width: 100%;
    height: 100%
}

.dx-multiview-item-hidden {
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

    .dx-multiview-item-hidden .dx-accordion-item-opened .dx-accordion-item-body {
        visibility: hidden
    }

.dx-tabpanel {
    display: flex;
    flex-direction: column
}

    .dx-tabpanel .dx-tabs-vertical .dx-tabs-wrapper {
        min-height: 100%
    }

    .dx-tabpanel .dx-tabs-vertical .dx-tabpanel-tab {
        flex-grow: 0
    }

.dx-tabpanel-tab {
    flex-basis: unset;
    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 {
    width: 140px;
    max-width: unset
}

    .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 transparent;
    border-block-end: 1px solid transparent;
    -webkit-border-start: 1px solid transparent;
    border-inline-start: 1px solid transparent
}

.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 transparent;
    border-inline-end: 1px solid transparent;
    -webkit-border-after: 1px solid transparent;
    border-block-end: 1px solid transparent
}

.dx-tabpanel-tabs-position-top .dx-tabpanel-tab.dx-state-hover::after {
    -webkit-border-after: 1px solid transparent;
    border-block-end: 1px solid transparent
}

.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 #aaaaaa;
    border-block-end: 1px solid #aaaaaa
}

    .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 transparent;
    border-block-end: 1px solid transparent;
    -webkit-border-start: 1px solid transparent;
    border-inline-start: 1px solid transparent
}

.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 transparent;
    border-block-start: 1px solid transparent;
    -webkit-border-start: 1px solid transparent;
    border-inline-start: 1px solid transparent
}

.dx-tabpanel-tabs-position-right .dx-tabpanel-tab.dx-state-hover::after {
    -webkit-border-start: 1px solid transparent;
    border-inline-start: 1px solid transparent
}

.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 #aaaaaa;
    border-inline-start: 1px solid #aaaaaa
}

    .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 transparent;
    border-block-start: 1px solid transparent;
    -webkit-border-start: 1px solid transparent;
    border-inline-start: 1px solid transparent
}

.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 transparent;
    border-block-start: 1px solid transparent;
    -webkit-border-end: 1px solid transparent;
    border-inline-end: 1px solid transparent
}

.dx-tabpanel-tabs-position-bottom .dx-tabpanel-tab.dx-state-hover::after {
    -webkit-border-before: 1px solid transparent;
    border-block-start: 1px solid transparent
}

.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 #aaaaaa;
    border-block-start: 1px solid #aaaaaa
}

    .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 transparent;
    border-inline-end: 1px solid transparent;
    -webkit-border-after: 1px solid transparent;
    border-block-end: 1px solid transparent
}

.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 transparent;
    border-block-start: 1px solid transparent;
    -webkit-border-end: 1px solid transparent;
    border-inline-end: 1px solid transparent
}

.dx-tabpanel-tabs-position-left .dx-tabpanel-tab.dx-state-hover::after {
    -webkit-border-end: 1px solid transparent;
    border-inline-end: 1px solid transparent
}

.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 #aaaaaa;
    border-inline-end: 1px solid #aaaaaa
}

    .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 {
        top: 0;
        bottom: 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;
    border-block-start: 1px solid #ddd;
    -webkit-border-after: 1px solid #ddd;
    border-block-end: 1px solid #ddd
}

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

.dx-tabpanel-tabs-position-top .dx-tabs .dx-tabs-scrollable::after {
    -webkit-border-before: none;
    border-block-start: none;
    -webkit-border-end: 1px solid;
    border-inline-end: 1px solid;
    -webkit-border-after: none;
    border-block-end: none;
    -webkit-border-start: 1px solid;
    border-inline-start: 1px solid;
    top: 0;
    bottom: 1px
}

.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;
    border-inline-start: 1px solid #ddd;
    -webkit-border-end: 1px solid #ddd;
    border-inline-end: 1px solid #ddd
}

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

.dx-tabpanel-tabs-position-right .dx-tabs .dx-tabs-scrollable::after {
    -webkit-border-before: 1px solid;
    border-block-start: 1px solid;
    -webkit-border-end: none;
    border-inline-end: none;
    -webkit-border-after: 1px solid;
    border-block-end: 1px solid;
    -webkit-border-start: none;
    border-inline-start: none;
    right: 0;
    left: 1px
}

.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;
    border-block-start: 1px solid #ddd;
    -webkit-border-after: 1px solid #ddd;
    border-block-end: 1px solid #ddd
}

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

.dx-tabpanel-tabs-position-bottom .dx-tabs .dx-tabs-scrollable::after {
    -webkit-border-before: none;
    border-block-start: none;
    -webkit-border-end: 1px solid;
    border-inline-end: 1px solid;
    -webkit-border-after: none;
    border-block-end: none;
    -webkit-border-start: 1px solid;
    border-inline-start: 1px solid;
    top: 1px;
    bottom: 0
}

.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;
    border-inline-start: 1px solid #ddd;
    -webkit-border-end: 1px solid #ddd;
    border-inline-end: 1px solid #ddd
}

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

.dx-tabpanel-tabs-position-left .dx-tabs .dx-tabs-scrollable::after {
    -webkit-border-before: 1px solid;
    border-block-start: 1px solid;
    -webkit-border-end: none;
    border-inline-end: none;
    -webkit-border-after: 1px solid;
    border-block-end: 1px solid;
    -webkit-border-start: 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%;
    width: 100%;
    overflow: hidden
}

.dx-fileuploader-container {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.dx-fileuploader-input-wrapper::after, .dx-fileuploader-input-wrapper::before {
    display: table;
    content: "";
    line-height: 0;
    width: 100%
}

.dx-fileuploader-input-wrapper::after {
    clear: both;
    padding-bottom: 1em;
    margin-bottom: -1em
}

.dx-fileuploader-input-wrapper::before {
    padding-top: 1em;
    margin-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 {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        cursor: pointer
    }

        .dx-fileuploader-button .dx-fileuploader-input::-webkit-file-upload-button {
            cursor: pointer
        }

.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 {
    width: 100%;
    display: table
}

.dx-fileuploader-show-file-list .dx-fileuploader-files-container {
    padding-top: 22px
}

.dx-fileuploader-file-container {
    width: 100%;
    padding: 4px 0
}

    .dx-fileuploader-file-container .dx-button {
        width: 28px;
        height: 28px;
        margin-right: 10px
    }

        .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%;
    width: 100%;
    position: relative;
    overflow: hidden
}

.dx-fileuploader-input {
    opacity: 0;
    width: 100%;
    margin: 0;
    cursor: default
}

.dx-fileuploader-input-label {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: default
}

    .dx-fileuploader-input-label::before {
        content: "";
        position: absolute;
        top: -50%;
        overflow: hidden;
        cursor: default
    }

.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;
    width: 100%;
    height: 22px;
    margin-top: -6px
}

.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 {
    height: auto;
    color: #d9534f
}

    .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 {
    padding: 7px 0;
    border: 3px dashed transparent
}

.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 {
    display: block;
    width: 100%;
    padding: 17px 3px 18px;
    box-sizing: content-box
}

.dx-fileuploader-dragover .dx-fileuploader-input-label {
    text-align: center;
    padding: 14px 9px;
    border: 3px dashed #ddd
}

.dx-fileuploader-file-size, .dx-fileuploader-file-status-message {
    color: #999
}

.dx-fileuploader-input {
    padding: 7px 0
}

.dx-fileuploader-input-label {
    padding: 8px 9px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dx-fileuploader-files-container {
    width: 100%;
    padding: 12px 3px 0
}

.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;
    width: 100%;
    white-space: nowrap;
    padding-top: 5px;
    line-height: 13px
}

.dx-fileuploader-file-name {
    float: left;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 3.5px;
    color: #333
}

.dx-fileuploader-file-size {
    margin-left: 4px;
    float: left;
    vertical-align: super;
    font-size: 10px;
    padding-bottom: 3.5px
}

.dx-scheduler-appointment-popup .dx-popup-content {
    padding-top: 0;
    padding-bottom: 0
}

.dx-scheduler-appointment-popup .dx-scrollable-content {
    padding-top: 20px
}

.dx-scheduler-appointment-popup .dx-form.dx-recurrence-editor-container .dx-scrollable-content {
    padding-top: 0
}

.dx-scheduler .dx-empty-message {
    line-height: normal
}

.dx-scheduler-all-day-panel td {
    padding: 0
}

.dx-scheduler-appointment-collector {
    position: absolute;
    display: block;
    cursor: pointer;
    margin: 3px 0 0 3px
}

    .dx-scheduler-appointment-collector .dx-button-content, .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin: 0 4px;
        padding: 0
    }

        .dx-scheduler-appointment-collector .dx-button-content::after, .dx-scheduler-appointment-collector .dx-scheduler-appointment-collector-content::after {
            display: inline-block;
            position: relative;
            height: 100%;
            content: "";
            vertical-align: middle;
            font-size: 0
        }

    .dx-scheduler-appointment-collector.dx-button.dx-button-default {
        padding: 0;
        max-width: none
    }

.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 {
    white-space: pre-wrap;
    line-height: 1.3
}

.dx-scheduler-adaptive .dx-scheduler-appointment-collector {
    margin: 0
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content, .dx-scheduler-overlay-panel .dx-popup-content {
    padding: 0
}

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item {
        width: 360px
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content, .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content {
            padding: 5px
        }

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content, .dx-scheduler-overlay-panel .dx-overlay-content {
    box-shadow: 0 0 15px 0 rgba(0,0,0,.15)
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item {
    display: flex
}

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-marker-body {
        margin-top: 7px;
        margin-left: 5px;
        background: #337ab7;
        width: 20px;
        height: 20px;
        border-radius: 50%
    }

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-delete-button .dx-icon {
        color: #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 {
        flex-basis: 100%;
        margin: 5px 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #333
    }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-subject {
            text-align: left;
            font-weight: 700;
            font-size: 16px;
            letter-spacing: .01em;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date, .dx-scheduler-overlay-panel .dx-tooltip-appointment-item .dx-tooltip-appointment-item-content .dx-tooltip-appointment-item-content-date {
            text-align: left;
            font-size: 12px;
            opacity: .8;
            margin-top: 10px
        }

.dx-scheduler-overlay-panel .dx-overlay-content {
    position: relative;
    background: #fff
}

.dx-scheduler-appointment-content-date {
    opacity: .7;
    display: inline-block;
    white-space: pre-wrap
}

.dx-scheduler-appointment-content-details {
    margin-top: 2px
}

.dx-scheduler-appointment-content-allday {
    display: none
}

.dx-scheduler-appointment {
    border-bottom: 1px solid transparent;
    background-clip: padding-box;
    position: absolute;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    background-color: #337ab7;
    color: #fff;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3);
    left: 0;
    min-width: 4px;
    min-height: 4px
}

    .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-appointment.dx-state-active {
        box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3)
    }

    .dx-scheduler-appointment .dx-scheduler-appointment, .dx-scheduler-appointment.dx-state-focused {
        box-shadow: none
    }

        .dx-scheduler-appointment .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-appointment.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,.3);
            opacity: .98
        }

    .dx-scheduler-appointment.dx-state-hover {
        box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3)
    }

        .dx-scheduler-appointment.dx-state-hover.dx-resizable {
            box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3)
        }

        .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-top {
            height: 5px
        }

        .dx-scheduler-appointment.dx-state-hover .dx-resizable-handle-left {
            width: 5px
        }

    .dx-scheduler-appointment.dx-resizable-resizing {
        z-index: 1000;
        opacity: .7
    }

    .dx-scheduler-appointment .dx-resizable-handle-left {
        left: -1px
    }

    .dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon {
        font: 18px/1 DXIcons;
        top: 3px;
        position: absolute;
        right: 5px
    }

        .dx-scheduler-appointment .dx-scheduler-appointment-recurrence-icon::before {
            content: "\f069"
        }

    .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
        font: 18px/1 DXIcons;
        top: 3px;
        position: absolute;
        right: 5px
    }

        .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon::before {
            content: "\f15a"
        }

.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
    right: auto;
    left: 3px
}

.dx-scheduler-appointment.dx-scheduler-appointment-empty .dx-scheduler-appointment-reduced-icon, .dx-scheduler-appointment.dx-scheduler-appointment-tail .dx-scheduler-appointment-reduced-icon {
    display: none
}

.dx-scheduler-appointment.dx-state-disabled {
    cursor: default;
    opacity: .6;
    pointer-events: auto
}

.dx-scheduler-appointment.dx-scheduler-appointment-drag-source {
    opacity: .7
}

.dx-scheduler-fixed-appointments {
    z-index: 100;
    position: absolute
}

    .dx-scheduler-fixed-appointments .dx-draggable-dragging {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000
    }

        .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused {
            box-shadow: none
        }

            .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment:not(.dx-scheduler-appointment-drag-source)::before, .dx-scheduler-fixed-appointments .dx-draggable-dragging.dx-state-focused:not(.dx-scheduler-appointment-drag-source)::before {
                pointer-events: none;
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: rgba(0,0,0,.3);
                opacity: .98
            }

        .dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-appointment {
            box-shadow: 7px 7px 15px 0 rgba(50,50,50,.2),inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3)
        }

.dx-scheduler-agenda .dx-scheduler-appointment {
    background-color: transparent;
    color: #333;
    padding: 10px;
    border-radius: 5px
}

    .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-hover {
        background-color: rgba(0,0,0,.04)
    }

    .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused {
        color: #333;
        background-color: rgba(0,0,0,.08);
        box-shadow: none
    }

        .dx-scheduler-agenda .dx-scheduler-appointment.dx-state-focused::before {
            background: 0 0
        }

.dx-scheduler-agenda .dx-scheduler-appointment-recurrence-icon {
    position: static;
    color: #fff
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-left-layout {
    overflow: visible
}

.dx-scheduler-agenda .dx-scheduler-agenda-appointment-right-layout {
    margin-left: 10px
}

.dx-scheduler-agenda .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0
}

.dx-scheduler-agenda .dx-scheduler-appointment-content {
    display: flex;
    flex-direction: row
}

.dx-scheduler-agenda .dx-scheduler-appointment-content-date {
    opacity: 1;
    white-space: nowrap
}

.dx-scheduler-agenda .dx-scheduler-appointment-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    font-size: 16px
}

.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 {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #337ab7
}

.dx-scheduler-agenda .dx-rtl .dx-scheduler-agenda-appointment-right-layout {
    margin-left: 0;
    margin-right: 10px
}

.dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-content, .dx-scheduler-agenda .dx-rtl .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped):not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-panel-container {
    display: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell {
    border: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell {
    border-right: none;
    border-left: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell {
    border-top: none;
    border-left: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
    border: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel-container {
    display: none
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-panel-empty-cell {
    margin-top: 0
}

.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel {
    margin-top: 1px
}

.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
    border-right: none
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-date-table-cell, .dx-rtl .dx-scheduler-work-space-day .dx-scheduler-header-panel-cell {
    border-left: none
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    width: 100%
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-day.dx-scheduler-work-space-both-scrollbar:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-grouped) .dx-scheduler-time-panel {
    border-right: 1px solid rgba(221,221,221,.6)
}

.dx-scheduler-work-space-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-cell {
    border-top: 1px solid rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6);
    border-right: 1px solid rgba(221,221,221,.6)
}

    .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 rgba(221,221,221,.6);
    border-right: none
}

.dx-scheduler-work-space-month .dx-scheduler-header-panel {
    width: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table {
    width: 100%;
    height: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell, .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
    border-right: none
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table-scrollable-content, .dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable-content {
    height: 100%
}

.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    height: 50px;
    vertical-align: top;
    text-align: right;
    color: #959595
}

    .dx-scheduler-work-space-month .dx-scheduler-date-table-cell .dx-scheduler-date-table-cell-text {
        padding-right: 6px
    }

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-cell {
    height: 75px
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-count .dx-scheduler-date-table-first-of-month {
    color: #337ab7;
    background-color: rgba(51,122,183,.15);
    font-weight: 700
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
    display: none
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-sidebar-scrollable {
    display: block;
    float: left
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-header {
    box-shadow: 0 -2px 0 rgba(221,221,221,.6);
    border-bottom: none
}

.dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell {
    height: 75px
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-empty-cell, .dx-scheduler-work-space-month.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    border-bottom: none
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-header-panel-empty-cell {
    width: 160px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-two .dx-scheduler-group-flex-container .dx-scheduler-group-header {
    width: 80px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-header-panel-empty-cell {
    width: 240px
}

.dx-scheduler-timeline-day.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-month.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header, .dx-scheduler-timeline-work-week.dx-scheduler-group-column-count-three .dx-scheduler-group-flex-container .dx-scheduler-group-header {
    width: 80px
}

.dx-scheduler-timeline-day .dx-scheduler-date-table-container, .dx-scheduler-timeline-day .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-month .dx-scheduler-date-table-container, .dx-scheduler-timeline-month .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-week .dx-scheduler-date-table-container, .dx-scheduler-timeline-week .dx-scheduler-date-table-scrollable-content, .dx-scheduler-timeline-work-week .dx-scheduler-date-table-container, .dx-scheduler-timeline-work-week .dx-scheduler-date-table-scrollable-content {
    min-height: 100%;
    height: 100%;
    width: 100%
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel, .dx-scheduler-timeline-month .dx-scheduler-header-panel, .dx-scheduler-timeline-week .dx-scheduler-header-panel, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel {
    display: flex;
    flex-flow: row nowrap
}

    .dx-scheduler-timeline-day .dx-scheduler-header-panel thead, .dx-scheduler-timeline-month .dx-scheduler-header-panel thead, .dx-scheduler-timeline-week .dx-scheduler-header-panel thead, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel thead {
        display: flex;
        flex-flow: column nowrap;
        width: 100%
    }

.dx-scheduler-timeline-day .dx-scheduler-header-row, .dx-scheduler-timeline-month .dx-scheduler-header-row, .dx-scheduler-timeline-week .dx-scheduler-header-row, .dx-scheduler-timeline-work-week .dx-scheduler-header-row {
    display: flex;
    flex-flow: row nowrap
}

.dx-scheduler-timeline-day .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell {
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-flow: row nowrap
}

    .dx-scheduler-timeline-day .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-month .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell), .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
        display: flex;
        flex-flow: row-reverse nowrap
    }

.dx-scheduler-timeline-day .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-month .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-week .dx-scheduler-header-panel-week-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-panel-week-cell {
    flex-basis: 0
}

.dx-scheduler-timeline-day .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-month .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell, .dx-scheduler-timeline-work-week .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
    border-right: none
}

.dx-scheduler-timeline .dx-scheduler-date-table-cell, .dx-scheduler-timeline .dx-scheduler-header-panel-cell:not(.dx-scheduler-header-panel-week-cell) {
    width: 200px
}

.dx-scheduler-timeline .dx-scheduler-work-space-vertical-group-table {
    display: none
}

.dx-scheduler-timeline .dx-scheduler-date-table {
    border-spacing: 0;
    border-collapse: separate;
    display: flex;
    flex-flow: column nowrap
}

    .dx-scheduler-timeline .dx-scheduler-date-table tbody {
        display: flex;
        flex-flow: column nowrap;
        height: 100%;
        min-height: 100px
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
        display: flex;
        flex-flow: row nowrap
    }

    .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
        flex: 1 1 auto;
        height: inherit;
        min-height: 50px
    }

.dx-scheduler-timeline .dx-scheduler-group-table {
    border-spacing: 0;
    border-collapse: separate;
    display: flex;
    flex-flow: column nowrap
}

    .dx-scheduler-timeline .dx-scheduler-group-table tbody {
        display: flex;
        flex-flow: column nowrap;
        height: 100%
    }

.dx-scheduler-timeline .dx-scheduler-group-header {
    min-height: 50px
}

.dx-scheduler-timeline .dx-scheduler-group-header-content {
    overflow: visible;
    flex-grow: 1
}

    .dx-scheduler-timeline .dx-scheduler-group-header-content div {
        white-space: normal;
        line-height: normal
    }

.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
    width: 200px
}

.dx-scheduler-timeline .dx-scheduler-date-table, .dx-scheduler-timeline .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline .dx-scheduler-group-table, .dx-scheduler-timeline .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
    height: 100%;
    min-height: 100px
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
    height: auto
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top-color: transparent
}

.dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel, .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-empty-cell {
    border-bottom: 1px solid #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 rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6);
    border-right: none
}

.dx-scheduler:not(.dx-scheduler-native) .dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
    flex: 1
}

.dx-scheduler-agenda .dx-scheduler-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;
    margin-top: 0;
    height: 100%;
    float: left
}

.dx-scheduler-agenda .dx-scheduler-time-panel {
    margin-top: 0;
    width: 70px;
    border: none
}

.dx-scheduler-agenda .dx-scheduler-date-table-cell, .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
    border: none
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
    float: right
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-group-row:first-child .dx-scheduler-group-header-content::before {
    border-bottom: none
}

.dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-time-panel-cell::after {
    display: none
}

.dx-scheduler-agenda .dx-scheduler-group-header {
    vertical-align: top;
    border-top: none;
    border-left: none;
    border-right: none;
    font-weight: 700;
    padding: 0
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
    width: 40px;
    font-size: 14px
}

.dx-scheduler-agenda .dx-scheduler-group-header-content div {
    white-space: normal
}

.dx-scheduler-agenda-nodata {
    text-align: center;
    opacity: .5;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel {
    border: none
}

.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-time-panel {
    width: 70px
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-group-table, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable .dx-scrollable-content {
    min-height: 100%
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content {
    display: flex;
    flex-direction: column
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table > tbody {
    flex-grow: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row {
    height: 78px;
    flex-shrink: 0;
    flex-grow: 1
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell {
    height: auto
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-virtual .dx-scheduler-date-table-row {
    height: 50px
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-container, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
    width: 100%
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-tables-container {
    flex-shrink: 1
}

    .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable .dx-scrollable-content, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable .dx-scrollable-content {
        min-width: 100%
    }

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-cell, .dx-scheduler.dx-scheduler-native .dx-scheduler-timeline.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel-cell {
    flex-shrink: 0
}

.dx-scheduler.dx-scheduler-native .dx-scheduler-timeline:not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table .dx-scheduler-date-table-row {
    flex: 1
}

.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    color: #337ab7
}

    .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::before {
        position: absolute;
        right: 0;
        width: 100%;
        content: "";
        background-color: #63a0d4
    }

.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 {
    border: 1px solid rgba(221,221,221,.6);
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    width: 100%;
    border-top: none;
    float: left
}

    .dx-scheduler-work-space.dx-scheduler-timeline-month:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
        border-top: 1px solid rgba(221,221,221,.6)
    }

    .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 rgba(221,221,221,.6)
    }

    .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 rgba(221,221,221,.6)
    }

    .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 rgba(221,221,221,.6)
    }

.dx-scheduler-header-panel-container {
    display: flex;
    flex-shrink: 0
}

.dx-scheduler-header-panel-empty-cell {
    display: flex;
    align-items: flex-end;
    flex-shrink: 0;
    width: 0;
    border-bottom: 1px solid rgba(221,221,221,.6);
    border-right: 1px solid rgba(221,221,221,.6)
}

.dx-scheduler-header-tables-container {
    overflow: hidden;
    width: 100%
}

.dx-scheduler-date-table-container {
    position: relative
}

.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-container {
    height: 100%
}

.dx-scheduler-date-table-scrollable {
    width: 100%;
    overflow: hidden
}

    .dx-scheduler-date-table-scrollable .dx-scrollable-content {
        overflow: hidden
    }

.dx-scheduler-date-table-scrollable-content, .dx-scheduler-side-bar-scrollable-content {
    display: flex;
    align-items: flex-start
}

.dx-scheduler-date-table-scrollable-content {
    position: relative;
    float: left
}

.dx-scheduler-date-table-cell, .dx-scheduler-group-header, .dx-scheduler-header-panel-cell, .dx-scheduler-time-panel-cell {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default
}

.dx-scheduler-date-table-current-date {
    font-weight: 700
}

.dx-scheduler-date-table-other-month {
    opacity: .5
}

.dx-scheduler-work-space-flex-container {
    display: flex;
    flex-direction: row;
    height: 100%;
    min-height: 0
}

.dx-scheduler-group-flex-container {
    flex: 0 0 100%;
    min-height: 100%;
    display: flex
}

    .dx-scheduler-group-flex-container .dx-scheduler-group-row {
        display: flex;
        flex-flow: column nowrap;
        flex: 0 0 auto;
        min-width: 0
    }

        .dx-scheduler-group-flex-container .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
            border-right: 1px solid rgba(221,221,221,.6)
        }

        .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
            display: flex;
            flex-flow: row nowrap;
            flex: 1 1 100%;
            padding: 0 5px;
            height: auto;
            width: 100px;
            justify-content: flex-start;
            align-items: flex-start;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            border: none;
            border-top: 1px solid rgba(221,221,221,.6)
        }

.dx-scheduler-header-scrollable {
    height: auto
}

.dx-scheduler-work-space-day .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-week .dx-scheduler-date-table .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell, .dx-scheduler-work-space-work-week .dx-scheduler-date-table-row:first-child .dx-scheduler-date-table-cell {
    border-top: none
}

.dx-scheduler-all-day-table-cell, .dx-scheduler-date-table-cell {
    border-top: 1px solid rgba(221,221,221,.6);
    border-left: 1px solid rgba(221,221,221,.6)
}

    .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 rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6)
}

.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-right: 1px solid rgba(221,221,221,.6);
    border-left: 1px solid #c4c4c4
}

.dx-scheduler-header-panel {
    border-spacing: 0;
    table-layout: fixed;
    width: 100%
}

.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-panel-empty-cell {
    border-bottom: none
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
    width: auto
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
    float: none
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
    height: auto;
    flex-shrink: 0
}

.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child {
    border-left: none
}

.dx-scheduler-header-panel-cell {
    position: relative;
    color: #333;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    font-weight: 400;
    border-left: 1px solid rgba(221,221,221,.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .dx-scheduler-header-panel-cell:first-child {
        border-left: 1px solid transparent
    }

.dx-scheduler-all-day-panel {
    width: 100%;
    position: relative
}

    .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-cell {
        border-bottom: 2px solid rgba(221,221,221,.6)
    }

.dx-scheduler-all-day-title {
    color: #333;
    width: 100px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid rgba(221,221,221,.6);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none
}

.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 {
    flex: 0 0 auto;
    width: 100px;
    border-collapse: collapse;
    border-right: 1px solid rgba(221,221,221,.6)
}

.dx-scheduler-small .dx-scheduler-time-panel {
    width: 50px;
    font-size: 14px
}

.dx-scheduler-time-panel .dx-scheduler-time-panel-row:first-of-type td > div {
    margin-top: 0
}

.dx-scheduler-time-panel-cell {
    color: #333;
    position: relative;
    width: 100%;
    text-align: right;
    vertical-align: top;
    padding-right: 20px;
    border-bottom: 1px solid transparent
}

    .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 {
    position: absolute;
    bottom: -1px;
    width: 10%;
    height: 1px;
    right: 0;
    background-color: rgba(221,221,221,.6)
}

.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 {
        position: absolute;
        top: 0;
        right: 0;
        width: 2px;
        height: inherit;
        background-color: #63a0d4
    }

.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell::after {
    display: none
}

.dx-scheduler-time-panel-title-cell {
    padding: 0
}

.dx-scheduler-date-table {
    width: 100%;
    border-spacing: 0;
    table-layout: fixed
}

.dx-scheduler-all-day-table-cell.dx-state-hover.dx-state-focused, .dx-scheduler-date-table-cell.dx-state-hover.dx-state-focused {
    background-color: #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 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-flow: row nowrap
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
    flex-basis: auto
}

.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline:not(.dx-scheduler-work-space-group-by-date) .dx-scheduler-header-row .dx-scheduler-header-panel-cell {
    border-right: none
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
    height: 100%;
    min-height: 100px;
    border-top: 1px solid rgba(221,221,221,.6);
    border-spacing: 0;
    display: flex;
    flex-flow: column nowrap
}

.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-week .dx-scheduler-all-day-title, .dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
    top: 0;
    height: 50px !important;
    line-height: 50px !important;
    border-bottom: none
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel {
    display: table-cell;
    position: relative
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-table-row {
    height: 50px
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-time-panel-cell.dx-scheduler-first-group-cell {
    border-top: 1px solid rgba(221,221,221,.6)
}

    .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 rgba(221,221,221,.6)
}

.dx-scheduler-work-space-vertical-grouped .dx-scheduler-date-table-cell.dx-scheduler-last-group-cell {
    border-bottom: 2px solid rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6)
}

.dx-rtl .dx-scheduler-header-panel-empty-cell {
    border-left: 1px solid rgba(221,221,221,.6);
    border-right: none
}

.dx-rtl .dx-scheduler-date-table-scrollable-content, .dx-rtl .dx-scheduler-side-bar-scrollable-content {
    direction: rtl
}

.dx-rtl .dx-scheduler-sidebar-scrollable .dx-scheduler-group-row:last-child .dx-scheduler-group-header, .dx-rtl .dx-scheduler-work-space-vertical-grouped .dx-scheduler-group-row:last-child .dx-scheduler-group-header {
    border-right: none;
    border-left: 1px solid rgba(221,221,221,.6)
}

.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 {
    text-align: left;
    padding-left: 20px;
    padding-right: 0
}

.dx-scheduler-small .dx-rtl .dx-scheduler-time-panel-cell {
    padding-left: 10px
}

.dx-rtl .dx-scheduler-time-panel-cell::after {
    right: auto;
    left: 0
}

.dx-rtl .dx-scheduler-work-space-week .dx-scheduler-all-day-table-cell, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-all-day-table-cell {
    border-right: 1px solid rgba(221,221,221,.6);
    border-left: none
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
    border-left: 1px solid rgba(221,221,221,.6);
    border-right: none
}

.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row .dx-scheduler-all-day-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child, .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
    border-right: none;
    border-left: 1px solid rgba(221,221,221,.6)
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
    float: right
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
    padding: 0 5px 0 10px
}

.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-three .dx-scheduler-group-header:last-child, .dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped.dx-scheduler-group-column-count-two .dx-scheduler-group-header:last-child {
    text-align: right
}

.dx-rtl .dx-scheduler-all-day-table-cell:first-child, .dx-rtl .dx-scheduler-date-table-cell:first-child, .dx-rtl .dx-scheduler-header-panel-cell:first-child {
    border-right: none;
    border-left: 1px solid rgba(221,221,221,.6)
}

.dx-rtl .dx-scheduler-time-panel {
    border-left: 1px solid rgba(221,221,221,.6);
    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-right: 0;
    padding-left: 0
}

.dx-recurrence-numberbox-interval-wrapper .dx-box-item:first-child:not(:only-child), .dx-recurrence-repeat-on .dx-box-item:first-child:not(:only-child) {
    flex-grow: 0 !important;
    min-width: auto !important
}

.dx-recurrence-numberbox-interval-wrapper .dx-field-item-label {
    white-space: nowrap
}

.dx-layout-manager .dx-field-item.dx-recurrence-repeat-on {
    padding-top: 0
}

.dx-recurrence-repeat-end-label {
    line-height: 36px
}

.dx-recurrence-radiogroup-repeat-type {
    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
    }

.dx-recurrence-editor-container .dx-recurrence-numberbox-interval {
    margin-right: 11px
}

    .dx-recurrence-editor-container .dx-recurrence-numberbox-interval.dx-rtl {
        margin-right: 0;
        margin-left: 11px
    }

.dx-recurrence-numberbox-interval-label {
    margin-top: 25px
}

.dx-scheduler-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #fff
}

.dx-scheduler-header {
    border: 1px solid rgba(221,221,221,.6);
    position: relative;
    z-index: 1;
    width: 100%;
    flex-shrink: 0
}

    .dx-scheduler-header .dx-toolbar {
        height: 100%;
        background-color: transparent
    }

        .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
            height: 100%
        }

        .dx-scheduler-header .dx-toolbar .dx-toolbar-menu-container .dx-icon::before {
            content: "\f016"
        }

.dx-scheduler-view-switcher-dropdown-button-content .dx-list-item {
    display: list-item
}

.dx-scheduler-date-time-shader-all-day {
    width: 100%;
    background-color: rgba(51,51,51,.04);
    position: absolute;
    pointer-events: none
}

.dx-scheduler-date-time-indicator {
    background-color: #63a0d4;
    position: absolute;
    pointer-events: none;
    box-shadow: 0 1px 0 0 rgba(255,255,255,.1)
}

    .dx-scheduler-date-time-indicator::before {
        font-size: 30px;
        color: #63a0d4;
        position: absolute;
        z-index: 1000;
        margin-top: -14px;
        margin-left: -12px;
        text-shadow: rgba(255,255,255,.1) 1px 0 0
    }

.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 {
    margin-left: 100px;
    height: 1px;
    font: 14px/1 DXIcons
}

    .dx-scheduler-work-space-day .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-week .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-work-week .dx-scheduler-date-time-indicator::before {
        content: "\f04e"
    }

.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 {
    width: inherit;
    height: inherit;
    content: "";
    left: inherit;
    position: absolute;
    margin-left: 100px;
    background-color: rgba(51,51,51,.04)
}

.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 {
    margin-left: 0;
    font: 14px/1 DXIcons
}

    .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-indicator::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-indicator::before {
        content: "\f04f";
        margin-right: -12px
    }

.dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-day.dx-rtl .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-week.dx-rtl .dx-scheduler-date-time-shader-top::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-work-space-work-week.dx-rtl .dx-scheduler-date-time-shader-top::before {
    margin-left: 0;
    margin-right: 100px
}

.dx-scheduler-timeline .dx-scheduler-date-time-indicator {
    width: 1px;
    top: 0;
    font: 14px/1 DXIcons
}

    .dx-scheduler-timeline .dx-scheduler-date-time-indicator::before {
        content: "\f001";
        margin-left: -14px;
        margin-top: -12px
    }

.dx-scheduler-timeline .dx-scheduler-date-time-shader {
    height: 100%;
    position: absolute
}

    .dx-scheduler-timeline .dx-scheduler-date-time-shader::before {
        width: inherit;
        height: 100%;
        content: "";
        left: 0;
        position: absolute;
        background-color: rgba(51,51,51,.04)
    }

.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell {
    box-shadow: none
}

    .dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell::after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: -1px;
        height: 2px;
        background-color: #63a0d4
    }

.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
    top: 0
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0 7px;
    font-size: 13px
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0 25px 0 7px
}

.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    padding: 0 7px 0 25px
}

.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon, .dx-scheduler-work-space-month .dx-scheduler-appointment-reduced-icon {
    top: 0
}

.dx-scheduler-all-day-appointments, .dx-scheduler-scrollable-appointments {
    position: absolute;
    top: 0
}

    .dx-scheduler-all-day-appointments.dx-rtl, .dx-scheduler-scrollable-appointments.dx-rtl {
        left: 0
    }

.dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-scheduler-appointment {
    box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3)
}

.dx-rtl .dx-scheduler-all-day-appointment, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment {
    box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3)
}

.dx-scheduler-all-day-appointment.dx-resizable-resizing, .dx-scheduler-all-day-appointment.dx-state-active, .dx-scheduler-timeline .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-active, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-resizable-resizing, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-active {
    box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3)
}

.dx-scheduler-all-day-appointment.dx-state-hover, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
    box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3)
}

    .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
        box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3)
    }

.dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover {
    box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3)
}

    .dx-rtl .dx-scheduler-all-day-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-timeline .dx-scheduler-appointment.dx-state-hover.dx-resizable, .dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-hover.dx-resizable {
        box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3)
    }

.dx-scheduler-fixed-appointments .dx-draggable-dragging .dx-scheduler-all-day-appointment, .dx-scheduler-timeline .dx-draggable-dragging .dx-scheduler-appointment, .dx-scheduler-work-space-month .dx-draggable-dragging .dx-scheduler-appointment {
    box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3),7px 7px 15px 0 rgba(50,50,50,.2)
}

.dx-scheduler-appointment.dx-scheduler-appointment-body, .dx-scheduler-appointment.dx-scheduler-appointment-tail {
    box-shadow: none
}

.dx-scheduler-all-day-appointment .dx-scheduler-appointment-reduced-icon {
    position: absolute;
    top: 15%
}

.dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
    right: 20px
}

.dx-scheduler-appointment-content {
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: .99;
    padding: 5px 7px
}

.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;
    white-space: pre;
    overflow: hidden
}

.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;
        color: #fff;
        border: none;
        box-shadow: none
    }

        .dx-scheduler-appointment-collector.dx-button.dx-state-hover::before {
            pointer-events: none;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: rgba(0,0,0,.3);
            opacity: .98
        }

        .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content, .dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-scheduler-appointment-collector-content {
            color: #fff;
            opacity: .99
        }

.dx-scheduler-appointment-collector-compact .dx-button-content span:last-child, .dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
    padding-left: 0
}

.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
    width: 100%;
    height: 0
}

.dx-scheduler-agenda .dx-scheduler-appointment {
    position: relative;
    box-shadow: none;
    margin-top: 5px;
    margin-bottom: 5px
}

    .dx-scheduler-agenda .dx-scheduler-appointment.dx-scheduler-last-in-date-agenda-appointment {
        margin-bottom: 20px
    }

.dx-rtl .dx-scheduler-appointment-recurrence-icon {
    left: 5px;
    right: auto
}

.dx-rtl .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
    left: 20px;
    right: auto
}

.dx-rtl .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-rtl .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding-right: 5px;
    padding-left: 40px
}

.dx-rtl .dx-scheduler-all-day-appointments, .dx-rtl .dx-scheduler-scrollable-appointments {
    left: 0
}

.dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-bottom::before, .dx-scheduler-small.dx-rtl .dx-scheduler-date-time-shader-top::before {
    margin-right: 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 {
    height: 75px;
    line-height: 75px;
    font-size: 14px;
    font-weight: 700
}

.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 {
        top: 47px;
        height: 2px
    }

.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 {
    height: 56px;
    background-color: #f5f5f5
}

    .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 rgba(221,221,221,.6)
}

    .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 {
    font-weight: 700;
    color: #333;
    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 rgba(221,221,221,.6)
}

.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: rgba(221,221,221,.7)
}

.dx-scheduler-all-day-table-cell.dx-state-hover, .dx-scheduler-date-table-cell.dx-state-hover {
    background-color: rgba(0,0,0,.04);
    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 rgba(221,221,221,.6)
}

    .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-right: 1px solid rgba(221,221,221,.6);
    border-left: 1px solid rgba(221,221,221,.6)
}

.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 rgba(221,221,221,.6)
}

    .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 transparent;
    border-right: 2px solid transparent
}

    .dx-scheduler-appointment.dx-state-focused {
        color: #fff
    }

    .dx-scheduler-appointment.dx-scheduler-appointment-empty {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent
    }

.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 {
    overflow: hidden;
    width: 80px;
    padding: 10px 0 0 10px;
    box-shadow: inset 0 -1px 0 0 #c4c4c4
}

.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 0
}

.dx-rtl .dx-scheduler-agenda .dx-scheduler-time-panel-cell {
    padding-right: 10px;
    padding-left: 0
}

.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 rgba(221,221,221,.6)
}

.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 {
        flex-shrink: 1;
        flex-grow: 1;
        flex-basis: auto;
        display: block
    }

    .dx-layout-manager .dx-label-h-align.dx-flex-layout:not(.dx-field-item-label-align) {
        align-items: baseline
    }

.dx-layout-manager .dx-label-h-align.dx-field-item-label-align:not(.dx-flex-layout) .dx-field-item-label {
    vertical-align: baseline
}

.dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper, .dx-layout-manager .dx-label-h-align .dx-field-item-label {
    display: table-cell
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper .dx-field-item-content {
        display: block
    }

.dx-layout-manager .dx-label-h-align .dx-field-item-label {
    white-space: nowrap;
    vertical-align: middle
}

    .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-label-content {
        display: block
    }

    .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-custom-label-content {
        display: inline-block
    }

        .dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-label .dx-field-item-custom-label-content .dx-icon {
            vertical-align: top
        }

            .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-checkbox, .dx-layout-manager .dx-label-h-align .dx-field-item-content .dx-switch {
                margin-top: 7px;
                margin-bottom: 4px
            }

.dx-layout-manager .dx-label-h-align .dx-field-item-content, .dx-layout-manager .dx-label-h-align .dx-field-item-content-wrapper {
    width: 100%
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 20px
}

.dx-field-item-label-location-top .dx-field-item-custom-label-content {
    display: inline-block
}

    .dx-field-item-label-location-top .dx-field-item-custom-label-content .dx-icon {
        vertical-align: top
    }

.dx-form-group-content {
    border-width: 0;
    padding: 0;
    margin: 0
}

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

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

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

.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 {
    display: block;
    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 {
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-size: 20px 20px;
    padding: 0;
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    -webkit-margin-end: 9px;
    margin-inline-end: 9px;
    -webkit-margin-start: 0;
    margin-inline-start: 0
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-action-icon, .dx-filterbuilder.dx-rtl .dx-filterbuilder-text {
    margin-left: 5px;
    margin-right: 0
}

.dx-filterbuilder.dx-rtl .dx-filterbuilder-group .dx-filterbuilder-group-content .dx-filterbuilder-group-content {
    padding-left: 0;
    padding-right: 26px
}

.dx-filterbuilder .dx-filterbuilder-action-icon, .dx-filterbuilder .dx-filterbuilder-text {
    margin-left: 0;
    margin-right: 5px
}

    .dx-filterbuilder .dx-filterbuilder-action-icon:focus, .dx-filterbuilder .dx-filterbuilder-item-value-text:focus, .dx-filterbuilder .dx-filterbuilder-text:focus {
        outline: 0
    }

.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item {
    display: inline-block;
    white-space: nowrap
}

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text {
        display: inline-block;
        cursor: pointer;
        white-space: pre
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range {
            white-space: nowrap
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-range-separator, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-text-separator {
            margin: 0 7px;
            opacity: .3
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-group-operation, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-field, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text.dx-filterbuilder-item-operation {
            min-width: 20px;
            padding: 2px 7px 3px
        }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-texteditor {
            vertical-align: middle;
            margin-top: -7px;
            margin-bottom: -4px;
            display: inline-block
        }

    .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-action {
        display: inline-block;
        cursor: pointer;
        position: relative
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-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: rgba(217,83,79,.3)
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover {
                background-color: rgba(217,83,79,.5)
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus {
                background-color: #d9534f;
                color: #fff
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field {
            background-color: rgba(51,122,183,.3)
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:hover {
                background-color: rgba(51,122,183,.5)
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus {
                background-color: #337ab7;
                color: #fff
            }

        .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation {
            background-color: rgba(92,184,92,.3)
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:hover {
                background-color: rgba(92,184,92,.5)
            }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus {
                background-color: #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: rgba(221,221,221,.5)
        }

            .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text .dx-filterbuilder-item-value-text:focus {
                background-color: #ddd;
                color: #fff
            }

    .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus {
        color: rgba(92,184,92,.3)
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover {
            color: rgba(92,184,92,.5)
        }

        .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: rgba(217,83,79,.3)
    }

        .dx-filterbuilder .dx-filterbuilder-group .dx-icon-remove:hover {
            color: rgba(217,83,79,.5)
        }

        .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-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%
}

.dx-drawer-panel-content {
    position: absolute;
    top: 0;
    bottom: 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 {
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0
}

.dx-drawer-shader {
    z-index: 1000;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.5)
}

.dx-drawer-push.dx-drawer-bottom .dx-drawer-panel-content {
    top: auto
}

.dx-drawer-shrink .dx-drawer-panel-content {
    position: relative;
    overflow: hidden;
    flex: 0 0 auto;
    height: 100%
}

.dx-drawer-shrink .dx-drawer-wrapper {
    flex: 1 0 auto;
    display: flex;
    flex-direction: row
}

.dx-drawer-shrink .dx-drawer-content {
    position: relative;
    flex: 1 1 auto
}

.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 {
        right: auto;
        left: 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 {
    display: flex;
    flex-direction: column;
    border: 1px solid transparent
}

    .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-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent
}

.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 {
    vertical-align: top;
    -webkit-margin-start: 5px;
    margin-inline-start: 5px;
    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;
    flex-basis: auto;
    min-height: 1px;
    margin: 0;
    position: relative;
    overflow: hidden
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

    .ql-clipboard p {
        margin: 0;
        padding: 0
    }

.dx-htmleditor-content {
    box-sizing: border-box;
    line-height: 1.42;
    width: 100%;
    outline: 0;
    overflow-y: auto;
    padding: 12px 15px;
    white-space: pre-wrap;
    word-wrap: break-word
}

    .dx-htmleditor-content .dx-variable > span {
        padding: 3px 6px;
        border-radius: 8px;
        background: rgba(51,122,183,.15)
    }

    .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 ol, .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 ol, .dx-htmleditor-content ul {
        -webkit-padding-start: 1.5em;
        padding-inline-start: 1.5em
    }

    .dx-htmleditor-content li {
        list-style-type: none;
        -webkit-padding-start: 1.5em;
        padding-inline-start: 1.5em;
        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 {
            display: inline-block;
            -webkit-margin-start: -1.5em;
            margin-inline-start: -1.5em;
            -webkit-margin-end: .3em;
            margin-inline-end: .3em;
            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-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
            counter-increment: list-0
        }

            .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 {
        counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        -webkit-padding-start: 4.5em;
        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 {
        counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
        -webkit-padding-start: 7.5em;
        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 {
        counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
        -webkit-padding-start: 10.5em;
        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 {
        counter-reset: list-5 list-6 list-7 list-8 list-9;
        -webkit-padding-start: 13.5em;
        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 {
        counter-reset: list-6 list-7 list-8 list-9;
        -webkit-padding-start: 16.5em;
        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 {
        counter-reset: list-7 list-8 list-9;
        -webkit-padding-start: 19.5em;
        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 {
        counter-reset: list-8 list-9;
        -webkit-padding-start: 22.5em;
        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 {
        counter-reset: list-9;
        -webkit-padding-start: 25.5em;
        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: rgba(191,191,191,.15);
        color: rgba(51,51,51,.8)
    }

    .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 {
        content: attr(data-placeholder);
        font-style: italic;
        left: 15px;
        pointer-events: none;
        position: absolute;
        right: 15px;
        color: #999
    }

    .dx-htmleditor-content.ql-blank::after {
        content: attr(data-placeholder);
        z-index: -1;
        visibility: hidden
    }

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

.dx-htmleditor-toolbar-separator {
    border-left: 1px solid transparent
}

.dx-htmleditor-toolbar-menu-separator {
    width: 100%;
    border-top: 1px solid transparent
}

    .dx-htmleditor-toolbar-menu-separator::before {
        content: none
    }

.dx-resize-frame {
    position: absolute;
    box-sizing: content-box;
    border: 1px dashed #778899;
    pointer-events: none
}

    .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;
        width: 11px;
        height: 11px;
        border-radius: 0
    }

.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 {
    width: 15px;
    height: 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 {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border: 1px solid #fff
}

.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 {
    width: 15px;
    height: 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 {
    padding: 1px 0;
    border-radius: 2px
}

    .dx-mention .dx-template-wrapper {
        white-space: nowrap;
        display: inline-block
    }

    .dx-mention > span {
        margin: 0 2px
    }

.dx-table-resize-frame {
    position: absolute;
    pointer-events: none
}

    .dx-table-resize-frame > div {
        position: absolute;
        pointer-events: auto;
        background-color: transparent
    }

    .dx-table-resize-frame .dx-htmleditor-column-resizer {
        width: 5px;
        top: 0;
        height: 100%;
        cursor: col-resize
    }

    .dx-table-resize-frame .dx-htmleditor-highlighted-column {
        width: 3px;
        top: 0;
        height: 100%
    }

    .dx-table-resize-frame .dx-htmleditor-row-resizer {
        height: 5px;
        left: 0;
        width: 100%;
        cursor: row-resize
    }

    .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 {
            position: absolute;
            top: 1px;
            bottom: 1px;
            left: 1px;
            right: 1px;
            z-index: 2;
            background-color: rgba(255,255,255,.2);
            content: "";
            pointer-events: none
        }

        .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: rgba(51,122,183,.4)
        }

        .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: rgba(217,83,79,.4)
        }

            .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 {
        border-color: transparent;
        background: rgba(51,51,51,.05);
        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: rgba(51,51,51,.03)
            }

        .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: rgba(51,122,183,.07)
        }

        .dx-htmleditor.dx-htmleditor-filled.dx-state-active, .dx-htmleditor.dx-htmleditor-filled.dx-state-focused {
            background-color: transparent;
            border-color: #337ab7
        }

        .dx-htmleditor.dx-htmleditor-filled.dx-invalid {
            background-color: rgba(217,83,79,.1)
        }

            .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: transparent transparent #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: rgba(51,122,183,.4)
        }

        .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: rgba(217,83,79,.4)
        }

            .dx-htmleditor.dx-htmleditor-underlined.dx-invalid.dx-state-focused {
                border-color: transparent transparent #d9534f
            }

.dx-htmleditor-content blockquote {
    -webkit-padding-start: 12px;
    padding-inline-start: 12px;
    -webkit-border-start: 4px solid;
    border-inline-start: 4px solid;
    color: rgba(51,51,51,.8);
    border-inline-start-color: #ddd
}

.dx-htmleditor-content td, .dx-htmleditor-content th {
    border-color: #ddd
}

.dx-htmleditor-toolbar {
    background-color: transparent
}

    .dx-htmleditor-toolbar .dx-htmleditor-toolbar-separator {
        height: 36px
    }

.dx-htmleditor-toolbar-format.dx-dropdowneditor.dx-editor-filled {
    background-color: transparent
}

.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;
    border-inline-start: none;
    -webkit-border-end: none;
    border-inline-end: 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 {
    padding: 60px 20px;
    border: 3px dashed #ddd
}

    .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-top: 7px;
    padding-bottom: 8px
}

.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: rgba(221,221,221,.8)
}

.dx-mention {
    background-color: #ddd;
    color: #333
}

.dx-suggestion-list-wrapper {
    height: 100%
}

    .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content {
        border-top-width: 0;
        border-bottom-width: 1px
    }

        .dx-suggestion-list-wrapper.dx-popup-wrapper .dx-overlay-content.dx-dropdowneditor-overlay-flipped {
            border-top-width: 1px;
            border-bottom-width: 0
        }

    .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: rgba(51,122,183,.5)
}

.dx-fa-button.dx-fa-button-main .dx-overlay-shader {
    background-color: rgba(255,255,255,.8)
}

.dx-fa-button.dx-fa-button-main .dx-overlay-content {
    min-width: 48px;
    max-height: 48px;
    background-color: #337ab7;
    color: #fff;
    overflow: visible;
    border-radius: 24px;
    box-shadow: 0 6px 12px rgba(0,0,0,.2)
}

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

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

    .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 {
        padding: 15px;
        box-shadow: none;
        background-color: transparent
    }

    .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;
            color: #fff;
            box-shadow: none;
            border-radius: 0;
            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 {
    padding: 6px;
    width: 18px;
    height: 18px;
    box-sizing: content-box
}

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

.dx-fa-button .dx-overlay-content {
    border-radius: 50%;
    cursor: pointer;
    min-width: 30px;
    max-height: 30px;
    background-color: transparent;
    color: #333;
    overflow: visible;
    display: flex;
    flex-direction: row;
    align-items: center
}

    .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 {
            right: auto;
            left: 30px
        }

            .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;
            color: #333;
            white-space: nowrap;
            border-radius: 4px;
            padding: 5px 10px;
            margin-right: 10px;
            box-shadow: 0 6px 12px rgba(0,0,0,.16);
            font-size: 12px
        }

    .dx-fa-button .dx-overlay-content .dx-fa-button-icon {
        box-shadow: 0 6px 12px rgba(0,0,0,.2);
        background-color: #fff;
        border-radius: 50%;
        position: relative
    }

    .dx-fa-button .dx-overlay-content .dx-inkripple {
        overflow: hidden;
        border-radius: 15px
    }

.dx-fa-button.dx-fa-button-main .dx-overlay-content .dx-fa-button-label {
    padding: 0 25px 0 10px;
    font-size: 14px;
    margin-right: 0
}

.dx-filemanager {
    height: 500px;
    border: 1px solid
}

    .dx-filemanager .dx-filemanager-wrapper {
        height: 100%;
        display: flex;
        flex-direction: column
    }

    .dx-filemanager .dx-filemanager-notification-drawer, .dx-filemanager .dx-filemanager-notification-drawer-panel {
        height: 100%
    }

    .dx-filemanager .dx-filemanager-notification-popup .dx-overlay-content {
        min-width: 240px;
        max-width: 93vw
    }

@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 {
    padding-bottom: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.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-width: 1px;
    border-left-style: solid
}

.dx-filemanager .dx-filemanager-progress-panel {
    width: 340px;
    height: 100%
}

    .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 {
        display: flex;
        align-items: flex-start;
        padding: 0 0 5px 10px
    }

        .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-title .dx-filemanager-progress-panel-title-text {
            flex: 1 1 auto;
            align-self: center;
            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 {
        width: 16px;
        height: 16px
    }

    .dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
        margin-bottom: 8px;
        border-radius: 2px
    }

.dx-filemanager .dx-filemanager-progress-box {
    padding: 10px 0 10px 10px;
    display: flex;
    align-items: center
}

    .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 auto;
        overflow: hidden
    }

    .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-common {
        padding: 5px 0;
        overflow: hidden;
        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 {
    border-radius: 2px;
    display: inline-block;
    border-width: 0;
    padding: 2px 8px 3px;
    font-size: .85em;
    line-height: normal;
    word-wrap: break-word;
    overflow-y: auto;
    max-height: 150px
}

.dx-filemanager .dx-filemanager-toolbar .dx-filemanager-toolbar-separator-item {
    width: 1px;
    margin-right: 5px
}

.dx-filemanager .dx-splitter-wrapper.dx-splitter-inactive, .dx-filemanager .dx-splitter-wrapper.dx-splitter-initial {
    right: 3px
}

.dx-filemanager .dx-filemanager-container {
    display: flex;
    height: 100%;
    border-top: 1px solid;
    box-sizing: border-box;
    overflow: hidden
}

    .dx-filemanager .dx-filemanager-container .dx-filemanager-adaptivity-drawer-panel {
        height: 100%
    }

    .dx-filemanager .dx-filemanager-container .dx-filemanager-dirs-panel {
        padding: 5px 10px;
        height: 100%;
        width: 100%;
        display: block
    }

    .dx-filemanager .dx-filemanager-container .dx-drawer-opened .dx-splitter.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 {
            min-width: 250px;
            max-width: 300px
        }

        .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 {
    padding: 2px 11px;
    border-bottom: 1px solid
}

    .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 {
        width: 1px;
        padding-left: 0;
        padding-right: 0;
        margin: 0 10px
    }

    .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 {
    position: absolute;
    top: -5000px;
    left: -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 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

.dx-filemanager .dx-filemanager-fileuploader-dropzone-placeholder {
    position: relative;
    top: 0;
    left: 0;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 1000
}

.dx-filemanager .dx-filemanager-thumbnails {
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-view-port {
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        box-sizing: border-box;
        padding: 5px
    }

        .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 {
            float: left;
            text-align: center;
            cursor: pointer;
            white-space: nowrap;
            width: 100px;
            height: 100px;
            border: 1px dashed transparent;
            margin: 5px;
            box-sizing: border-box
        }

            .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;
                    padding: 0;
                    margin: 0;
                    height: 10px;
                    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;
                    width: 100%;
                    white-space: nowrap;
                    text-overflow: ellipsis
                }

.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 {
        display: inline-flex;
        align-items: flex-start;
        width: 100%
    }

        .dx-filemanager .dx-filemanager-details .dx-filemanager-details-item-name-wrapper .dx-filemanager-details-item-name {
            flex: 1 auto;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.dx-filemanager .dx-filemanager-i.dx-filemanager-i-progress, .dx-filemanager .dx-filemanager-i.dx-icon.dx-filemanager-i-progress {
    animation: 1.5s linear infinite dx-filemanager-icon-rotate
}

@keyframes dx-filemanager-icon-rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.dx-filemanager-file-actions-button {
    visibility: hidden;
    text-align: center
}

    .dx-filemanager-file-actions-button.dx-widget {
        line-height: 100%
    }

    .dx-filemanager-file-actions-button .dx-button {
        border: none;
        background-color: transparent;
        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 {
        display: flex;
        align-items: flex-end
    }

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

    .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 {
    min-width: 300px;
    max-width: 400px;
    min-height: 300px;
    max-height: 400px
}

.dx-filemanager-dialog-name-editor-popup > .dx-overlay-content {
    max-width: 340px;
    min-height: 180px;
    max-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;
        width: 100%;
        padding-bottom: 10px
    }

    .dx-filemanager-progresspanel .dx-filemanager-progressbox-cancel-button {
        margin-top: 5px;
        float: right
    }

.dx-splitter-wrapper {
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 998;
    top: 0
}

    .dx-splitter-wrapper .dx-splitter-border {
        z-index: 997;
        height: 100%;
        width: 7px;
        cursor: col-resize
    }

        .dx-splitter-wrapper .dx-splitter-border .dx-splitter {
            height: 100%;
            width: 1px;
            display: block;
            cursor: col-resize;
            z-index: 999;
            margin: auto
        }

            .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-splitter-inactive {
                z-index: 998
            }

            .dx-splitter-wrapper .dx-splitter-border .dx-splitter.dx-state-disabled {
                width: 0;
                cursor: default
            }

.dx-splitter {
    background-color: rgba(51,122,183,.5)
}

    .dx-splitter.dx-splitter-inactive {
        background-color: #ddd
    }

.dx-splitter-border {
    background-color: transparent
}

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

    .dx-filemanager .dx-filemanager-progress-box-error {
        color: #fff;
        background: #d9534f
    }

    .dx-filemanager .dx-filemanager-progress-box .dx-filemanager-progress-box-close-button {
        margin-top: 9px
    }

    .dx-filemanager .dx-filemanager-toolbar {
        padding: 6px 10px;
        background: #fff;
        min-height: 48px
    }

        .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 {
            height: 36px;
            background: #ddd
        }

        .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: rgba(51,51,51,.1)
            }

            .dx-filemanager .dx-filemanager-toolbar .dx-texteditor.dx-editor-filled.dx-dropdowneditor {
                border-color: transparent
            }

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

        .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-top: 5px;
            padding-bottom: 8px
        }

        .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 {
        color: #fff;
        background: rgba(51,122,183,.8)
    }

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-state-hover:not(.dx-state-focused):not(.dx-item-selected) {
        background: rgba(0,0,0,.04)
    }

    .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 {
        color: #fff;
        background: rgba(51,122,183,.7)
    }

    .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail {
        width: 36px;
        height: 36px;
        font-size: 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;
            width: 18px;
            height: 18px
        }

        .dx-filemanager .dx-filemanager-files-view.dx-filemanager-details .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-command-select {
            width: 43px;
            min-width: 43px;
            max-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-top: 7px;
        padding-left: 7px;
        padding-right: 8px;
        text-overflow: clip
    }

.dx-filemanager-dirs-tree.dx-treeview .dx-filemanager-file-actions-button {
    margin-top: 1px;
    margin-bottom: -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 {
    min-width: 21px;
    height: 21px
}

    .dx-filemanager-file-actions-button .dx-button .dx-button-content {
        padding-top: 10px;
        padding-bottom: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23333%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x31_%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M11%2C4c2.45%2C0%2C4.59%2C1.26%2C5.84%2C3.16L15%2C9l6%2C1l-1-6l-1.73%2C1.73C16.64%2C3.47%2C14%2C2%2C11%2C2%0A%09%09c-4.97%2C0-9%2C4.03-9%2C9h2C4%2C7.13%2C7.13%2C4%2C11%2C4z%22%2F%3E%0A%09%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.92%2C12c-0.49%2C3.39-3.39%2C6-6.92%2C6c-2.19%2C0-4.13-1.01-5.41-2.59L7%2C14l-6-1l1%2C6l2.17-2.17%0A%09%09C5.82%2C18.76%2C8.26%2C20%2C11%2C20c4.63%2C0%2C8.44-3.5%2C8.94-8H17.92z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 22px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23333%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%235cb85c%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M21.35%2C14.35l-4.71%2C5l-3-3l0.71-0.71l2.15%2C2.15l4.15-4.15L21.35%2C14.35z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 22px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x30_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23333%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23d9534f%3B%7D%0A%09.st2%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23fff%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M21%2C10l-6-1l1.87-1.87C15.6%2C5.24%2C13.44%2C4%2C11%2C4c-3.87%2C0-7%2C3.13-7%2C7H2c0-4.97%2C4.03-9%2C9-9%0A%09c3.02%2C0%2C5.7%2C1.42%2C7.35%2C3.65L20%2C4L21%2C10z%20M5.6%2C15.4C6.88%2C16.98%2C8.81%2C18%2C11%2C18c0.4%2C0%2C0.78-0.05%2C1.15-0.12%0A%09c0.15%2C0.69%2C0.42%2C1.32%2C0.77%2C1.91C12.3%2C19.92%2C11.66%2C20%2C11%2C20c-2.74%2C0-5.17-1.24-6.82-3.18L2%2C19l-1-6l6%2C1L5.6%2C15.4z%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M17.5%2C12c2.49%2C0%2C4.5%2C2.01%2C4.5%2C4.5S19.99%2C21%2C17.5%2C21S13%2C18.99%2C13%2C16.5S15.01%2C12%2C17.5%2C12z%22%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st2%22%20d%3D%22M17%2C20v-1h1v1H17z%20M17%2C13h1v5h-1V13z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 22px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20fill%3D%22%23333%22%20d%3D%22M8%2C0c4.42%2C0%2C8%2C3.58%2C8%2C8s-3.58%2C8-8%2C8c-4.42%2C0-8-3.58-8-8S3.58%2C0%2C8%2C0%20M10.87%2C4L8%2C6.87L5.13%2C4L4%2C5.13L6.87%2C8%0A%09L4%2C10.87L5.13%2C12L8%2C9.13L10.87%2C12L12%2C10.87L9.13%2C8L12%2C5.13L10.87%2C4z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 22px;
    height: 22px
}

.dx-diagram {
    border: 1px solid transparent;
    display: flex;
    flex-flow: column;
    height: 600px;
    min-height: 350px
}

    .dx-diagram .dx-diagram-toolbar-wrapper {
        padding: 5px;
        flex-grow: 0
    }

        .dx-diagram .dx-diagram-toolbar-wrapper .dx-diagram-toolbar {
            background-color: transparent
        }

    .dx-diagram .dx-diagram-content-wrapper {
        display: flex;
        flex-grow: 1;
        flex-basis: 0;
        overflow: hidden
    }

    .dx-diagram .dx-diagram-content, .dx-diagram .dx-diagram-scroll-view {
        height: 100%;
        width: 100%
    }

    .dx-diagram.dx-diagram-fullscreen {
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        position: fixed;
        z-index: 2
    }

    .dx-diagram .dxdi-control {
        width: auto;
        height: auto;
        overflow: visible
    }

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

.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: transparent;
    border: 0;
    border-radius: 0;
    padding: 0;
    min-width: 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: transparent
    }

        .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 {
            min-height: 0;
            font-size: .9em
        }

        .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 {
        position: relative;
        height: 100%;
        overflow-y: auto
    }

        .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;
        width: 100%;
        height: auto;
        position: inherit
    }

    .dx-diagram-properties-popup .dx-diagram-properties-panel-group-toolbar .dx-toolbar-items-container .dx-toolbar-item {
        display: flex;
        align-items: center
    }

.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-top: 0;
            padding-bottom: 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;
    z-index: 1001;
    width: 100%;
    transition: opacity .4s
}

    .dx-diagram-floating-toolbar-container.dx-diagram-properties-panel-toolbar-container {
        background: 0 0;
        border-radius: 50%;
        border: 0;
        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 {
    display: table;
    height: 100%;
    border-left: 1px solid transparent
}

.dx-diagram-toolbar .dx-diagram-toolbar-menu-separator {
    width: 100%;
    border-top: 1px solid transparent
}

    .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 {
    display: flex;
    align-items: center
}

    .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 {
        width: 0;
        max-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 {
            width: 0;
            padding-left: 0
        }

.dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay {
    transform: none !important;
    width: 100% !important;
    height: 100% !important
}

    .dx-diagram-mobile-toolbar-color-box-opened .dx-dropdowneditor-overlay .dx-overlay-content {
        transform: none !important;
        width: 100% !important;
        top: initial !important;
        bottom: 0 !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 {
                        width: 100%;
                        min-width: 300px
                    }

                .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-repeat: no-repeat;
    background-position: 0 0;
    display: inline-block
}

.dx-diagram-loading-indicator {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 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 {
        display: block;
        content: "";
        clear: both
    }

    .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 {
    position: absolute;
    background-color: transparent;
    pointer-events: none
}

.dx-diagram-context-toolbox-target {
    width: 1px;
    height: 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: 0.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: transparent;
        stroke: #666
    }

    .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .items-selection-rect {
        fill: rgba(144,144,144,0.02)
    }

    .dx-diagram .dxdi-control:not(.focused) .dxdi-canvas .item-multi-selection-rect {
        fill: rgba(144,144,144,0.02);
        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 {
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 1px 8px rgba(0,0,0,.175);
    border-radius: 6px;
    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 {
        width: 48px;
        height: 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 {
            padding-top: 0;
            padding-bottom: 0;
            line-height: 44px
        }

    .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 {
        position: static;
        left: 0
    }

.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) {
    width: 12px;
    height: 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 {
    margin: 2px;
    box-shadow: none
}

    .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 {
    width: 12px;
    height: 12px;
    margin: 1px 0 0
}

    .dx-diagram-toolbox-popup .dx-popup-title .dx-closebutton .dx-icon {
        width: 10px;
        height: 10px;
        padding: 1px;
        font-size: 8px;
        line-height: 8px;
        background-position: 1px 1px;
        background-size: 8px 8px
    }

.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;
            width: 64px;
            height: 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: transparent
}

.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-width: 3px;
    border-bottom-style: solid
}

.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 {
    font-size: 18px;
    color: #333
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-item .dx-menu-item-content {
    padding: 5px
}

.dx-diagram-touchbar.dx-context-menu .dx-menu-separator {
    width: 1px;
    height: 30px;
    margin: 0
}

.dx-diagram-i-selectbox-null-icon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-begin-none {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M1%2C13l9-9l1%2C1l-9%2C9L1%2C13z%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M12%2C8V3H0v12h12v-5h16V8H12z%20M10%2C13H2V5h8V13z%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-begin-arrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M8%2C9l4%2C3l1%2C2L0%2C8l13-6l-1%2C2L8%2C7h20v2H8z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-begin-outlined-triangle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C9l13%2C6v-5h15V8H13V3L0%2C9z%20M11%2C12L3.9%2C9L11%2C6V12z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-begin-filled-triangle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M13%2C10v5L0%2C9l13-6v5h15v2H13z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-end-none {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FF0000%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M17%2C13l9-9l1%2C1l-9%2C9L17%2C13z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C8v2h16v5h12V3H16v5H0z%20M18%2C5h8v8h-8V5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-end-arrow {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10l0-2h20l-4-3l-1-2l13%2C6l-13%2C6l1-2l4-3H0z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-end-outlined-triangle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2016%22%20style%3D%22enable-background%3Anew%200%200%2028%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M28%2C8L15%2C2v5H0v2h15v5L28%2C8z%20M17%2C5l7.1%2C3L17%2C11V5z%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-end-filled-triangle {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M0%2C10V8h15V3l13%2C6l-13%2C6v-5H0z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-orthogonal {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M20%2C18v-8h3V5H8v3H0V0h8v3h15h2v2v5h3v8H20z%20M6%2C2H2v4h4V2z%20M26%2C12h-4v4h4V12z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-connector-straight {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M20%2C10v2.2L8%2C2.8V0H0v8h8V5.8l12%2C9.3V18h8v-8H20z%20M6%2C6H2V2h4V6z%20M26%2C16h-4v-4h4V16z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-line-solid {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%2222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-line-dotted {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__2_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%227%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__3_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2215%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__6_%22%20x%3D%2223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-line-dashed {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2028%2018%22%20style%3D%22enable-background%3Anew%200%200%2028%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Crect%20id%3D%22_x32__1_%22%20x%3D%223%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__4_%22%20x%3D%2211%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Crect%20id%3D%22_x32__5_%22%20x%3D%2219%22%20y%3D%228%22%20class%3D%22st0%22%20width%3D%226%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 28.08px;
    height: 18px
}

.dx-diagram-i-button-fill, .dx-diagram-i-menu-fill {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x32_%22%20d%3D%22M7.6%2C1L6.7%2C1.9l1.9%2C1.9L3%2C9.4L9.5%2C16L16%2C9.4L7.6%2C1z%20M5%2C9l4.5-4.5L14%2C9H5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A%0A");
    width: 18px;
    height: 21px
}

.dx-diagram-i-button-fullscreen, .dx-diagram-i-menu-fullscreen {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C6%202%2C6%202%2C2%206%2C2%206%2C0%200%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%222%2C12%200%2C12%200%2C18%206%2C18%206%2C16%202%2C16%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2212%2C0%2012%2C2%2016%2C2%2016%2C6%2018%2C6%2018%2C0%22%20fill%3D%22%23333%22%2F%3E%0A%3Cpolygon%20points%3D%2216%2C16%2012%2C16%2012%2C18%2018%2C18%2018%2C12%2016%2C12%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-lock, .dx-diagram-i-menu-lock {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20id%3D%22_x31_%22%20d%3D%22M14%2C5c0-2.8-2.2-5-5-5C6.2%2C0%2C4%2C2.2%2C4%2C5C2.9%2C5%2C2%2C5.9%2C2%2C7v8c0%2C1.1%2C0.9%2C2%2C2%2C2h10c1.1%2C0%2C2-0.9%2C2-2V7%0A%09C16%2C5.9%2C15.1%2C5%2C14%2C5z%20M9%2C13c-1.1%2C0-2-0.9-2-2s0.9-2%2C2-2c1.1%2C0%2C2%2C0.9%2C2%2C2C11%2C12.1%2C10.1%2C13%2C9%2C13z%20M6%2C5c0-1.7%2C1.3-3%2C3-3%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3H6z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-unlock, .dx-diagram-i-menu-unlock {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C17H4c-1.1%2C0-2-0.9-2-2V7c0-1.1%2C0.9-2%2C2-2h2h2h4c0-1.7-1.3-3-3-3C8.1%2C2%2C7.3%2C2.4%2C6.8%2C3H4.4%0A%09C5.2%2C1.2%2C7%2C0%2C9%2C0c2.8%2C0%2C5%2C2.2%2C5%2C5c1.1%2C0%2C2%2C0.9%2C2%2C2v8C16%2C16.1%2C15.1%2C17%2C14%2C17z%20M9%2C9c-1.1%2C0-2%2C0.9-2%2C2s0.9%2C2%2C2%2C2s2-0.9%2C2-2%0A%09C11%2C9.9%2C10.1%2C9%2C9%2C9z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st1%22%20d%3D%22M8%2C12c-1.1%2C0-2-0.9-2-2V4H4C2.9%2C4%2C2%2C4.9%2C2%2C6v8c0%2C1.1%2C0.9%2C2%2C2%2C2h8c1.1%2C0%2C2-0.9%2C2-2v-2H8z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x30__1_%22%20class%3D%22st0%22%20d%3D%22M8%2C0h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H8c-1.1%2C0-2-0.9-2-2V2C6%2C0.9%2C6.9%2C0%2C8%2C0z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3Cpath%20id%3D%22_x30_%22%20class%3D%22st1%22%20d%3D%22M4%2C4h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H4c-1.1%2C0-2-0.9-2-2V6C2%2C4.9%2C2.9%2C4%2C4%2C4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-select-all, .dx-diagram-i-menu-select-all {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M8.5%2C6c0.1%2C0%2C0.3%2C0%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.1%2C0.2-0.3%2C0.2l-1.9%2C0.3%0A%09l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9c-0.1%2C0-0.2%2C0.1-0.3%2C0.1c-0.2%2C0-0.4-0.1-0.5-0.3l-1.3-2.6l-1.5%2C1.1%0A%09c-0.1%2C0.1-0.2%2C0.1-0.4%2C0.1c-0.3%2C0-0.6-0.2-0.6-0.5V6.6C7.9%2C6.3%2C8.2%2C6%2C8.5%2C6z%22%20fill%3D%22%23333%22%2F%3E%0A%3Cg%20id%3D%22_x33_%22%20class%3D%22st1%22%3E%0A%09%3Cpolygon%20id%3D%22_x31__1_%22%20class%3D%22st0%22%20points%3D%2212%2C6%2014%2C8%2016%2C8%2016%2C6%20%09%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2211.6%22%20y%3D%222%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%201.6862%2010.071)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22%23333%22%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%228%22%20y%3D%221%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20%20fill%3D%22%23333%22%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%223.6%22%20y%3D%2210%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-6.3137%206.7573)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20%20fill%3D%22%23333%22%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%224%22%20y%3D%221.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.6569%204.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20%20fill%3D%22%23333%22%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%222%22%20y%3D%226%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%22%20%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-image-delete, .dx-diagram-i-menu-image-delete {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M17%2C15.4L15.5%2C17l-2-2l-2%2C2L10%2C15.4l2-2l-2-2l1.5-1.4l2%2C2l2-2l1.5%2C1.5l-2%2C2L17%2C15.4z%20M12%2C6l-4%2C6%0A%09l-2-2l-3%2C5h5v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L12%2C6z%20M5.5%2C5C4.7%2C5%2C4%2C5.6%2C4%2C6.5S4.7%2C8%2C5.5%2C8%0A%09S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-image-edit, .dx-diagram-i-menu-image-edit {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C6l-2-2l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M17%2C12.5L12.5%2C17H11v-1.5l4.5-4.5L17%2C12.5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-image-insert, .dx-diagram-i-menu-image-insert {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M15%2C9l-3-3l-4%2C7l-2-3l-3%2C5h6v2H3c-1.1%2C0-2-0.9-2-2V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L15%2C9z%0A%09%20M5.5%2C5C4.7%2C5%2C4%2C5.7%2C4%2C6.5S4.7%2C8%2C5.5%2C8S7%2C7.3%2C7%2C6.5S6.3%2C5%2C5.5%2C5z%20M13%2C11h2v2h2v2h-2v2h-2v-2h-2v-2h2V11z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-layered-bt {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M60%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C59.1%2C18%2C60%2C18.9%2C60%2C20z%20M58%2C20%0A%09%09h-8v8h8V20z%20M46%2C6v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8C45.1%2C4%2C46%2C4.9%2C46%2C6z%20M44%2C6h-8v8h8V6z%20M46%2C34v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C32%2C46%2C32.9%2C46%2C34z%20M44%2C34h-8v8h8V34z%20M46%2C50v8c0%2C1.1-0.9%2C2-2%2C2h-8%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8C45.1%2C48%2C46%2C48.9%2C46%2C50z%20M44%2C50h-8v8h8V50z%20M32%2C20v8c0%2C1.1-0.9%2C2-2%2C2h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8C31.1%2C18%2C32%2C18.9%2C32%2C20z%20M30%2C20h-8v8h8V20z%20M12%2C4l6%2C6h-5v50h-2V10H6L12%2C4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C9v2v7h-2v-7h-7V9h7H55z%20M53%2C30h2v7v2h-2h-7v-2h7V30z%20M39%2C44h2v4h-2V44z%20M27%2C9h7v2h-7v7h-2v-7V9%0A%09%09H27z%20M27%2C37h7v2h-7h-2v-2v-7h2V37z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-layered-lr {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M45%2C59h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C58.1%2C46.1%2C59%2C45%2C59z%20M45%2C57%0A%09%09v-8h-8v8H45z%20M59%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C61%2C44.1%2C60.1%2C45%2C59%2C45z%20M59%2C43v-8h-8v8H59z%0A%09%09%20M31%2C45h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C33%2C44.1%2C32.1%2C45%2C31%2C45z%20M31%2C43v-8h-8v8H31z%20M15%2C45H7%0A%09%09c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C17%2C44.1%2C16.1%2C45%2C15%2C45z%20M15%2C43v-8H7v8H15z%20M45%2C31h-8c-1.1%2C0-2-0.9-2-2%0A%09%09v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C47%2C30.1%2C46.1%2C31%2C45%2C31z%20M45%2C29v-8h-8v8H45z%20M61%2C11l-6%2C6v-5H5v-2h50V5L61%2C11z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M56%2C54h-2h-7v-2h7v-7h2v7V54z%20M35%2C52v2h-7h-2v-2v-7h2v7H35z%20M21%2C38v2h-4v-2H21z%20M56%2C26v7h-2v-7h-7%0A%09%09v-2h7h2V26z%20M28%2C26v7h-2v-7v-2h2h7v2H28z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-layered-rl {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M19%2C57v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C59%2C19%2C58.1%2C19%2C57z%20M29%2C57%0A%09%09v-8h-8v8H29z%20M5%2C43v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2H7C5.9%2C45%2C5%2C44.1%2C5%2C43z%20M15%2C43v-8H7v8H15z%20M33%2C43v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C33.9%2C45%2C33%2C44.1%2C33%2C43z%20M43%2C43v-8h-8v8H43z%20M49%2C43v-8c0-1.1%2C0.9-2%2C2-2h8%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v8c0%2C1.1-0.9%2C2-2%2C2h-8C49.9%2C45%2C49%2C44.1%2C49%2C43z%20M59%2C43v-8h-8v8H59z%20M19%2C29v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-8C19.9%2C31%2C19%2C30.1%2C19%2C29z%20M29%2C29v-8h-8v8H29z%20M11%2C5v5h50v2H11v5l-6-6L11%2C5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M10%2C52v-7h2v7h7v2h-7h-2V52z%20M38%2C52v-7h2v7v2h-2h-7v-2H38z%20M49%2C38v2h-4v-2H49z%20M10%2C24h2h7v2h-7v7%0A%09%09h-2v-7V24z%20M31%2C26v-2h7h2v2v7h-2v-7H31z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-layered-tb {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C46h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C60%2C45.1%2C59.1%2C46%2C58%2C46z%20M58%2C36%0A%09%09h-8v8h8V36z%20M44%2C60h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C59.1%2C45.1%2C60%2C44%2C60z%20M44%2C50h-8v8h8V50z%20M44%2C32%0A%09%09h-8c-1.1%2C0-2-0.9-2-2v-8c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C31.1%2C45.1%2C32%2C44%2C32z%20M44%2C22h-8v8h8V22z%20M44%2C16h-8%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C46%2C15.1%2C45.1%2C16%2C44%2C16z%20M44%2C6h-8v8h8V6z%20M30%2C46h-8c-1.1%2C0-2-0.9-2-2v-8%0A%09%09c0-1.1%2C0.9-2%2C2-2h8c1.1%2C0%2C2%2C0.9%2C2%2C2v8C32%2C45.1%2C31.1%2C46%2C30%2C46z%20M30%2C36h-8v8h8V36z%20M6%2C54h5V4h2v50h5l-6%2C6L6%2C54z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C55h-7v-2h7v-7h2v7v2H53z%20M53%2C27h-7v-2h7h2v2v7h-2V27z%20M39%2C16h2v4h-2V16z%20M25%2C55v-2v-7h2v7h7v2%0A%09%09h-7H25z%20M27%2C34h-2v-7v-2h2h7v2h-7V34z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-tree-bt {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M59%2C6v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C4%2C59%2C4.9%2C59%2C6z%20M57%2C6h-6v6%0A%09%09h6V6z%20M59%2C26v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C58.1%2C24%2C59%2C24.9%2C59%2C26z%20M57%2C26h-6v6h6V26z%20M49%2C38v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C36%2C49%2C36.9%2C49%2C38z%20M47%2C38h-6v6h6V38z%20M49%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6C48.1%2C50%2C49%2C50.9%2C49%2C52z%20M47%2C52h-6v6h6V52z%20M39%2C32c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V32z%20M37%2C26h-6v6h6V26z%20M30%2C14h-6c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C32%2C13.1%2C31.1%2C14%2C30%2C14z%20M24%2C12h6V6h-6V12z%20M17%2C10h-5v50h-2V10H5l6-6L17%2C10z%20M36%2C12V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C14%2C36%2C13.1%2C36%2C12z%20M38%2C12h6V6h-6V12z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M55%2C14v10h-2V14H55z%20M53%2C34h2v6v2h-2h-4v-2h4V34z%20M43%2C46h2v4h-2V46z%20M40%2C14h2v6h-7v4h-2v-4h-7v-6h2%0A%09%09v4h5h2h4.9L40%2C14z%20M35%2C40h4v2h-4h-2v-2v-6h2V40z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-tree-lr {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M58%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C60%2C58.1%2C59.1%2C59%2C58%2C59z%20M58%2C57%0A%09%09v-6h-6v6H58z%20M38%2C59h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C40%2C58.1%2C39.1%2C59%2C38%2C59z%20M38%2C57v-6h-6v6H38z%0A%09%09%20M26%2C49h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C28%2C48.1%2C27.1%2C49%2C26%2C49z%20M26%2C47v-6h-6v6H26z%20M12%2C49H6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C14%2C48.1%2C13.1%2C49%2C12%2C49z%20M12%2C47v-6H6v6H12z%20M32%2C39c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H32z%20M38%2C37v-6h-6v6H38z%20M50%2C30v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C32%2C50%2C31.1%2C50%2C30z%20M52%2C24v6h6v-6H52z%20M54%2C17v-5H4v-2h50V5l6%2C6L54%2C17z%20M52%2C36h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C50%2C36.9%2C50.9%2C36%2C52%2C36z%20M52%2C38v6h6v-6H52z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M50%2C55H40v-2h10V55z%20M30%2C53v2h-6h-2v-2v-4h2v4H30z%20M18%2C43v2h-4v-2H18z%20M50%2C40v2h-6v-7h-4v-2h4v-7h6%0A%09%09v2h-4v5v2v4.9L50%2C40z%20M24%2C35v4h-2v-4v-2h2h6v2H24z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-tree-rl {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M4%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H6C4.9%2C59%2C4%2C58.1%2C4%2C57z%20M12%2C57v-6H6%0A%09%09v6H12z%20M24%2C57v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C24.9%2C59%2C24%2C58.1%2C24%2C57z%20M32%2C57v-6h-6v6H32z%20M36%2C47v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C36.9%2C49%2C36%2C48.1%2C36%2C47z%20M44%2C47v-6h-6v6H44z%20M50%2C47v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2h-6C50.9%2C49%2C50%2C48.1%2C50%2C47z%20M58%2C47v-6h-6v6H58z%20M26%2C39c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6%0A%09%09c1.1%2C0%2C2%2C0.9%2C2%2C2v6c0%2C1.1-0.9%2C2-2%2C2H26z%20M32%2C37v-6h-6v6H32z%20M12%2C32H6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09C14%2C31.1%2C13.1%2C32%2C12%2C32z%20M6%2C24v6h6v-6H6z%20M4%2C11l6-6v5h50v2H10v5L4%2C11z%20M14%2C38v6c0%2C1.1-0.9%2C2-2%2C2H6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C13.1%2C36%2C14%2C36.9%2C14%2C38z%20M6%2C38v6h6v-6H6z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M14%2C53h10v2H14V53z%20M40%2C53v-4h2v4v2h-2h-6v-2H40z%20M50%2C43v2h-4v-2H50z%20M18%2C39.9V35v-2v-5h-4v-2h6v7%0A%09%09h4v2h-4v7h-6v-2L18%2C39.9z%20M34%2C35v-2h6h2v2v4h-2v-4H34z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-toolbox-open {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M13.5%2C17c-1.9%2C0-3.5-1.6-3.5-3.5s1.6-3.5%2C3.5-3.5s3.5%2C1.6%2C3.5%2C3.5S15.4%2C17%2C13.5%2C17z%20M9%2C1l5%2C7H4L9%2C1z%0A%09%20M8%2C17H1v-7h7V17z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-toolbox-close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x32_%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M8%2C14v-2h8v2H8z%20M6.7%2C12.3l-1.4%2C1.4L1%2C9l4.3-4.7l1.4%2C1.4L4.4%2C8H16v2H4.4L6.7%2C12.3z%20M8%2C4h8v2H8V4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-diagram-i-button-layout-tree-tb {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2064%2064%22%20style%3D%22enable-background%3Anew%200%200%2064%2064%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x34_%22%3E%0A%09%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M57%2C60h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C59.1%2C58.1%2C60%2C57%2C60z%20M57%2C52%0A%09%09h-6v6h6V52z%20M57%2C40h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C59%2C39.1%2C58.1%2C40%2C57%2C40z%20M57%2C32h-6v6h6V32z%20M47%2C28%0A%09%09h-6c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C27.1%2C48.1%2C28%2C47%2C28z%20M47%2C20h-6v6h6V20z%20M47%2C14h-6%0A%09%09c-1.1%2C0-2-0.9-2-2V6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6C49%2C13.1%2C48.1%2C14%2C47%2C14z%20M47%2C6h-6v6h6V6z%20M39%2C38c0%2C1.1-0.9%2C2-2%2C2h-6%0A%09%09c-1.1%2C0-2-0.9-2-2v-6c0-1.1%2C0.9-2%2C2-2h6c1.1%2C0%2C2%2C0.9%2C2%2C2V38z%20M37%2C32h-6v6h6V32z%20M32%2C52v6c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6%0A%09%09c0-1.1%2C0.9-2%2C2-2h6C31.1%2C50%2C32%2C50.9%2C32%2C52z%20M24%2C58h6v-6h-6V58z%20M11%2C60l-6-6h5V4h2v50h5L11%2C60z%20M38%2C50h6c1.1%2C0%2C2%2C0.9%2C2%2C2v6%0A%09%09c0%2C1.1-0.9%2C2-2%2C2h-6c-1.1%2C0-2-0.9-2-2v-6C36%2C50.9%2C36.9%2C50%2C38%2C50z%20M38%2C58h6v-6h-6V58z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22_x32_%22%20class%3D%22st1%22%3E%0A%09%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M53%2C50V40h2v10H53z%20M53%2C24h-4v-2h4h2v2v6h-2V24z%20M43%2C14h2v4h-2V14z%20M39.9%2C46H35h-2h-5v4h-2v-6h7v-4%0A%09%09h2v4h7v6h-2L39.9%2C46z%20M35%2C30h-2v-6v-2h2h4v2h-4V30z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2012%2012%22%20style%3D%22enable-background%3Anew%200%200%2012%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%20%7D%0A%3C%2Fstyle%3E%0A%3Cg%20id%3D%22_x32_%22%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20class%3D%22st0%22%20d%3D%22M0%2C8h1V3H0V8z%20M2%2C8h1V3H2V8z%20M4%2C8h1V3H4V8z%20M6%2C8h1V3H6V8z%20M8%2C8h1V3H8V8z%20M10%2C3v5h1V3H10z%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-size: 12px 12px
}

.dx-diagram-i-button-properties-panel-open {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.35%3Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Benable-background%3Anew%20%20%20%20%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x33_%22%20class%3D%22st0%22%20d%3D%22M17.8%2C10.3l-1%2C1l-2.1-2.1l1-1C15.8%2C8.1%2C15.9%2C8%2C16.1%2C8c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.2l1.3%2C1.3%0A%09C18%2C9.7%2C18%2C10.1%2C17.8%2C10.3z%20M14%2C2H4v13h2v2H4c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h10c1.1%2C0%2C2%2C0.9%2C2%2C2v3l-2%2C2V2z%20M16.1%2C11.9l-6%2C6.1H8%0A%09v-2.1l6.1-6.1L16.1%2C11.9z%22%20fill%3D%22%23fff%22%2F%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st1%22%20d%3D%22M5%2C3h8v5l-6%2C6H5V3z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    width: 18px;
    height: 18px
}

.dx-gantt {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    overflow: hidden
}

    .dx-gantt .dx-gantt-main-wrapper {
        display: flex;
        position: relative;
        flex-direction: row;
        height: 100%
    }

    .dx-gantt .dx-toolbar .dx-toolbar-items-container {
        height: auto;
        min-height: 36px
    }

    .dx-gantt .dx-gantt-toolbar-separator {
        display: table;
        height: 100%;
        border-left: 1px solid transparent
    }

    .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 {
        width: 2px
    }

    .dx-gantt .dx-gantt-view {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        width: 100%;
        min-width: 1px;
        background-color: #fff
    }

        .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 {
        padding: 5px;
        border-bottom: 1px solid #ddd
    }

        .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 {
            border-color: #ddd;
            background-color: #fff
        }

    .dx-gantt .dx-gantt-si {
        text-align: center;
        vertical-align: middle;
        padding-left: 16px;
        padding-right: 16px
    }

    .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 {
                border-radius: 4px;
                background-color: rgba(0,0,0,.2)
            }

            .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 {
                height: 19px;
                line-height: 19px;
                background-color: #5cb85c;
                border-left-color: #5cb85c;
                border-right-color: #5cb85c;
                border-top-color: #5cb85c;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }

                .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg {
                    background-color: rgba(255,255,255,.2)
                }

                .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 {
                    content: "";
                    position: absolute;
                    bottom: -8px;
                    border-width: 4px;
                    border-style: solid
                }

                .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 {
                    left: 0;
                    border-right-color: transparent;
                    border-bottom-color: transparent
                }

                .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent:not(.dx-gantt-noPrg) .dx-gantt-tPrg::before {
                    border-left-color: rgba(255,255,255,.2);
                    border-top-color: rgba(255,255,255,.2)
                }

                .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 {
                    right: 0;
                    border-left-color: transparent;
                    border-bottom-color: transparent
                }

                .dx-gantt .dx-gantt-taskWrapper .dx-gantt-task.dx-gantt-parent.dx-gantt-cmpl::after {
                    border-right-color: rgba(255,255,255,.2);
                    border-top-color: rgba(255,255,255,.2)
                }

                .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 {
        height: 21px;
        line-height: 21px;
        color: #fff;
        background-color: #999;
        border-radius: 4px;
        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;
        width: 14px;
        height: 14px
    }

    .dx-gantt .dx-gantt-task-edit-wrapper {
        padding-top: 0;
        padding-left: 1px
    }

        .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame {
            height: 100%;
            border: 1px solid #285f8f;
            border-radius: 4px
        }

            .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress {
                border-color: transparent transparent #285f8f
            }

                .dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame .dx-gantt-task-edit-progress::before {
                    width: 12px;
                    height: 6px;
                    bottom: -14px;
                    border: 1px solid #285f8f
                }

            .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;
        width: 10px;
        height: 10px;
        margin: auto;
        top: 0;
        bottom: 0
    }

    .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-top: 1px solid #e6e6e6;
        border-bottom: 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-tm {
        border-left: 1px dashed #337ab7
    }

    .dx-gantt .dx-gantt-ti {
        border-left: 1px dashed #337ab7;
        border-right: 1px dashed #337ab7;
        background-color: rgba(51,122,183,.15)
    }

    .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,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C15h-3v3h-2v-3H9v-2h3v-3h2v3h3V15z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v5h-2V4z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-add-sub-task {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M14%2C6H6v3h2.3c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H6v4h2.3%0A%09c0.3-0.6%2C1-1%2C1.7-1h5c1.1%2C0%2C2%2C0.9%2C2%2C2s-0.9%2C2-2%2C2h-5c-0.7%2C0-1.4-0.4-1.7-1H4v-2v-4V9V6l0%2C0C2.3%2C6%2C1%2C4.7%2C1%2C3s1.3-3%2C3-3h10%0A%09c1.7%2C0%2C3%2C1.3%2C3%2C3S15.7%2C6%2C14%2C6z%20M14%2C2H4C3.4%2C2%2C3%2C2.4%2C3%2C3s0.4%2C1%2C1%2C1h10c0.6%2C0%2C1-0.4%2C1-1S14.6%2C2%2C14%2C2z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-add-task {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M10%2C13H8v-3H5V8h3V5h2v3h3v2h-3V13z%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpath%20class%3D%22st0%22%20d%3D%22M9%2C1.1c-4.4%2C0-8%2C3.6-8%2C8c0%2C4.4%2C3.6%2C8%2C8%2C8s8-3.6%2C8-8C17%2C4.6%2C13.4%2C1.1%2C9%2C1.1z%20M9%2C15c-3.3%2C0-6-2.7-6-6s2.7-6%2C6-6%0A%09s6%2C2.7%2C6%2C6S12.3%2C15%2C9%2C15z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-collapse {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C7l7%2C6.8L14.8%2C15L9%2C9.3L3.2%2C15L2%2C13.8L9%2C7z%20M3.2%2C10L2%2C8.8L9%2C2l7%2C6.8L14.8%2C10L9%2C4.3L3.2%2C10z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-delete {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1s0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0A%09S17.6%2C10%2C17%2C10z%20M12%2C4l-2-2H3v12h4v2H1V0h10l3%2C3v3h-2V4z%20M17%2C16c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-delete-dependency {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17%2C10H9c-0.6%2C0-1-0.4-1-1c0-0.6%2C0.4-1%2C1-1h2c0-0.6%2C0.4-1%2C1-1h2c0.6%2C0%2C1%2C0.4%2C1%2C1h2c0.6%2C0%2C1%2C0.4%2C1%2C1%0A%09C18%2C9.6%2C17.6%2C10%2C17%2C10z%20M8%2C13H5V5H3.7C3.4%2C5.6%2C2.7%2C6%2C2%2C6C0.9%2C6%2C0%2C5.1%2C0%2C4s0.9-2%2C2-2c0.7%2C0%2C1.4%2C0.4%2C1.7%2C1H7v8h1V13z%20M17%2C16%0A%09c0%2C1.1-0.9%2C2-2%2C2h-4c-1.1%2C0-2-0.9-2-2v-5h8V16z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-expand {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M2%2C3.2L3.2%2C2L9%2C7.7L14.8%2C2L16%2C3.2L9%2C10L2%2C3.2z%20M9%2C12.7L14.8%2C7L16%2C8.2L9%2C15L2%2C8.2L3.2%2C7L9%2C12.7z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-full-screen {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7B%7D%0A%3C%2Fstyle%3E%0A%3Cpolygon%20id%3D%22_x34_%22%20class%3D%22st0%22%20points%3D%221%2C7%203%2C7%203%2C3%207%2C3%207%2C1%201%2C1%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpolygon%20id%3D%22_x33_%22%20class%3D%22st0%22%20points%3D%223%2C11%201%2C11%201%2C17%207%2C17%207%2C15%203%2C15%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpolygon%20id%3D%22_x32_%22%20class%3D%22st0%22%20points%3D%2211%2C1%2011%2C3%2015%2C3%2015%2C7%2017%2C7%2017%2C1%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpolygon%20id%3D%22_x31_%22%20class%3D%22st0%22%20points%3D%2215%2C15%2011%2C15%2011%2C17%2017%2C17%2017%2C11%2015%2C11%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-redo {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M1%2C9c0-4.4%2C3.6-8%2C8-8c2.2%2C0%2C4.2%2C0.9%2C5.6%2C2.4L17%2C1v6h-6l2.2-2.2C12.1%2C3.7%2C10.7%2C3%2C9%2C3C5.7%2C3%2C3%2C5.7%2C3%2C9%0A%09s2.7%2C6%2C6%2C6v2C4.6%2C17%2C1%2C13.4%2C1%2C9z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-task-details {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12.5%2C18C10%2C18%2C7.9%2C15.5%2C7%2C13.5c0.9-2%2C3-4.5%2C5.5-4.5s4.6%2C2.5%2C5.5%2C4.5C17.1%2C15.5%2C15%2C18%2C12.5%2C18z%0A%09%20M12.5%2C11c-1.4%2C0-2.5%2C1.1-2.5%2C2.5s1.1%2C2.5%2C2.5%2C2.5s2.5-1.1%2C2.5-2.5S13.9%2C11%2C12.5%2C11z%20M12.5%2C15c-0.8%2C0-1.5-0.7-1.5-1.5%0A%09s0.7-1.5%2C1.5-1.5s1.5%2C0.7%2C1.5%2C1.5S13.3%2C15%2C12.5%2C15z%20M12%2C4l-2-2H3v12h2l1%2C2H1V0h10l3%2C3v4h-2V4z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-undo {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M9%2C17v-2c3.3%2C0%2C6-2.7%2C6-6s-2.7-6-6-6C7.3%2C3%2C5.9%2C3.7%2C4.8%2C4.8L7%2C7H1V1l2.4%2C2.4C4.8%2C1.9%2C6.8%2C1%2C9%2C1%0A%09c4.4%2C0%2C8%2C3.6%2C8%2C8S13.4%2C17%2C9%2C17z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-zoom-in {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M9%2C11H7V9H5V7h2V5h2v2h2v2H9V11z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-zoom-out {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M17.7%2C16.3l-1.4%2C1.4l-4.1-4.1C11%2C14.5%2C9.6%2C15%2C8%2C15c-3.9%2C0-7-3.1-7-7s3.1-7%2C7-7s7%2C3.1%2C7%2C7%0A%09c0%2C1.6-0.5%2C3-1.4%2C4.2L17.7%2C16.3z%20M8%2C3C5.2%2C3%2C3%2C5.2%2C3%2C8s2.2%2C5%2C5%2C5s5-2.2%2C5-5S10.8%2C3%2C8%2C3z%20M5%2C9V7h6v2H5z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-resource-manager {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M12%2C9h4v4h-4%20M8%2C5H0v2h8%20M12%2C5h4V1h-4%20M0%2C1v2h10V1%20M0%2C15h8v-2H0%20M0%2C11h10V9H0%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.dx-gantt-i.dx-gantt-i-toggle-resources {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x35_%22%20class%3D%22st0%22%20d%3D%22M14%2C15H2c-1.1%2C0-2-0.9-2-2v-2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v2C16%2C14.1%2C15.1%2C15%2C14%2C15z%20M9%2C11H2%0A%09v2h7V11z%20M14%2C7H2C0.9%2C7%2C0%2C6.1%2C0%2C5V3c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v2C16%2C6.1%2C15.1%2C7%2C14%2C7z%20M12%2C3H2v2h10V3z%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A%0A%0A%0A")
}

.dx-gantt-i.dx-gantt-i-toggle-dependencies {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2024.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22_x31_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2018%2018%22%20style%3D%22enable-background%3Anew%200%200%2018%2018%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%0A%09.st1%7Bopacity%3A0.5%3B%7D%0A%09.st2%7B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x32_%22%20class%3D%22st0%22%20d%3D%22M7%2C11c-2.3%2C0-4.2-1.7-5-4c0.8-2.3%2C2.7-4%2C5-4s4.2%2C1.7%2C5%2C4C11.2%2C9.3%2C9.3%2C11%2C7%2C11z%20M7%2C5%0A%09C5.9%2C5%2C5%2C5.9%2C5%2C7s0.9%2C2%2C2%2C2s2-0.9%2C2-2S8.1%2C5%2C7%2C5z%20M7%2C8C6.4%2C8%2C6%2C7.6%2C6%2C7s0.4-1%2C1-1s1%2C0.4%2C1%2C1S7.6%2C8%2C7%2C8z%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C10%206%2C14%2013%2C14%2013%2C16%2016%2C13%2013%2C10%2013%2C12%208%2C12%208%2C10%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3Cpolygon%20class%3D%22st1%22%20points%3D%226%2C4%206%2C2%200%2C2%200%2C0%208%2C0%208%2C4%20%22%20fill%3D%22%23666666%22%2F%3E%0A%3Crect%20x%3D%229.4%22%20y%3D%222.1%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%200.8934%209.1569)%22%20class%3D%22st2%22%20width%3D%224.2%22%20height%3D%222.8%22%20fill%3D%22%23666666%22%2F%3E%0A%3Crect%20x%3D%221.2%22%20y%3D%229.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-6.6066%206.0503)%22%20class%3D%22st2%22%20width%3D%225.7%22%20height%3D%222.8%22%20fill%3D%22%23666666%22%2F%3E%0A%3C%2Fsvg%3E%0A%0A")
}

.dx-sortable {
    overflow: hidden
}

.dx-sortable-dragging.dx-sortable-clone {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    opacity: .9;
    z-index: 2147483647
}

    .dx-sortable-dragging.dx-sortable-clone .dx-inkripple {
        overflow: hidden
    }

    .dx-sortable-dragging.dx-sortable-clone * {
        cursor: pointer;
        cursor: grabbing
    }

.dx-sortable-source {
    opacity: .5
}

.dx-sortable-source-hidden {
    opacity: 0
}

.dx-sortable-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #337ab7;
    box-sizing: border-box;
    z-index: 2147483647
}

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

.dx-sortable-dragging > * {
    border-color: rgba(51,122,183,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.2)
}

.dx-deferrendering .dx-deferrendering-loadindicator-container {
    width: 100%;
    height: 100%;
    position: relative
}

.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 {
    position: relative;
    width: 100%;
    height: 100%;
    color: #000
}

.dx-map-shield {
    top: -100%;
    left: 0;
    background: rgba(0,0,0,.01);
    opacity: .01
}

.oav-rows {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 100%;
}

.oav-row {
    width: 100%;
    display: flex;
    column-gap: 20px;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    flex: 1 1 50%;
    margin-left: 15px;
    margin-right: 15px;
}

.oav-row fieldset {
    width: 45%;
    display: flex;
    flex-direction: column;
}

.oav-accept-all {
    width: 200px;
}

.oav-radio {
    width: 100%;
    padding: 15px 25px 15px 15px;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.oav-row .KeepAddressLink {
    width: 150px !important;
    margin-bottom: 20px;
    margin-top: auto;
}

.oav-row > fieldset > div {
    margin-bottom: 20px;
}

.oav-row .CancelAddressLink {
    width: 150px !important;
    margin-bottom: 20px;
}

.addressverification .oav-row-buttons {
    justify-content: center;
}