.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;
}

.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;
}

.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;
}

.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; 
}

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;}
.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 {

}

.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 #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;
    }

}
.videoWrapper {
    margin-top: 20px;
}

/* 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;
}
/**************************************************************************

    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
    
**************************************************************************/



.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: 100004;
	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: 100004;
	padding: 0;
    min-height: 100%;
}

.addressverificationbackground { 
	position: fixed; 
	height: 99999px;
	width: 100%;
	z-index: 100003;
	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: -500px;
    }
}

@media only screen and (max-width: 999px) {
    .revealfade .revealmodal.jumbo {
        width: 760px;
        margin-left: -380px;
    }
}

.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;
}
.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;
}
    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;
}


/*!
 * 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.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;
}



.contactsheetactivity, .contactsheetask, .contactsheetassessment, .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: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.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;
}
.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-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;
}
@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-add {
  font: 14px/1 DXIcons;
}
.dx-icon-add:before {
  content: "\f00b";
}
.dx-icon-airplane {
  font: 14px/1 DXIcons;
}
.dx-icon-airplane:before {
  content: "\f000";
}
.dx-icon-bookmark {
  font: 14px/1 DXIcons;
}
.dx-icon-bookmark:before {
  content: "\f017";
}
.dx-icon-box {
  font: 14px/1 DXIcons;
}
.dx-icon-box:before {
  content: "\f018";
}
.dx-icon-car {
  font: 14px/1 DXIcons;
}
.dx-icon-car:before {
  content: "\f01b";
}
.dx-icon-card {
  font: 14px/1 DXIcons;
}
.dx-icon-card:before {
  content: "\f019";
}
.dx-icon-cart {
  font: 14px/1 DXIcons;
}
.dx-icon-cart:before {
  content: "\f01a";
}
.dx-icon-chart {
  font: 14px/1 DXIcons;
}
.dx-icon-chart:before {
  content: "\f01c";
}
.dx-icon-check {
  font: 14px/1 DXIcons;
}
.dx-icon-check:before {
  content: "\f005";
}
.dx-icon-clear {
  font: 14px/1 DXIcons;
}
.dx-icon-clear:before {
  content: "\f008";
}
.dx-icon-clock {
  font: 14px/1 DXIcons;
}
.dx-icon-clock:before {
  content: "\f01d";
}
.dx-icon-close {
  font: 14px/1 DXIcons;
}
.dx-icon-close:before {
  content: "\f00a";
}
.dx-icon-coffee {
  font: 14px/1 DXIcons;
}
.dx-icon-coffee:before {
  content: "\f02a";
}
.dx-icon-comment {
  font: 14px/1 DXIcons;
}
.dx-icon-comment:before {
  content: "\f01e";
}
.dx-icon-doc {
  font: 14px/1 DXIcons;
}
.dx-icon-doc:before {
  content: "\f021";
}
.dx-icon-download {
  font: 14px/1 DXIcons;
}
.dx-icon-download:before {
  content: "\f022";
}
.dx-icon-dragvertical {
  font: 14px/1 DXIcons;
}
.dx-icon-dragvertical:before {
  content: "\f038";
}
.dx-icon-edit {
  font: 14px/1 DXIcons;
}
.dx-icon-edit:before {
  content: "\f023";
}
.dx-icon-email {
  font: 14px/1 DXIcons;
}
.dx-icon-email:before {
  content: "\f024";
}
.dx-icon-event {
  font: 14px/1 DXIcons;
}
.dx-icon-event:before {
  content: "\f026";
}
.dx-icon-favorites {
  font: 14px/1 DXIcons;
}
.dx-icon-favorites:before {
  content: "\f025";
}
.dx-icon-find {
  font: 14px/1 DXIcons;
}
.dx-icon-find:before {
  content: "\f027";
}
.dx-icon-filter {
  font: 14px/1 DXIcons;
}
.dx-icon-filter:before {
  content: "\f050";
}
.dx-icon-folder {
  font: 14px/1 DXIcons;
}
.dx-icon-folder:before {
  content: "\f028";
}
.dx-icon-food {
  font: 14px/1 DXIcons;
}
.dx-icon-food:before {
  content: "\f029";
}
.dx-icon-gift {
  font: 14px/1 DXIcons;
}
.dx-icon-gift:before {
  content: "\f02b";
}
.dx-icon-globe {
  font: 14px/1 DXIcons;
}
.dx-icon-globe:before {
  content: "\f02c";
}
.dx-icon-group {
  font: 14px/1 DXIcons;
}
.dx-icon-group:before {
  content: "\f02e";
}
.dx-icon-help {
  font: 14px/1 DXIcons;
}
.dx-icon-help:before {
  content: "\f02f";
}
.dx-icon-home {
  font: 14px/1 DXIcons;
}
.dx-icon-home:before {
  content: "\f030";
}
.dx-icon-image {
  font: 14px/1 DXIcons;
}
.dx-icon-image:before {
  content: "\f031";
}
.dx-icon-info {
  font: 14px/1 DXIcons;
}
.dx-icon-info:before {
  content: "\f032";
}
.dx-icon-key {
  font: 14px/1 DXIcons;
}
.dx-icon-key:before {
  content: "\f033";
}
.dx-icon-like {
  font: 14px/1 DXIcons;
}
.dx-icon-like:before {
  content: "\f034";
}
.dx-icon-map {
  font: 14px/1 DXIcons;
}
.dx-icon-map:before {
  content: "\f035";
}
.dx-icon-menu {
  font: 14px/1 DXIcons;
}
.dx-icon-menu:before {
  content: "\f00c";
}
.dx-icon-message {
  font: 14px/1 DXIcons;
}
.dx-icon-message:before {
  content: "\f024";
}
.dx-icon-money {
  font: 14px/1 DXIcons;
}
.dx-icon-money:before {
  content: "\f036";
}
.dx-icon-music {
  font: 14px/1 DXIcons;
}
.dx-icon-music:before {
  content: "\f037";
}
.dx-icon-overflow {
  font: 14px/1 DXIcons;
}
.dx-icon-overflow:before {
  content: "\f00d";
}
.dx-icon-percent {
  font: 14px/1 DXIcons;
}
.dx-icon-percent:before {
  content: "\f039";
}
.dx-icon-photo {
  font: 14px/1 DXIcons;
}
.dx-icon-photo:before {
  content: "\f03a";
}
.dx-icon-plus {
  font: 14px/1 DXIcons;
}
.dx-icon-plus:before {
  content: "\f00b";
}
.dx-icon-minus {
  font: 14px/1 DXIcons;
}
.dx-icon-minus:before {
  content: "\f074";
}
.dx-icon-preferences {
  font: 14px/1 DXIcons;
}
.dx-icon-preferences:before {
  content: "\f03b";
}
.dx-icon-product {
  font: 14px/1 DXIcons;
}
.dx-icon-product:before {
  content: "\f03c";
}
.dx-icon-pulldown {
  font: 14px/1 DXIcons;
}
.dx-icon-pulldown:before {
  content: "\f062";
}
.dx-icon-refresh {
  font: 14px/1 DXIcons;
}
.dx-icon-refresh:before {
  content: "\f03d";
}
.dx-icon-remove {
  font: 14px/1 DXIcons;
}
.dx-icon-remove:before {
  content: "\f00a";
}
.dx-icon-revert {
  font: 14px/1 DXIcons;
}
.dx-icon-revert:before {
  content: "\f04c";
}
.dx-icon-runner {
  font: 14px/1 DXIcons;
}
.dx-icon-runner:before {
  content: "\f040";
}
.dx-icon-save {
  font: 14px/1 DXIcons;
}
.dx-icon-save:before {
  content: "\f041";
}
.dx-icon-search {
  font: 14px/1 DXIcons;
}
.dx-icon-search:before {
  content: "\f027";
}
.dx-icon-tags {
  font: 14px/1 DXIcons;
}
.dx-icon-tags:before {
  content: "\f009";
}
.dx-icon-tel {
  font: 14px/1 DXIcons;
}
.dx-icon-tel:before {
  content: "\f003";
}
.dx-icon-tips {
  font: 14px/1 DXIcons;
}
.dx-icon-tips:before {
  content: "\f004";
}
.dx-icon-todo {
  font: 14px/1 DXIcons;
}
.dx-icon-todo:before {
  content: "\f005";
}
.dx-icon-toolbox {
  font: 14px/1 DXIcons;
}
.dx-icon-toolbox:before {
  content: "\f007";
}
.dx-icon-trash {
  font: 14px/1 DXIcons;
}
.dx-icon-trash:before {
  content: "\f03e";
}
.dx-icon-user {
  font: 14px/1 DXIcons;
}
.dx-icon-user:before {
  content: "\f02d";
}
.dx-icon-upload {
  font: 14px/1 DXIcons;
}
.dx-icon-upload:before {
  content: "\f006";
}
.dx-icon-floppy {
  font: 14px/1 DXIcons;
}
.dx-icon-floppy:before {
  content: "\f073";
}
.dx-icon-arrowleft {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowleft:before {
  content: "\f011";
}
.dx-icon-arrowdown {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowdown:before {
  content: "\f015";
}
.dx-icon-arrowright {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowright:before {
  content: "\f00e";
}
.dx-icon-arrowup {
  font: 14px/1 DXIcons;
}
.dx-icon-arrowup:before {
  content: "\f013";
}
.dx-icon-spinleft {
  font: 14px/1 DXIcons;
}
.dx-icon-spinleft:before {
  content: "\f04f";
}
.dx-icon-spinright {
  font: 14px/1 DXIcons;
}
.dx-icon-spinright:before {
  content: "\f04e";
}
.dx-icon-spinnext {
  font: 14px/1 DXIcons;
}
.dx-icon-spinnext:before {
  content: "\f04e";
}
.dx-rtl .dx-icon-spinnext:before {
  content: "\f04f";
}
.dx-icon-spinprev {
  font: 14px/1 DXIcons;
}
.dx-icon-spinprev:before {
  content: "\f04f";
}
.dx-rtl .dx-icon-spinprev:before {
  content: "\f04e";
}
.dx-icon-spindown {
  font: 14px/1 DXIcons;
}
.dx-icon-spindown:before {
  content: "\f001";
}
.dx-icon-spinup {
  font: 14px/1 DXIcons;
}
.dx-icon-spinup:before {
  content: "\f002";
}
.dx-icon-chevronleft {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronleft:before {
  content: "\f012";
}
.dx-icon-chevronright {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronright:before {
  content: "\f010";
}
.dx-icon-chevronnext {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronnext:before {
  content: "\f010";
}
.dx-rtl .dx-icon-chevronnext:before {
  content: "\f012";
}
.dx-icon-chevronprev {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronprev:before {
  content: "\f012";
}
.dx-rtl .dx-icon-chevronprev:before {
  content: "\f010";
}
.dx-icon-chevrondown {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondown:before {
  content: "\f016";
}
.dx-icon-chevronup {
  font: 14px/1 DXIcons;
}
.dx-icon-chevronup:before {
  content: "\f014";
}
.dx-icon-chevrondoubleleft {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleleft:before {
  content: "\f042";
}
.dx-icon-chevrondoubleright {
  font: 14px/1 DXIcons;
}
.dx-icon-chevrondoubleright:before {
  content: "\f03f";
}
.dx-icon-equal {
  font: 14px/1 DXIcons;
}
.dx-icon-equal:before {
  content: "\f044";
}
.dx-icon-notequal {
  font: 14px/1 DXIcons;
}
.dx-icon-notequal:before {
  content: "\f045";
}
.dx-icon-less {
  font: 14px/1 DXIcons;
}
.dx-icon-less:before {
  content: "\f046";
}
.dx-icon-greater {
  font: 14px/1 DXIcons;
}
.dx-icon-greater:before {
  content: "\f047";
}
.dx-icon-lessorequal {
  font: 14px/1 DXIcons;
}
.dx-icon-lessorequal:before {
  content: "\f048";
}
.dx-icon-greaterorequal {
  font: 14px/1 DXIcons;
}
.dx-icon-greaterorequal:before {
  content: "\f049";
}
.dx-icon-isblank {
  font: 14px/1 DXIcons;
}
.dx-icon-isblank:before {
  content: "\f075";
}
.dx-icon-isnotblank {
  font: 14px/1 DXIcons;
}
.dx-icon-isnotblank:before {
  content: "\f076";
}
.dx-icon-sortup {
  font: 14px/1 DXIcons;
}
.dx-icon-sortup:before {
  content: "\f051";
}
.dx-icon-sortdown {
  font: 14px/1 DXIcons;
}
.dx-icon-sortdown:before {
  content: "\f052";
}
.dx-icon-sortuptext {
  font: 14px/1 DXIcons;
}
.dx-icon-sortuptext:before {
  content: "\f053";
}
.dx-icon-sortdowntext {
  font: 14px/1 DXIcons;
}
.dx-icon-sortdowntext:before {
  content: "\f054";
}
.dx-icon-sorted {
  font: 14px/1 DXIcons;
}
.dx-icon-sorted:before {
  content: "\f055";
}
.dx-icon-expand {
  font: 14px/1 DXIcons;
}
.dx-icon-expand:before {
  content: "\f04a";
}
.dx-icon-collapse {
  font: 14px/1 DXIcons;
}
.dx-icon-collapse:before {
  content: "\f04b";
}
.dx-icon-columnfield {
  font: 14px/1 DXIcons;
}
.dx-icon-columnfield:before {
  content: "\f057";
}
.dx-icon-rowfield {
  font: 14px/1 DXIcons;
}
.dx-icon-rowfield:before {
  content: "\f058";
}
.dx-icon-datafield {
  font: 14px/1 DXIcons;
}
.dx-icon-datafield:before {
  content: "\f101";
}
.dx-icon-fields {
  font: 14px/1 DXIcons;
}
.dx-icon-fields:before {
  content: "\f059";
}
.dx-icon-fieldchooser {
  font: 14px/1 DXIcons;
}
.dx-icon-fieldchooser:before {
  content: "\f05a";
}
.dx-icon-columnchooser {
  font: 14px/1 DXIcons;
}
.dx-icon-columnchooser:before {
  content: "\f04d";
}
.dx-icon-pin {
  font: 14px/1 DXIcons;
}
.dx-icon-pin:before {
  content: "\f05b";
}
.dx-icon-unpin {
  font: 14px/1 DXIcons;
}
.dx-icon-unpin:before {
  content: "\f05c";
}
.dx-icon-pinleft {
  font: 14px/1 DXIcons;
}
.dx-icon-pinleft:before {
  content: "\f05d";
}
.dx-icon-pinright {
  font: 14px/1 DXIcons;
}
.dx-icon-pinright:before {
  content: "\f05e";
}
.dx-icon-contains {
  font: 14px/1 DXIcons;
}
.dx-icon-contains:before {
  content: "\f063";
}
.dx-icon-startswith {
  font: 14px/1 DXIcons;
}
.dx-icon-startswith:before {
  content: "\f064";
}
.dx-icon-endswith {
  font: 14px/1 DXIcons;
}
.dx-icon-endswith:before {
  content: "\f065";
}
.dx-icon-doesnotcontain {
  font: 14px/1 DXIcons;
}
.dx-icon-doesnotcontain:before {
  content: "\f066";
}
.dx-icon-range {
  font: 14px/1 DXIcons;
}
.dx-icon-range:before {
  content: "\f06a";
}
.dx-icon-export {
  font: 14px/1 DXIcons;
}
.dx-icon-export:before {
  content: "\f05f";
}
.dx-icon-exportxlsx {
  font: 14px/1 DXIcons;
}
.dx-icon-exportxlsx:before {
  content: "\f060";
}
.dx-icon-exportpdf {
  font: 14px/1 DXIcons;
}
.dx-icon-exportpdf:before {
  content: "\f061";
}
.dx-icon-exportselected {
  font: 14px/1 DXIcons;
}
.dx-icon-exportselected:before {
  content: "\f06d";
}
.dx-icon-warning {
  font: 14px/1 DXIcons;
}
.dx-icon-warning:before {
  content: "\f06b";
}
.dx-icon-more {
  font: 14px/1 DXIcons;
}
.dx-icon-more:before {
  content: "\f06c";
}
.dx-icon-square {
  font: 14px/1 DXIcons;
}
.dx-icon-square:before {
  content: "\f067";
}
.dx-icon-clearsquare {
  font: 14px/1 DXIcons;
}
.dx-icon-clearsquare:before {
  content: "\f068";
}
.dx-icon-back {
  font: 14px/1 DXIcons;
}
.dx-icon-back:before {
  content: "\f012";
}
.dx-rtl .dx-icon-back:before {
  content: "\f010";
}
.dx-icon-repeat {
  font: 14px/1 DXIcons;
}
.dx-icon-repeat:before {
  content: "\f069";
}
.dx-icon-selectall {
  font: 14px/1 DXIcons;
}
.dx-icon-selectall:before {
  content: "\f070";
}
.dx-icon-unselectall {
  font: 14px/1 DXIcons;
}
.dx-icon-unselectall:before {
  content: "\f071";
}
.dx-icon-print {
  font: 14px/1 DXIcons;
}
.dx-icon-print:before {
  content: "\f072";
}
.dx-icon-bold {
  font: 14px/1 DXIcons;
}
.dx-icon-bold:before {
  content: "\f077";
}
.dx-icon-italic {
  font: 14px/1 DXIcons;
}
.dx-icon-italic:before {
  content: "\f078";
}
.dx-icon-underline {
  font: 14px/1 DXIcons;
}
.dx-icon-underline:before {
  content: "\f079";
}
.dx-icon-strike {
  font: 14px/1 DXIcons;
}
.dx-icon-strike:before {
  content: "\f07a";
}
.dx-icon-indent {
  font: 14px/1 DXIcons;
}
.dx-icon-indent:before {
  content: "\f07b";
}
.dx-icon-font {
  font: 14px/1 DXIcons;
}
.dx-icon-font:before {
  content: "\f11b";
}
.dx-icon-fontsize {
  font: 14px/1 DXIcons;
}
.dx-icon-fontsize:before {
  content: "\f07c";
}
.dx-icon-shrinkfont {
  font: 14px/1 DXIcons;
}
.dx-icon-shrinkfont:before {
  content: "\f07d";
}
.dx-icon-growfont {
  font: 14px/1 DXIcons;
}
.dx-icon-growfont:before {
  content: "\f07e";
}
.dx-icon-color {
  font: 14px/1 DXIcons;
}
.dx-icon-color:before {
  content: "\f07f";
}
.dx-icon-background {
  font: 14px/1 DXIcons;
}
.dx-icon-background:before {
  content: "\f080";
}
.dx-icon-fill {
  font: 14px/1 DXIcons;
}
.dx-icon-fill:before {
  content: "\f10d";
}
.dx-icon-palette {
  font: 14px/1 DXIcons;
}
.dx-icon-palette:before {
  content: "\f120";
}
.dx-icon-superscript {
  font: 14px/1 DXIcons;
}
.dx-icon-superscript:before {
  content: "\f081";
}
.dx-icon-subscript {
  font: 14px/1 DXIcons;
}
.dx-icon-subscript:before {
  content: "\f082";
}
.dx-icon-header {
  font: 14px/1 DXIcons;
}
.dx-icon-header:before {
  content: "\f083";
}
.dx-icon-blockquote {
  font: 14px/1 DXIcons;
}
.dx-icon-blockquote:before {
  content: "\f084";
}
.dx-icon-formula {
  font: 14px/1 DXIcons;
}
.dx-icon-formula:before {
  content: "\f056";
}
.dx-icon-codeblock {
  font: 14px/1 DXIcons;
}
.dx-icon-codeblock:before {
  content: "\f085";
}
.dx-icon-orderedlist {
  font: 14px/1 DXIcons;
}
.dx-icon-orderedlist:before {
  content: "\f086";
}
.dx-icon-bulletlist {
  font: 14px/1 DXIcons;
}
.dx-icon-bulletlist:before {
  content: "\f087";
}
.dx-icon-increaseindent {
  font: 14px/1 DXIcons;
}
.dx-icon-increaseindent:before {
  content: "\f088";
}
.dx-icon-decreaseindent {
  font: 14px/1 DXIcons;
}
.dx-icon-decreaseindent:before {
  content: "\f089";
}
.dx-icon-increaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-icon-increaselinespacing:before {
  content: "\f07b";
}
.dx-icon-decreaselinespacing {
  font: 14px/1 DXIcons;
}
.dx-icon-decreaselinespacing:before {
  content: "\f106";
}
.dx-icon-alignleft {
  font: 14px/1 DXIcons;
}
.dx-icon-alignleft:before {
  content: "\f08a";
}
.dx-icon-alignright {
  font: 14px/1 DXIcons;
}
.dx-icon-alignright:before {
  content: "\f08b";
}
.dx-icon-aligncenter {
  font: 14px/1 DXIcons;
}
.dx-icon-aligncenter:before {
  content: "\f08c";
}
.dx-icon-alignjustify {
  font: 14px/1 DXIcons;
}
.dx-icon-alignjustify:before {
  content: "\f08d";
}
.dx-icon-link {
  font: 14px/1 DXIcons;
}
.dx-icon-link:before {
  content: "\f08e";
}
.dx-icon-video {
  font: 14px/1 DXIcons;
}
.dx-icon-video:before {
  content: "\f08f";
}
.dx-icon-mention {
  font: 14px/1 DXIcons;
}
.dx-icon-mention:before {
  content: "\f090";
}
.dx-icon-variable {
  font: 14px/1 DXIcons;
}
.dx-icon-variable:before {
  content: "\f091";
}
.dx-icon-clearformat {
  font: 14px/1 DXIcons;
}
.dx-icon-clearformat:before {
  content: "\f092";
}
.dx-icon-fullscreen {
  font: 14px/1 DXIcons;
}
.dx-icon-fullscreen:before {
  content: "\f11a";
}
.dx-icon-hierarchy {
  font: 14px/1 DXIcons;
}
.dx-icon-hierarchy:before {
  content: "\f124";
}
.dx-icon-file {
  font: 14px/1 DXIcons;
}
.dx-icon-file:before {
  content: "\f021";
}
.dx-icon-docfile {
  font: 14px/1 DXIcons;
}
.dx-icon-docfile:before {
  content: "\f111";
}
.dx-icon-docxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-docxfile:before {
  content: "\f110";
}
.dx-icon-pdffile {
  font: 14px/1 DXIcons;
}
.dx-icon-pdffile:before {
  content: "\f118";
}
.dx-icon-pptfile {
  font: 14px/1 DXIcons;
}
.dx-icon-pptfile:before {
  content: "\f114";
}
.dx-icon-pptxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-pptxfile:before {
  content: "\f115";
}
.dx-icon-rtffile {
  font: 14px/1 DXIcons;
}
.dx-icon-rtffile:before {
  content: "\f112";
}
.dx-icon-txtfile {
  font: 14px/1 DXIcons;
}
.dx-icon-txtfile:before {
  content: "\f113";
}
.dx-icon-xlsfile {
  font: 14px/1 DXIcons;
}
.dx-icon-xlsfile:before {
  content: "\f116";
}
.dx-icon-xlsxfile {
  font: 14px/1 DXIcons;
}
.dx-icon-xlsxfile:before {
  content: "\f117";
}
.dx-icon-copy {
  font: 14px/1 DXIcons;
}
.dx-icon-copy:before {
  content: "\f107";
}
.dx-icon-cut {
  font: 14px/1 DXIcons;
}
.dx-icon-cut:before {
  content: "\f10a";
}
.dx-icon-paste {
  font: 14px/1 DXIcons;
}
.dx-icon-paste:before {
  content: "\f108";
}
.dx-icon-share {
  font: 14px/1 DXIcons;
}
.dx-icon-share:before {
  content: "\f11f";
}
.dx-icon-activefolder {
  font: 14px/1 DXIcons;
}
.dx-icon-activefolder:before {
  content: "\f028";
}
.dx-icon-inactivefolder {
  font: 14px/1 DXIcons;
}
.dx-icon-inactivefolder:before {
  content: "\f105";
}
.dx-icon-newfolder {
  font: 14px/1 DXIcons;
}
.dx-icon-newfolder:before {
  content: "\f123";
}
.dx-icon-movetofolder {
  font: 14px/1 DXIcons;
}
.dx-icon-movetofolder:before {
  content: "\f121";
}
.dx-icon-parentfolder {
  font: 14px/1 DXIcons;
}
.dx-icon-parentfolder:before {
  content: "\f122";
}
.dx-icon-rename {
  font: 14px/1 DXIcons;
}
.dx-icon-rename:before {
  content: "\f109";
}
.dx-icon-detailslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-detailslayout:before {
  content: "\f10b";
}
.dx-icon-contentlayout {
  font: 14px/1 DXIcons;
}
.dx-icon-contentlayout:before {
  content: "\f11e";
}
.dx-icon-smalliconslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-smalliconslayout:before {
  content: "\f119";
}
.dx-icon-mediumiconslayout {
  font: 14px/1 DXIcons;
}
.dx-icon-mediumiconslayout:before {
  content: "\f10c";
}
.dx-icon-undo {
  font: 14px/1 DXIcons;
}
.dx-icon-undo:before {
  content: "\f04c";
}
.dx-rtl .dx-icon-undo:before {
  content: "\f093";
}
.dx-icon-redo {
  font: 14px/1 DXIcons;
}
.dx-icon-redo:before {
  content: "\f093";
}
.dx-rtl .dx-icon-redo:before {
  content: "\f04c";
}
.dx-icon-hidepanel {
  font: 14px/1 DXIcons;
}
.dx-icon-hidepanel:before {
  content: "\f11c";
}
.dx-rtl .dx-icon-hidepanel:before {
  content: "\f11d";
}
.dx-icon-showpanel {
  font: 14px/1 DXIcons;
}
.dx-icon-showpanel:before {
  content: "\f11d";
}
.dx-rtl .dx-icon-showpanel:before {
  content: "\f11c";
}
.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-small {
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAFAAUAAACI4yPqZsADM+LcNJlb9Mq8+B8iCeWBqmFJnqpJUu5ojzDplIAACH5BAkJAAEALAAAAAAUABQAAAIhjI+py+3gXmxwrmoRzgZ4fnxgIIIl523o2KmZ+7KdTIMFACH5BAkJAAIALAAAAAAUABQAAAIflI+py+0Po4zAgDptFhXP60ngNmYdyaGBiYXbC8dwAQAh+QQJCQADACwAAAAAFAAUAAACIpyPqcsL3cCDSlJ368xnc+Nx1geG2Uiin3mpIlnC7gnXTAEAIfkECQkAAwAsAAAAABQAFAAAAiKcD6e74AxRivHRenGGc6vuIWEzluaJbuC4eq36XlboxGUBACH5BAkJAAMALAAAAAAUABQAAAIjnA8Jx226nBxp2mpnzG7z5n3iSJbmiaaqFIrt93LYOMP1UQAAIfkECQkAAwAsAAAAABQAFAAAAh2cD6l53eyiA7Iii7PevPsPhuJIluZpUB6ELWxTAAAh+QQJCQADACwAAAAAFAAUAAACHZx/oMit/5p0a9oBrt68+w+G4kiW5rllYbRCLFIAACH5BAkJAAMALAAAAAAUABQAAAIenH+ggO24noRq2molzo3xD4biSJbmSXqpuYlR2ToFACH5BAkJAAMALAAAAAAUABQAAAIhnI+pi+AMzYsQ0HrXzI2n7Q1WSJbMSKIh6Kmty7GtKWUFACH5BAkJAAMALAAAAAAUABQAAAIinI+py+3gXmxwKlAtytpgrmHdIY5DOX6mt56t24Kd/NZMAQAh+QQJCQADACwAAAAAFAAUAAACIZyPqcvtD6OMwIA6w8Czcnl91DVZW3mKkIeqK+ai8kyXBQAh+QQJCQADACwAAAAAFAAUAAACI5yPqcsL3cCDSlJ368xn82F9RiiSn8l5pziqmXuhMUzR7F0AACH5BAkJAAMALAAAAAAUABQAAAIfnI+pB70/HFxyKmBp1rv7D4aMiIXld6KmmW6V+7pKAQAh+QQJCQADACwAAAAAFAAUAAACIZw/oMi9Dc2LEVBqL8y6+w+G4kiWJBein+pNK4sp8CY3BQAh+QQJCQADACwAAAAAFAAUAAACHZw/oIt96iICstqLs968+w+G4kh+VHdukLW06VEAACH5BAkJAAMALAAAAAAUABQAAAIbnI+pCu29InKygoqz3rz7D4biSJbZ9VHpoyIFACH5BAkJAAMALAAAAAAUABQAAAIfnI8AyM26nDxq2hGvy7r7D4biSJYg51WiGkKju8JOAQA7);
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-loadindicator-image-large {
  background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
  background-position: center center;
  background-repeat: no-repeat;
}
.dx-widget {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
}
.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;
  -ms-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-card {
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fff;
}
.dx-field input,
.dx-field textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
}
.dx-field-label {
  color: #333;
  cursor: default;
  padding: 8px 15px 9px 0;
}
.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 {
  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-value.dx-widget,
.dx-field-value:not(.dx-widget) > .dx-widget {
  margin: 0;
}
.dx-field-value:not(.dx-widget) > .dx-button,
.dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-switch {
  float: right;
}
.dx-field-value.dx-checkbox,
.dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 7px 0;
}
.dx-field-value.dx-switch,
.dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 6px 0;
}
.dx-field-value.dx-slider,
.dx-field-value:not(.dx-widget) > .dx-slider {
  margin: 4px 0;
}
.dx-field-value.dx-radiogroup,
.dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 5px 0;
}
.dx-field-value-static {
  padding: 8px 10px 9px;
}
.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-device-mobile .dx-fieldset {
  margin: 20px 15px;
  padding: 0;
}
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl .dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-button,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-checkbox,
.dx-rtl.dx-device-mobile .dx-fieldset .dx-field-value:not(.dx-widget) > .dx-switch {
  float: left;
}
.dx-device-mobile .dx-fieldset-header {
  margin: 0 0 20px;
  font-weight: 500;
  font-size: 18px;
}
.dx-device-mobile .dx-field {
  margin: 0 0 10px;
}
.dx-device-mobile .dx-field:last-of-type {
  margin: 0;
}
.dx-box-item-content {
  font-size: 14px;
}
.dx-button-content {
  line-height: 0;
}
.dx-button-text {
  line-height: normal;
}
.dx-button a {
  text-decoration: none;
}
.dx-button .dx-button-content {
  padding: 8px;
}
.dx-button .dx-icon {
  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;
  margin-right: 0;
  margin-left: 0;
}
.dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-button .dx-icon,
.dx-rtl.dx-button .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-rtl .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-button-has-icon .dx-button-content {
  padding: 8px;
}
.dx-button-has-icon .dx-icon {
  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;
  margin-right: 0;
  margin-left: 0;
}
.dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-icon .dx-icon,
.dx-rtl.dx-button-has-icon .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-rtl .dx-button-has-icon .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-icon .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-button-has-text .dx-button-content {
  padding: 7px 18px 8px;
}
.dx-button-has-text .dx-icon {
  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;
  margin-right: 9px;
  margin-left: 0;
}
.dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl .dx-button-has-text .dx-icon,
.dx-rtl.dx-button-has-text .dx-icon {
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-button-has-text .dx-icon.dx-icon-right,
.dx-rtl.dx-button-has-text .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0;
}
.dx-button-back .dx-button-content {
  padding: 8px;
}
.dx-button-back .dx-icon {
  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;
  margin-right: 0;
  margin-left: 0;
}
.dx-button-back .dx-icon.dx-icon-right,
.dx-rtl .dx-button-back .dx-icon,
.dx-rtl.dx-button-back .dx-icon {
  margin-left: 0;
  margin-right: 0;
}
.dx-rtl .dx-button-back .dx-icon.dx-icon-right,
.dx-rtl.dx-button-back .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-button-back .dx-button-text {
  display: none;
}
.dx-button {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}
.dx-state-disabled .dx-button .dx-icon,
.dx-state-disabled.dx-button .dx-icon {
  opacity: .6;
}
.dx-state-disabled .dx-button .dx-button-text,
.dx-state-disabled.dx-button .dx-button-text {
  opacity: .5;
}
.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-hover {
  background-color: #f5f5f5;
  border-color: #ddd;
}
.dx-button-mode-contained.dx-state-focused {
  background-color: #ebebeb;
  border-color: #ddd;
}
.dx-button-mode-contained.dx-state-active {
  background-color: #c2c2c2;
  border-color: #ddd;
  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-hover {
  background-color: #ce312c;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-focused {
  background-color: #c12e2a;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-danger.dx-state-active {
  background-color: #932320;
  border-color: transparent;
  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-hover {
  background-color: #46a046;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-focused {
  background-color: #419641;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-success.dx-state-active {
  background-color: #306f30;
  border-color: transparent;
  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-hover {
  background-color: #296293;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-focused {
  background-color: #265a87;
  border-color: transparent;
}
.dx-button-mode-contained.dx-button-default.dx-state-active {
  background-color: #193d5b;
  border-color: transparent;
  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-hover {
  background-color: rgba(0,0,0,.04);
  border-color: #ddd;
}
.dx-button-mode-outlined.dx-state-focused {
  background-color: rgba(0,0,0,.08);
  border-color: #ddd;
}
.dx-button-mode-outlined.dx-state-active {
  background-color: rgba(0,0,0,.24);
  border-color: #ddd;
  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-focused,
.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(212,63,58,.1);
  border-color: #d43f3a;
}
.dx-button-mode-outlined.dx-button-danger.dx-state-active {
  background-color: rgba(212,63,58,.4);
  border-color: #d43f3a;
  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-focused,
.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(76,174,76,.1);
  border-color: #4cae4c;
}
.dx-button-mode-outlined.dx-button-success.dx-state-active {
  background-color: rgba(76,174,76,.4);
  border-color: #4cae4c;
  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-focused,
.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(45,109,163,.1);
  border-color: #2d6da3;
}
.dx-button-mode-outlined.dx-button-default.dx-state-active {
  background-color: rgba(45,109,163,.4);
  border-color: #2d6da3;
  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-hover {
  background-color: rgba(0,0,0,.04);
  border-color: transparent;
}
.dx-button-mode-text.dx-state-focused {
  background-color: rgba(0,0,0,.08);
  border-color: transparent;
}
.dx-button-mode-text.dx-state-active {
  background-color: rgba(0,0,0,.24);
  border-color: transparent;
  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-focused,
.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(212,63,58,.1);
  border-color: transparent;
}
.dx-button-mode-text.dx-button-danger.dx-state-active {
  background-color: rgba(212,63,58,.4);
  border-color: transparent;
  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-focused,
.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(76,174,76,.1);
  border-color: transparent;
}
.dx-button-mode-text.dx-button-success.dx-state-active {
  background-color: rgba(76,174,76,.4);
  border-color: transparent;
  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-focused,
.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(45,109,163,.1);
  border-color: transparent;
}
.dx-button-mode-text.dx-button-default.dx-state-active {
  background-color: rgba(45,109,163,.4);
  border-color: transparent;
  color: #2d6da3;
}
.dx-button-back.dx-state-hover .dx-button-content,
.dx-button-normal.dx-state-hover .dx-button-content {
  background-color: transparent;
  border-radius: 4px;
}
.dx-texteditor-buttons-container > .dx-button {
  margin: 1px;
}
.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
  padding-top: 5px;
  padding-bottom: 6px;
}
.dx-button-mode-contained.dx-buttongroup-item,
.dx-button-mode-outlined.dx-buttongroup-item {
  padding-left: 1px;
  padding-right: 1px;
}
.dx-button-mode-contained.dx-buttongroup-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-item.dx-state-hover .dx-button-content {
  border-radius: 0;
}
.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-button-mode-outlined.dx-buttongroup-first-item {
  padding-left: 0;
  border-left-width: 1px;
}
.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-button-mode-outlined.dx-buttongroup-last-item {
  padding-right: 0;
}
.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 0;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
  opacity: 1;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
  opacity: .6;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal {
  background-color: #fff;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-hover {
  background-color: #f5f5f5;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-state-focused {
  background-color: #ebebeb;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected {
  background-color: #d4d4d4;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-hover {
  background-color: #e3e3e3;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected.dx-state-focused {
  background-color: #dbdbdb;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected,
.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-button-normal.dx-item-selected .dx-icon {
  color: #333;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected) {
  background-color: #fff;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default {
  border-color: #2d6da3;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-hover {
  background-color: #f5f5f5;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default.dx-state-focused {
  background-color: #ebebeb;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-default .dx-icon {
  color: #2d6da3;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success {
  border-color: #4cae4c;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-hover {
  background-color: #f5f5f5;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success.dx-state-focused {
  background-color: #ebebeb;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-success .dx-icon {
  color: #4cae4c;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger {
  border-color: #d43f3a;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-hover {
  background-color: #f5f5f5;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger.dx-state-focused {
  background-color: #ebebeb;
}
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-contained:not(.dx-item-selected).dx-button-danger .dx-icon {
  color: #d43f3a;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover {
  background-color: rgba(0,0,0,.04);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
  background-color: rgba(0,0,0,.08);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-default.dx-state-hover {
  background-color: rgba(45,109,163,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-success.dx-state-hover {
  background-color: rgba(76,174,76,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-button-danger.dx-state-hover {
  background-color: rgba(212,63,58,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-hover {
  background-color: rgba(0,0,0,.04);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-state-focused {
  background-color: rgba(0,0,0,.08);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-default.dx-state-hover {
  background-color: rgba(45,109,163,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-success.dx-state-hover {
  background-color: rgba(76,174,76,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-button-danger.dx-state-hover {
  background-color: rgba(212,63,58,.1);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal {
  background-color: rgba(0,0,0,.17);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-hover {
  background-color: rgba(0,0,0,.11);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-normal.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-normal.dx-state-focused {
  background-color: rgba(0,0,0,.14);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success {
  background-color: rgba(92,184,92,.3);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success.dx-state-hover {
  background-color: rgba(92,184,92,.2);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default {
  background-color: rgba(51,122,183,.3);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default.dx-state-hover {
  background-color: rgba(51,122,183,.2);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger {
  background-color: rgba(217,83,79,.3);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger.dx-state-hover,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-focused,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger.dx-state-hover {
  background-color: rgba(217,83,79,.2);
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-success .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-success .dx-icon {
  color: #5cb85c;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-default .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-default .dx-icon {
  color: #337ab7;
}
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-item-selected.dx-button-danger .dx-icon,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger,
.dx-buttongroup-item.dx-button.dx-button-mode-text.dx-item-selected.dx-button-danger .dx-icon {
  color: #d9534f;
}
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item {
  border-left-width: 0;
  padding-left: 1px;
  padding-right: 0;
}
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-radius: 0 4px 4px 0;
}
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item {
  border-left-width: 1px;
  padding-right: 1px;
  padding-left: 0;
}
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-state-hover .dx-button-content {
  border-radius: 4px 0 0 4px;
}
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-contained.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-button,
.dx-rtl.dx-button-mode-outlined.dx-buttongroup-last-item.dx-buttongroup-first-item.dx-state-hover .dx-button-content {
  border-radius: 4px;
}
.dx-rtl.dx-button-mode-text.dx-buttongroup-first-item {
  margin-left: 1px;
}
.dx-rtl.dx-button-mode-text.dx-buttongroup-last-item {
  margin-left: 0;
}
.dx-scrollable-content {
  -webkit-transform: none;
}
.dx-scrollable-scroll {
  padding: 2px;
  background-color: transparent;
  opacity: 1;
  overflow: hidden;
  -webkit-transition: opacity linear;
  transition: opacity linear;
}
.dx-scrollable-scroll.dx-state-invisible {
  opacity: 0;
  -webkit-transition: opacity .5s linear 1s;
  transition: opacity .5s linear 1s;
}
.dx-scrollable-scroll-content {
  width: 100%;
  height: 100%;
  background-color: rgba(191,191,191,.7);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.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: rgba(0,0,0,0);
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
}
.dx-scrollbar-vertical .dx-scrollable-scroll {
  float: right;
  width: 8px;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  width: 8px;
  -webkit-transition: width .2s linear .15s,background-color .2s linear .15s;
  transition: width .2s linear .15s,background-color .2s linear .15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color .5s linear 1s,width .2s linear 150ms;
  transition: background-color .5s linear 1s,width .2s linear 150ms;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
  transition: box-shadow .15s linear .15s,background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
}
.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color .5s linear 1s,width .2s linear .15s;
  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 {
  -webkit-transition: background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s;
  transition: box-shadow .5s linear 1s,background-color .5s linear 1s,-webkit-box-shadow .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;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
  height: 8px;
  -webkit-transition: height .2s linear .15s,background-color .2s linear .15s;
  transition: height .2s linear .15s,background-color .2s linear .15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
  -webkit-transition: background-color .5s linear 1s,height .2s linear .15s;
  transition: background-color .5s linear 1s,height .2s linear .15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
  -webkit-transition: background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
  transition: box-shadow .15s linear .15s,background-color .15s linear .15s,-webkit-box-shadow .15s linear .15s;
}
.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll.dx-state-invisible {
  -webkit-transition: background-color .5s linear 1s,height .2s linear .15s;
  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 {
  -webkit-transition: background-color .5s linear 1s,-webkit-box-shadow .5s linear 1s;
  transition: box-shadow .5s linear 1s,background-color .5s linear 1s,-webkit-box-shadow .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-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 {
  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-customizable-scrollbars .dx-scrollable-container {
  -ms-scrollbar-base-color: #757575;
  -ms-scrollbar-arrow-color: #757575;
  -ms-scrollbar-shadow-color: #fff;
  -ms-scrollbar-track-color: #fff;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:horizontal {
  height: 19px;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar:vertical {
  width: 19px;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar {
  background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-thumb {
  background-color: #757575;
  border-right: 2px solid transparent;
  border-left: 1px solid transparent;
  background-clip: content-box;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-track {
  background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-corner {
  background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button {
  background-color: transparent;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:decrement {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAMklEQVQY02P4z/CfIRECfRngHN/E/zAOkJmIzExEZoI4cCYGB0UZmgHIRkPt8kXigLgA3gNGp/JuZjQAAAAASUVORK5CYII=) center no-repeat;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:horizontal:increment {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAMCAQAAADrXgSlAAAAN0lEQVQYV2NI9E1kAMH/QMiQ+B/ChXHAXAQHyoVxwFwEB8jFwUFSBjYebjSM4wuyA2IPnPmfAQA1rkanVpjRrQAAAABJRU5ErkJggg==) center no-repeat;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:decrement {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAM0lEQVQYV2P4z/CfIRECfYGQAcQHQTABFf4PhHApmAREGCoFghAJhDBcClMYKoVNGCwFAKZMRqcg5DihAAAAAElFTkSuQmCC) 3px 5px no-repeat;
}
.dx-scrollable-customizable-scrollbars .dx-scrollable-container::-webkit-scrollbar-button:vertical:increment {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAGCAQAAABd57cKAAAAMUlEQVQY023JwQ0AMAyDQBZkCO8/hPuqGqkRP46YLklZyEB/MlyYZJhwyVBKBxDfLgftpkant8t4aAAAAABJRU5ErkJggg==) 3px 5px no-repeat;
}
.dx-rtl .dx-scrollable .dx-scrollable-scroll,
.dx-rtl.dx-scrollable .dx-scrollable-scroll {
  float: left;
}
.dx-loadindicator {
  background-color: transparent;
}
.dx-loadindicator-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/gif;base64,R0lGODlhQABAAKECADI6RTI6Rv///////yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQABACwAAAAAQABAAAACkIyPqcvtD6OctEpgs1ag9w1m3heW0Eia6oJi63u08BygNGzfq6ybeV/6AUHCoaZotIySoSXz6HlunNIKsnqKYinUbaTrzabCjyuZoz07wGpW+w2Py+f0uv2VtrPl5ne/zVP3B5hHtxc3eBZoeAiXSLY49wjZSFipFsk36ZWJuMn5idXiwtjpN3qHqhd61wpTAAAh+QQJCQABACwAAAAAQABAAAACk4yPqcvtD6OctNqLs968+w+G4giUI2meYQmoK+t+bBt3c22nuHbvPOzL9IKWIbFiPEqSygiz6XhCG8Cps2qNYrNUkzQ7+1rDW66BrDMf0DT1Gu1GsONvMv0Mv8/1+zi77Zd3Vwc4KGYWNihXRnfIlaiIx+gGGVmp6AiWObY51ek5GZiGGUpZajpKGrnK2ur6CotQAAAh+QQJCQACACwAAAAAQABAAAACoJSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27qsADyDDCd3QuI3ssc7r1W66YRBIRAYNSmZxeWgKntAoIGCVLpXUqnPY9VLDYlzRWJaR01NtFbh+n33e77kunOOz931b7zdHVyeIlqY2ePhnuIUUd+ToBunzaNNV+RKG6UKmgwUVJ8m5JtryWLoSIInK5rfA6BorO0tba3uLm6u7y9ubUAAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCKJmh+aqh1buiMsb3BcY3eu0bzO+mV8wgqxSDkiI8olpOl0BKMSKHUxvWIRWW2CdOh6ueHW+GsQnwcp9bltXpfZcTmdDrbP3WN4Xt9Stxb4Z0eIY5gn+KZYKGfmyPgX2edIqbWYePmYuRbQOQhauRlKOoqoh2eKyScperWTmtZ6ippKyyiru8vb6/t7VQAAIfkECQkAAwAsAAAAAEAAQAAAAp2cj6nL7Q+jnNSBC6reCWMOTp4Xls1ImmqHZuvbuu/aznNt02MO77yK+uk+QpOvWEohQ8clR+ncQKOaKVVEvFazWoq1C+GCI9/x6WL2otMSMfv8bsviljn9dM/rc/Y9ou9nABg4uLcW+Feod4g44Ob3uBiZN3lXRlkZd2nJSJj5tqkZytYE+ZkW5DlqlmrYillKF6N6ylqLetuoK1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pB+2+opw0vtuq3hR7wIXi54mmRj7nOqXsK33wHF/0nZT4Ptj87vvdgsIZsfgKqJC0JRPmfL4gUii1yrpiV5ntFOTNhsfksvmMTqvX7Lb7DY/L5/S6/Y7P6/d8BLjeBfg3F0hYKHcYp6WY+BYF9+i46HZEGcmGwViZRmKpg5YySRbaWObieXlSAAAh+QQJCQADACwAAAAAQABAAAACepyPqQnt30ZctFoLs3a3e7aF2UdW4vmUKnKa46pu8Exq9O29+E5B/N/jAIcHIZFoPA4nyqbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+vXAH4fnVQWOJZi5kNmA3WIISOFgkL1KHIlucjV8lMAACH5BAkJAAMALAAAAABAAEAAAAJ3nI+pC+0Plpy0IohztLwbDWbeKIUmRqZiZabe4w5hTG30p926le9+CfkJGY2h8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y4fO8pBPUrcAwZyU6Q0w9G3dLJY+MS4UvVoowUpVAAAIfkECQkAAwAsAAAAAEAAQAAAAn2cj6nL7Q/jALRaK7NGt/sNat4YluJImWqEru5DvnISz/bU3Xqu23wv+wFdwqGqaCwhk5sl81R5rqLSqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9FBKjUlf8PmzU7yH9gc2+FXoddj1IZi4VVPWYoYCYBYwGUgYWWdSAAAh+QQJCQADACwAAAAAQABAAAACkpyPqcvtD6OctEKAs93c5N+F1AeKpkNq56qkAAsjaUwPc83e+KnvYu/rAIMbEtFkPAqTymKp6VRBK8Pp5WmdYLORLffB/ILD4ga5vDijW9K1GeOOy+f0uv2Oh73ytrbdS6c2BxjoV0cohxgnmGh46DgIGQmXx7io6GaZiYlWNUmJp7nmecnZKXoq+bnHZ9P6ylUAACH5BAkJAAMALAAAAABAAEAAAAKTnI+py+0Po5y02ouz3rz7D3YAEJbHOJomSqog675o/MG0ON8b2+oZ79PYghcgsTg8ToxKCrMpSUIh0qnjab3mso8qV8HbfhFh8XhQTp3J5TU77D614+h5PE2vw+l4vt3ddzdjlucFSOjXk2dguNboiHiotsgYCTlJ+XimOWZ5qbjI+SU6iplpGopKucra6voK+1oAACH5BAkJAAMALAAAAABAAEAAAAKenI+py+0Po5y02ouz3rz7D4biSJbmiabqyrYe4GbAHF8zvNxBndzMjeMdfD2gEEEs0o6GQNJgZA6fUemgWrVin1pitrv8So1i8JVrPQOX6ek62Fav4+45XV4ev+HtPT9NxhYX+AcGg6bng8gUlSe0VXgEOVjlFMnztRhj5wYoptnCiXQZuij4qHmKSXp15/oKGys7S1tre4ubq7urUQAAIfkECQkAAwAsAAAAAEAAQAAAAqKcj6nL7Q+jnLTai7PevPsPhhwAiCJJmiGaqh1buiMsb3BcZ3Sus7zm+2GCwguxSDkiJ6jAsqJ8QqJSB6raaB2uWIaW2h18teEEl1s2t9Dp7ZrcFr9xcXmMHffh23p6vV+HABho0OfHd7WXFnS4iNZYRgTnSAbZBYaomKeZOfmHGQkayjnquUkatkNoh4p1s8pqSilbSpsqGgqru8vb6/srVAAAIfkECQkAAwAsAAAAAEAAQAAAApqcj6nL7Q+jnNSBC6reCmcOUt4Vls+ImWqHrq6Bfu/azm5tq3huevzt+/WCwhKxCDoiOallSOkUNaMbKFUyvUpJ2kq2i+WCJ+Jx2CxFk9VrdkTmtsTndBu8nijjD/r9oI/3tScYCEhndWg4h7hImKjoxhgnyUapNuIH4zhpaYbpt/O4eflZFzMYGnkq2qkVAwn2ito6Rpt5K1EAACH5BAkJAAMALAAAAABAAEAAAAKLnI+pCe2wopxUvgur3hR7DoaDh4lmRWbnOqXsa5XwrMj0bVz4Pj487vvdgsIZsQhzIGnKpVHlZDWjUijV1Li+stqVtQsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7Hf91ceR8+9XbE90dYyDaI6BAAmKimI+iYBtn2UUm5RvLoYpYiqeWJKRYaSBaaqflSAAAh+QQJCQADACwAAAAAQABAAAACeZyPqQrtD5actCaIc7S8Gw1i3iiFpkOmB2hBKpm9sufOdove+pTv/tX4CVeb4bBoTCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0ut0cLPfEe/CDXOMX6BVDWLh0yBDidNL41GgiBZkoGXGyUwAAIfkECQkAAwAsAAAAAEAAQAAAAnecj6lr4A+YnLQ2iLPdHOUPduICluY4YtuJrlE7lPDsavQ9ffjOqPzvcQCHxKLxiEwql8ym8wmNSqfUqvWKzWq33K73Cw6Lx+Sy+YxOq9fstvsNj8vn9LriEbZ1Q3s+7fXDkoJXZAIooXNkuAjBxGj49OhDBclTAAAh+QQJCQADACwAAAAAQABAAAACfpyPqcvtD+MBtFqJ87K8Bw2GRneJJkZS5xql7NuQ8KzI9D10+K3vc+97AYMrDhE2PIqMymKpaXpCl4Cp9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+d0dEXNPCfHe37e3CcWGDYIVvhlA5hI5qLXyJiiAhkp1UX5yHV5VydSAAA7);
}
.dx-loadindicator-icon {
  position: relative;
  top: 15%;
  left: 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%;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  -webkit-animation: 1s linear infinite dx-generic-loadindicator-opacity;
  animation: 1s linear infinite dx-generic-loadindicator-opacity;
}
@-webkit-keyframes dx-generic-loadindicator-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: .55;
  }
}
@keyframes dx-generic-loadindicator-opacity {
  from {
    opacity: 1;
  }
  to {
    opacity: .55;
  }
}
.dx-loadindicator-icon .dx-loadindicator-segment0 {
  -webkit-transform: rotate(0) translate(0,-142%);
  transform: rotate(0) translate(0,-142%);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.dx-loadindicator-icon .dx-loadindicator-segment1 {
  -webkit-transform: rotate(45deg) translate(0,-142%);
  transform: rotate(45deg) translate(0,-142%);
  -webkit-animation-delay: -875ms;
  animation-delay: -875ms;
}
.dx-loadindicator-icon .dx-loadindicator-segment2 {
  -webkit-transform: rotate(90deg) translate(0,-142%);
  transform: rotate(90deg) translate(0,-142%);
  -webkit-animation-delay: -.75s;
  animation-delay: -.75s;
}
.dx-loadindicator-icon .dx-loadindicator-segment3 {
  -webkit-transform: rotate(135deg) translate(0,-142%);
  transform: rotate(135deg) translate(0,-142%);
  -webkit-animation-delay: -625ms;
  animation-delay: -625ms;
}
.dx-loadindicator-icon .dx-loadindicator-segment4 {
  -webkit-transform: rotate(180deg) translate(0,-142%);
  transform: rotate(180deg) translate(0,-142%);
  -webkit-animation-delay: -.5s;
  animation-delay: -.5s;
}
.dx-loadindicator-icon .dx-loadindicator-segment5 {
  -webkit-transform: rotate(225deg) translate(0,-142%);
  transform: rotate(225deg) translate(0,-142%);
  -webkit-animation-delay: -375ms;
  animation-delay: -375ms;
}
.dx-loadindicator-icon .dx-loadindicator-segment6 {
  -webkit-transform: rotate(270deg) translate(0,-142%);
  transform: rotate(270deg) translate(0,-142%);
  -webkit-animation-delay: -.25s;
  animation-delay: -.25s;
}
.dx-loadindicator-icon .dx-loadindicator-segment7 {
  -webkit-transform: rotate(315deg) translate(0,-142%);
  transform: rotate(315deg) translate(0,-142%);
  -webkit-animation-delay: -125ms;
  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-rtl .dx-loadindicator-icon {
  right: 15%;
  left: 0;
}
.dx-overlay-shader {
  background-color: rgba(255,255,255,.8);
}
.dx-overlay-wrapper {
  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 input,
.dx-overlay-wrapper textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
}
.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #ddd;
}
.dx-loadpanel-content {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.25);
  box-shadow: 0 6px 12px rgba(0,0,0,.25);
}
.dx-scrollview-pull-down-image {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAQAAABebbrxAAABD0lEQVRo3u2XvQ3CMBCFLbmjYYGsAA2wA1X2gAbEAEwB2eIKflagh6zACJAuUihASUic+M5GNH56dT7J8efTPUXKkDkzrS8LpQAEMBygcwAss2UGQADDBmLa+AMvzAAIYNhATBt/YMEMgACGDcS0wbQBEEAAAQQQwD8CEzaiL7sKqOnojTuQrh95SKkX7kqD5j+M6O6Mu1NkupQJZU64B426bjmmXIzLKe7TZiUGLmweyhTa28XWdJKpYn8pXIVub1U4T4+jUKkKbyWeWhR6Vqpwd+w+hb5U4S/ta54qkhZgVihxrxWaznZVZD2lqVDaVkVafOoKGVWRN6nZR6GMxr+qZjHl3aq4db0NLXld7wVjuu7NS9f7yAAAAABJRU5ErkJggg==) 0 0/100% no-repeat;
}
.dx-scrollable-native.dx-scrollable-native-android .dx-scrollview-pull-down {
  background-color: #fff;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);
}
.dx-scrollview-scrollbottom-loading .dx-scrollview-scrollbottom-image {
  width: 24px;
  height: 24px;
}
.dx-validationsummary-item {
  color: #d9534f;
}
.dx-validationsummary-item-content {
  border-bottom: 1px dashed;
  display: inline-block;
  line-height: normal;
}
.dx-invalid-message > .dx-overlay-content {
  color: #fff;
  background-color: #d9534f;
  border-radius: 4px;
}
@-webkit-keyframes valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes valid-badge-frames {
  from {
    opacity: 0;
    -webkit-transform: scale(.1);
    transform: scale(.1);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dx-editor-underlined .dx-invalid-message > .dx-overlay-content {
  border-radius: 0;
}
.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/16px DXIcons;
  color: #337ab7;
  text-align: center;
}
.dx-checkbox-checked .dx-checkbox-icon:before {
  content: "\f005";
  position: absolute;
  display: block;
  width: 16px;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
}
.dx-checkbox-indeterminate .dx-checkbox-icon {
  font: 14px/14px DXIcons;
  color: #337ab7;
  text-align: center;
}
.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: "\f067";
  position: absolute;
  display: block;
  width: 14px;
  top: 50%;
  margin-top: -7px;
  left: 50%;
  margin-left: -7px;
}
.dx-checkbox-text {
  margin-left: -22px;
  padding-left: 27px;
}
.dx-rtl .dx-checkbox-text,
.dx-rtl.dx-checkbox-text {
  margin-right: -22px;
  padding-right: 27px;
}
.dx-state-disabled .dx-checkbox,
.dx-state-disabled.dx-checkbox {
  opacity: 1;
}
.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 {
  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-container {
  overflow: hidden;
  margin: 0 -6px 0 0;
  padding: 0 2px;
  height: 24px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 2px;
}
.dx-switch-inner {
  width: 200%;
  height: 100%;
}
.dx-switch-off,
.dx-switch-on {
  float: left;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dx-switch-off {
  padding-left: 2px;
  color: #999;
}
.dx-switch-on {
  color: #333;
}
.dx-switch-handle {
  position: relative;
  float: left;
  -webkit-flex-basis: 14px;
  -ms-flex-preferred-size: 14px;
  flex-basis: 14px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 14px;
  height: 18px;
  margin-top: 2px;
  -webkit-box-sizing: border-box;
  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-badge {
  background-color: #337ab7;
  color: #fff;
  font-size: 13px;
  padding: 0 6px 2px;
  line-height: normal;
}
.dx-tabs {
  border: 1px solid #ddd;
}
.dx-tabs-scrollable {
  margin: -1px;
  height: calc(100% + 2px);
}
.dx-tabs-scrollable .dx-tabs-wrapper {
  border: 1px solid #ddd;
}
.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
}
.dx-tabs-nav-button {
  border: none;
  background-color: #f7f7f7;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-tabs-nav-button .dx-button-content {
  padding: 0;
}
.dx-tabs-nav-button.dx-state-active {
  border: none;
}
.dx-tabs-nav-button.dx-state-disabled {
  opacity: 1;
}
.dx-tabs-nav-button.dx-state-disabled .dx-button-content {
  opacity: .6;
}
.dx-tab {
  padding: 9px;
  background-color: #f7f7f7;
  color: #333;
}
.dx-tab .dx-icon {
  color: #333;
  display: inline-block;
  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: 18px;
  margin-right: 9px;
  margin-left: 0;
}
.dx-rtl .dx-tab .dx-icon,
.dx-rtl.dx-tab .dx-icon,
.dx-tab .dx-icon.dx-icon-right {
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-tab .dx-icon.dx-icon-right,
.dx-rtl.dx-tab .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0;
}
.dx-tab.dx-state-hover {
  background-color: #fff;
}
.dx-tab.dx-state-active {
  background-color: rgba(88,88,88,.2);
  color: #333;
}
.dx-tab.dx-state-focused:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border-right: 1px solid #337ab7;
  border-left: 1px solid #337ab7;
  border-top: 1px solid #337ab7;
  border-bottom: 1px solid #337ab7;
  z-index: 1;
}
.dx-tab.dx-tab-selected {
  background-color: #fff;
  color: #333;
}
.dx-tab-selected:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  left: -1px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-top: none;
  border-bottom: none;
  z-index: 1;
}
.dx-tab-selected .dx-icon {
  color: #333;
}
.dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  border-left: 1px solid #f7f7f7;
}
.dx-rtl .dx-tab-selected:not(.dx-state-focused) + .dx-tab-selected:not(.dx-state-focused):after {
  border-left: 1px solid #ddd;
  border-right: 1px solid #f7f7f7;
}
.dx-tab-text {
  vertical-align: middle;
  line-height: 25px;
}
.dx-state-disabled.dx-tabs {
  opacity: 1;
}
.dx-state-disabled .dx-tab-content {
  opacity: .3;
}
.dx-navbar {
  padding: 0;
  border: none;
}
.dx-nav-item,
.dx-rtl .dx-nav-item {
  background: #f7f7f7;
}
.dx-nav-item .dx-tab-text,
.dx-rtl .dx-nav-item .dx-tab-text {
  line-height: normal;
  color: #333;
}
.dx-navbar .dx-nav-item .dx-icon,
.dx-navbar .dx-rtl .dx-nav-item .dx-icon {
  width: 31px;
  height: 31px;
  background-position: 0 0;
  background-size: 31px 31px;
  padding: 0;
  font-size: 31px;
  text-align: center;
  line-height: 31px;
  color: #333;
}
.dx-nav-item.dx-state-active:after,
.dx-nav-item.dx-state-focused:after,
.dx-nav-item.dx-tab-selected:after,
.dx-rtl .dx-nav-item.dx-state-active:after,
.dx-rtl .dx-nav-item.dx-state-focused:after,
.dx-rtl .dx-nav-item.dx-tab-selected:after {
  content: none;
}
.dx-nav-item.dx-tab-selected,
.dx-rtl .dx-nav-item.dx-tab-selected {
  background: #fff;
}
.dx-nav-item.dx-tab-selected .dx-icon,
.dx-nav-item.dx-tab-selected .dx-tab-text,
.dx-rtl .dx-nav-item.dx-tab-selected .dx-icon,
.dx-rtl .dx-nav-item.dx-tab-selected .dx-tab-text {
  color: #333;
}
.dx-nav-item.dx-state-active,
.dx-rtl .dx-nav-item.dx-state-active {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-nav-item.dx-state-focused,
.dx-rtl .dx-nav-item.dx-state-focused {
  -webkit-box-shadow: inset 0 0 0 1px #337ab7;
  box-shadow: inset 0 0 0 1px #337ab7;
}
.dx-nav-item.dx-state-disabled .dx-icon,
.dx-rtl .dx-nav-item.dx-state-disabled .dx-icon {
  opacity: .5;
}
.dx-navbar-item-badge {
  margin-right: -26px;
  top: 11%;
}
.dx-rtl .dx-navbar-item-badge {
  margin-left: -26px;
}
.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-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 {
  padding-right: 34px;
}
.dx-texteditor.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-texteditor.dx-valid.dx-rtl .dx-texteditor-input {
  padding: 7px 9px 8px 34px;
}
.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
  right: 4px;
}
.dx-rtl .dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl .dx-texteditor.dx-valid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-invalid .dx-texteditor-input-container:after,
.dx-rtl.dx-texteditor.dx-valid .dx-texteditor-input-container:after {
  left: 4px;
  right: auto;
}
.dx-texteditor.dx-validation-pending .dx-texteditor-input {
  padding-right: 34px;
}
.dx-texteditor.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding: 7px 9px 8px 34px;
}
.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  right: 4px;
}
.dx-rtl .dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator,
.dx-rtl.dx-texteditor.dx-validation-pending .dx-texteditor-input-container .dx-pending-indicator {
  left: 4px;
  right: auto;
}
.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;
  width: 34px;
  height: 34px;
  background-position: 8px 8px;
  background-size: 18px 18px;
  padding: 8px;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
}
.dx-placeholder {
  color: #999;
}
.dx-placeholder:before {
  padding: 7px 9px 8px;
}
.dx-editor-underlined .dx-placeholder:before {
  padding-left: 0;
}
.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-underlined .dx-texteditor-input {
  background: 0 0;
  padding-left: 0;
  padding-right: 0;
}
.dx-editor-filled .dx-texteditor-input {
  background: 0 0;
}
.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
  padding-left: 9px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-texteditor-input {
  padding-left: 0;
  padding-right: 9px;
}
.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
  left: 9px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container + .dx-texteditor-input-container .dx-placeholder {
  left: 0;
  right: 9px;
}
.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
  margin-left: 0;
}
.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
  margin-right: 0;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 0;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:last-child {
  margin-left: 0;
  margin-right: 1px;
}
.dx-rtl.dx-editor-underlined .dx-texteditor-buttons-container > .dx-button:first-child:last-child {
  margin-left: 0;
  margin-right: 0;
}
.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-outlined.dx-state-focused,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused {
  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-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 {
  margin-right: 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 {
  margin-left: 0;
}
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child > .dx-button:first-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 1px;
}
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child>.dx-button:first-child:last-child,
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:first-child>.dx-button:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child>.dx-button:first-child:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:first-child>.dx-button:last-child {
  margin-left: 0;
  margin-right: 1px;
}
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:first-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:first-child {
  margin-left: 1px;
  margin-right: 0;
}
.dx-rtl.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-button:last-child,
.dx-rtl.dx-editor-outlined .dx-texteditor-buttons-container:last-child > .dx-button:last-child {
  margin-left: 1px;
  margin-right: 1px;
}
.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;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards valid-badge-frames;
  animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards 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-rtl .dx-placeholder,
.dx-rtl .dx-placeholder:before {
  right: 0;
  left: auto;
}
.dx-editor-underlined.dx-rtl .dx-placeholder,
.dx-editor-underlined.dx-rtl .dx-placeholder:before {
  padding-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";
  position: static;
  text-indent: 0;
  color: #999;
}
.dx-searchbox .dx-placeholder:before,
.dx-searchbox .dx-texteditor-input {
  padding-left: 34px;
}
.dx-rtl .dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-searchbox .dx-texteditor-input {
  padding-right: 34px;
}
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-placeholder:before,
.dx-rtl .dx-editor-underlined.dx-searchbox .dx-texteditor-input,
.dx-rtl.dx-editor-underlined.dx-searchbox .dx-placeholder:before,
.dx-rtl.dx-editor-underlined.dx-searchbox .dx-texteditor-input {
  padding-right: 0;
}
.dx-searchbar {
  padding-bottom: 5px;
}
.dx-searchbar .dx-texteditor {
  margin: 0;
}
.dx-list-item-chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  border: none;
  opacity: 1;
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
  margin-left: -5px;
  color: #333;
}
.dx-rtl .dx-list-item-chevron {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}
.dx-list-item-chevron:before {
  content: "\f010";
}
.dx-rtl .dx-list-item-chevron:before {
  content: "\f012";
}
.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 {
  border: none;
}
.dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 41px);
}
.dx-list .dx-empty-message {
  text-align: left;
}
.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:before,
.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:before {
  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:before,
.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:before {
  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-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-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-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-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
  color: #333;
}
.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;
}
.dx-list-group:first-of-type .dx-list-group-header {
  border-top: none;
}
.dx-list-group-header:before {
  border-top-color: #333;
}
.dx-list-group-collapsed .dx-list-group-header:before {
  border-bottom-color: #333;
}
.dx-list-item:first-of-type {
  border-top: none;
}
.dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-list-item .dx-icon-toggle-delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  background-size: 100%;
}
.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);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  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: 7px 18px 8px;
}
.dx-list-next-button .dx-button .dx-icon {
  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;
  margin-right: 9px;
  margin-left: 0;
}
.dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-list-next-button .dx-button .dx-icon {
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0;
}
.dx-list-item-chevron-container {
  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-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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0;
}
.dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 5px 5px 10px;
  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;
  margin-left: 10px;
}
.dx-list-select-all {
  padding: 9px 0 8px;
}
.dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 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 {
  bottom: 1px;
}
.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 {
  margin-right: 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;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
  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-rtl .dx-list .dx-empty-message,
.dx-rtl.dx-list .dx-empty-message {
  text-align: right;
}
.dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 10px 5px 5px;
}
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 10px;
  margin-left: 1px;
}
.dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 10px;
  margin-left: 1px;
}
.dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-left: 10px;
  margin-right: 0;
}
.dx-device-mobile .dx-list {
  border: none;
}
.dx-device-mobile .dx-list.dx-list-with-search .dx-scrollable-wrapper {
  height: calc(100% - 41px);
}
.dx-device-mobile .dx-list .dx-empty-message {
  text-align: left;
}
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon:before {
  border-color: #265a87;
}
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon:before,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-device-mobile .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon:before {
  border: 1px solid #337ab7;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  background-color: rgba(0,0,0,.04);
  color: #333;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon {
  color: #333;
}
.dx-device-mobile .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-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon {
  color: #333;
}
.dx-device-mobile .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-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #337ab7;
  color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
  color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-list-item-chevron {
  border-color: #fff;
}
.dx-device-mobile .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-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #337ab7;
  color: #fff;
}
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon {
  color: #fff;
}
.dx-device-mobile .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-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-button .dx-icon,
.dx-device-mobile .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-button .dx-icon {
  color: #333;
}
.dx-device-mobile .dx-list-group-header {
  font-weight: 700;
  padding: 20px 15px 10px;
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
  background: rgba(238,238,238,.05);
  color: #333;
}
.dx-list-group:first-of-type .dx-device-mobile .dx-list-group-header {
  border-top: none;
}
.dx-device-mobile .dx-list-group-header:before {
  border-top-color: #333;
}
.dx-list-group-collapsed .dx-device-mobile .dx-list-group-header:before {
  border-bottom-color: #333;
}
.dx-device-mobile .dx-list-item:first-of-type {
  border-top: none;
}
.dx-device-mobile .dx-list-item:last-of-type {
  border-bottom: none;
}
.dx-device-mobile .dx-list-item .dx-icon-toggle-delete {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAQAAAC0NkA6AAAA0ElEQVRYw+2Y0QrDMAhFEwYj7/mM+1V+sx/UvWywQexiNbdQqq/FQ8y1akq5bY2hokOgUAg6anZ4xWa4ZoRvZvhvb5H0bA6vuSnKSp0b8HYCwoGJICYxUcQE5sB1eyXgFO0xQach7JRNVvest+XnMM9CgCTpal9j6YjRWQiQxAqxqwV9CaT/QmTwySPcHuSvtkq8B+kJkFG6nuGJQE64eIaEr1PxpB/kdfoJqf1SBgnSSEQZ7khjKmngJq0OpCWItM6RFlPSik17LCA+e9z2sRfnMjs2IEgNwQAAAABJRU5ErkJggg==);
  background-size: 100%;
}
.dx-device-mobile .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);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
}
.dx-device-mobile .dx-list .dx-empty-message,
.dx-device-mobile .dx-list-item {
  border-top: 1px solid #ddd;
  color: #333;
}
.dx-list-item-separator-hidden .dx-device-mobile .dx-list .dx-empty-message,
.dx-list-item-separator-hidden .dx-device-mobile .dx-list-item {
  border-top: none;
  border-bottom: none;
}
.dx-device-mobile .dx-list .dx-empty-message,
.dx-device-mobile .dx-list-item-content {
  padding: 10px 15px;
}
.dx-device-mobile .dx-list-next-button .dx-button .dx-button-content {
  padding: 7px 18px 8px;
}
.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  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;
  margin-right: 9px;
  margin-left: 0;
}
.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon {
  margin-left: 9px;
  margin-right: 0;
}
.dx-rtl .dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-device-mobile .dx-list-next-button .dx-button .dx-icon.dx-icon-right {
  margin-right: 9px;
  margin-left: 0;
}
.dx-device-mobile .dx-list-item-chevron-container {
  width: 21px;
}
.dx-device-mobile .dx-list-border-visible {
  border: 1px solid #ddd;
}
.dx-device-mobile .dx-list-border-visible .dx-list-select-all {
  border-bottom: 1px solid #ddd;
}
.dx-device-mobile .dx-list-item-before-bag.dx-list-toggle-delete-switch-container {
  width: 34px;
}
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-checkbox-container,
.dx-device-mobile .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  width: 36px;
}
.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-device-mobile .dx-list-item-before-bag .dx-button.dx-list-toggle-delete-switch .dx-button-content {
  padding: 0;
}
.dx-device-mobile .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 7.5px 5px 15px;
  width: 19px;
  height: 19px;
}
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-top: -1px;
  margin-bottom: -3px;
  margin-left: 15px;
}
.dx-device-mobile .dx-list-select-all {
  padding: 9px 0 8px;
}
.dx-device-mobile .dx-list-select-all-checkbox {
  float: left;
  margin: -1px 0 -3px 15px;
}
.dx-device-mobile .dx-list-select-all-label {
  line-height: 17px;
  padding: 0 10px;
  margin-top: 1px;
}
.dx-device-mobile .dx-list-item-after-bag.dx-list-static-delete-button-container {
  width: 41px;
}
.dx-device-mobile .dx-list-item-after-bag.dx-list-reorder-handle-container {
  width: 38.4px;
}
.dx-device-mobile .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-device-mobile .dx-list-item-after-bag .dx-list-reorder-handle:before {
  content: "\f038";
}
.dx-device-mobile .dx-list-slide-menu-button {
  bottom: 1px;
}
.dx-device-mobile .dx-list-slide-menu-button-delete {
  border: 1px solid transparent;
  color: #fff;
  background-color: #d9534f;
}
.dx-device-mobile .dx-list-slide-menu-button-menu {
  border: 1px solid transparent;
  color: #fff;
  background-color: #337ab7;
}
.dx-device-mobile .dx-list-static-delete-button,
.dx-device-mobile .dx-list-switchable-delete-button {
  margin-right: 15px;
  padding: 0;
}
.dx-device-mobile .dx-list-static-delete-button .dx-button-content,
.dx-device-mobile .dx-list-switchable-delete-button .dx-button-content {
  padding: 3px;
}
.dx-device-mobile .dx-list-context-menucontent {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.dx-device-mobile .dx-state-disabled .dx-list-item,
.dx-device-mobile .dx-state-disabled.dx-list-item {
  background-color: transparent;
  opacity: .6;
}
.dx-device-mobile .dx-rtl .dx-list .dx-empty-message,
.dx-device-mobile .dx-rtl.dx-list .dx-empty-message {
  text-align: right;
}
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-icon-toggle-delete,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-icon-toggle-delete {
  margin: 5px 15px 5px 7.5px;
}
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl .dx-list .dx-list-item-before-bag .dx-list-select-radiobutton,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-item-before-bag .dx-list-select-radiobutton {
  margin-right: 15px;
  margin-left: 1px;
}
.dx-device-mobile .dx-rtl .dx-list .dx-list-select-all-checkbox,
.dx-device-mobile .dx-rtl.dx-list .dx-list-select-all-checkbox {
  float: right;
  margin-right: 15px;
  margin-left: 1px;
}
.dx-device-mobile .dx-rtl .dx-list .dx-list-switchable-delete-button,
.dx-device-mobile .dx-rtl.dx-list .dx-list-switchable-delete-button {
  margin-left: 15px;
  margin-right: 0;
}
.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-popover-wrapper.dx-position-bottom .dx-popover-arrow:after {
  background: #fff;
}
.dx-popover-wrapper .dx-popup-title {
  margin: 0;
}
.dx-popover-wrapper .dx-popup-title.dx-toolbar {
  padding-left: 15px;
}
.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-popover-wrapper .dx-rtl.dx-popup-title.dx-toolbar {
  padding-right: 15px;
  padding-left: 0;
}
.dx-actionsheet-container .dx-actionsheet-item {
  margin: 0 0 10px;
}
.dx-actionsheet-container .dx-button,
.dx-button.dx-actionsheet-cancel {
  margin: 0;
}
.dx-dropdownmenu-popup-wrapper .dx-overlay-content .dx-popup-content {
  padding: 1px;
}
.dx-dropdownmenu-popup-wrapper .dx-dropdownmenu-list {
  border-radius: 8px;
}
.dx-dropdownmenu-popup-wrapper .dx-list-item {
  border-top: 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 {
  right: 8px;
}
.dx-rtl .dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl .dx-autocomplete.dx-valid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-autocomplete.dx-valid .dx-texteditor-container:after {
  left: 8px;
}
.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  right: 8px;
}
.dx-rtl .dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator,
.dx-rtl.dx-autocomplete.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  left: 8px;
}
.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;
  border-radius: 3px;
}
.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 {
  -webkit-box-shadow: 0 0 0 1px transparent inset;
  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;
  border-left: 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-numberbox.dx-rtl.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container,
.dx-rtl .dx-numberbox.dx-numberbox-spin-touch-friendly .dx-numberbox-spin-container {
  border-right: none;
}
.dx-numberbox.dx-rtl.dx-numberbox-spin .dx-texteditor-input,
.dx-rtl .dx-numberbox.dx-numberbox-spin .dx-texteditor-input {
  padding-right: 9px;
}
.dx-timeview {
  height: auto;
  width: auto;
}
.dx-timeview-clock {
  min-height: 199px;
  min-width: 199px;
  background: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%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%20width%3D%22191px%22%20height%3D%22191px%22%20viewBox%3D%220%200%20191%20191%22%20enable-background%3D%22new%200%200%20191%20191%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M95.5%2C0C42.8%2C0%2C0%2C42.8%2C0%2C95.5S42.8%2C191%2C95.5%2C191S191%2C148.2%2C191%2C95.5S148.2%2C0%2C95.5%2C0z%20M95.5%2C187.6%0A%09c-50.848%2C0-92.1-41.25-92.1-92.1c0-50.848%2C41.252-92.1%2C92.1-92.1c50.85%2C0%2C92.1%2C41.252%2C92.1%2C92.1%0A%09C187.6%2C146.35%2C146.35%2C187.6%2C95.5%2C187.6z%22%2F%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M92.9%2C10v8.6H91v-6.5c-0.1%2C0.1-0.2%2C0.2-0.4%2C0.3c-0.2%2C0.1-0.3%2C0.2-0.4%2C0.2c-0.1%2C0-0.3%2C0.1-0.5%2C0.2%0A%09%09c-0.2%2C0.1-0.3%2C0.1-0.5%2C0.1v-1.6c0.5-0.1%2C0.9-0.3%2C1.4-0.5c0.5-0.2%2C0.8-0.5%2C1.2-0.7h1.1V10z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M97.1%2C17.1h3.602v1.5h-5.6V18c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.6%2C0.5-0.9c0.2-0.3%2C0.5-0.5%2C0.7-0.7%0A%09%09c0.2-0.2%2C0.5-0.4%2C0.7-0.6c0.199-0.2%2C0.5-0.3%2C0.6-0.5c0.102-0.2%2C0.301-0.3%2C0.5-0.5c0.2-0.2%2C0.2-0.3%2C0.301-0.5%0A%09%09c0.101-0.2%2C0.101-0.3%2C0.101-0.5c0-0.4-0.101-0.6-0.3-0.8c-0.2-0.2-0.4-0.3-0.801-0.3c-0.699%2C0-1.399%2C0.3-2.101%2C0.9v-1.6%0A%09%09c0.7-0.5%2C1.5-0.7%2C2.5-0.7c0.399%2C0%2C0.8%2C0.1%2C1.101%2C0.2c0.301%2C0.1%2C0.601%2C0.3%2C0.899%2C0.5c0.3%2C0.2%2C0.399%2C0.5%2C0.5%2C0.8%0A%09%09c0.101%2C0.3%2C0.2%2C0.6%2C0.2%2C1s-0.102%2C0.7-0.2%2C1c-0.099%2C0.3-0.3%2C0.6-0.5%2C0.8c-0.2%2C0.2-0.399%2C0.5-0.7%2C0.7c-0.3%2C0.2-0.5%2C0.4-0.8%2C0.6%0A%09%09c-0.2%2C0.1-0.399%2C0.3-0.5%2C0.4s-0.3%2C0.3-0.5%2C0.4s-0.2%2C0.3-0.3%2C0.4C97.1%2C17%2C97.1%2C17%2C97.1%2C17.1z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M15%2C95.4c0%2C0.7-0.1%2C1.4-0.2%2C2c-0.1%2C0.6-0.4%2C1.1-0.7%2C1.5C13.8%2C99.3%2C13.4%2C99.6%2C12.9%2C99.8s-1%2C0.3-1.5%2C0.3%0A%09%09c-0.7%2C0-1.3-0.1-1.8-0.3v-1.5c0.4%2C0.3%2C1%2C0.4%2C1.6%2C0.4c0.6%2C0%2C1.1-0.2%2C1.5-0.7c0.4-0.5%2C0.5-1.1%2C0.5-1.9l0%2C0%0A%09%09C12.8%2C96.7%2C12.3%2C96.9%2C11.5%2C96.9c-0.3%2C0-0.7-0.102-1-0.2c-0.3-0.101-0.5-0.3-0.8-0.5c-0.3-0.2-0.4-0.5-0.5-0.8%0A%09%09c-0.1-0.3-0.2-0.7-0.2-1c0-0.4%2C0.1-0.8%2C0.2-1.2c0.1-0.4%2C0.3-0.7%2C0.6-0.9c0.3-0.2%2C0.6-0.5%2C0.9-0.6c0.3-0.1%2C0.8-0.2%2C1.2-0.2%0A%09%09c0.5%2C0%2C0.9%2C0.1%2C1.2%2C0.3c0.3%2C0.2%2C0.7%2C0.4%2C0.9%2C0.8s0.5%2C0.7%2C0.6%2C1.2S15%2C94.8%2C15%2C95.4z%20M13.1%2C94.4c0-0.2%2C0-0.4-0.1-0.6%0A%09%09c-0.1-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.2-0.2-0.4-0.3c-0.2-0.1-0.3-0.1-0.5-0.1c-0.2%2C0-0.3%2C0-0.4%2C0.1s-0.3%2C0.2-0.3%2C0.3%0A%09%09c0%2C0.1-0.2%2C0.3-0.2%2C0.4c0%2C0.1-0.1%2C0.4-0.1%2C0.6c0%2C0.2%2C0%2C0.4%2C0.1%2C0.6c0.1%2C0.2%2C0.1%2C0.3%2C0.2%2C0.4c0.1%2C0.1%2C0.2%2C0.2%2C0.4%2C0.3%0A%09%09c0.2%2C0.1%2C0.3%2C0.1%2C0.5%2C0.1c0.2%2C0%2C0.3%2C0%2C0.4-0.1s0.2-0.2%2C0.3-0.3c0.1-0.1%2C0.2-0.2%2C0.2-0.4C13%2C94.7%2C13.1%2C94.6%2C13.1%2C94.4z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M176%2C99.7V98.1c0.6%2C0.4%2C1.2%2C0.602%2C2%2C0.602c0.5%2C0%2C0.8-0.102%2C1.1-0.301c0.301-0.199%2C0.4-0.5%2C0.4-0.801%0A%09%09c0-0.398-0.2-0.699-0.5-0.898c-0.3-0.2-0.8-0.301-1.3-0.301h-0.802V95h0.701c1.101%2C0%2C1.601-0.4%2C1.601-1.1c0-0.7-0.4-1-1.302-1%0A%09%09c-0.6%2C0-1.1%2C0.2-1.6%2C0.5v-1.5c0.6-0.3%2C1.301-0.4%2C2.1-0.4c0.9%2C0%2C1.5%2C0.2%2C2%2C0.6s0.701%2C0.9%2C0.701%2C1.5c0%2C1.1-0.601%2C1.8-1.701%2C2.1l0%2C0%0A%09%09c0.602%2C0.1%2C1.102%2C0.3%2C1.4%2C0.6s0.5%2C0.8%2C0.5%2C1.3c0%2C0.801-0.3%2C1.4-0.9%2C1.9c-0.6%2C0.5-1.398%2C0.7-2.398%2C0.7%0A%09%09C177.2%2C100.1%2C176.5%2C100%2C176%2C99.7z%22%2F%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M98.5%2C179.102c0%2C0.398-0.1%2C0.799-0.2%2C1.199C98.2%2C180.7%2C98%2C181%2C97.7%2C181.2s-0.601%2C0.5-0.9%2C0.601%0A%09%09c-0.3%2C0.1-0.7%2C0.199-1.2%2C0.199c-0.5%2C0-0.9-0.1-1.3-0.3c-0.4-0.2-0.7-0.399-0.9-0.8c-0.2-0.4-0.5-0.7-0.6-1.2%0A%09%09c-0.1-0.5-0.2-1-0.2-1.601c0-0.699%2C0.1-1.399%2C0.3-2c0.2-0.601%2C0.4-1.101%2C0.8-1.5c0.4-0.399%2C0.7-0.699%2C1.2-1c0.5-0.3%2C1-0.3%2C1.6-0.3%0A%09%09c0.6%2C0%2C1.2%2C0.101%2C1.5%2C0.199v1.5c-0.4-0.199-0.9-0.399-1.4-0.399c-0.3%2C0-0.6%2C0.101-0.8%2C0.2c-0.2%2C0.101-0.5%2C0.3-0.7%2C0.5%0A%09%09c-0.2%2C0.199-0.3%2C0.5-0.4%2C0.8c-0.1%2C0.301-0.2%2C0.7-0.2%2C1.101l0%2C0c0.4-0.601%2C1-0.8%2C1.8-0.8c0.3%2C0%2C0.7%2C0.1%2C0.9%2C0.199%0A%09%09c0.2%2C0.101%2C0.5%2C0.301%2C0.7%2C0.5c0.199%2C0.2%2C0.398%2C0.5%2C0.5%2C0.801C98.5%2C178.2%2C98.5%2C178.7%2C98.5%2C179.102z%20M96.7%2C179.2%0A%09%09c0-0.899-0.4-1.399-1.1-1.399c-0.2%2C0-0.3%2C0-0.5%2C0.1c-0.2%2C0.101-0.3%2C0.201-0.4%2C0.301c-0.1%2C0.101-0.2%2C0.199-0.2%2C0.4%0A%09%09c0%2C0.199-0.1%2C0.299-0.1%2C0.5c0%2C0.199%2C0%2C0.398%2C0.1%2C0.6s0.1%2C0.3%2C0.2%2C0.5c0.1%2C0.199%2C0.2%2C0.199%2C0.4%2C0.3c0.2%2C0.101%2C0.3%2C0.101%2C0.5%2C0.101%0A%09%09c0.2%2C0%2C0.3%2C0%2C0.5-0.101c0.2-0.101%2C0.301-0.199%2C0.301-0.3c0-0.1%2C0.199-0.301%2C0.199-0.399C96.6%2C179.7%2C96.7%2C179.4%2C96.7%2C179.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill%3D%22%23636363%22%20cx%3D%2295%22%20cy%3D%2295%22%20r%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") 50% 50%/191px no-repeat;
}
.dx-timeview-hourarrow {
  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!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%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%20width%3D%225px%22%20height%3D%2257px%22%20viewBox%3D%220%200%205%2057%22%20enable-background%3D%22new%200%200%205%2057%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C54c0%2C1.7-1.1%2C3-2.5%2C3S0%2C55.7%2C0%2C54V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V54z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 5px 57px;
}
.dx-timeview-minutearrow {
  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!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%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%20width%3D%225px%22%20height%3D%2279px%22%20viewBox%3D%220%200%205%2079%22%20enable-background%3D%22new%200%200%205%2079%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill%3D%22%23636363%22%20d%3D%22M5%2C76c0%2C1.7-1.1%2C3-2.5%2C3S0%2C77.7%2C0%2C76V3c0-1.6%2C1.1-3%2C2.5-3S5%2C1.4%2C5%2C3V76z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 5px 79px;
}
.dx-timeview-format12 {
  width: 70px;
  margin-left: 5px;
  margin-right: auto;
}
.dx-rtl .dx-timeview-format12,
.dx-timeview-format12.dx-rtl {
  margin-left: auto;
  margin-right: 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-rollers {
  width: auto;
  text-align: center;
  display: block;
}
.dx-dateviewroller-current .dx-dateview-item {
  -webkit-transition: font-size .2s ease-out;
  transition: font-size .2s ease-out;
}
.dx-dateviewroller {
  min-width: 4em;
  text-align: center;
  display: inline-block;
}
.dx-dateviewroller .dx-button {
  display: none;
}
.dx-dateviewroller .dx-scrollable-content: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 {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 1.3em;
  color: #333;
}
.dx-dateview-item-selected {
  font-size: 2.2em;
}
.dx-rtl.dx-dateviewroller-hours:after {
  left: -9%;
  right: auto;
}
.dx-dateview-item-selected-frame {
  position: absolute;
  top: 71px;
  width: 100%;
}
.dx-dateview-item-selected-frame:after,
.dx-dateview-item-selected-frame:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
  display: block;
  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: -webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),color-stop(60%,rgba(255,255,255,.8)));
  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: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),color-stop(60%,rgba(255,255,255,.8)));
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  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-calendar {
  width: 282px;
  min-width: 282px;
  height: 268.6px;
  min-height: 268.6px;
  background-color: #fff;
  -webkit-tap-highlight-color: transparent;
  outline: 0;
  border: 1px solid transparent;
}
.dx-calendar.dx-calendar-with-footer {
  height: 323.6px;
  min-height: 293.6px;
}
.dx-calendar.dx-calendar-with-footer .dx-calendar-body {
  bottom: 55px;
}
.dx-calendar.dx-calendar-with-footer .dx-calendar-footer {
  text-align: center;
  height: 45px;
  width: 100%;
}
.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button {
  background: 0 0;
}
.dx-calendar.dx-calendar-with-footer .dx-calendar-footer .dx-button.dx-state-active {
  background-color: #d4d4d4;
}
.dx-calendar-navigator {
  line-height: 1.6;
  height: 36px;
  display: table;
  border-collapse: collapse;
}
.dx-calendar-navigator .dx-button {
  height: 100%;
  border-radius: 0;
  display: table-cell;
  border-color: #ddd;
}
.dx-calendar-navigator .dx-button .dx-icon {
  font-size: 16px;
}
.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link {
  border-collapse: collapse;
  visibility: visible;
  opacity: 1;
}
.dx-calendar-navigator .dx-button.dx-calendar-disabled-navigator-link .dx-button-content {
  opacity: .5;
}
.dx-calendar-navigator .dx-button.dx-state-active:not(.dx-calendar-disabled-navigator-link) {
  z-index: 1;
}
.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  z-index: 1;
  border-color: #ddd;
}
.dx-calendar-navigator .dx-calendar-caption-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  right: 32px;
  left: 32px;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button.dx-state-active {
  background-color: #d4d4d4;
}
.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  padding: 2px 15px 4px;
  color: #337ab7;
}
.dx-calendar-navigator-previous-month.dx-state-hover {
  z-index: 1;
}
.dx-calendar-navigator-next-view,
.dx-calendar-navigator-previous-month {
  width: 32px;
  background: 0 0;
}
.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-previous-month.dx-button {
  margin: 0 1px;
}
.dx-calendar-navigator-next-view .dx-button-content,
.dx-calendar-navigator-previous-month .dx-button-content {
  padding: 0;
}
.dx-calendar-navigator-previous-month,
.dx-calendar-navigator-previous-view {
  left: 0;
}
.dx-calendar-navigator-previous-month.dx-button,
.dx-calendar-navigator-previous-view.dx-button {
  border-radius: 4px 0 0 4px;
}
.dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-previous-view.dx-button .dx-icon {
  color: #337ab7;
}
.dx-calendar-navigator-next-month,
.dx-calendar-navigator-next-view {
  right: 0;
}
.dx-calendar-navigator-next-month.dx-button,
.dx-calendar-navigator-next-view.dx-button {
  border-radius: 0 4px 4px 0;
}
.dx-calendar-navigator-next-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon {
  color: #337ab7;
}
.dx-calendar-body {
  top: 52px;
}
.dx-calendar-body thead {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.2;
}
.dx-calendar-body thead tr {
  height: 25px;
  padding-bottom: 10px;
}
.dx-calendar-body thead tr th {
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
  box-shadow: inset 0 -1px 0 #ddd;
  color: #999;
}
.dx-calendar-body table {
  border-spacing: 0;
}
.dx-calendar-body table th {
  color: #999;
  text-align: center;
  font-size: 12px;
  padding: 1px 0 6px;
}
.dx-calendar-cell {
  text-align: center;
  padding: 1px 8px 2px;
  color: #333;
  font-size: 15px;
  border: 1px double transparent;
  width: 39px;
  border-radius: 4px;
}
.dx-calendar-cell.dx-calendar-today {
  font-weight: 700;
}
.dx-calendar-cell.dx-state-hover {
  -webkit-box-shadow: inset 0 -1px 0 1000px rgba(0,0,0,.04);
  box-shadow: inset 0 -1px 0 1000px rgba(0,0,0,.04);
  color: #333;
}
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-empty-cell:not(.dx-calendar-selected-date).dx-state-hover,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date),
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-active,
.dx-calendar-cell.dx-calendar-other-view:not(.dx-calendar-selected-date).dx-state-hover {
  color: #b0b0b0;
}
.dx-calendar-cell.dx-calendar-empty-cell {
  cursor: default;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAm0lEQVRIx7XVwQnAIAwF0ExSdBF1a6Er9dIRqsVAazWJmh4+iuBT4YMQ4w4pWxk1clt5YlOOFKeAumJZXAgKOKIBb6yBv9AansU/aAsexZtoD5biXZSCOZxEObiHs6gErnERKoURP0uCZM9IpRB2WvDz+eIqzvRUhMNkT1mcQz1xsKfwWZTFV1ASX0W7uAbaxPOCUUBr3MBfn+kF3CNLT2/yky4AAAAASUVORK5CYII=) center center no-repeat;
}
.dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover:not(.dx-calendar-selected-date) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-calendar-cell.dx-state-active:not(.dx-calendar-empty-cell):not(.dx-calendar-selected-date) {
  -webkit-box-shadow: inset 0 -1px 0 1000px rgba(96,96,96,.2);
  box-shadow: inset 0 -1px 0 1000px rgba(96,96,96,.2);
}
.dx-calendar-cell.dx-calendar-contoured-date {
  -webkit-box-shadow: inset 0 0 0 1px #bebebe;
  box-shadow: inset 0 0 0 1px #bebebe;
}
.dx-calendar-cell.dx-calendar-selected-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today {
  color: #fff;
  -webkit-box-shadow: inset 0 0 0 1000px #337ab7;
  box-shadow: inset 0 0 0 1000px #337ab7;
  font-weight: 400;
}
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
.dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
  -webkit-box-shadow: inset 0 0 0 1px #bebebe,inset 0 0 0 1000px #337ab7;
  box-shadow: inset 0 0 0 1px #bebebe,inset 0 0 0 1000px #337ab7;
}
.dx-invalid.dx-calendar {
  border-color: rgba(217,83,79,.4);
}
.dx-invalid.dx-calendar.dx-state-focused {
  border-color: #d9534f;
}
.dx-popup-wrapper .dx-calendar .dx-calendar-caption-button {
  margin: 0;
}
.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-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-calendar .dx-dropdowneditor-icon {
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px;
}
.dx-datebox-calendar .dx-dropdowneditor-icon:before {
  content: "\f026";
  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: 30px;
}
.dx-datebox-wrapper-calendar .dx-datebox-container-cell {
  margin-right: 30px;
  margin-bottom: 30px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  margin-right: 15px;
  margin-bottom: 15px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  margin: 30px 30px 15px 15px;
}
.dx-datebox-adaptivity-mode.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  margin: 0 15px 15px;
}
.dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-datebox-container-cell {
  margin-top: -1px;
  margin-right: 30px;
}
@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-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-calendar {
  margin-left: 15px;
  margin-right: 30px;
}
.dx-rtl .dx-datebox-wrapper-calendar.dx-datebox-wrapper-datetime .dx-timeview {
  margin-right: 15px;
  margin-left: 30px;
}
.dx-datebox-list .dx-dropdowneditor-icon {
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px;
}
.dx-datebox-list .dx-dropdowneditor-icon:before {
  content: "\f01d";
  position: absolute;
  display: block;
  width: 18px;
  top: 50%;
  margin-top: -9px;
  left: 50%;
  margin-left: -9px;
}
.dx-datebox-wrapper-list .dx-popup-content {
  padding: 0;
}
.dx-datebox input[type=date] {
  line-height: normal;
}
.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
  padding-right: 26px;
}
.dx-datebox.dx-auto-width.dx-rtl .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width.dx-rtl .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 26px;
}
.dx-device-ios .dx-datebox.dx-texteditor-empty .dx-texteditor-input {
  min-height: 33px;
}
.dx-menu-item {
  color: #333;
}
.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-menu-item-has-text .dx-icon {
  margin-right: -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 {
  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 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: 0 25px 5px 23px;
}
.dx-menu-base .dx-menu-item-content .dx-menu-item-popout {
  min-width: 7px;
  min-height: 7px;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-text {
  padding: 0 23px 5px 25px;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-icon {
  margin-left: auto;
  margin-right: auto;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container {
  margin-left: 0;
  margin-right: auto;
}
.dx-menu-base.dx-rtl .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.dx-menu-base.dx-rtl .dx-menu-item-has-text .dx-icon {
  margin-left: -18px;
}
.dx-treeview-node-loadindicator {
  right: 0;
  top: 8px;
  left: -1px;
  width: 14px;
  height: 14px;
}
.dx-rtl .dx-treeview-node .dx-checkbox {
  left: auto;
}
.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 26px;
}
.dx-treeview.dx-rtl.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding-left: 1px;
  padding-right: 7px;
}
.dx-treeview.dx-rtl .dx-treeview-node {
  padding-right: 15px;
}
.dx-treeview.dx-rtl .dx-treeview-item .dx-icon {
  margin-left: 5px;
}
.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-treeview-item {
  padding-right: 36px;
}
.dx-treeview.dx-rtl .dx-treeview-item-with-checkbox .dx-checkbox {
  right: 19px;
  overflow: visible;
}
.dx-treeview.dx-rtl .dx-treeview-select-all-item {
  padding-left: 0;
  padding-right: 19px;
}
.dx-treeview.dx-rtl .dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 0;
  padding-right: 31px;
}
.dx-treeview.dx-rtl .dx-treeview-toggle-item-visibility {
  right: -4px;
}
.dx-treeview-search {
  margin-bottom: 5px;
}
.dx-treeview-with-search > .dx-scrollable {
  height: calc(100% - 41px);
}
.dx-treeview-border-visible {
  border: 1px solid #ddd;
}
.dx-treeview-border-visible .dx-treeview-select-all-item {
  padding-left: 26px;
}
.dx-treeview-border-visible .dx-scrollable-content > .dx-treeview-node-container {
  padding: 1px 1px 1px 7px;
}
.dx-treeview-select-all-item {
  margin: 0 0 7px;
  border-bottom: 1px solid #ddd;
  padding: 9px 0 11px 20px;
}
.dx-treeview-select-all-item .dx-checkbox-text {
  padding-left: 31px;
}
.dx-treeview-node {
  padding-left: 15px;
}
.dx-state-selected > .dx-treeview-item {
  color: #333;
}
.dx-treeview-item-with-checkbox .dx-treeview-item {
  color: #333;
  padding-left: 36px;
}
.dx-treeview-item-with-checkbox .dx-checkbox {
  top: 5px;
  left: 19px;
}
.dx-treeview-item-with-checkbox.dx-state-focused > .dx-checkbox .dx-checkbox-icon {
  border: 1px solid #337ab7;
}
.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-selected:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
  background-color: rgba(0,0,0,.07);
}
.dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
  background-color: #337ab7;
  color: #fff;
}
.dx-treeview-item {
  padding: 5px 6px;
  min-height: 32px;
}
.dx-treeview-item .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-treeview-item.dx-state-hover {
  background-color: rgba(0,0,0,.04);
  color: #333;
}
.dx-treeview-toggle-item-visibility {
  font: 22px/22px DXIcons;
  text-align: center;
  color: #333;
  width: 21px;
  height: 32px;
  top: 0;
  left: -4px;
}
.dx-treeview-toggle-item-visibility:before {
  content: "\f04e";
  position: absolute;
  display: block;
  width: 22px;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened {
  font: 22px/22px DXIcons;
  text-align: center;
}
.dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
  content: "\f001";
  position: absolute;
  display: block;
  width: 22px;
  top: 50%;
  margin-top: -11px;
  left: 50%;
  margin-left: -11px;
}
.dx-context-menu-container-border {
  background-color: transparent;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow: 0 1px 1px rgba(0,0,0,.15);
}
.dx-context-menu-content-delimiter {
  background-color: #fff;
}
.dx-menu {
  color: #333;
}
.dx-menu .dx-menu-item-expanded {
  background-color: #fff;
}
.dx-menu .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  margin: 0 19px 0 3px;
}
.dx-menu .dx-menu-item-has-text .dx-menu-item-text {
  padding: 0 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 {
  padding: 0 19px 5px 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.dx-rtl .dx-menu-item-has-icon.dx-menu-item-has-submenu .dx-icon {
  margin: 0 3px 0 19px;
}
.dx-menu.dx-rtl .dx-menu-item-has-text .dx-menu-item-text {
  padding: 0 5px 5px 0;
}
.dx-menu.dx-rtl .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
  padding: 0 5px 5px 19px;
}
.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 {
  -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.1);
  box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.dx-menu-adaptive-mode .dx-treeview-toggle-item-visibility {
  font-size: 18px;
}
.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-node .dx-treeview-toggle-item-visibility {
  color: inherit;
}
.dx-menu-adaptive-mode .dx-treeview-node.dx-state-focused .dx-treeview-toggle-item-visibility {
  color: #fff;
}
.dx-menu-adaptive-mode .dx-treeview-node-container:first-child > .dx-treeview-node {
  border-bottom: 1px solid #ddd;
}
.dx-selectbox-popup-wrapper .dx-overlay-content {
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dx-selectbox-popup-wrapper .dx-list {
  background-color: #fff;
}
.dx-toolbar {
  background-color: #fff;
  color: #333;
  padding: 0;
  overflow: visible;
}
.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.dx-rtl.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.dx-rtl.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 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 0 0 5px;
}
.dx-rtl.dx-toolbar .dx-toolbar-menu-container,
.dx-toolbar .dx-toolbar-item {
  padding: 0 5px 0 0;
}
.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-rtl.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px;
}
.dx-rtl.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
}
.dx-device-mobile .dx-toolbar {
  padding: 0;
  overflow: visible;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-after:empty,
.dx-device-mobile .dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 5px;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-menu-container {
  padding: 0 5px 0 0;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 5px;
}
.dx-rtl.dx-device-mobile .dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-device-mobile .dx-toolbar .dx-toolbar-label {
  font-size: 20px;
}
.dx-toolbar.dx-state-disabled {
  opacity: 1;
}
.dx-toolbar.dx-toolbar-compact .dx-button {
  min-width: auto;
}
.dx-toolbar-after .dx-toolbar-item,
.dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px;
}
.dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.dx-rtl.dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px;
}
.dx-device-mobile .dx-toolbar-after .dx-toolbar-item,
.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:last-child {
  padding: 0 0 0 5px;
}
.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding: 0;
}
.dx-rtl.dx-device-mobile .dx-toolbar-after .dx-toolbar-item:first-child {
  padding-left: 5px;
}
.dx-toolbar-background {
  background-color: #fff;
}
.dx-toolbar-menu-section {
  border-bottom: 1px solid #ddd;
}
.dx-toolbar-menu-section .dx-toolbar-hidden-button .dx-button-content,
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide .dx-button-content {
  padding: 0;
}
.dx-toolbar-menu-section .dx-button-content {
  padding: 4px;
}
.dx-toolbar-menu-section .dx-toolbar-item-auto-hide {
  padding: 5px 10px;
}
.dx-toolbar-text-auto-hide .dx-button .dx-button-content {
  padding: 8px;
}
.dx-toolbar-text-auto-hide .dx-button .dx-icon {
  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;
  margin-right: 0;
  margin-left: 0;
}
.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-left: 0;
  margin-right: 0;
}
.dx-rtl .dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right,
.dx-rtl.dx-toolbar-text-auto-hide .dx-button .dx-icon.dx-icon-right {
  margin-right: 0;
  margin-left: 0;
}
.dx-toolbar .dx-tab {
  padding: 4px;
}
.dx-popup-wrapper > .dx-overlay-content {
  border: 1px solid #ddd;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  border-radius: 6px;
}
.dx-popup-wrapper > .dx-popup-fullscreen {
  border-radius: 0;
}
.dx-popup-title {
  position: relative;
  padding: 6px 20px;
  min-height: 28px;
  border-bottom: 1px solid #ddd;
  background: 0 0;
  color: #333;
}
.dx-popup-title.dx-toolbar {
  padding: 6px 20px;
  overflow: visible;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 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 0 0 10px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-rtl.dx-popup-title.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px;
}
.dx-rtl.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-closebutton {
  display: block;
  border-radius: 4px;
  background: 0 0;
  width: 23px;
  height: 23px;
  margin: 0 -4px 0 4px;
  border: 1px solid transparent;
}
.dx-popup-title .dx-closebutton .dx-button-content {
  padding: 0;
}
.dx-popup-title .dx-closebutton .dx-icon {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 21px;
  height: 21px;
  background-position: 3px 3px;
  background-size: 15px 15px;
  padding: 3px;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-icon,
.dx-state-disabled.dx-popup-title .dx-closebutton .dx-icon {
  opacity: .6;
}
.dx-state-disabled .dx-popup-title .dx-closebutton .dx-button-text,
.dx-state-disabled.dx-popup-title .dx-closebutton .dx-button-text {
  opacity: .5;
}
.dx-rtl .dx-popup-title .dx-closebutton {
  margin: 0 4px 0 -4px;
}
.dx-device-mobile .dx-popup-title .dx-closebutton {
  width: 37px;
  height: 37px;
  margin: 0 -11px 0 11px;
}
.dx-rtl .dx-device-mobile .dx-popup-title .dx-closebutton {
  margin: 0 11px 0 -11px;
}
.dx-device-mobile .dx-popup-title .dx-closebutton .dx-icon {
  width: 35px;
  height: 35px;
  background-position: 10px 10px;
  background-size: 15px 15px;
  padding: 10px;
  font-size: 15px;
  text-align: center;
  line-height: 15px;
}
.dx-popup-content {
  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 {
  padding-right: 15px;
}
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 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 0 0 10px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px;
}
.dx-rtl.dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-popup-bottom.dx-toolbar .dx-toolbar-label {
  font-size: 20px;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar {
  padding: 20px;
  overflow: visible;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 15px;
}
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  padding-left: 15px;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 15px;
}
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  padding-right: 15px;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-after:empty,
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-before:empty {
  padding: 0;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  height: 36px;
  overflow: visible;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 0 0 10px;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item,
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-menu-container {
  padding: 0 10px 0 0;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item.dx-toolbar-first-in-group {
  padding-left: 20px;
}
.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0 0 10px;
}
.dx-rtl.dx-device-mobile .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
  padding: 0;
}
.dx-device-mobile .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-dropdowneditor-button {
  width: 34px;
  min-width: 34px;
  padding: 1px;
  border-radius: 4px;
}
.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-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-readonly .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  opacity: 1;
}
.dx-dropdowneditor-icon {
  border: 1px solid transparent;
  color: #333;
  font: 18px/18px DXIcons;
  width: 32px;
  height: 100%;
  text-align: center;
  border-radius: 3px;
}
.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-button-visible .dx-texteditor-input {
  padding-right: 0;
}
.dx-rtl .dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-dropdowneditor-button-visible .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 0;
}
.dx-rtl .dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input,
.dx-rtl.dx-editor-underlined.dx-dropdowneditor-button-visible .dx-texteditor-input {
  padding-right: 0;
}
.dx-invalid .dx-texteditor-input,
.dx-valid .dx-texteditor-input,
.dx-validation-pending .dx-texteditor-input {
  padding-right: 26px;
}
.dx-invalid.dx-rtl .dx-texteditor-input,
.dx-valid.dx-rtl .dx-texteditor-input,
.dx-validation-pending.dx-rtl .dx-texteditor-input {
  padding-right: 9px;
  padding-left: 26px;
}
.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 {
  right: 38px;
}
.dx-rtl .dx-invalid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor .dx-texteditor-container:after {
  right: auto;
  left: 38px;
}
.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: 68px;
}
.dx-rtl .dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-invalid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: auto;
  left: 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 {
  right: 38px;
}
.dx-rtl .dx-valid.dx-dropdowneditor .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor .dx-texteditor-container:after {
  right: auto;
  left: 38px;
}
.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: 68px;
}
.dx-rtl .dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after,
.dx-rtl.dx-valid.dx-dropdowneditor.dx-show-clear-button:not(.dx-texteditor-empty) .dx-texteditor-container:after {
  right: auto;
  left: 68px;
}
.dx-textarea {
  height: auto;
}
.dx-textarea .dx-icon-clear {
  top: 0;
  margin-top: 0;
}
.dx-textarea.dx-invalid .dx-texteditor-container:after {
  top: 7px;
  margin-top: 0;
}
.dx-tile {
  color: #333;
  background-color: #fff;
  border: 1px solid rgba(221,221,221,.6);
  text-align: left;
}
.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 {
  background-color: rgba(96,96,96,.2);
  color: #333;
  border-color: transparent;
}
.dx-toast-content {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  padding: 10px;
  -webkit-box-shadow: 0 2px 3px 0 transparent;
  box-shadow: 0 2px 3px 0 transparent;
  border-radius: 6px;
}
.dx-toast-icon {
  width: 35px;
  height: 35px;
}
.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-message {
  line-height: 16px;
}
.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-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;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.dx-progressbar-animating-container {
  height: 6px;
  background-color: #ddd;
  background-size: 90% 5px;
  border: 1px solid #ddd;
  border-radius: 2px;
  -webkit-animation: 2s linear infinite loader;
  animation: 2s linear infinite loader;
  background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,transparent),color-stop(#337ab7),color-stop(95%,transparent));
  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 {
  -webkit-animation: none;
  animation: none;
  background-position-x: 45%;
}
.dx-rtl .dx-progressbar .dx-progressbar-animating-container,
.dx-rtl.dx-progressbar .dx-progressbar-animating-container {
  -webkit-animation: 2s linear infinite loader-rtl;
  animation: 2s linear infinite loader-rtl;
  background-image: -webkit-gradient(linear,right top,left top,color-stop(5%,transparent),color-stop(#337ab7),color-stop(95%,transparent));
  background-image: linear-gradient(-90deg,transparent 5%,#337ab7,transparent 95%);
  background-repeat: repeat;
}
@-webkit-keyframes loader {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 900%;
  }
}
@keyframes loader {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 900%;
  }
}
@-webkit-keyframes loader-rtl {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -900%;
  }
}
@keyframes loader-rtl {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -900%;
  }
}
.dx-tooltip-wrapper .dx-overlay-content {
  border: 1px solid #ddd;
  background-color: #fff;
  color: #333;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
  box-shadow: 0 2px 4px rgba(0,0,0,.1);
  border-radius: 4px;
}
.dx-tooltip-wrapper.dx-popover-wrapper .dx-popover-arrow:after {
  border: 1px solid #ddd;
  background: #fff;
}
.dx-slider .dx-tooltip-wrapper .dx-overlay-content {
  -webkit-box-shadow: none;
  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-wrapper {
  height: 28px;
}
.dx-slider-bar {
  margin: 14px 7px;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
}
.dx-slider-range {
  border: 1px solid transparent;
  height: 2px;
  -webkit-box-sizing: content-box;
  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 {
  margin-top: -14px;
  margin-right: -7px;
  width: 14px;
  height: 28px;
  border: 1px solid #fff;
  background-color: #337ab7;
  border-radius: 3px;
  -webkit-box-sizing: content-box;
  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-rtl .dx-slider-handle {
  margin-left: -7.5px;
}
.dx-rangeslider-start-handle {
  margin-left: -7px;
}
.dx-rtl .dx-rangeslider-start-handle {
  margin-right: -7px;
}
.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 {
  pointer-events: none;
  text-align: center;
}
.dx-gallery-indicator-item {
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  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 .dx-gallery-indicator-item-selected {
  background: #22527b;
}
.dx-lookup {
  height: 36px;
  border: 1px solid #ddd;
  background: #fff;
}
.dx-lookup.dx-editor-underlined {
  background: 0 0;
}
.dx-lookup-field {
  padding: 7px 34px 8px 9px;
  font-size: 1em;
}
.dx-rtl .dx-lookup-field {
  padding: 7px 9px 8px 34px;
}
.dx-lookup-arrow {
  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-state-readonly .dx-lookup-field:before {
  opacity: .5;
}
.dx-lookup-popup-wrapper .dx-list-item {
  border-top: none;
}
.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 {
  right: 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-rtl .dx-invalid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-invalid.dx-lookup .dx-lookup-field:after {
  right: auto;
  left: 38px;
}
.dx-valid.dx-lookup .dx-lookup-field:after {
  right: 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;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards valid-badge-frames;
  animation: .3s cubic-bezier(1,.008,.565,1.65) .1s forwards valid-badge-frames;
}
.dx-rtl .dx-valid.dx-lookup .dx-lookup-field:after,
.dx-rtl.dx-valid.dx-lookup .dx-lookup-field:after {
  right: auto;
  left: 38px;
}
.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
  right: 38px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 22px;
  height: 22px;
}
.dx-rtl .dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator,
.dx-rtl.dx-validation-pending.dx-lookup .dx-lookup-field-wrapper .dx-pending-indicator {
  right: auto;
  left: 38px;
}
.dx-lookup-popup-search .dx-list {
  height: calc(100% - 70px);
}
.dx-lookup-search-wrapper {
  padding: 20px 20px 14px;
}
.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-tag-container.dx-texteditor-input-container {
  padding-bottom: 4px;
}
.dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
  padding-bottom: 4px;
  min-height: 30px;
}
.dx-tag-content {
  margin: 4px 0 0 4px;
  padding: 3px 25px 4px 6px;
  min-width: 40px;
  background-color: #ddd;
  border-radius: 2px;
  color: #333;
}
.dx-tag-remove-button {
  width: 25px;
  height: 100%;
}
.dx-tag-remove-button:after,
.dx-tag-remove-button:before {
  right: 9px;
  margin-top: -5px;
  width: 3px;
  height: 11px;
  background: #aaa;
}
.dx-tag-remove-button:after {
  right: 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 {
  right: 8px;
}
.dx-rtl .dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl .dx-tagbox.dx-valid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-invalid .dx-texteditor-container:after,
.dx-rtl.dx-tagbox.dx-valid .dx-texteditor-container:after {
  left: 8px;
}
.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  right: 8px;
}
.dx-rtl .dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator,
.dx-rtl.dx-tagbox.dx-validation-pending .dx-texteditor-container .dx-pending-indicator {
  left: 8px;
}
.dx-tagbox-popup-wrapper .dx-list-select-all {
  border-bottom: 1px solid #ddd;
  padding-bottom: 11px;
  margin-bottom: 3px;
}
.dx-rtl .dx-tag-content {
  padding-right: 6px;
  padding-left: 25px;
}
.dx-rtl .dx-tag-remove-button:before {
  right: auto;
  left: 9px;
}
.dx-rtl .dx-tag-remove-button:after {
  right: auto;
  left: 5px;
}
.dx-radiobutton-icon {
  width: 22px;
  height: 22px;
}
.dx-radiobutton-icon:before {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  background-color: #fff;
  content: "";
  border-radius: 11px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
  display: block;
  margin-top: -16px;
  margin-left: 6px;
  width: 10px;
  height: 10px;
  background: #337ab7;
  content: "";
  border-radius: 5px;
}
.dx-radiobutton {
  line-height: 22px;
}
.dx-radiobutton.dx-state-readonly .dx-radiobutton-icon:before {
  border-color: #f4f4f4;
  background-color: #fff;
}
.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
  border-color: rgba(51,122,183,.4);
}
.dx-radiobutton.dx-state-active .dx-radiobutton-icon:before {
  background-color: rgba(96,96,96,.2);
}
.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon:before {
  border: 1px solid #337ab7;
}
.dx-radiobutton.dx-state-disabled {
  opacity: .5;
}
.dx-invalid .dx-radiobutton-icon:before {
  border-color: rgba(217,83,79,.4);
}
.dx-invalid .dx-state-focused.dx-radiobutton .dx-radiobutton-icon:before,
.dx-invalid .dx-state-hover.dx-radiobutton .dx-radiobutton-icon:before {
  border-color: #d9534f;
}
.dx-state-disabled .dx-radiobutton.dx-state-disabled {
  opacity: 1;
}
.dx-rtl .dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot,
.dx-rtl.dx-radiobutton.dx-radiobutton-checked .dx-radiobutton-icon-dot {
  margin-right: 6px;
  margin-left: 0;
}
.dx-radio-value-container {
  padding-left: 0;
}
.dx-radiogroup .dx-radiobutton,
.dx-radiogroup .dx-radiobutton-icon {
  margin: 1px 0;
}
.dx-radiogroup.dx-state-readonly .dx-radiobutton-icon:before {
  border-color: #f4f4f4;
  background-color: #fff;
}
.dx-radiogroup-horizontal .dx-radiobutton {
  margin-right: 17px;
}
.dx-rtl .dx-radiogroup-horizontal .dx-radiobutton,
.dx-rtl.dx-radiogroup-horizontal .dx-radiobutton {
  margin-right: 0;
  margin-left: 17px;
}
.dx-accordion {
  background-color: #fff;
  color: #333;
}
.dx-accordion-item {
  border: 1px solid transparent;
  border-top-color: #ddd;
}
.dx-accordion-item:last-child {
  border-bottom: 1px solid #ddd;
}
.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
  color: #333;
}
.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 {
  color: #333;
  padding: 9px 12px;
  font-size: 18px;
}
.dx-accordion-item-title:before {
  font-weight: 400;
  color: #333;
  content: "\f016";
  font-family: DXIcons;
  font-size: 18px;
  margin-left: 9px;
  margin-right: 0;
  line-height: 24px;
}
.dx-accordion-item-title .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;
  display: inline-block;
  color: #333;
}
.dx-state-disabled.dx-accordion-item {
  opacity: .5;
}
.dx-state-focused.dx-accordion-item {
  border-color: #337ab7;
}
.dx-accordion-item-body {
  padding: 8px 12px 22px;
  font-size: 14px;
}
.dx-rtl .dx-accordion-item-title:before {
  margin-left: 0;
  margin-right: 9px;
}
.dx-slideoutview-content,
.dx-slideoutview-menu-content {
  background-color: #fff;
}
.dx-slideoutview-content {
  border-color: rgba(221,221,221,.5);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin-left: -1px;
  border-style: solid;
  border-width: 0 1px;
}
.dx-slideout-menu .dx-list-item .dx-icon {
  width: 26px;
  height: 26px;
  background-position: 0 0;
  background-size: 26px 26px;
  padding: 0;
  font-size: 26px;
  text-align: center;
  line-height: 26px;
  margin: -4px 13px -4px 0;
}
.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon,
.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  margin-left: 13px;
  margin-right: 0;
}
.dx-rtl .dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right,
.dx-rtl.dx-slideout-menu .dx-list-item .dx-icon.dx-icon-right {
  margin-right: 13px;
  margin-left: 0;
}
.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);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.dx-colorview-hue-scale-handle {
  border: 1px solid rgba(0,0,0,.2);
  -webkit-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);
  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);
  -webkit-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);
  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 {
  width: 450px;
}
.dx-colorview-container label {
  line-height: 36px;
  color: #333;
}
.dx-colorview-container label.dx-colorview-label-hex {
  margin: 10px 0 0;
}
.dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-left: 43px;
  width: 115px;
}
.dx-colorview-container label .dx-texteditor {
  width: 69px;
  margin: 1px 1px 10px 0;
}
.dx-colorview-hue-scale-cell {
  margin-left: 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;
  margin-left: 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;
  -webkit-box-shadow: 0 0 0 1px #ddd;
  box-shadow: 0 0 0 1px #ddd;
}
.dx-colorview-color-preview-container {
  margin-bottom: 34px;
}
.dx-rtl .dx-colorview-controls-container {
  margin-left: 0;
  margin-right: 27px;
}
.dx-rtl .dx-colorview-hue-scale-cell {
  margin-left: 0;
  margin-right: 19px;
}
.dx-rtl .dx-colorview-container label.dx-colorview-alpha-channel-label {
  margin-left: 0;
  margin-right: 43px;
}
.dx-colorbox.dx-state-focused .dx-colorbox-input {
  padding-left: 40px;
}
.dx-colorbox .dx-placeholder {
  left: 32px;
}
.dx-colorbox-input-container.dx-colorbox-color-is-not-defined .dx-colorbox-color-result-preview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAQAAACRZI9xAAAAdElEQVQoU4XR0Q3AIAgFQCarie7UrToMc3QIiyIFFGNe5INcgETAegpQefFCCFPwYZI2qFA/M4EQMQAhKxJgiEcKHFFkwUQY3Q4sBAhUerYzkbaiTUk7Ije0dYoMyeYGi35igUeDzMCiTiKgaPx0BAR1csgHXJxUKOJqsbEAAAAASUVORK5CYII=) no-repeat;
}
.dx-colorbox-color-result-preview {
  border-color: #ddd;
}
.dx-colorbox-overlay {
  padding: 0;
}
.dx-colorbox-overlay.dx-overlay-content {
  background-color: #fff;
}
.dx-colorbox-overlay .dx-popup-content {
  padding: 20px;
}
.dx-rtl .dx-colorbox.dx-state-focused .dx-colorbox-input,
.dx-rtl.dx-colorbox.dx-state-focused .dx-colorbox-input {
  padding-right: 40px;
}
.dx-rtl .dx-colorbox-overlay .dx-toolbar-item:first-child {
  padding-left: 10px;
  padding-right: 0;
}
.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,
.dx-datagrid-borders > .dx-datagrid-pager {
  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 {
  color: #333;
  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-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: #337ab7 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: #337ab7 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: #959595;
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-header-filter:before {
  content: "\f050";
}
.dx-datagrid .dx-header-filter-empty {
  color: rgba(149,149,149,.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: #337ab7 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 {
  -webkit-transform: scaleX(-1);
  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-error-row .dx-error-message {
  background-color: #e89895;
  white-space: normal;
  word-wrap: break-word;
}
.dx-datagrid .dx-column-lines > td:first-child {
  border-left: none;
}
.dx-datagrid .dx-column-lines > td:last-child {
  border-right: none;
}
.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon {
  font: 14px/1 DXIcons;
}
.dx-datagrid .dx-command-drag .dx-datagrid-drag-icon:before {
  content: "\f038";
}
.dx-datagrid-filter-panel {
  color: #333;
  border-top: 1px solid #ddd;
}
.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: #337ab7 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-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-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 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.dx-rtl .dx-datagrid .dx-datagrid-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  -webkit-transform: scale(1);
  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 {
  -webkit-animation: 1s dx-datagrid-highlight-change;
  animation: 1s dx-datagrid-highlight-change;
}
@-webkit-keyframes dx-datagrid-highlight-change {
  50%,
  from {
    background-color: rgba(51,51,51,.08);
  }
}
@keyframes dx-datagrid-highlight-change {
  50%,
  from {
    background-color: rgba(51,51,51,.08);
  }
}
.dx-tabpanel .dx-tabs {
  display: block;
  border-bottom: none;
  background-color: #f7f7f7;
}
.dx-empty-collection.dx-tabpanel .dx-tabs {
  border-top: none;
}
.dx-tabpanel .dx-tab {
  width: 140px;
}
.dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  background: 0 0;
}
.dx-tabpanel .dx-tab-selected:before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  height: 0;
  border-bottom: 1.5px solid #fff;
  bottom: -1.4px;
}
.dx-tabpanel .dx-tabs-wrapper {
  display: block;
}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
  border: 1px solid #337ab7;
}
.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
  border-top: 1px solid #337ab7;
  border-right: 1px solid #337ab7;
  border-left: 1px solid #337ab7;
}
.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab:not(.dx-tab-selected):before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 2;
  height: 0;
  border-bottom: 1.5px solid #337ab7;
  bottom: -1.4px;
}
.dx-tabpanel.dx-state-focused .dx-tabs-scrollable .dx-tab-selected:after {
  border-bottom: 1.5px solid #f7f7f7;
}
.dx-tabpanel .dx-multiview-wrapper {
  border: 1px solid #ddd;
}
.dx-form-group-caption {
  font-size: 20px;
}
.dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #ddd;
  padding-bottom: 20px;
}
.dx-field-item-help-text,
.dx-field-item-label-text {
  color: #333;
}
.dx-field-item-required-mark {
  color: #ea4444;
}
.dx-field-item-optional-mark {
  color: #afafaf;
}
.dx-context-menu {
  color: #333;
}
.dx-context-menu .dx-submenu {
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);
  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 {
  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 {
  padding-left: 5px;
}
.dx-rtl .dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text,
.dx-rtl.dx-context-menu .dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
  padding-right: 5px;
  padding-left: 25px;
}
.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: 0 23px 5px 25px;
}
.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: #898989;
  width: 14px;
  height: 14px;
  background-position: 0 0;
  background-size: 14px 14px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  line-height: 14px;
}
.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-pager {
  padding-top: 9px;
  padding-bottom: 9px;
}
.dx-pager.dx-light-mode .dx-page-sizes {
  min-width: 42px;
}
.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 {
  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-pager .dx-page-sizes .dx-selection,
.dx-pager .dx-pages .dx-selection {
  color: #333;
  border-color: transparent;
  background-color: #d4d4d4;
}
.dx-datagrid .dx-menu-item-has-icon .dx-icon,
.dx-datagrid-container .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 {
  line-height: inherit;
}
.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
  background-color: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  border-bottom-color: transparent;
}
.dx-datagrid .dx-link {
  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 {
  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-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 {
  line-height: 1em;
}
.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-column-chooser-list .dx-empty-message,
.dx-device-mobile .dx-datagrid-column-chooser-list .dx-empty-message {
  color: #999;
  padding: 0 20px;
}
.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-overlay-content {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  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 {
  margin-bottom: 10px;
  background-color: #fff;
  color: #959595;
  font-weight: 400;
  border: 1px solid #ddd;
  padding: 7px;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
  box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
}
.dx-datagrid-drag-header {
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  color: #959595;
  font-weight: 400;
  padding: 7px;
  border: 1px solid rgba(51,122,183,.5);
  background-color: #fff;
}
.dx-datagrid-columns-separator {
  background-color: rgba(51,122,183,.5);
}
.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 #337ab7;
}
.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-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: #959595;
  font-weight: 400;
  -ms-touch-action: pinch-zoom;
  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 #337ab7;
}
.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-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;
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
  box-shadow: 2px 2px 3px rgba(0,0,0,.15);
}
.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::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 #337ab7;
}
.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-hover {
  background-color: #449d44;
  border-color: #4cae4c;
}
.dx-datagrid-header-panel .dx-apply-button.dx-state-focused {
  background-color: #3d8b3d;
  border-color: #4cae4c;
}
.dx-datagrid-header-panel .dx-apply-button.dx-state-active {
  background-color: #357935;
  border-color: #4cae4c;
  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-export-button .dx-icon-export-to {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-export-button .dx-icon-export-to:before {
  content: "\f05f";
}
.dx-datagrid-export-button .dx-icon-export-excel-button {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-datagrid-export-button .dx-icon-export-excel-button:before {
  content: "\f117";
}
.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 {
  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.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,
.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: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-highlight-outline::after {
  border: 1px solid rgba(217,83,79,.4);
}
.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid.dx-focused > .dx-highlight-outline::after {
  border: 1px solid #d9534f;
}
.dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
}
.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  border-color: rgba(92,184,92,.5);
}
.dx-datagrid-rowsview .dx-row-removed > td {
  background-color: rgba(92,184,92,.5);
  border-top: 1px solid rgba(92,184,92,.5);
  border-bottom: 1px solid rgba(92,184,92,.5);
}
.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:focus {
  outline: 0;
}
.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: #337ab7;
  color: #fff;
}
.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: #fff;
}
.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 #337ab7;
}
.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 #337ab7;
  border-bottom: 1px solid #337ab7;
}
.dx-datagrid-rowsview .dx-row-focused.dx-group-row {
  background-color: #337ab7;
  color: #fff;
}
.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: #fff;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: rgba(0,0,0,.1);
  color: #333;
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-datagrid-group-space,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-datagrid-group-space {
  border-right-color: rgba(0,0,0,.1);
}
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
  border-right-color: #ddd;
}
.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,
.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 {
  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 rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
}
.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 rgba(0,0,0,.1);
}
.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 rgba(0,0,0,.1);
}
.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-content {
  padding-right: 0;
}
.dx-datagrid-search-text {
  color: #fff;
  background-color: #337ab7;
}
.dx-datagrid-nodata {
  color: #999;
  font-size: 17px;
}
.dx-datagrid-bottom-load-panel {
  border-top: 1px solid #ddd;
}
.dx-datagrid-pager {
  border-top: 3px double #ddd;
}
.dx-datagrid-pager.dx-widget {
  color: #333;
}
.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: #337ab7 solid 2px;
  outline-offset: -2px;
}
.dx-datagrid-summary-item {
  color: rgba(51,51,51,.7);
}
.dx-datagrid-total-footer {
  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-hover {
  background-color: #c9302c;
  border-color: #d43f3a;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #b52b27;
  border-color: #d43f3a;
}
.dx-datagrid-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #a02622;
  border-color: #d43f3a;
  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 > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #ddd;
}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-datagrid-group-space,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-datagrid-group-space {
  border-left-color: rgba(0,0,0,.1);
}
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
}
.dx-rtl .dx-datagrid-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .dx-scrollable-content {
  padding-left: 0;
}
.dx-datagrid-group-panel {
  font-size: 14px;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}
.dx-datagrid-group-panel .dx-group-panel-message {
  color: #959595;
  font-weight: 400;
  padding: 7px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
.dx-datagrid-group-panel .dx-group-panel-item {
  margin-right: 10px;
  color: #959595;
  font-weight: 400;
  border: 1px solid #ddd;
  padding: 7px;
}
.dx-datagrid-group-panel .dx-block-separator {
  margin-right: 10px;
  color: #959595;
  font-weight: 400;
  padding: 8px;
  background-color: #eee;
}
.dx-datagrid-group-panel .dx-sort {
  color: #898989;
}
.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: #959595;
  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 {
  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-rtl .dx-datagrid-table-fixed .dx-row.dx-group-row td {
  background-color: #f7f7f7;
}
.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;
  color: #337ab7;
}
.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: #959595;
  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(149,149,149,.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 {
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  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-fields-container .dx-area-field-content {
  vertical-align: bottom;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-fields-area {
  overflow: hidden;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-toolbar,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar {
  margin-right: 10px;
  float: right;
  display: inline-block;
}
.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-ie .dx-pivotgrid-fields-area {
  color: #333;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
}
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area input,
.dx-pivotgrid .dx-ie .dx-pivotgrid-fields-area textarea {
  font-family: 'Helvetica Neue','Segoe UI',Helvetica,Verdana,sans-serif;
  line-height: 1.35715;
}
.dx-pivotgrid .dx-column-header .dx-pivotgrid-fields-area {
  margin-left: -5px;
  padding-left: 5px;
}
.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;
  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 {
  white-space: nowrap;
}
.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;
  -webkit-box-shadow: none;
  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 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.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: 6px 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;
  min-width: 24px;
  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;
}
.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-pivotgridfieldchooser .dx-area-fields {
  overflow: hidden;
}
.dx-pivotgridfieldchooser .dx-treeview-item .dx-icon {
  margin-bottom: 1px;
  width: 16px;
  height: 16px;
  background-position: 0 0;
  background-size: 16px 16px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  line-height: 16px;
}
.dx-pivotgridfieldchooser .dx-treeview-search {
  margin: 5px;
}
.dx-pivotgridfieldchooser .dx-area-icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.dx-pivotgridfieldchooser .dx-area {
  padding: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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 > .dx-scrollable-wrapper > .dx-scrollable-container,
.dx-pivotgridfieldchooser .dx-area > .dx-treeview > .dx-scrollable-wrapper > .dx-scrollable-container {
  height: auto;
}
.dx-pivotgridfieldchooser .dx-area .dx-area-fields {
  margin-top: 3px;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0;
}
.dx-pivotgridfieldchooser .dx-area-fields-header .dx-area-caption {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.dx-pivotgridfieldchooser .dx-area-fields[group] {
  padding: 5px;
  background-color: rgba(221,221,221,.2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target {
  border-color: #337ab7;
}
.dx-pivotgridfieldchooser .dx-area-icon-all {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJElEQVQoz2P8z4AfsDAwJELVzGfExmIiYAAD5QoYRx1JL0cCAJeiFh8Qq9chAAAAAElFTkSuQmCC) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-area-icon-filter {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAWElEQVQoz83RsQqAMAxF0fepFxzEQRz8e1sah0JTamhXeVtyCCSRaR6ZTGQsSHJgcRyk1YQ7aBcuB+KkDO0D9UDsHcmARiC2BqiVEfg2+jOoF30+YPnNWV4jV/jo04VE6gAAAABJRU5ErkJggg==) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-area-icon-row {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAI0lEQVQoz2P4z4AfAlHCfwjEzqKPAsKObIBA7Cz6KBgGIQkAQ8IdQJKOGQIAAAAASUVORK5CYII=) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-area-icon-column {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAIElEQVQoz2P4z4AfAlHCfwgEshogEFmMPgpGHUkfRwIAQ8IdQALkrHMAAAAASUVORK5CYII=) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-area-icon-data,
.dx-pivotgridfieldchooser .dx-icon-measure {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAARElEQVQoz2P4z4AfMhClIOE/NkiSAl+ooG8CQwKIzwChEQpQlGBXgKYEwxeoSrB6k7ACfFYkYPgDXQGKdAItQpKi2AQAaDQFJxj4SdQAAAAASUVORK5CYII=) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-icon-dimension {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAH0lEQVQoz2P4z4AfMlBHQcJ/MESjqasAKxx5bqAosgCZ3QSYpC33dQAAAABJRU5ErkJggg==) center center no-repeat;
}
.dx-pivotgridfieldchooser .dx-icon-hierarchy {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAMUlEQVQoz2P4z4AfMlBXQcJ/EKShggQoxKEAojsBwxQqKUjACpEVoOhGNYVKCiiKLAATcARoA49V5wAAAABJRU5ErkJggg==) center center no-repeat;
}
.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 {
  margin-left: 0;
  padding-left: 0;
  margin-right: -5px;
  padding-right: 5px;
}
.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 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 {
  -webkit-transform: scaleX(-1);
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  background-color: #fff;
}
.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-column-header .dx-pivotgrid-toolbar .dx-button,
.dx-pivotgrid .dx-filter-header .dx-pivotgrid-toolbar .dx-button {
  margin-top: 10px;
}
.dx-pivotgrid .dx-expand-icon-container {
  font: 14px/1 DXIcons;
}
.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 {
  background-color: #fff;
}
.dx-pivotgrid-fields-container .dx-position-indicator {
  background-color: gray;
}
.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,
.dx-treelist-borders > .dx-treelist-pager {
  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 {
  color: #333;
  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-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: #337ab7 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: #959595;
  font: 14px/1 DXIcons;
}
.dx-treelist-container .dx-header-filter:before {
  content: "\f050";
}
.dx-treelist-container .dx-header-filter-empty {
  color: rgba(149,149,149,.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: #337ab7 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 {
  -webkit-transform: scaleX(-1);
  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 {
  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: #337ab7 solid 2px;
}
.dx-treelist-form-buttons-container {
  float: right;
}
.dx-treelist-form-buttons-container .dx-button {
  margin-left: 10px;
  margin-top: 10px;
}
.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-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 {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.dx-rtl .dx-treelist-container .dx-treelist-rowsview .dx-virtual-row > td[style*="text-align: left"]:before {
  -webkit-transform: scale(1);
  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 {
  -webkit-animation: 1s dx-treelist-highlight-change;
  animation: 1s dx-treelist-highlight-change;
}
@-webkit-keyframes dx-treelist-highlight-change {
  50%,
  from {
    background-color: rgba(51,51,51,.08);
  }
}
@keyframes dx-treelist-highlight-change {
  50%,
  from {
    background-color: rgba(51,51,51,.08);
  }
}
.dx-treelist .dx-menu-item-has-icon .dx-icon,
.dx-treelist-container .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 > td,
.dx-treelist .dx-row-alt > tr > td {
  background-color: #f5f5f5;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #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-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 .dx-highlight-outline::before {
  padding-top: 7px;
  padding-bottom: 7px;
}
.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-device-mobile .dx-treelist-column-chooser-list .dx-empty-message,
.dx-treelist-column-chooser-list .dx-empty-message {
  color: #999;
  padding: 0 20px;
}
.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-overlay-content {
  background-color: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
  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 {
  margin-bottom: 10px;
  background-color: #fff;
  color: #959595;
  font-weight: 400;
  border: 1px solid #ddd;
  padding: 7px;
  -webkit-box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
  box-shadow: 0 1px 3px -1px rgba(0,0,0,.2);
}
.dx-treelist-drag-header {
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  box-shadow: 0 0 1px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.2);
  color: #959595;
  font-weight: 400;
  padding: 7px;
  border: 1px solid rgba(51,122,183,.5);
  background-color: #fff;
}
.dx-treelist-columns-separator {
  background-color: rgba(51,122,183,.5);
}
.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 #337ab7;
}
.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-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: #959595;
  font-weight: 400;
  -ms-touch-action: pinch-zoom;
  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 #337ab7;
}
.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-highlight-outline::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;
  -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.15);
  box-shadow: 2px 2px 3px rgba(0,0,0,.15);
}
.dx-treelist-filter-range-overlay .dx-overlay-content .dx-editor-container.dx-highlight-outline::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 #337ab7;
}
.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-highlight-outline {
  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-hover {
  background-color: #449d44;
  border-color: #4cae4c;
}
.dx-treelist-header-panel .dx-apply-button.dx-state-focused {
  background-color: #3d8b3d;
  border-color: #4cae4c;
}
.dx-treelist-header-panel .dx-apply-button.dx-state-active {
  background-color: #357935;
  border-color: #4cae4c;
  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-export-button .dx-icon-export-to {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-export-button .dx-icon-export-to:before {
  content: "\f05f";
}
.dx-treelist-export-button .dx-icon-export-excel-button {
  font: 18px/18px DXIcons;
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  text-align: center;
}
.dx-treelist-export-button .dx-icon-export-excel-button:before {
  content: "\f117";
}
.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 {
  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.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,
.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: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-highlight-outline::after {
  border: 1px solid rgba(217,83,79,.4);
}
.dx-treelist-rowsview .dx-data-row .dx-validator.dx-treelist-invalid.dx-focused > .dx-highlight-outline::after {
  border: 1px solid #d9534f;
}
.dx-treelist-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content {
  padding: 9px 17px;
}
.dx-treelist-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
  border-color: rgba(92,184,92,.5);
}
.dx-treelist-rowsview .dx-row-removed > td {
  background-color: rgba(92,184,92,.5);
  border-top: 1px solid rgba(92,184,92,.5);
  border-bottom: 1px solid rgba(92,184,92,.5);
}
.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:focus {
  outline: 0;
}
.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: #337ab7;
  color: #fff;
}
.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: #fff;
}
.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 #337ab7;
}
.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 #337ab7;
  border-bottom: 1px solid #337ab7;
}
.dx-treelist-rowsview .dx-row-focused.dx-group-row {
  background-color: #337ab7;
  color: #fff;
}
.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: #fff;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: rgba(0,0,0,.1);
  color: #333;
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-treelist-group-space,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-treelist-group-space {
  border-right-color: rgba(0,0,0,.1);
}
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-pointer-events-none,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
  border-right-color: #ddd;
}
.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,
.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 {
  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 rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
}
.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 rgba(0,0,0,.1);
}
.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 rgba(0,0,0,.1);
}
.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-content {
  padding-right: 0;
}
.dx-treelist-search-text {
  color: #fff;
  background-color: #337ab7;
}
.dx-treelist-nodata {
  color: #999;
  font-size: 17px;
}
.dx-treelist-bottom-load-panel {
  border-top: 1px solid #ddd;
}
.dx-treelist-pager {
  border-top: 3px double #ddd;
}
.dx-treelist-pager.dx-widget {
  color: #333;
}
.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: #337ab7 solid 2px;
  outline-offset: -2px;
}
.dx-treelist-summary-item {
  color: rgba(51,51,51,.7);
}
.dx-treelist-total-footer {
  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-hover {
  background-color: #c9302c;
  border-color: #d43f3a;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-focused {
  background-color: #b52b27;
  border-color: #d43f3a;
}
.dx-treelist-revert-tooltip .dx-revert-button.dx-state-active {
  background-color: #a02622;
  border-color: #d43f3a;
  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 > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td {
  border-right-color: #ddd;
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td:not(.dx-focused).dx-treelist-group-space,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td:not(.dx-focused).dx-treelist-group-space {
  border-left-color: rgba(0,0,0,.1);
}
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row > tr > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > td.dx-pointer-events-none,
.dx-rtl .dx-treelist-rowsview .dx-selection.dx-row:hover > tr > td.dx-pointer-events-none {
  border-left-color: #ddd;
}
.dx-rtl .dx-treelist-rowsview.dx-scrollable-scrollbars-alwaysvisible.dx-scrollable-both .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-checkbox-size {
  line-height: 0;
}
.dx-treelist-cell-expandable .dx-checkbox,
.dx-treelist-select-all .dx-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 {
  -webkit-transform: scaleX(-1);
  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-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;
  border: 3px dashed #ddd;
  width: 100%;
}
.dx-fileuploader-dragover .dx-fileuploader-input {
  display: block;
  width: 100%;
  padding: 14px 3px;
  margin-bottom: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.dx-fileuploader-dragover .dx-fileuploader-input-label {
  text-align: center;
  padding: 14px 9px;
}
.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 {
  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 {
  padding-top: 5px;
  line-height: 13px;
}
.dx-fileuploader-file-name {
  padding-bottom: 3.5px;
  color: #333;
}
.dx-fileuploader-file-size {
  padding-bottom: 3.5px;
}
.dx-fileuploader-invalid .dx-fileuploader-file-status-message {
  color: #d9534f;
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-overlay-content,
.dx-scheduler .dx-scheduler-overlay-panel .dx-overlay-content {
  -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
  box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-tooltip-appointment-item-marker-body,
.dx-scheduler .dx-scheduler-overlay-panel .dx-tooltip-appointment-item-marker-body {
  background: #337ab7;
}
.dx-scheduler-win-no-touch .dx-scheduler-appointment {
  -ms-touch-action: none;
  touch-action: none;
}
.dx-recurrence-datebox-until-date,
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-repeat-count,
.dx-recurrence-selectbox-month-of-year {
  float: left;
  position: relative!important;
}
.dx-recurrence-datebox-until-date.dx-rtl,
.dx-recurrence-numberbox-day-of-month.dx-rtl,
.dx-recurrence-numberbox-interval.dx-rtl,
.dx-recurrence-numberbox-repeat-count.dx-rtl,
.dx-recurrence-selectbox-month-of-year.dx-rtl {
  float: right;
}
.dx-recurrence-numberbox-day-of-month,
.dx-recurrence-numberbox-interval,
.dx-recurrence-numberbox-repeat-count {
  width: 70px!important;
}
.dx-recurrence-repeat-end-wrapper {
  padding: 0 5px;
}
.dx-recurrence-radiogroup-repeat-type-label,
.dx-recurrence-repeat-end-label {
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;
  line-height: 36px;
}
.dx-recurrence-repeat-end-label {
  float: left;
  width: auto;
  white-space: nowrap;
}
.dx-recurrence-selectbox-month-of-year {
  width: 120px!important;
  top: 0!important;
}
.dx-recurrence-checkbox-day-of-week {
  position: relative!important;
  padding-right: 10px;
}
.dx-recurrence-radiogroup-repeat-type {
  margin: 0;
}
.dx-recurrence-radiogroup-repeat-type .dx-item {
  padding-bottom: 10px;
}
.dx-recurrence-radiogroup-repeat-type.dx-rtl .dx-recurrence-repeat-end-label {
  float: right;
}
.dx-recurrence-editor-container .dx-field-value-static,
.dx-recurrence-editor-container .dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
  width: 100%;
}
.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox {
  float: left;
}
.dx-recurrence-editor-container .dx-field-value:not(.dx-widget) > .dx-checkbox.dx-rtl {
  float: right;
}
.dx-recurrence-editor-container .dx-field-label {
  width: auto;
  float: none;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-selectbox-freq.dx-field-value {
  width: 100%;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-interval-field {
  display: block;
  margin-bottom: 2px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on {
  display: block;
  padding-top: 5px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on .dx-recurrence-repeat-on-label {
  padding-top: 10px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
  padding-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-radiogroup-repeat-type,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-on-label {
  left: 0;
  position: inherit;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-numberbox-interval-label {
  padding-top: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container-label {
  padding-bottom: 2px;
  padding-top: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-freq-field {
  margin-bottom: 0;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field {
  padding-top: 0;
  position: static;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-v-align .dx-recurrence-repeat-end-container.dx-field .dx-recurrence-radiogroup-repeat-type {
  margin-top: 0;
}
.dx-scheduler-recurrence-rule-item.dx-field-item {
  border-top: 1px solid #ddd;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label,
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label {
  left: -90px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  left: -88px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  padding-top: 7px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-on-week {
  padding-top: 7px;
  padding-bottom: 7px;
}
.dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align .dx-recurrence-repeat-end-container.dx-field {
  padding-top: 10px;
}
.dx-scheduler-recurrence-rule-item.dx-label-v-align .dx-recurrence-editor-container {
  padding-top: 17px;
}
.dx-recurrence-editor-container {
  position: relative;
  margin-bottom: 21px;
}
.dx-recurrence-repeat-end-container {
  margin: 0;
}
.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-datebox-until-date {
  margin-left: 23px;
}
.dx-recurrence-repeat-end-wrapper .dx-field-value.dx-recurrence-numberbox-repeat-count {
  margin-left: 11px;
}
.dx-scheduler-pseudo-cell:before {
  content: "";
  width: 100px;
  display: table-cell;
}
.dx-scheduler-small .dx-scheduler-pseudo-cell:before {
  width: 50px;
}
.dx-scheduler-fixed-appointments {
  z-index: 100;
  position: absolute;
}
.dx-scheduler-header {
  position: relative;
  z-index: 1;
  width: 100%;
}
.dx-scheduler-navigator {
  float: left;
  white-space: nowrap;
  min-width: 180px;
  max-width: 40%;
}
.dx-device-mobile .dx-scheduler-navigator {
  padding-left: 5px;
}
.dx-scheduler-navigator-caption {
  width: 180px;
  min-width: 108px;
  max-width: 80%;
}
.dx-device-mobile .dx-scheduler-navigator-caption {
  width: 140px;
}
.dx-calendar.dx-scheduler-navigator-calendar {
  width: 100%;
  height: 100%;
}
.dx-scheduler-view-switcher.dx-tabs.dx-tabs-expanded .dx-tab-selected:before {
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 2px;
  content: '';
  right: 0;
}
.dx-scheduler-view-switcher.dx-tabs {
  max-width: 52%;
  min-width: 72px;
  width: auto;
  float: right;
  height: 100%;
  border: none;
}
.dx-scheduler-small .dx-scheduler-view-switcher.dx-tabs {
  display: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tabs-scrollable .dx-tabs-wrapper {
  border-bottom: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab {
  width: 100px;
}
.dx-scheduler-view-switcher.dx-dropdownmenu.dx-button {
  position: absolute;
  right: 10px;
}
.dx-scheduler-view-switcher-label {
  position: absolute;
}
.dx-scheduler-view-switcher-reduced {
  table-layout: auto;
}
.dx-scheduler-view-switcher-reduced.dx-tabs .dx-tab {
  width: auto;
  height: 56px;
}
.dx-scheduler-view-switcher-reduced .dx-tabs-wrapper {
  height: 56px;
}
.dx-scheduler-appointment-content-allday {
  display: none;
}
.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-date-time-shader-all-day {
  margin-left: 100px;
  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;
  -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.1);
  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-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-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-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;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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 {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse nowrap;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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 {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.dx-scheduler-timeline-day.dx-scheduler-work-space-count .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-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 {
  border-bottom: 2px solid #63a0d4;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-timeline .dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  content: none;
}
.dx-scheduler-work-space {
  border: 1px solid rgba(221,221,221,.6);
  background-color: #fff;
  position: relative;
  display: inline-block;
  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-date-table-cell {
  border-right: none;
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-title {
  border-top: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-date-table-cell {
  border-left: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-work-space.dx-scheduler-work-space-grouped:not(.dx-scheduler-agenda) .dx-scheduler-all-day-panel td {
  border-left: 1px solid rgba(221,221,221,.6);
  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 {
  border-bottom: 2px solid rgba(221,221,221,.6);
}
.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-date-table-scrollable .dx-scrollable-content {
  overflow: hidden;
  position: relative;
}
.dx-scheduler-date-table-cell {
  border-top: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-all-day-table-cell > div,
.dx-scheduler-date-table-cell > div {
  pointer-events: none;
}
.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;
  -ms-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-group-flex-container {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row:before {
  display: none;
}
.dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding: 0 5px;
  height: auto;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
  border: none;
  border-top: 1px solid rgba(221,221,221,.6);
  overflow: hidden;
  text-overflow: ellipsis;
}
.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-day:not(.dx-scheduler-work-space-count) .dx-scheduler-date-table-cell {
  border-left: none;
  border-right: none;
}
.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-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 {
  border-left: 1px solid rgba(221,221,221,.6);
  border-top: 1px solid rgba(221,221,221,.6);
}
.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.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-work-space-day.dx-scheduler-work-space-overlapping .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-scrollable-fixed-content {
  height: 100%;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel {
  width: 100%;
  margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-header-panel {
  margin-left: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  display: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table {
  width: 100%;
  height: 100%;
  margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  display: none;
}
.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 .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
  border-left: none;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  height: auto;
  vertical-align: top;
  text-align: right;
  color: #959595;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell > div {
  padding-right: 6px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  padding: 0 7px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 25px 0 7px;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
  padding: 0 7px 0 25px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-recurrence-icon {
  top: 0;
}
.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-timeline .dx-scheduler-all-day-panel,
.dx-scheduler-timeline .dx-scheduler-all-day-title,
.dx-scheduler-work-space-month .dx-scheduler-all-day-panel,
.dx-scheduler-work-space-month .dx-scheduler-all-day-title {
  display: none;
}
.dx-scheduler-timeline .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-month .dx-scheduler-appointment-reduced.dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  right: 20px;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row:before,
.dx-scheduler-timeline .dx-scheduler-header-row:before {
  content: 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-date-table-cell {
  border-right: none;
}
.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;
  margin-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-date-table tbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
  min-height: 100px;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dx-scheduler-timeline .dx-scheduler-date-table .dx-scheduler-date-table-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: inherit;
}
.dx-scheduler-timeline .dx-scheduler-group-table {
  border-spacing: 0;
  border-collapse: separate;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.dx-scheduler-timeline .dx-scheduler-group-table tbody {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  height: 100%;
}
.dx-scheduler-timeline .dx-scheduler-group-header-content {
  overflow: visible;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  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-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  border-bottom: 1px solid #c4c4c4;
}
.dx-scheduler-timeline .dx-scheduler-date-table-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-timeline .dx-scheduler-sidebar-scrollable {
  display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  display: block;
  float: left;
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  content: "";
  height: 50px;
  position: absolute;
  display: block;
  margin-top: -50px;
  left: 0;
  border-right: 1px solid rgba(221,221,221,.6);
}
.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-group-table {
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  border-left: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table-row .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
  border-left: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-row:before {
  display: none;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0;
  padding: 0;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-sidebar-scrollable:before {
  width: 100px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  margin-left: 100px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='1'] .dx-scheduler-header-scrollable {
  margin-right: 100px;
  margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-sidebar-scrollable:before {
  width: 160px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  margin-left: 160px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='2'] .dx-scheduler-header-scrollable {
  margin-right: 160px;
  margin-left: 0;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-table,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-sidebar-scrollable:before {
  width: 240px;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  margin-left: 240px;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-date-table-scrollable,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-header-scrollable {
  margin-right: 240px;
  margin-left: 0;
}
.dx-scheduler-timeline.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-group-by-date .dx-scheduler-last-group-cell {
  border-right: 1px solid #c4c4c4;
}
.dx-scheduler-timeline .dx-scheduler-appointment-reduced .dx-scheduler-appointment-recurrence-icon {
  top: 0;
}
.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-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-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-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n) {
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-table-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-cell:nth-child(1n),
.dx-rtl .dx-scheduler-work-space-count.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-panel-cell:nth-child(1n) {
  border-left: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-header-panel {
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
  margin-top: 10px;
}
.dx-scheduler-all-day-title-hidden {
  display: none;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-all-day) .dx-scheduler-all-day-title-hidden {
  display: block;
  background-color: transparent;
  color: transparent;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: 0;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  height: 51px;
  margin-left: 100px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 140px;
  margin-bottom: -140px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 41px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 71px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 101px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  height: 11px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 40px;
  margin-bottom: -40px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 70px;
  margin-bottom: -70px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 100px;
  margin-bottom: -100px;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-grouped:not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-scrollable {
  margin-left: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  width: auto;
  margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-group-row:before,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel {
  margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-panel .dx-scheduler-all-day-table-row:before {
  display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title {
  z-index: 100;
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  content: "";
  position: absolute;
  left: 0;
  width: 100px;
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  width: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  float: none;
  margin-left: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  display: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  float: left;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 100px;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 50px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-time-panel {
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-panel {
  width: 100%;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 100px;
  padding: 0;
}
.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 50px;
}
.dx-rtl .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 100px 0 0;
}
.dx-rtl.dx-scheduler-small .dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 50px 0 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 156px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 186px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 216px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 146px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 176px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 66px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 96px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  height: 36px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-all-day.dx-scheduler-work-space-day.dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable.dx-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0;
  padding: 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-timeline:not(.dx-scheduler-work-space-grouped) .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  margin-left: 0;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  display: none;
}
.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,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-row .dx-scheduler-header-panel-cell:first-child {
  border-left: none;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-scrollable-appointments {
  top: 0;
}
.dx-scheduler-header-panel-cell {
  position: relative;
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: 1px solid rgba(221,221,221,.6);
  color: #333;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-all-day-table-row:before,
.dx-scheduler-group-row:before,
.dx-scheduler-header-row:before {
  content: "";
  width: 100px;
  display: table-cell;
}
.dx-scheduler-small .dx-scheduler-all-day-table-row:before,
.dx-scheduler-small .dx-scheduler-group-row:before,
.dx-scheduler-small .dx-scheduler-header-row:before {
  width: 50px;
}
.dx-scheduler-all-day-panel {
  width: 100%;
}
.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: absolute;
  text-align: center;
  border-bottom: 2px solid rgba(221,221,221,.6);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-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 {
  float: left;
  width: 100px;
  border-collapse: collapse;
}
.dx-scheduler-small .dx-scheduler-time-panel {
  width: 50px;
  font-size: 14px;
}
.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-row:first-child .dx-scheduler-time-panel-cell > div {
  margin-top: 0;
}
.dx-scheduler-time-panel-cell:after {
  position: absolute;
  bottom: -1px;
  width: 10%;
  height: 1px;
  content: '';
  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;
  content: '';
  background-color: #63a0d4;
}
.dx-scheduler-time-panel-row:last-child .dx-scheduler-time-panel-cell:after {
  display: none;
}
.dx-scheduler-date-table {
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  float: left;
  margin-left: -100px;
}
.dx-scheduler-small .dx-scheduler-date-table {
  margin-left: -50px;
}
.dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  content: "";
  width: 100px;
  display: table-cell;
}
.dx-scheduler-small .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  width: 50px;
}
.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 {
  -webkit-box-shadow: inset 0 0 0 1px #337ab7;
  box-shadow: inset 0 0 0 1px #337ab7;
}
.dx-scheduler-date-table-droppable-cell {
  background-color: #f2f2f2;
}
.dx-scheduler-scrollable-appointments {
  position: absolute;
  top: 0;
}
.dx-scheduler-appointment {
  border-bottom: 1px solid transparent;
  background-clip: padding-box;
  position: absolute;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  background-color: #337ab7;
  color: #fff;
  -webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.3),inset 0 2px 0 0 rgba(0,0,0,.3);
  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-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-appointment.dx-state-focused: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 {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3);
  box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3);
}
.dx-scheduler-appointment.dx-state-hover.dx-resizable {
  -webkit-box-shadow: inset 0 5px 0 0 rgba(0,0,0,.3),inset 0 -2px 0 0 rgba(0,0,0,.3);
  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-draggable-dragging {
  position: fixed;
  top: 0;
  left: 0;
  -webkit-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);
  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-appointment.dx-draggable-dragging,
.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-reduced-icon {
  position: absolute;
  top: 3px;
  right: 5px;
  font: 14px/1 DXIcons;
}
.dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  content: "\f00e";
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon {
  right: auto;
  left: 3px;
  font: 14px/1 DXIcons;
}
.dx-rtl .dx-scheduler-appointment .dx-scheduler-appointment-reduced-icon:before {
  content: "\f011";
}
.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-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-icon,
.dx-scheduler-work-space-week .dx-scheduler-appointment-reduced-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced-icon {
  top: 9px;
}
.dx-scheduler-work-space-day .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-work-space-work-week .dx-scheduler-appointment-head .dx-scheduler-appointment-recurrence-icon {
  top: calc(35% - 3px);
  right: 20px;
}
.dx-scheduler-all-day-appointment,
.dx-scheduler-timeline .dx-scheduler-appointment,
.dx-scheduler-work-space-month .dx-scheduler-appointment {
  -webkit-box-shadow: inset 2px 0 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset -2px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3);
  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-focused,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-all-day-appointment.dx-state-focused:before,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-state-focused:before,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-state-focused: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-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 {
  -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset 5px 0 0 0 rgba(0,0,0,.3),inset -2px 0 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3);
  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 {
  -webkit-box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3);
  box-shadow: inset -5px 0 0 0 rgba(0,0,0,.3),inset 2px 0 0 0 rgba(0,0,0,.3);
}
.dx-scheduler-all-day-appointment.dx-draggable-dragging,
.dx-scheduler-timeline .dx-scheduler-appointment.dx-draggable-dragging,
.dx-scheduler-work-space-month .dx-scheduler-appointment.dx-draggable-dragging {
  -webkit-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);
  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-all-day-appointment .dx-scheduler-appointment-reduced-icon {
  position: absolute;
  top: 15%;
}
.dx-scheduler-appointment.dx-scheduler-appointment-body,
.dx-scheduler-appointment.dx-scheduler-appointment-tail {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-group-header-content div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-appointment-recurrence-icon {
  position: absolute;
  background-repeat: no-repeat;
  top: 3px;
  right: 5px;
  display: none;
}
.dx-scheduler-appointment-recurrence-icon.dx-icon-repeat {
  font-size: 18px;
}
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-recurrence-icon {
  display: block;
}
.dx-scheduler-appointment-content {
  cursor: pointer;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: .99;
}
.dx-scheduler-work-space-grouped.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  font-size: 12px;
}
.dx-scheduler-appointment-content > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dx-scheduler-appointment-empty .dx-scheduler-appointment-content-details,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-recurrence-icon,
.dx-scheduler-appointment-empty .dx-scheduler-appointment-title {
  display: none;
}
.dx-scheduler-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-content-date {
  opacity: .7;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.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-scheduler-recurrence-rule-item.dx-field-item {
  padding-top: 13px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item.dx-label-h-align.dx-flex-layout {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
  float: none;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-label .dx-recurrence-numberbox-repeat-count,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value .dx-recurrence-numberbox-repeat-count {
  float: left;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-item-label:first-child {
  padding-top: 7px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-numberbox-interval-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-end-container-label,
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-repeat-on-label {
  position: absolute;
  left: -90px;
  padding-right: 10px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-recurrence-radiogroup-repeat-type {
  position: relative;
  left: -88px;
  top: 13px;
}
.dx-scheduler-appointment-popup .dx-scheduler-recurrence-rule-item.dx-field-item .dx-field-value {
  display: inline-block;
}
.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;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-appointment-collector.dx-button .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-active .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-focused .dx-button-content,
.dx-scheduler-appointment-collector.dx-button.dx-state-hover .dx-button-content {
  line-height: inherit;
}
.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-scheduler-appointment-collector-content {
  color: #fff;
  opacity: .99;
}
.dx-scheduler-appointment-collector-compact .dx-scheduler-appointment-collector-content span:last-child {
  padding-left: 0;
}
.dx-scheduler-agenda .dx-scheduler-date-table-scrollable {
  margin-top: 10px;
}
.dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  padding-left: 100px;
  width: 100%;
  height: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  padding-left: 50px;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-scrollable-appointments.dx-rtl {
  padding-left: 0;
  padding-right: 50px;
}
.dx-scheduler-agenda .dx-scheduler-appointment {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dx-scheduler-agenda .dx-scheduler-time-panel {
  margin-top: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-row:first-child .dx-scheduler-time-panel-cell {
  padding-top: 0;
  padding-bottom: 0;
}
.dx-scheduler-agenda .dx-scheduler-time-panel-cell {
  vertical-align: top;
}
.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-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:before {
  display: none;
}
.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-work-space-grouped .dx-scheduler-date-table-last-row.dx-scheduler-date-table-row {
  border-bottom: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  vertical-align: top;
  border-top: none;
  border-left: none;
  border-right: none;
  font-weight: 400;
  padding: 0;
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header {
  width: 40px;
  font-size: 14px;
}
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='2'],
.dx-scheduler-agenda .dx-scheduler-group-header[rowspan='3'] {
  font-weight: 700;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: 1px solid rgba(221,221,221,.6);
}
.dx-scheduler-small .dx-scheduler-agenda .dx-scheduler-group-header-content {
  width: 38px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content div {
  white-space: normal;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-allday,
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
  opacity: 1;
  font-weight: 700;
  font-size: 13px;
  margin-top: 4px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-appointment-content-allday {
  padding-right: 0;
  padding-left: 5px;
}
.dx-scheduler-agenda-nodata {
  text-align: center;
  opacity: .5;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
}
.dx-timezone-editor {
  overflow: hidden;
}
.dx-timezone-editor .dx-timezone-display-name {
  float: left;
  width: 75%;
}
.dx-timezone-editor .dx-timezone-iana-id {
  float: right;
  width: 23%;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 90px;
  margin-bottom: 90px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 130px;
  margin-bottom: 130px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 170px;
  margin-bottom: 170px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='1'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 130px;
  margin-bottom: 130px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='2'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 170px;
  margin-bottom: 170px;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-day.dx-scheduler-work-space-count.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-timeline-work-week.dx-scheduler-work-space[dx-group-row-count='3'].dx-scheduler-work-space .dx-scheduler-date-table-scrollable {
  padding-bottom: 210px;
  margin-bottom: 210px;
}
.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-date-table-scrollable,
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  margin-left: 0!important;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-group-header-content {
  height: 40px;
}
.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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-header {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline.dx-scheduler-work-space-group-by-date .dx-scheduler-group-header {
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  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-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-work-space-vertical-group-table {
  width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-group-header-content {
  width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-left: -200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  width: 200px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-right: -200px;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  margin-left: 0;
  margin-right: 201px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 201px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  margin-left: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-right: 0;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='1'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  width: 100px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-work-space-vertical-group-table {
  width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-group-header-content {
  width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-left: -250px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  width: 250px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-right: -250px;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  width: 250px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  margin-left: 0;
  margin-right: 251px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 251px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  margin-left: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-right: 0;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='2'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  width: 150px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-work-space-vertical-group-table {
  width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-group-header-content {
  width: 100%;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-left: -300px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-all-day-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table .dx-scheduler-date-table-row:before {
  width: 300px;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-right: -300px;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'] .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  width: 300px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-left: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table-scrollable {
  margin-left: 0;
  margin-right: 301px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-date-table {
  margin-right: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-both-scrollbar.dx-rtl .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 301px 0 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  width: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  margin-left: 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-scrollable.dx-scrollable {
  margin: 0 0 0 200px;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-left: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-right: 0;
  margin-left: 0;
}
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-date-table-row:before,
.dx-scheduler-work-space-vertical-grouped[dx-group-column-count='3'].dx-scheduler-work-space-month .dx-scheduler-header-row:before {
  width: 200px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table {
  float: left;
  height: 100%;
  min-height: 100px;
  border-right: 1px solid rgba(221,221,221,.6);
  border-top: 1px solid rgba(221,221,221,.6);
  border-spacing: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-vertical-group-table tbody {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  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;
  position: relative;
  height: 50px!important;
  line-height: 50px!important;
  border-bottom: none;
  border-right: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-day .dx-scheduler-all-day-table-cell {
  border-top: 1px solid rgba(221,221,221,.6);
}
.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-panel:before {
  content: "";
  width: 100px;
  display: table-cell;
}
.dx-scheduler-small .dx-scheduler-work-space-vertical-grouped .dx-scheduler-all-day-panel:before {
  width: 50px;
}
.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;
  -webkit-box-shadow: inset 0 -1px 0 rgba(221,221,221,.6);
  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-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable {
  display: block;
  float: left;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-header-panel .dx-scheduler-header-row:before {
  display: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-group-header {
  -webkit-box-shadow: 0 -2px 0 rgba(221,221,221,.6);
  box-shadow: 0 -2px 0 rgba(221,221,221,.6);
  border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-month.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-panel {
  border-bottom: none;
}
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-table-row:before {
  display: none;
}
.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-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-month .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-work-week .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-vertical-grouped:not(.dx-scheduler-work-space-day):not(.dx-scheduler-work-space-both-scrollbar) .dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-work-space-day .dx-scheduler-date-table-scrollable {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dx-rtl .dx-scheduler-work-space-vertical-group-table {
  border-right: none;
  border-left: 1px solid rgba(221,221,221,.6);
}
.dx-rtl .dx-scheduler-date-time-shader-all-day {
  margin-left: 0;
  margin-right: 100px;
}
.dx-rtl .dx-scheduler-navigator {
  float: right;
  padding-left: 0;
  padding-right: 10px;
}
.dx-device-mobile .dx-rtl .dx-scheduler-navigator {
  padding-right: 5px;
}
.dx-rtl .dx-scheduler-view-switcher.dx-tabs {
  float: left;
}
.dx-rtl .dx-scheduler-view-switcher.dx-dropdownmenu {
  left: 10px;
  right: auto;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table {
  margin-right: 0;
}
.dx-rtl .dx-scheduler-header-panel {
  left: 0;
  right: inherit;
}
.dx-rtl .dx-scheduler-all-day-panel table {
  margin-left: 0;
}
.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-rtl .dx-scheduler-time-panel-cell:after {
  right: auto;
  left: 0;
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell {
  border-right: 1px solid rgba(221,221,221,.6);
}
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-date-table-cell:first-child,
.dx-rtl .dx-scheduler-work-space-month .dx-scheduler-header-panel-cell:first-child {
  border-right: none;
}
.dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  float: right;
  margin-left: 0;
  margin-right: -100px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-work-space:not(.dx-scheduler-timeline):not(.dx-scheduler-work-space-month):not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-date-table {
  margin-right: -50px;
}
.dx-rtl .dx-scheduler-appointment-recurrence-icon,
.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-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-all-day-title {
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  right: 0;
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: none;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table {
  margin-right: 0;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-sidebar-scrollable {
  float: right;
}
.dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-right: 100px;
  margin-left: auto;
}
.dx-scheduler-small .dx-rtl.dx-scheduler-work-space-both-scrollbar .dx-scheduler-date-table-scrollable {
  margin-right: 50px;
}
.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-work-space.dx-scheduler-work-space-month .dx-scheduler-date-table-scrollable {
  margin-right: 0;
}
.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;
}
.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-sidebar-scrollable:before {
  right: 0;
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-group-table {
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: none;
}
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  margin-right: 0;
}
.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-group-column-count='2'] .dx-scheduler-group-header:last-child,
.dx-rtl .dx-scheduler-timeline.dx-scheduler-work-space-grouped[dx-group-column-count='3'] .dx-scheduler-group-header:last-child {
  text-align: right;
}
.dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  margin-left: 0;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day) .dx-scheduler-header-scrollable {
  margin-right: 50px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  padding-right: 100px;
  padding-left: 0;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda .dx-scheduler-scrollable-appointments {
  padding-right: 50px;
}
.dx-rtl .dx-scheduler-agenda .dx-scheduler-group-table {
  float: right;
}
.dx-rtl .dx-scheduler-agenda.dx-scheduler-work-space-grouped .dx-scheduler-date-table {
  float: left;
}
.dx-rtl .dx-timezone-editor .dx-timezone-display-name {
  float: right;
}
.dx-rtl .dx-timezone-editor .dx-timezone-iana-id {
  float: left;
}
.dx-scheduler-date-table-cell,
.dx-scheduler-time-panel-cell {
  height: 50px;
}
.dx-scheduler-all-day-title {
  height: 75px;
  line-height: 75px;
  font-size: 14px;
  font-weight: 700;
  top: 56px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-title {
  height: 25px;
  line-height: 25px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  top: 96px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  top: -41px;
  height: 40px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  top: 126px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  top: -71px;
  height: 70px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  top: 156px;
}
:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  top: -101px;
  height: 100px;
}
.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
  top: 106px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  top: 136px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  top: -81px;
  height: 80px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  top: 166px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  top: -111px;
  height: 110px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  top: 196px;
}
.dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before,
.dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  top: -141px;
  height: 140px;
}
.dx-scheduler-all-day-table {
  height: 75px;
}
.dx-scheduler-work-space-all-day-collapsed .dx-scheduler-all-day-table {
  height: 25px;
}
.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-panel {
  margin-top: 11px;
}
.dx-scheduler-header-panel-cell {
  height: 40px;
}
.dx-scheduler-header-panel-cell.dx-scheduler-header-panel-current-time-cell:before {
  top: 37px;
  height: 2px;
}
.dx-scheduler-timeline .dx-scheduler-date-table-cell {
  height: 75px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 140px;
  margin-bottom: -140px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 125px;
  margin-bottom: -125px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 155px;
  margin-bottom: -155px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 185px;
  margin-bottom: -185px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 215px;
  margin-bottom: -215px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 75px;
  margin-bottom: -75px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 105px;
  margin-bottom: -105px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 135px;
  margin-bottom: -135px;
}
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 165px;
  margin-bottom: -165px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 40px;
  margin-bottom: -40px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 70px;
  margin-bottom: -70px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 100px;
  margin-bottom: -100px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 85px;
  margin-bottom: -85px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 115px;
  margin-bottom: -115px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 145px;
  margin-bottom: -145px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 175px;
  margin-bottom: -175px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 35px;
  margin-bottom: -35px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 65px;
  margin-bottom: -65px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 95px;
  margin-bottom: -95px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 125px;
  margin-bottom: -125px;
}
.dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-all-day-title {
  top: 57px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 140px;
  margin-bottom: -140px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 125px;
  margin-bottom: -125px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 155px;
  margin-bottom: -155px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 185px;
  margin-bottom: -185px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 215px;
  margin-bottom: -215px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 75px;
  margin-bottom: -75px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 105px;
  margin-bottom: -105px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 135px;
  margin-bottom: -135px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 165px;
  margin-bottom: -165px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-header-panel {
  margin-top: 10px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title {
  top: 136px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scheduler-all-day-title:before {
  top: -81px;
  height: 80px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title {
  top: 166px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scheduler-all-day-title:before {
  top: -111px;
  height: 110px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title {
  top: 196px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scheduler-all-day-title:before {
  top: -141px;
  height: 140px;
}
.dx-scheduler-work-space-day.dx-scheduler-work-space-count:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-all-day-title {
  top: 106px;
}
.dx-scheduler-work-space-day .dx-scheduler-header-panel .dx-scheduler-group-row:not(:first-child) {
  border-bottom: none;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-month:not(.dx-scheduler-work-space-vertical-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 140px;
  margin-bottom: -140px;
}
.dx-scheduler-work-space-month .dx-scheduler-appointment-content {
  font-size: 13px;
}
.dx-scheduler-work-space-month .dx-scheduler-date-table-first-of-month {
  border-left: 1px solid #aaa;
  border-top: 1px solid #aaa;
}
.dx-scheduler-header {
  background-color: #f5f5f5;
  border: 1px solid rgba(221,221,221,.6);
  height: 56px;
}
.dx-scheduler-navigator {
  padding: 10px;
}
.dx-scheduler-navigator .dx-button {
  margin-top: -1px;
  height: 36px;
}
.dx-scheduler-navigator .dx-button-has-icon .dx-button-content {
  padding: 6px;
}
.dx-scheduler-navigator-caption {
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}
.dx-scheduler-navigator-caption.dx-state-active,
.dx-scheduler-navigator-caption.dx-state-focused,
.dx-scheduler-navigator-caption.dx-state-hover {
  border-right-width: 1px;
  border-left-width: 1px;
}
.dx-scheduler-navigator-previous {
  border-radius: 4px 0 0 4px;
}
.dx-rtl .dx-scheduler-navigator-previous,
.dx-scheduler-navigator-next {
  border-radius: 0 4px 4px 0;
}
.dx-rtl .dx-scheduler-navigator-next {
  border-radius: 4px 0 0 4px;
}
.dx-scheduler-view-switcher.dx-tabs {
  font-size: 14px;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  background: 0 0;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:before {
  background-color: #fff;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-state-focused:after {
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: 1px solid rgba(221,221,221,.6);
  border-top: 1px solid #337ab7;
  border-bottom: none;
}
.dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
  height: 56px;
}
.dx-scheduler-view-switcher.dx-dropdownmenu {
  margin-top: 9px;
}
.dx-scheduler-view-switcher-label {
  margin-top: 16px;
  right: 60px;
}
.dx-rtl .dx-scheduler-view-switcher-label {
  left: 60px;
  right: auto;
}
.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 {
  font-size: 14px;
  color: #333;
}
.dx-scheduler-header-panel .dx-scheduler-group-header {
  font-size: 18px;
}
.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 {
  padding-top: 56px;
  margin-top: -56px;
}
.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-date-table-cell {
  border-left: 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-date-table-cell {
  border-left: 1px solid rgba(221,221,221,.6);
  border-right: 1px solid rgba(221,221,221,.6);
}
.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-header-panel,
.dx-scheduler-time-panel,
.dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
  font-size: 16px;
}
.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-agenda .dx-scheduler-group-row th,
.dx-scheduler-work-space-grouped.dx-scheduler-agenda .dx-scheduler-last-group-cell,
.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-scheduler-appointment-collector-content span:last-child {
  line-height: 13.33333333px;
  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-appointment-content {
  padding: 5px 7px;
}
.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-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped) .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 50px;
  margin-bottom: -50px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 80px;
  margin-bottom: -80px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 110px;
  margin-bottom: -110px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped)[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 140px;
  margin-bottom: -140px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 41px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 71px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 101px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  height: 11px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 40px;
  margin-bottom: -40px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 70px;
  margin-bottom: -70px;
}
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space-grouped:not(.dx-scheduler-work-space-all-day):not(.dx-scheduler-timeline):not(.dx-scheduler-agenda):not(.dx-scheduler-work-space-vertical-grouped):not(.dx-scheduler-work-space-horizontal-grouped).dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 100px;
  margin-bottom: -100px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='1'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 121px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='2'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 151px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week[dx-group-row-count='3'] .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 181px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scheduler-header-scrollable {
  height: 91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable {
  padding-bottom: 90px;
  margin-bottom: -90px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day.dx-scheduler-work-space-grouped .dx-scheduler-sidebar-scrollable:before {
  height: 91px;
  margin-top: -91px;
}
.dx-scheduler-work-space.dx-scheduler-timeline-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-timeline-work-week .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-work-space.dx-scheduler-work-space-count.dx-scheduler-timeline-day .dx-scrollable.dx-scheduler-date-table-scrollable {
  padding-bottom: 90px;
  margin-bottom: -90px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title,
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-all-day-title:before {
  background-color: #fff;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-both-scrollbar[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-both-scrollbar .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 31px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 61px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 91px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day .dx-scheduler-header-scrollable {
  height: 1px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 156px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 186px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 216px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scheduler-header-scrollable {
  height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 146px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 176px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count) .dx-scheduler-header-scrollable {
  height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 66px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 96px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 126px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  height: 36px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-count).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 106px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 136px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped)[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 166px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped) .dx-scheduler-header-scrollable {
  height: 76px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 56px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 86px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 116px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed .dx-scheduler-header-scrollable {
  height: 26px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-all-day:not(.dx-scheduler-work-space-vertical-grouped).dx-scheduler-work-space-day:not(.dx-scheduler-work-space-grouped).dx-scheduler-work-space-all-day-collapsed.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space.dx-scheduler-work-space-month.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='1'] .dx-scheduler-header-scrollable {
  height: 81px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='2'] .dx-scheduler-header-scrollable {
  height: 111px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped[dx-group-row-count='3'] .dx-scheduler-header-scrollable {
  height: 141px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped .dx-scheduler-header-scrollable {
  height: 51px;
}
.dx-scheduler-work-space-both-scrollbar.dx-scheduler-work-space-vertical-grouped.dx-scheduler-work-space-horizontal-grouped.dx-scheduler-timeline .dx-scheduler-header-scrollable {
  height: auto;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content {
  font-size: 16px;
}
.dx-scheduler-agenda .dx-scheduler-appointment-content .dx-scheduler-appointment-content-date {
  font-size: 13px;
}
.dx-scheduler-agenda .dx-scheduler-group-header {
  font-size: 18px;
  width: 80px;
}
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 60px;
  margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 90px;
  margin-bottom: -90px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 60px;
  margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 90px;
  margin-bottom: -90px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 0;
  margin-bottom: 0;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='1'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 30px;
  margin-bottom: -30px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='2'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 60px;
  margin-bottom: -60px;
}
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-date-table-scrollable,
.dx-scheduler-agenda.dx-scheduler-work-space.dx-scheduler-work-space-all-day-collapsed[dx-group-row-count='3'] .dx-scrollable.dx-scheduler-sidebar-scrollable {
  padding-bottom: 90px;
  margin-bottom: -90px;
}
.dx-scheduler-agenda .dx-scheduler-group-header-content {
  overflow: hidden;
  width: 80px;
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-right: -80px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-left: -40px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-left: -80px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-date-table {
  margin-left: -40px;
}
.dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  padding-left: 180px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  padding-left: 90px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  padding-left: 0;
  padding-right: 180px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='1'] .dx-scheduler-scrollable-appointments {
  padding-right: 90px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-right: -160px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-left: -80px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-left: -160px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-date-table {
  margin-left: -80px;
}
.dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  padding-left: 260px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  padding-left: 130px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  padding-left: 0;
  padding-right: 260px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='2'] .dx-scheduler-scrollable-appointments {
  padding-right: 130px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-right: -240px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-left: -120px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-left: -240px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-date-table {
  margin-left: -120px;
}
.dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  padding-left: 340px;
}
.dx-scheduler-small .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  padding-left: 170px;
}
.dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  padding-left: 0;
  padding-right: 340px;
}
.dx-scheduler-small .dx-rtl .dx-scheduler-agenda[dx-group-column-count='3'] .dx-scheduler-scrollable-appointments {
  padding-right: 170px;
}
.dx-scheduler-agenda-nodata {
  font-size: 16px;
}
.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-drawer-shader {
  background-color: rgba(0,0,0,.5);
}
.dx-htmleditor {
  border-color: #ddd;
}
.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  border-bottom: 1px solid #ddd;
}
.dx-htmleditor.dx-invalid {
  border-color: rgba(217,83,79,.4);
}
.dx-htmleditor.dx-invalid.dx-state-focused {
  border-color: #d9534f;
}
.dx-htmleditor-content.ql-blank::before {
  color: #999;
}
.dx-htmleditor-content pre {
  color: rgba(51,51,51,.8);
}
.dx-htmleditor-content blockquote {
  color: rgba(51,51,51,.8);
  border-left-color: #ddd;
}
.dx-rtl .dx-htmleditor-content blockquote {
  border-right-color: #ddd;
}
.dx-htmleditor-content .dx-variable > span {
  background: rgba(51,122,183,.15);
}
.dx-htmleditor-toolbar {
  background-color: transparent;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format) {
  background-color: #e6e6e6;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-success {
  background-color: #449d44;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-default {
  background-color: #285f8f;
}
.dx-htmleditor-toolbar .dx-format-active:not(.dx-color-format):not(.dx-background-format).dx-button-danger {
  background-color: #c9302c;
}
.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-separator {
  border-left-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-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-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;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);
  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;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  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: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  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 12px;
}
.dx-fa-button .dx-fa-button-icon,
.dx-fa-button .dx-fa-button-icon-close {
  padding: 6px;
  width: 18px;
  height: 18px;
  -webkit-box-sizing: content-box;
  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 {
  min-width: 30px;
  max-height: 30px;
  background-color: transparent;
  color: #333;
  overflow: visible;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.dx-fa-button .dx-overlay-content.dx-fa-button-content-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-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: 0 10px;
  margin-right: 10px;
  line-height: 26px;
  height: 26px;
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  font-size: 12px;
}
.dx-fa-button .dx-overlay-content .dx-fa-button-icon {
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.2);
  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 16px 0 8px;
  font-size: 14px;
  margin-right: 0;
}
.dx-splitter {
  background-color: rgba(51,122,183,.5);
}
.dx-splitter.dx-splitter-transparent {
  background-color: transparent;
}
.dx-splitter-border {
  background-color: #ddd;
}
.dx-filemanager,
.dx-filemanager .dx-filemanager-notification-common {
  border-color: #ddd;
}
.dx-filemanager .dx-filemanager-progress-panel {
  background-color: #fff;
}
.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details {
  border-color: #ddd;
}
.dx-filemanager .dx-filemanager-progress-panel .dx-filemanager-progress-panel-details > .dx-filemanager-progress-box {
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.175);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.175);
}
.dx-filemanager .dx-filemanager-progress-box-error {
  color: #fff;
  background: #d9534f;
}
.dx-filemanager .dx-filemanager-toolbar {
  background: #fff;
}
.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-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-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-inactive-area .dx-filemanager-thumbnails-view-port .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
  color: #333;
  background: #fff;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-selected {
  color: #333;
  background: #e6e6e6;
}
.dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item.dx-filemanager-item-focused {
  border-color: #333;
}
.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;
}
.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-file-actions-button .dx-button {
  min-width: 32px;
  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-color: #ddd;
}
.dx-diagram .dxdi-control .dxdi-canvas {
  background-color: #d9d9d9;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner path {
  stroke: #606060;
  stroke-opacity: 1;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-spinner ellipse {
  stroke: #606060;
  stroke-opacity: .55;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-user .dxdi-background {
  fill: #606060;
  opacity: .55;
}
.dx-diagram .dxdi-control .dxdi-canvas .dxdi-main .dxdi-image .dxdi-warning ellipse {
  fill: #d9534f;
}
.dx-diagram .dx-diagram-toolbar-wrapper {
  border-bottom: 1px solid #ddd;
}
.dx-diagram .dx-diagram-left-panel,
.dx-diagram .dx-diagram-right-panel {
  background: #fff;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item {
  border-left: none;
  border-right: none;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item .dx-diagram-right-panel-begin-group {
  padding-top: 24px;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-accordion-item:first-of-type,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-accordion-item:first-of-type {
  border-top: none;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item,
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item {
  border-color: #ddd;
}
.dx-diagram .dx-diagram-left-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type),
.dx-diagram .dx-diagram-right-panel .dx-accordion .dx-state-focused.dx-accordion-item-closed:not(:last-of-type) {
  border-bottom-color: transparent;
}
.dx-diagram .dx-diagram-left-panel {
  border-right-color: #ddd;
}
.dx-diagram .dx-diagram-left-panel .dxdi-toolbox .dxdi-canvas .dxdi-shape-text {
  opacity: .25;
}
.dx-diagram .dx-diagram-right-panel {
  border-left-color: #ddd;
}
.dx-diagram.dx-diagram-fullscreen {
  background-color: #fff;
}
.dx-diagram-toolbar {
  background-color: transparent;
}
.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 {
  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-select-sm .dx-texteditor {
  width: 90px;
}
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  border-bottom-width: 3px;
  border-bottom-style: solid;
}
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-diagram-i,
.dx-dropdownmenu-popup .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon {
  margin-left: 8px;
  margin-right: 7px;
}
.dx-diagram-toolbar .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-diagram-toolbar .dx-diagram-select-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-color-b .dx-dropdowneditor-field-template-wrapper .dx-icon,
.dx-dropdownmenu-popup .dx-diagram-select-b .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-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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M1%2C15l9-9l1%2C1l-9%2C9L1%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M12%2C10V5H0v12h12v-5h20v-2H12z%20M10%2C15H2V7h8V15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  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%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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M12%2C12v4L0%2C11l12-5v4h20v2H12z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M21%2C15l9-9l1%2C1l-9%2C9L21%2C15z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M0%2C10l0%2C2h20v5h12V5H20v5H0z%20M22%2C7h8v8h-8V7z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  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%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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M0%2C12l0-2h20V6l12%2C5l-12%2C5v-4H0z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C22v-8h3V5H8v3H0V0h8v3h19h2v2v9h3v8H24z%20M6%2C2H2v4h4V2z%20M30%2C16h-4v4h4V16z%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  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%2032%2022%22%20style%3D%22enable-background%3Anew%200%200%2032%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M24%2C14v2.2L8%2C2.8V0H0v8h8V5.8l16%2C13.3V22h8v-8H24z%20M6%2C6H2V2h4V6z%20M30%2C20h-4v-4h4V20z%22%20fill%3D%22%23333%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 26.28px;
  height: 18px;
}
.dx-diagram-i-button-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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%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%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M7.5%2C5c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.2%0A%09l-1.9%2C0.3l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9C11.4%2C16%2C11.3%2C16%2C11.2%2C16c-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.5V5.6C6.9%2C5.3%2C7.2%2C5%2C7.5%2C5z%22%20fill%3D%22%23333%22%20%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%2211%2C5%2013%2C7%2015%2C7%2015%2C5%20%09%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2210.6%22%20y%3D%221%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%202.1005%209.0711)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%227%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%222.6%22%20y%3D%229%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-5.8995%205.7574)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%223%22%20y%3D%220.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.2426%203.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%221%22%20y%3D%225%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%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-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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M16%2C14.4L14.5%2C16l-2-2l-2%2C2L9%2C14.4l2-2l-2-2L10.5%2C9l2%2C2l2-2l1.5%2C1.5l-2%2C2L16%2C14.4z%20M11%2C5l-4%2C6L5%2C9%0A%09l-3%2C5h5v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L11%2C5z%20M4.5%2C4C3.7%2C4%2C3%2C4.6%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5%0A%09S5.3%2C4%2C4.5%2C4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 18px;
  height: 18px;
}
.dx-diagram-i-button-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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C6L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M16%2C11.5L11.5%2C16H10v-1.5l4.5-4.5L16%2C11.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 {
  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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C7L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M12%2C10h2v2h2v2h-2v2h-2v-2h-2v-2h2V10z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 18px;
  height: 18px;
}
.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-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-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-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-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%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%09.st1%7Bopacity%3A0.75%3B%7D%0A%3C%2Fstyle%3E%0A%3Cpath%20id%3D%22_x31_%22%20class%3D%22st0%22%20d%3D%22M7.5%2C5c0.1%2C0%2C0.3%2C0.1%2C0.4%2C0.1l0%2C0l6.8%2C5.3c0.3%2C0.2%2C0.3%2C0.5%2C0.1%2C0.8c-0.1%2C0.1-0.2%2C0.2-0.3%2C0.2%0A%09l-1.9%2C0.3l1.3%2C2.6c0.2%2C0.3%2C0%2C0.6-0.3%2C0.7l-2.1%2C0.9C11.4%2C16%2C11.3%2C16%2C11.2%2C16c-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.5V5.6C6.9%2C5.3%2C7.2%2C5%2C7.5%2C5z%22%20fill%3D%22%23333%22%20%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%2211%2C5%2013%2C7%2015%2C7%2015%2C5%20%09%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x32__1_%22%20x%3D%2210.6%22%20y%3D%221%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%202.1005%209.0711)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x33__1_%22%20x%3D%227%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%224%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x34_%22%20x%3D%222.6%22%20y%3D%229%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-5.8995%205.7574)%22%20class%3D%22st0%22%20width%3D%222.8%22%20height%3D%222%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x35_%22%20x%3D%223%22%20y%3D%220.6%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-0.2426%203.4142)%22%20class%3D%22st0%22%20width%3D%222%22%20height%3D%222.8%22%20fill%3D%22%23333%22%20%2F%3E%0A%09%3Crect%20id%3D%22_x36_%22%20x%3D%221%22%20y%3D%225%22%20class%3D%22st0%22%20width%3D%224%22%20height%3D%222%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-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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M16%2C14.4L14.5%2C16l-2-2l-2%2C2L9%2C14.4l2-2l-2-2L10.5%2C9l2%2C2l2-2l1.5%2C1.5l-2%2C2L16%2C14.4z%20M11%2C5l-4%2C6L5%2C9%0A%09l-3%2C5h5v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4l-2%2C2L11%2C5z%20M4.5%2C4C3.7%2C4%2C3%2C4.6%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5%0A%09S5.3%2C4%2C4.5%2C4z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 18px;
  height: 18px;
}
.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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C6L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M16%2C11.5L11.5%2C16H10v-1.5l4.5-4.5L16%2C11.5z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 18px;
  height: 18px;
}
.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%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_x31_%22%20class%3D%22st0%22%20d%3D%22M14%2C8l-3-3l-4%2C7L5%2C9l-3%2C5h6v2H2c-1.1%2C0-2-0.9-2-2V2c0-1.1%2C0.9-2%2C2-2h12c1.1%2C0%2C2%2C0.9%2C2%2C2v4L14%2C8z%0A%09%20M4.5%2C4C3.7%2C4%2C3%2C4.7%2C3%2C5.5S3.7%2C7%2C4.5%2C7S6%2C6.3%2C6%2C5.5S5.3%2C4%2C4.5%2C4z%20M12%2C10h2v2h2v2h-2v2h-2v-2h-2v-2h2V10z%22%20fill%3D%22%23333%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
  width: 18px;
  height: 18px;
}
.dx-gantt {
  border: 1px solid #ddd;
}
.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,
.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 {
  background-color: rgba(0,0,0,.1);
}
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > td,
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row > tr > td,
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > td,
.dx-gantt .dx-treelist-rowsview .dx-selection.dx-row:hover > 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-gantt-view {
  background-color: #fff;
}
.dx-gantt .dx-header-row {
  height: 45px;
}
.dx-gantt .dx-gantt-header {
  color: #959595;
}
.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 {
  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: 7px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-task,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-taskRes,
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut {
  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-taskRes {
  color: #fff;
  background-color: #999;
  border-radius: 4px;
  margin-left: 21px;
  padding-left: 4px;
  padding-right: 4px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleIn {
  color: #fff;
  padding: 0 7px;
}
.dx-gantt .dx-gantt-taskWrapper .dx-gantt-titleOut {
  padding-right: 20px;
}
.dx-gantt .dx-gantt-milestone {
  background-image: linear-gradient(135deg,#ddd,#333);
  width: 14px;
  height: 14px;
}
.dx-gantt .dx-gantt-task-edit-wrapper {
  padding-top: 7px;
  padding-left: 1px;
}
.dx-gantt .dx-gantt-task-edit-wrapper .dx-gantt-task-edit-frame {
  height: 21px;
  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-status {
  border-radius: 4px;
}
.dx-gantt .dx-gantt-task-edit-wrapper-successor {
  padding-top: 7px;
}
.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;
  top: 5px;
}
.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: rgba(0,0,0,.1);
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.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-altRow,
.dx-gantt .dx-gantt-collapsable-row {
  background-color: #f5f5f5;
}
.dx-sortable-placeholder {
  border-color: #337ab7;
}
.dx-sortable-dragging > * {
  border-color: rgba(51,122,183,.5);
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.2);
  box-shadow: 0 1px 3px rgba(0,0,0,.1),0 6px 8px rgba(0,0,0,.2);
}
.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;
}