.dxbs-ss {
  height: 700px;
  min-height: 350px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
  -ms-touch-action: pinch-zoom;
}

.dxbs-ss .dxbs-popup .dxbs-lp {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-ss > .dxbs-ribbon {
  z-index: auto;
}

.dxbs-ss > .dxbs-ribbon > .card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.dxbs-ribbon .dxssRibbonCBSmall {
  max-width: 7em;
}

.dxbs-ss > .card {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-ss > .card:not(.dxbs-lp):not(:first-child) {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dxbs-ss > .card > .card-header.dxbs-tabs {
  padding-top: 0;
  border-bottom: none;
}

.dxbs-ss > .card > .dxbs-tabs > ul.nav-tabs > li,
.dxbs-ss > .card > .dxbs-tabs > ul.nav-tabs > li > a > * {
  transform: rotateX(180deg);
}

.dxbs-ss > .card > .dxbs-tabs > ul.nav-tabs,
.dxbs-ss > .card > .dxbs-tabs > ul.nav-tabs > li {
  margin-bottom: 0;
}

.dxbs-ss > .card > .card-header.dxbs-tabs > ul.nav-tabs > li > a > span {
  display: inline-block;
}

.dxbs-ss .dxss-rit {
  display: inline-table;
}

.dxbs-ss .dxss-sctb,
.dxbs-ss .dxss-tb,
.dxbs-ss .dxss-cctb {
  border-style: hidden !important;
}

.dxbs-ss.dxss-fullscreen {
  z-index: 10001 !important;
  left: 0 !important;
  position: fixed !important;
  border-top-width: 0 !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  border-radius: 0 !important;
}

/* DX Spreadsheet Main Div */
.dxbs-ss .dxss-md {
  position: relative;
  z-index: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background-color: white;
  color: black;
}

/* DX Spreadsheet Single Cell Text Box */
.dxbs-ss .dxss-sctb {
  position: absolute;
  z-index: 4;
  overflow: hidden;
}

/* DX Spreadsheet Complex Cell Text Box */
.dxbs-ss .dxss-cctb {
  position: absolute;
  z-index: 4;
  overflow: hidden;
}

/* DX Spreadsheet Text Box Background only */
.dxbs-ss .dxss-tbg {
  position: absolute;
  z-index: 3;
}

/* DX Spreadsheet Drawing Box */
.dxbs-ss .dxss-db {
  position: absolute;
  z-index: 9; /* To be above the selection and edition*/
  cursor: move;
  touch-action: none;
}

/* DX Spreadsheet Text Box content*/
.dxbs-ss .dxss-tb {
  z-index: 5;
  white-space: pre;
}

.dxbs-ss .dxss-tw {
  position: absolute;
}

/* DX Spreadsheet Fill Text Box Container*/
.dxbs-ss .dxss-ftc {
  position: absolute;
}

/* DX Spreadsheet Merged Cells */
.dxbs-ss .dxss-mc {
  position: absolute;
  z-index: 2;
  background-color: white;
}

/* DX Spreadsheet Default Cell Style*/
.dxbs-ss .dxss-dcs,
.dxbs-ss .dxss-ddcs {
  font-family: Calibri;
  font-size: 11pt;
  vertical-align: bottom;
  padding: 0px 0px 0px 2px;
  display: table-cell;
}

.dxbs-ss .dxss-dcs {
  text-align: left;
}

.dxbs-ss .dxss-ddcs {
  text-align: right;
}

/* DX Spreadsheet Comment Indicator */
.dxbs-ss .dxss-ci > div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 3px solid red;
  border-right: 3px solid red;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
}

/* DX Spreadsheet Comment Container */
.dxbs-ss .dxss-cc {
  background-color: #ffffe1;
  position: absolute;
  z-index: 101;
  padding: 2px;
  border: 1px solid black;
  cursor: move;
  box-sizing: border-box;
}

.dxbs-ss .dxss-cc.highlighted {
  border-color: #217346;
  z-index: 102;
}

.dxbs-ss .dxss-ccte {
  position: absolute;
  z-index: 101;
  cursor: move;
  box-sizing: border-box;
}

/* DX Spreadsheet Connection Line */
.dxbs-ss .dxss-cl {
  z-index: 101;
  padding: 0px;
  margin: 0px;
  background-color: black;
  line-height: 1px;
  position: absolute;
  height: 1px;
}

.dxbs-ss .dxss-cl.highlighted {
  background-color: #217346;
  z-index: 102;
}

/* DX Spreadsheet Fill Handle Element */
.dxbs-ss .dxss-fh {
  position: absolute;
  right: -4px;
  top: -2px;
  width: 5px;
  height: 5px;
  cursor: crosshair;
  border: solid 1px #FFF;
  background-color: #7493C0;
}

/* DX Spreadsheet Dynamic Selection Element */
.dxbs-ss .dxss-cdse {
  position: absolute;
  z-index: 7;
  border: 2px solid;
}

.dxbs-ss .dxss-cdse.highlighted {
  border-style: dashed;
}

.dxbs-ss .dxss-cdse.marker {
  z-index: 8;
}

.dxbs-ss .dxss-cdse.marker.nw, .dxss-cdse.marker.se {
  cursor: nwse-resize;
}

.dxbs-ss .dxss-cdse.marker.ne, .dxss-cdse.marker.sw {
  cursor: nesw-resize;
}

.dxbs-ss .dxss-cdse.color0 {
  border-color: #5F8CED;
  background-color: rgba(95, 140, 237, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1F5F8CED", endColorstr="#1F5F8CED");
}

.dxbs-ss .dxss-cdse.color1 {
  border-color: #EB5E60;
  background-color: rgba(235, 94, 96, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1FEB5E60", endColorstr="#1FEB5E60");
}

.dxbs-ss .dxss-cdse.color2 {
  border-color: #8D61C2;
  background-color: rgba(141, 97, 194, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1F8D61C2", endColorstr="#1F8D61C2");
}

.dxbs-ss .dxss-cdse.color3 {
  border-color: #2D9639;
  background-color: rgba(45, 150, 57, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1F2D9639", endColorstr="#1F2D9639");
}

.dxbs-ss .dxss-cdse.color4 {
  border-color: #BF4C91;
  background-color: rgba(191, 76, 145, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1FBF4C91", endColorstr="#1FBF4C91");
}

.dxbs-ss .dxss-cdse.color5 {
  border-color: #E38222;
  background-color: rgba(227, 130, 34, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1FE38222", endColorstr="#1FE38222");
}

.dxbs-ss .dxss-cdse.color6 {
  border-color: #377F9E;
  background-color: rgba(55, 127, 158, 0.12);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#1F377F9E", endColorstr="#1F377F9E");
}

/* DX Spreadsheet Cell Active Selected Element */
.dxbs-ss .dxss-case {
  position: absolute;
  z-index: 2;
}

/* DX Spreadsheet Cell Range Selected Element */
.dxbs-ss .dxss-crse {
  position: absolute;
  z-index: 7;
  background-color: #2291FF;
  opacity: 0.25;
  filter: alpha(opacity=25);
  pointer-events: none;
}

/* DX Spreadsheet Top Range Border Element */
.dxbs-ss .dxss-trbe {
  position: absolute;
  z-index: 8;
  border-top: 2px solid #7493C0;
  cursor: move;
}

/* DX Spreadsheet Right Range Border Element */
.dxbs-ss .dxss-rrbe {
  position: absolute;
  z-index: 8;
  border-right: 2px solid #7493C0;
  cursor: move;
}

/* DX Spreadsheet Selection Movement Border Element */
.dxbs-ss .dxss-sbe {
  position: absolute;
  z-index: 9;
  border: 3px solid #7493C0;
  cursor: move;
  box-sizing: border-box;
}

/* DX Spreadsheet Touch Selection Element */
.dxbs-ss .dxss-tse {
  position: absolute;
  width: 15px;
  height: 15px;
  z-index: 9;
  border-radius: 50%;
  border: 2px solid #7493C0;
  background: white;
}

/* DX Spreadsheet Bottom Range Border Element */
.dxbs-ss .dxss-brbe {
  position: absolute;
  z-index: 8;
  border-bottom: 2px solid #7493C0;
  cursor: move;
}

/* DX Spreadsheet Left Range Border Element */
.dxbs-ss .dxss-lrbe {
  position: absolute;
  z-index: 8;
  border-left: 2px solid #7493C0;
  cursor: move;
}

/* DX Spreadsheet Cell Selected border */
.dxbs-ss .dxss-csb {
  position: absolute;
  z-index: 8;
  border: 2px solid #7493C0;
}

/* DX Spreadsheet Drawing Box Selected border */
.dxbs-ss .dxss-dbse {
  position: absolute;
  z-index: 100; /* To be above the dxss-db */
  border: 1px solid #5A93D3;
  cursor: move;
}

/* DX Spreadsheet Comment Box Selected element */
.dxbs-ss .dxss-cbse {
  position: absolute;
  z-index: 101; /* To be above the dxss-db */
  border: 1px solid #5A93D3;
  cursor: move;
}

/* DX Spreadsheet Copied range style */
.dxbs-ss .dxss-crs {
  position: absolute;
  z-index: 12;
  pointer-events: none;
  border-style: dotted;
  border-color: #7493C0;
  border-width: 3px;
  box-sizing: border-box;
}

.dxbs-ss .dxss-crs.dxss-crsb {
  background-color: rgba(255, 255, 255, 0.4);
}

/* DX Spreadsheet AutoFilter image */
.dxbs-ss .dxss-afi {
  position: absolute;
  right: 0;
  bottom: 1px;
  cursor: pointer;
  background-color: white;
  z-index: 5;
  line-height: 1;
}

/* DX Spreadsheet InvalidDataCircle */
.dxbs-ss .dxss-idc {
  position: absolute;
  border: 1px solid red;
  border-radius: 100%;
  z-index: 4;
}

/* DX Spreadsheet DropDownButton */
.dxbs-ss .dxss-ddb {
  position: absolute;
  cursor: pointer;
  background-color: white;
  z-index: 9;
}

.dxbs-ss .dxss-pm {
  position: absolute;
  z-index: 9;
  display: table;
  background-color: #FFFFE1;
  cursor: default;
  border: 1px solid black;
  max-width: 168px;
  height: 50px;
  padding: 5px;
}

.dxbs-ss .dxss-pm div:first-child {
  font-weight: bold;
  white-space: pre;
}

/* DX Spreadsheet DropDown panel */
.dxbs-ss .dxss-ddp {
  position: absolute;
  background-color: white;
  border: 1px solid black;
  max-height: 152px;
  overflow: auto;
  z-index: 8;
  cursor: default;
}

.dxbs-ss .dxss-ddp table {
  width: 100%;
}

.dxbs-ss .dxss-ddp tr:hover {
  background-color: #1d85cd;
}

.dxbs-ss .dxss-ddp td {
  height: 17px;
  padding-left: 4px;
}

/* DX Spreadsheet Cell Editor Element */
.dxbs-ss .dxss-cee {
  position: absolute; /*the same -dxss-cfe */
  z-index: 200;
  resize: none;
  height: auto;
  outline: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

/* DX Spreadsheet Inplace Comment Editor Element */
.dxbs-ss .dxss-icee {
  font-family: Tahoma;
  font-size: 12px;
  border: none;
  z-index: 200;
  background-color: #ffffe1;
  resize: none;
  height: 100% !important;
  width: 100% !important;
  outline: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.dxbs-ss .dxss-icee.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dxbs-ss .dxss-cee {
  border: 1px solid white;
  padding: 0 2px 0 0 !important;
}

.dxbs-ss .dxss-funcLB {
  position: absolute;
  visibility: hidden;
  display: none;
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
}

.dxbs-ss .dxss-hint {
  position: absolute;
  white-space: pre;
  pointer-events: none;
  border: 1px solid #A8A8A8;
  background-color: white;
  padding: 3px 8px 4px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.dxbs-ss .dxss-hint.dxss-funcInfo {
  white-space: nowrap;
}

.dxbs-ss .dxss-cbse .corner,
.dxbs-ss .dxss-dbse .corner {
  border: 1px solid #989898;
  position: absolute;
  width: 9px !important;
  height: 9px;
  background-color: #F2FAFB;
  z-index: 9;
  margin-top: -6px;
  margin-left: -6px;
  border-radius: 5px;
}

.dxbs-ss .dxss-cbse .cornerTouch,
.dxbs-ss .dxss-dbse .cornerTouch {
  border: 1px solid #989898;
  position: absolute;
  width: 15px !important;
  height: 15px;
  margin-top: -9px;
  margin-left: -9px;
  border-radius: 50%;
}

.corner.ne,
.corner.e,
.corner.se {
  margin-left: -5px;
}

.cornerTouch.ne,
.cornerTouch.e,
.cornerTouch.se {
  margin-left: -8px;
}

.corner.sw,
.corner.s,
.corner.se {
  margin-top: -5px;
}

.cornerTouch.sw,
.cornerTouch.s,
.cornerTouch.se {
  margin-top: -8px;
}

.corner.n,
.corner.e,
.corner.s,
.corner.w {
  border-radius: 3px;
}

.corner.nw {
  left: 0;
  top: 0;
  cursor: nw-resize;
}

.corner.ne {
  left: 100%;
  top: 0;
  cursor: ne-resize;
}

.corner.se {
  left: 100%;
  top: 100%;
  cursor: se-resize;
}

.corner.sw {
  left: 0;
  top: 100%;
  cursor: sw-resize;
}

.corner.n {
  left: 50%;
  top: 0;
  cursor: n-resize;
}

.corner.e {
  left: 100%;
  top: 50%;
  cursor: e-resize;
}

.corner.s {
  left: 50%;
  top: 100%;
  cursor: s-resize;
}

.corner.w {
  left: 0;
  top: 50%;
  cursor: w-resize;
}

.dxbs-ss .dxss-cbse .corner.nw.cornerTouch {
  margin-left: -17px;
  margin-top: -17px;
}

.dxbs-ss .dxss-cbse .corner.w.cornerTouch {
  margin-left: -17px;
}

.dxbs-ss .dxss-cbse .corner.sw.cornerTouch {
  margin-left: -17px;
}

.dxbs-ss .dxss-cbse .corner.n.cornerTouch {
  margin-top: -17px;
}

.dxbs-ss .dxss-cbse .corner.ne.cornerTouch {
  margin-top: -17px;
}

.dxbs-ss .dxss-cbse .corner.nw {
  margin-left: -12px;
  margin-top: -12px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.w {
  margin-left: -12px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.sw {
  margin-left: -12px;
  margin-top: 0px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.n {
  margin-top: -12px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.ne {
  margin-top: -12px;
  margin-left: 0px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.e {
  margin-left: 0px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.se {
  margin-left: 0px;
  margin-top: 0px;
  border-radius: 3px;
}

.dxbs-ss .dxss-cbse .corner.s {
  margin-top: 0px;
  border-radius: 3px;
}

.dxbs-ss .dxss-colHeader,
.dxbs-ss .dxss-rowHeader,
.dxbs-ss .dxss-grid {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 0;
  height: 0;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  touch-action: none;
}

.dxbs-ss .dxss-rowHeader.dxss-hidden,
.dxbs-ss .dxss-colHeader.dxss-hidden {
  display: none;
}

.dxbs-ss .dxss-colHeader .dxss-htd,
.dxbs-ss .dxss-rowHeader .dxss-htd {
  cursor: pointer;
}

.dxbs-ss .dxss-colHeader.resizing .dxss-htd,
.dxbs-ss .dxss-colHeader.resizing .dxss-v {
  cursor: w-resize;
}

.dxbs-ss .dxss-rowHeader.resizing .dxss-htd,
.dxbs-ss .dxss-rowHeader.resizing .dxss-h {
  cursor: n-resize;
}

.dxbs-ss .dxss-colHeader {
  border-bottom: 1px solid #d4d4d4;
  border-left: 1px solid #d4d4d4;
}

.dxbs-ss .dxss-rowHeader {
  border-right: 1px solid #d4d4d4;
  border-top: 1px solid #d4d4d4;
}

.dxbs-ss .dxss-fc {
  width: 1000000px;
  clear: both;
}

.dxbs-ss .dxss-ts,
.dxbs-ss .dxss-bs {
  width: 1px;
  height: 50000px;
}

.dxbs-ss .dxss-ls,
.dxbs-ss .dxss-rs {
  height: 2px; /*T366198*/
  width: 50000px;
}

.dxbs-ss .dxss-ls,
.dxbs-ss .dxss-rs,
.dxbs-ss .dxss-tc {
  float: left;
}

.dxbs-ss .dxss-bs {
  clear: both;
}

.dxbs-ss .dxss-tc {
  position: relative;
}

.dxbs-ss .dxss-sc {
  position: absolute;
  overflow: scroll;
  width: 0;
  height: 0;
}

.dxbs-ss .dxss-ssb {
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}

.dxbs-ss .dxss-ssbi {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px !important;
  border-color: transparent;
  border-bottom-color: #cecece;
  border-right-color: #cecece;
  position: absolute;
  bottom: 2px;
  right: 2px;
  pointer-events: none;
}

.dxbs-ss .dxss-ssb:hover .dxss-ssbi {
  border-bottom-color: #a8a8a8;
  border-right-color: #a8a8a8;
}

.dxbs-ss .dxss-gt {
  float: left;
  position: relative;
  min-height: 1px;
}

.dxbs-ss .dxss-ht {
  position: relative;
}

.dxbs-ss .dxss-fc .dxss-ht {
  float: left;
}

.dxbs-ss .dxss-htd {
  position: absolute;
  text-align: center;
  overflow: hidden;
  font-size: 0.9em;
}

.dxbs-ss .dxss-htd:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.dxbs-ss .dxss-htd.dxss-hlh:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.dxbs-ss .dxss-rowHeader .dxss-tc {
  width: 100%;
  float: none;
}

.dxbs-ss .dxss-rowHeader .dxss-ht {
  width: 100%;
}

.dxbs-ss .dxss-rowHeader .dxss-htd {
  left: 0;
  width: 100%;
}

.dxbs-ss .dxss-colHeader .dxss-htd {
  top: 0;
  height: 100%;
}

/* Vertical extended area*/
.dxbs-ss .dxss-vea {
  width: 1px;
  display: block;
}

/* Horizontal extended area*/
.dxbs-ss .dxss-hea {
  height: 1px;
  display: inline;
}

/* Grid Lines */
.dxbs-ss .dxss-gl {
  width: 100%;
  height: 100%;
}

.dxbs-ss .dxss-gl .dxss-v,
.dxbs-ss .dxss-gl .dxss-h {
  position: absolute;
  z-index: 1;
  border-style: solid;
  border-color: #d4d4d4;
  border-width: 0;
}

.dxbs-ss .dxss-gl .dxss-v {
  top: 0;
  width: 0;
  height: 100%;
  border-left-width: 1px !important;
}

.dxbs-ss .dxss-gl .dxss-h {
  left: 0;
  width: 100%;
  height: 0;
  border-top-width: 1px !important;
}

.dxbs-ss .dxss-ht .dxss-h.db {
  height: 3px;
  border-bottom-width: 1px !important;
  margin-top: -2px;
}

.dxbs-ss .dxss-ht .dxss-v.db {
  width: 3px;
  border-right-width: 1px !important;
  margin-left: -2px;
}

.dxbs-ss .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-h,
.dxbs-ss .dxss-hideGridLines .dxss-grid .dxss-gl .dxss-v {
  border-width: 0 !important;
}

.dxbs-ss .dxss-hh .dxss-colHeader,
.dxbs-ss .dxss-hh .dxss-rowHeader {
  border-width: 0 !important;
}

.dxbs-ss .dxss-fap {
  position: absolute;
  margin: 21px 6px 0 0;
  z-index: 200;
}

.dxbs-ss .dxss-fapb {
  display: inline-block;
  width: 36px;
  height: 36px;
}

.dxbs-ss .dxss-ab {
  background-color: #13a10e;
}

.dxbs-ss .dxss-cb {
  background-color: #e81123;
}

.dxbs-ss .dxss-fapb > div {
  margin: auto;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dxbs-ss .dxss-ab .dxss-fbi {
  width: 19px;
  height: 14px;
}

.dxbs-ss .dxss-cb .dxss-fbi {
  width: 14px;
  height: 14px;
}

.dxbs-ss .dxss-fapb > div > div {
  position: absolute;
  background-color: #fff;
}

.dxbs-ss .dxss-ab .dxss-fbs {
  width: 2px;
  height: 19px;
  left: 17px;
  top: 3px;
}

.dxbs-ss .dxss-ab .dxss-fbk {
  width: 7px;
  height: 2px;
  left: 12px;
  top: 20px;
}

.dxbs-ss .dxss-cb .dxss-fbs {
  width: 2px;
  height: 19px;
  left: 13px;
  top: 5px;
}

.dxbs-ss .dxss-cb .dxss-fbk {
  width: 19px;
  height: 2px;
  left: 5px;
  top: 13px;
}

/* Resizing */
.dxbs-ss .dxss-hrg,
.dxbs-ss .dxss-vrg {
  position: absolute;
  background: #7493C0;
  z-index: 2;
}

.dxbs-ss .dxss-tre {
  position: absolute;
  width: 20px;
  height: 20px;
  z-index: 2;
  pointer-events: none;
}

.dxbs-ss .dxss-tre.tre-hor {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.dxbs-ss .dxss-rmc,
.dxbs-ss .dxss-rmcv,
.dxbs-ss .dxss-rmch {
  position: absolute;
}

.dxbs-ss .dxss-rowHeader .dxss-rmc,
.dxbs-ss .dxss-rmch {
  width: 100%;
}

.dxbs-ss .dxss-colHeader .dxss-rmc,
.dxbs-ss .dxss-rmcv {
  height: 100%;
}

.dxbs-ss .dxss-rmch {
  left: 0;
}

.dxbs-ss .dxss-rmcv {
  top: 0;
}

/* Multy line text container*/
.dxbs-ss .dxss-mltc {
  display: table-cell;
  height: inherit;
  pointer-events: none;
}

.dxbs-ss .dxss-wrap {
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* DX Spreadsheet Borders */
.dxbs-ss .dxss-bt-t,
.dxbs-ss .dxss-bt-h,
.dxbs-ss .dxss-bt-d,
.dxbs-ss .dxss-bt-da,
.dxbs-ss .dxss-bt-ddd,
.dxbs-ss .dxss-bt-ddd,
.dxbs-ss .dxss-bt-m,
.dxbs-ss .dxss-bt-md,
.dxbs-ss .dxss-bt-mdd,
.dxbs-ss .dxss-bt-mddd,
.dxbs-ss .dxss-bt-sdd,
.dxbs-ss .dxss-bt-dbl,
.dxbs-ss .dxss-bt-tk {
  position: absolute;
  z-index: 6;
  border-color: black;
  border-width: 1px;
  border-left-style: solid;
  border-top-style: solid;
}

.dxbs-ss .dxss-bt-m,
.dxbs-ss .dxss-bt-md,
.dxbs-ss .dxss-bt-mdd,
.dxbs-ss .dxss-bt-mddd,
.dxbs-ss .dxss-bt-sdd {
  border-width: 2px;
}

.dxbs-ss .dxss-bt-dbl,
.dxbs-ss .dxss-bt-tk {
  border-width: 3px;
}

.dxbs-ss .dxss-bt-da,
.dxbs-ss .dxss-bt-md,
.dxbs-ss .dxss-bt-mdd,
.dxbs-ss .dxss-bt-sdd {
  border-left-style: dashed;
  border-top-style: dashed;
}

.dxbs-ss .dxss-bt-d,
.DashDotDot,
.dxbs-ss .dxss-bt-mddd {
  border-left-style: dotted;
  border-top-style: dotted;
}

.dxbs-ss .dxss-bt-dbl {
  border-left-style: double;
  border-top-style: double;
}

.dxbs-ss .dxss-v.dxss-bt-t,
.dxbs-ss .dxss-v.dxss-bt-h,
.dxbs-ss .dxss-v.dxss-bt-d,
.dxbs-ss .dxss-v.dxss-bt-da,
.dxbs-ss .dxss-v.dxss-bt-ddd,
.dxbs-ss .dxss-v.dxss-bt-ddd,
.dxbs-ss .dxss-v.dxss-bt-m,
.dxbs-ss .dxss-v.dxss-bt-md,
.dxbs-ss .dxss-v.dxss-bt-mdd,
.dxbs-ss .dxss-v.dxss-bt-mddd,
.dxbs-ss .dxss-v.dxss-bt-sdd,
.dxbs-ss .dxss-v.dxss-bt-dbl,
.dxbs-ss .dxss-v.dxss-bt-tk {
  border-top-style: none;
}

.dxbs-ss .dxss-h.dxss-bt-t,
.dxbs-ss .dxss-h.dxss-bt-h,
.dxbs-ss .dxss-h.dxss-bt-d,
.dxbs-ss .dxss-h.dxss-bt-da,
.dxbs-ss .dxss-h.dxss-bt-ddd,
.dxbs-ss .dxss-h.dxss-bt-ddd,
.dxbs-ss .dxss-h.dxss-bt-m,
.dxbs-ss .dxss-h.dxss-bt-md,
.dxbs-ss .dxss-h.dxss-bt-mdd,
.dxbs-ss .dxss-h.dxss-bt-mddd,
.dxbs-ss .dxss-h.dxss-bt-sdd,
.dxbs-ss .dxss-h.dxss-bt-dbl,
.dxbs-ss .dxss-h.dxss-bt-tk {
  border-left-style: none;
}

.dxbs-ss .dxss-supportFrame {
  top: -100px;
  left: -100px;
  overflow: hidden;
  position: absolute;
  border-style: none;
}

.dxbs-ss .dxss-hlh {
  background-color: #e1e1e1;
}

.dxbs-ss .dxm-disabled .dxm-pImage {
  opacity: 0.2;
}

.dxbs-ss .dxss-ch-container {
  display: inline-block;
  vertical-align: middle;
  line-height: 120%;
}

.dxbs-ss .dxss-ch-container .dxss-ch-text {
  font-weight: 700;
}

/*Cell position hint*/
.dxbs-ss .dxss-cell-pos-hint {
  background-color: #7493C0;
  color: white;
  border-color: #7493C0;
  border-radius: 0;
  font-size: 0.9em;
}

.dxbs-ss .dxss-cell-pos-hint .dxh-content {
  padding: 1px 5px;
  border: none;
}

.dxbs-ss .dxss-vfbe,
.dxbs-ss .dxss-hfbe {
  position: absolute;
  z-index: 1;
  background-color: #818181;
  pointer-events: none;
}

.dxbs-ss .dxss-ast {
  width: auto;
}

.dxbs-ss .dxss-ast-circle {
  width: auto;
  height: auto;
  margin-top: 0px;
  margin-left: 0;
}

.dxbs-ss .dxss-ast-circle {
  border-color: transparent !important;
  background-color: transparent !important;
}

.dxbs-ss .dxss-ast-circle.disabled {
  pointer-events: none;
}

/* Only for DesignTime */
/* Design Time Grid Cell */
.dxbs-ss .dxss-dtgc {
  width: 64px;
  height: 20px;
  border-right: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* bootstrap fix */
.dxbs-ss .dxss-case,
.dxbs-ss .dxss-rrbe,
.dxbs-ss .dxss-trbe,
.dxbs-ss .dxss-brbe,
.dxbs-ss .dxss-lrbe,
.dxbs-ss .dxss-fh {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.dxbs-ss .dxss-fb .dxbs-textbox {
  display: none;
}

.dxbs-ss .dxss-fbw.form-control {
  display: flex;
}

.dxbs-3 .dxbs-ss .dxss-fbw.form-control {
  align-items: center;
}

.dxbs-ss .dxss-fb .dxbs-textbox input {
  padding: 0 6px;
  line-height: normal;
  height: auto;
  background: none;
}

.dxbs-ss .dxss-fb,
.dxbs-ss .dxss-fb .dxbs-menu .nav {
  display: flex;
  flex-flow: row nowrap;
  padding: 0.2em;
  align-items: center;
}

.dxbs-ss .dxss-fb .dxbs-menu .nav-link {
  padding-left: 0.6em;
  padding-right: 0.6em;
}

.dxbs-ss.nem .dxss-inputTarget {
  width: 0 !important;
  height: 0 !important;
  border: 0;
  position: absolute;
}

.dxbs-ss.icbem .dxss-inputTarget {
  position: absolute;
  border-style: solid;
  box-sizing: content-box;
}

.dxbs-ss .dxss-grid textarea.dxss-ctve {
  position: absolute;
  z-index: 200;
}

.dxbs-ss .dxss-fbw .dxss-ctve {
  border: none;
  width: 100%;
}

.dxbs-ss .dxss-fbw .dxss-ctve:focus {
  outline: none;
}

.dxbs-ss .dxss-ctve {
  resize: none;
  overflow: hidden;
  box-sizing: content-box;
}

.dxbs-ss.fbem .dxss-inputTarget {
  position: absolute;
  border: none;
}

.dxbs-ss .dx-dialog .dxbs-fl .dxbs-fl-cpt {
  font-weight: inherit;
}

.dxbs-ss .dx-dialog .modal-header,
.dxbs-ss .dx-dialog .modal-body {
  padding: 1rem;
}

/*Dialog rules*/
.dxbs-ss .dxbs-fl-calc.dxss-insertLinkForm .row > div[style*="display:none"],
.dxbs-ss .dxbs-fl-calc.dxss-insertLinkForm .row > div[style*="display: none"],
.dxbs-ss .dxbs-fl-calc.dxss-saveFileAsForm .row > div[style*="display:none"],
.dxbs-ss .dxbs-fl-calc.dxss-saveFileAsForm .row > div[style*="display: none"] {
  display: block !important;
  visibility: hidden;
  height: 0;
}

.dxbs-ss .dxss-insertImageForm table {
  margin-top: 1rem;
  width: 100%;
  height: 170px;
  border: dashed 1px currentColor;
  text-align: center;
  color: inherit;
}

.dxbs-ss .dxss-dialog.dxss-openFileForm {
  padding: 1rem;
}

.dxbs-ss .dxss-dialogSimpleFooterGroup {
  padding-top: 1rem;
}

.dxbs-ss .dxss-dialogFileManagerGroup {
  height: 25rem;
  display: flex;
}

.dxbs-ss .dxss-dcw {
  display: flex;
  justify-content: flex-end;
}

.dxbs-ss .dxss-dcw .btn {
  margin-left: 0.5rem;
}

.dxbs-ss .dx-dialog .dxbs-fl .dxbs-fl-gd {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.dxbs-ss .dx-dialog .dxbs-fl .dxbs-fl-gd > .card {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dxbs-ss .dx-dialog .dxbs-fl .dxbs-fl-gd > .card > .card-header {
  background: none;
  color: inherit;
  padding-left: 0;
  padding-right: 0;
}

.dxbs-ss .dxss-dialog.dxss-modifyChartStyleForm .dxss-modifyChartStyleContent {
  overflow: auto;
}

.dxbs-ss .dxss-dialog.dxss-modifyTableStyleForm .dxss-dialogSimpleContentGroup .dxbs-button,
.dxbs-ss .dxss-dialog.dxss-modifyChartStyleForm .dxss-modifyChartStyleContent .dxbs-button,
.dxbs-ss .dxss-dialog.dxss-modifyChartLayoutForm .dxss-dialogSimpleContentGroup .dxbs-button {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dxbs-ss .dxss-dialog.dxss-changeChartTypeForm .dxss-dialogSimpleContentGroup .dxbs-button:not(.active) {
  border-color: transparent !important;
  background-color: white;
}

.dxbs-ss .dxss-dialog.dxss-changeChartTypeForm .dxss-dialogSimpleContentGroup .dxbs-button {
  background-color: #bbb;
  margin: 0 0.25rem 0.25rem 0;
  background-image: none;
  border-width: 0.2rem !important;
  color: #727272;
}

.dxbs-ss .dxss-dialog.dxss-modifyTableStyleForm .dxss-dialogSimpleContentGroup .dxbs-button:not(:hover):not(.active),
.dxbs-ss .dxss-dialog.dxss-modifyChartStyleForm .dxss-modifyChartStyleContent .dxbs-button:not(:hover):not(.active),
.dxbs-ss .dxss-dialog.dxss-modifyChartLayoutForm .dxss-dialogSimpleContentGroup .dxbs-button:not(:hover):not(.active) {
  background-color: inherit;
  border-color: transparent;
  color: inherit;
}

.dxbs-ss .dxss-dialog.dxss-modifyChartLayoutForm .dxss-chartPresetContainer {
  display: none;
}

.dxbs-ss .dxss-dialog.dxss-modifyChartLayoutForm .dxss-dialogSimpleContentGroup .dxbs-button span.image {
  position: relative;
  overflow: hidden;
}

.dxbs-ss .dxss-dialog.dxss-modifyChartLayoutForm .dxss-dialogSimpleContentGroup .dxbs-button span.image:before {
  position: absolute;
}

/*margins preview*/
.dxbs-ss .dxss-previewTable td {
  padding: 0.5rem;
}

.dxbs-ss .dxss-previewTable td:first-child {
  padding-left: 0;
}

.dxbs-ss .dxss-previewTable td:last-child {
  padding-right: 0;
}

.dxbs-ss .dxss-MPArea {
  border: 1px solid;
  box-shadow: 1px 1px;
  position: relative;
  margin: 0 auto;
  max-width: 100%;
  background-color: white;
}

.dxbs-ss .dxss-MPCG {
  position: relative;
  background: url('/Bootstrap/DXR.axd?r=23_130-xuLZv') repeat;
  display: inline-block;
}

.dxbs-ss .dxss-vOrientation .dxss-MPArea {
  width: 92px;
  height: 126px;
}

.dxbs-ss .dxss-hOrientation .dxss-MPArea {
  width: 126px;
  height: 92px;
}

.dxbs-ss .dxss-vOrientation .dxss-MPCG {
  width: 53px;
  height: 65px;
  top: 15px;
  left: 10px;
}

.dxbs-ss .dxss-hOrientation .dxss-MPCG {
  width: 66px;
  height: 53px;
  top: 10px;
  left: 15px;
}

.dxbs-ss .dxss-HCentered.dxss-MPArea {
  text-align: center;
}

.dxbs-ss .dxss-HCentered .dxss-MPCG {
  left: auto;
}

.dxbs-ss .dxss-VCentered .dxss-VHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.dxbs-ss .dxss-VCentered .dxss-MPCG {
  top: auto;
  vertical-align: middle;
}

.dxbs-ss .dxss-LinesBox {
  position: absolute;
  box-sizing: border-box;
  border: solid #B0B0B0;
}

.dxbs-ss .dxss-LinesBoxLR {
  height: inherit;
  border-width: 0 1px;
  top: 0;
}

.dxbs-ss .dxss-vOrientation .dxss-LinesBoxLR {
  width: 72px;
  margin: 0 10px;
}

.dxbs-ss .dxss-hOrientation .dxss-LinesBoxLR {
  width: 96px;
  margin: 0 15px;
}

.dxbs-ss .dxss-LinesBoxBT {
  width: inherit;
  border-width: 1px 0;
}

.dxbs-ss .dxss-vOrientation .dxss-LinesBoxBT {
  height: 96px;
  top: 15px;
}

.dxbs-ss .dxss-hOrientation .dxss-LinesBoxBT {
  height: 72px;
  top: 10px;
}

.dxbs-ss .dxss-LinesBoxFH {
  width: inherit;
  border-width: 1px 0;
  top: 5px;
}

.dxbs-ss .dxss-vOrientation .dxss-LinesBoxFH {
  height: 116px;
}

.dxbs-ss .dxss-hOrientation .dxss-LinesBoxFH {
  height: 82px;
}

.dxbs-ss .dxss-pageSetupContent .dxbs-fl-cpt,
.dxbs-ss .dxss-pageSetupContent .dxbs-fl-ctrl {
  text-align: left !important;
}

.dxbs-ss .dxss-pageSetupContent .dxss-header-button > .dxbs-fl-ctrl,
.dxbs-ss .dxss-pageSetupContent .dxss-footer-button > .dxbs-fl-ctrl {
  display: flex;
  justify-content: center;
}

/* header footer preview */
.dxbs-ss .dxss-HFPArea {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  height: 3rem;
  border: 1px solid;
}

.dxbs-ss .dxss-HFPArea.dxss-PSHeader {
  align-items: flex-start;
  -ms-flex-align: start;
  border-bottom-width: 0;
  box-shadow: 1px 0;
}

.dxbs-ss .dxss-HFPArea.dxss-PSFooter {
  align-items: flex-end;
  -ms-flex-align: end;
  border-top-width: 0;
  box-shadow: 1px 1px;
  margin-top: 1rem;
}

.dxbs-ss .dxss-HFP {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  padding: 0.25rem;
  font: normal 0.8rem "Times New Roman", serif;
}

.dxbs-ss .dxss-HFPLeft.dxss-HFP {
  text-align: left;
}

.dxbs-ss .dxss-HFPCenter.dxss-HFP {
  text-align: center;
}

.dxbs-ss .dxss-HFPRight.dxss-HFP {
  text-align: right;
}

/* Custom header/footer dialog */
.dxbs-ss .dxss-headerFooterContent > .row .row {
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-ss .dxss-headerFooterContent .dxss-HFButtonsContainer {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFInsertBtn {
  width: auto !important;
  height: auto !important;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFInsertBtn:not(:first-child) {
  margin-left: 0.5rem;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFSpacer + .dxss-HFInsertBtn {
  margin-left: 0;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFSpacer {
  flex: 0 1 2rem;
  -ms-flex: 0 1 2rem;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFELeft,
.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFELeft textarea {
  text-align: left;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFECenter,
.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFECenter textarea {
  text-align: center;
}

.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFERight,
.dxbs-ss .dxss-customHeaderFooterForm .dxss-HFERight textarea {
  text-align: right;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm {
  margin: -1rem;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleContentGroup {
  overflow-y: auto;
  height: 20rem;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleFooterGroup {
  padding: 0.5rem 1rem 1rem;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleFooterGroup .dxss-dcw {
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleFooterGroup .dxss-dcw > .btn {
  margin-top: 0.5rem;
}

.dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleFooterGroup .dxss-dcw > .btn {
  margin-left: 0.5rem;
}

@media (min-width: 768px) {
  .dxbs-ss .dxss-customHeaderFooterForm .dxbs-edit-caption {
    white-space: nowrap;
  }
}
@media (max-width: 767.98px) {
  .dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleContentGroup {
    max-height: 34vh;
  }
}
@media (max-width: 575.98px) {
  .dxbs-ss .dxss-customHeaderFooterForm .dxss-HFSpacer {
    flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    height: 0.5rem;
  }
  .dxbs-ss .dxss-dialog.dxss-dataFilterSimpleForm .dxss-dialogSimpleFooterGroup .dxss-dcw > button {
    width: calc(50% - 0.5rem);
  }
}
@media (min-width: 992px) {
  .dxbs-ss .dxmodalMaxWidth .dx-dialog {
    min-width: 950px;
  }
  .dxbs-ss .dxss-shortEditor.dxbs-spin-edit,
  .dxbs-ss .dxss-unresizeShortEditor.dxbs-spin-edit {
    max-width: 6rem;
    min-width: 6rem;
  }
  .dxbs-ss .dxss-unresizeShortEditor.dxbs-spin-edit {
    max-width: 6rem;
  }
}
.dxbs-re {
  height: 700px;
  min-height: 350px;
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
}

.dxbs-re > .dxbs-ribbon {
  flex: 0 0 auto;
}

.dxbs-re > .card-footer {
  padding: 0;
}

.dxbs-re-content {
  flex: 1 1 auto;
  position: relative;
}

.dxbs-re.dxbs-in-loading {
  overflow: hidden;
  position: relative;
}

.dxbs-re.dxbs-in-loading > .dxbs-ribbon {
  position: relative;
  z-index: 102;
}

.dxbs-re.dxbs-in-loading:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 101;
}

.dxbs-re.dxbs-in-loading:after {
  content: "Loading";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  text-align: center;
  background-color: inherit;
  border: inherit;
  border-radius: inherit;
  padding: 2em;
  width: 14em;
}

.dxbs-re.dxbs-in-loading[data-loading-text]:after {
  content: "attr(data-loading-text)";
  animation: none;
}

.dxbs-re.dxbs-in-loading .dxbs-re-content:before,
.dxbs-re.dxbs-in-loading .dxbs-re-content:after {
  content: " ";
}

.dxbs-re .dxbs-re-content:after,
.dxbs-re .dxbs-re-content:before {
  position: absolute;
  left: calc(50% - 20px);
  width: 100%;
  max-width: 800px;
  transform: translateX(-50%);
  z-index: auto;
  background-color: white;
}

.dxbs-re .dxbs-re-content:before {
  top: 3.5em;
  bottom: 0;
  border-width: 1px;
  border-style: solid;
  border-bottom-width: 0;
  opacity: 0.3;
}

.dxbs-re .dxbs-re-content:after {
  top: 0.3em;
  border: 0 solid rgba(0, 0, 0, 0.1);
  border-left-width: 6rem;
  border-right-width: 4rem;
  height: 1.2em;
  background-image: linear-gradient(to right, #ccc 1px, transparent 0);
  background-size: 15px 10px;
  background-repeat: repeat no-repeat;
  background-position: center;
}

.dxbs-re .dxbs-popup .dxbs-lp {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-re > .dxbs-ribbon > .card {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.dxbs-re .dxreBar {
  font-size: 0.8em;
  min-height: 2.4em;
  padding: 0.4em;
}

.dxbs-ribbon .dxreRibbonCBSmall {
  max-width: 7em;
}

.dxbs-re .dxreBar .dxbs-lp-inline {
  background: transparent;
}

.dxbs-re .dxreBar .dxbs-lp-inline .card-body {
  padding: 0;
  text-align: right;
}

.dxbs-re > .card {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-re > .card.border-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* AutoScroll */
.dxbs-re .dxreAutoScroll {
  position: fixed;
  width: 20px;
  height: 20px;
  background: url('/Bootstrap/DXR.axd?r=23_117-xuLZv');
  z-index: 165;
}

.dxbs-re .dxreAutoScrollCursor {
  position: fixed;
  left: 0px;
  width: 100%;
  z-index: 166;
}

.dxbs-re .dxreAutoScrollCursorN {
  cursor: url('/Bootstrap/DXR.axd?r=23_118-xuLZv') 10 10, n-resize;
}

.dxbs-re .dxreAutoScrollCursorNS {
  cursor: url('/Bootstrap/DXR.axd?r=23_119-xuLZv') 10 10, ns-resize;
}

.dxbs-re .dxreAutoScrollCursorS {
  cursor: url('/Bootstrap/DXR.axd?r=23_120-xuLZv') 10 10, s-resize;
}

/* Bootstrap correction */
.dxbs-re .dxreMeasurer *,
.dxbs-re .dxreRulerWrapper div {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* Cursor */
.dxbs-re .dxreCursorDefault .dxrePage {
  cursor: default;
}

.dxbs-re .dxreCursorNoDrop .dxrePage {
  cursor: no-drop;
}

.dxbs-re .dxreCursorCopy .dxrePage {
  cursor: copy;
}

.dxbs-re .dxreCursorNResize .dxrePage {
  cursor: n-resize;
}

.dxbs-re .dxreCursorSResize .dxrePage {
  cursor: s-resize;
}

.dxbs-re .dxreCursorWResize .dxrePage {
  cursor: w-resize;
}

.dxbs-re .dxreCursorEResize .dxrePage {
  cursor: e-resize;
}

.dxbs-re .dxreCursorEWResize .dxrePage {
  cursor: ew-resize;
}

.dxbs-re .dxreCursorNWResize .dxrePage {
  cursor: nw-resize;
}

.dxbs-re .dxreCursorNEResize .dxrePage {
  cursor: ne-resize;
}

.dxbs-re .dxreCursorNSResize .dxrePage {
  cursor: ns-resize;
}

.dxbs-re .dxreCursorSEResize .dxrePage {
  cursor: se-resize;
}

.dxbs-re .dxreCursorSWResize .dxrePage {
  cursor: sw-resize;
}

/* HeaderFooter */
.dxbs-re .dxreHeaderInfo {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: 161;
  border-top: #b9b9b9 1px dashed;
}

.dxbs-re .dxreHeaderInfo b {
  border: #b9b9b9 1px solid;
  margin: 0 5px;
  padding: 3px 5px;
  background: #CCCCCC;
  display: block;
  font-weight: normal;
  float: right;
}

.dxbs-re .dxreHeaderInfo b:first-child {
  float: left;
}

.dxbs-re .dxreFooterInfo {
  position: absolute;
  left: 0;
  width: 100%;
  height: 20px;
  z-index: 161;
  border-bottom: #b9b9b9 1px dashed;
}

.dxbs-re .dxreFooterInfo b {
  border: #b9b9b9 1px solid;
  margin: 0 5px;
  padding: 3px 5px;
  background: #CCCCCC;
  display: block;
  font-weight: normal;
  float: right;
}

.dxbs-re .dxreFooterInfo b:first-child {
  float: left;
}

/* Layout */
.dxbs-re .dxrePage {
  position: relative;
  background: white;
  margin: 15px auto;
  cursor: text;
  overflow: hidden;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: white;
}

.dxWebKitTouchUI .dxbs-re .dxrePage {
  overflow: scroll;
}

.dxbs-re .dxreSimpleView {
  padding: 0px !important;
}

.dxbs-re .dxreSimplePage {
  margin: 0;
  border-width: 0 !important;
  box-shadow: none !important;
}

.dxbs-re .dxrePageArea {
  position: absolute;
  overflow: visible;
}

.dxbs-re .dxreTextBoxArea {
  cursor: text;
}

.dxbs-re .dxreColumn {
  position: absolute;
  overflow: visible;
  cursor: text;
}

.dxbs-re .dxreRow {
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  font-size: 0;
}

.dxbs-re .dxreBox {
  position: absolute;
  white-space: nowrap;
  display: inline-block;
  text-decoration: inherit;
}

.dxbs-re .dxreBoxSpace {
  position: absolute;
  display: inline-block;
  overflow: hidden;
}

.dxbs-re .dxreBoxSpace img {
  vertical-align: bottom;
}

.dxbs-re .dxreHiddenBox {
  border-bottom: 1px dotted gray;
}

.dxbs-re .dxreTextBoxBg {
  position: absolute;
}

.dxbs-re .dxreBoxBg {
  position: absolute;
  display: block;
}

.dxbs-re .dxrePic {
  cursor: move;
}

.dxbs-re .dxreParFrame {
  position: absolute;
}

.dxbs-re .dxreStartBookmark {
  border: 2px solid #b9b9b9;
  position: absolute;
  box-sizing: border-box;
  border-right: none;
}

.dxbs-re .dxreEndBookmark {
  border: 2px solid #b9b9b9;
  position: absolute;
  box-sizing: border-box;
  border-left: none;
}

.dxbs-re .dxreFieldBg {
  position: absolute;
  display: inline-block;
}

.dxbs-re .dxreFieldBoxLevel1 {
  background: #cecece;
}

.dxbs-re .dxreFieldBoxLevel2 {
  background: #b9b9b9;
}

.dxbs-re .dxreFieldBoxLevel3 {
  background: #a0a0a0;
}

.dxbs-re .dxreAnchor {
  background: url('/Bootstrap/DXR.axd?r=23_116-xuLZv');
  width: 16px;
  height: 16px;
  position: absolute;
  z-index: 154;
}

.dxbs-re .dxreSelectedTextBox {
  transform: none !important;
}

.dxbs-re .dxreAncPic {
  position: absolute;
}

/* Table */
.dxbs-re .dxreTable {
  position: absolute;
}

.dxbs-re .dxreTableBrd {
  position: absolute;
}

.dxbs-re .dxreTableRowBg {
  position: absolute;
}

.dxbs-re .dxreTableCellBg {
  position: absolute;
}

.dxbs-re .dxreTableColumnCursor {
  position: absolute;
  background-color: transparent;
  cursor: col-resize;
  width: 4px;
}

.dxbs-re .dxreTableRowCursor {
  position: absolute;
  background-color: transparent;
  cursor: row-resize;
  height: 4px;
}

.dxbs-re .dxreTableBorderLine {
  position: absolute;
  z-index: 155;
}

.dxbs-re .dxreTblSelector {
  position: absolute;
  background: url('/Bootstrap/DXR.axd?r=23_121-xuLZv');
  cursor: pointer;
  z-index: 163;
}

/* QuickSearch */
.dxbs-re .dxreQuickSearch {
  position: relative;
  z-index: 2;
}

.dxbs-re .dxreQuickSearchPanelWrapper {
  position: absolute;
  right: 20px;
  top: -1px;
  z-index: 164;
  overflow: hidden;
  visibility: hidden;
  transition: all 0.3s;
}

.dxbs-re .dxreNotInternalRibbon .dxreQuickSearchPanelWrapper {
  top: 0px;
}

.dxbs-re .dxreQuickSearchPanel {
  display: inline-block;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 0.6em;
}

.dxbs-re .dxreQuickSearchPanel .dxreQuickSearchButtonEdit {
  float: left;
}

.dxbs-re .dxreQuickSearchPanel .dxreQuickSearchButtonEdit {
  width: 200px;
}

.dxbs-re .dxreQuickSearchPanel .dxreQuickSearchButtonEdit span {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 5px;
  color: rgba(0, 0, 0, 0.5);
}

.dxbs-re .dxreQuickSearchPanel .dxreQuickSearchButton:nth-of-type(1),
.dxbs-re .dxreQuickSearchPanel .dxreQuickSearchButton:nth-of-type(3) {
  margin-left: 0.5em;
}

/* Ruler */
.dxbs-re .dxreRulerLine {
  width: 0;
  z-index: 100;
  position: absolute;
  display: none;
}

.dxbs-re .dxreRulerWrapper {
  cursor: default;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.dxbs-re .dxreRulerWrapper .dxre-rulertabAlignBox {
  position: absolute;
  top: 0;
  left: 0;
}

.dxbs-re .dxreRulerWrapper .dxre-rulertabAlignBox div {
  position: absolute;
}

.dxbs-re .dxreRulerWrapper .dxreRuler {
  overflow: hidden;
  position: relative;
  padding-top: 1px !important;
  padding-bottom: 8px !important;
}

.dxbs-re .dxreRuler .dxre-columnHandle {
  position: absolute;
  z-index: 1;
  cursor: e-resize;
}

.dxbs-re .dxreRuler .dxre-columnHandle > div {
  position: absolute;
}

.dxbs-re .dxreRuler .dxre-leftIndentDragHandleBody {
  box-sizing: border-box;
}

.dxbs-re .dxreRuler .dxre-rulerTableColumnSeparatorHandle {
  position: absolute;
}

.dxbs-re .dxreRuler .dxre-rulerTableColumnSeparatorHandle > div {
  position: absolute;
  z-index: 1;
}

.dxbs-re .dxreRuler .dxre-columnHandleLeftPart {
  left: 0;
}

.dxbs-re .dxreRuler .dxre-columnHandleRightPart {
  right: 0;
}

.dxbs-re .dxreRuler .dxreTabDragHandle,
.dxbs-re .dxreRuler .dxreFirstLineIndentDragHandle,
.dxbs-re .dxreRuler .dxreRightIndentDragHandle,
.dxbs-re .dxreRuler .dxreLeftIndentDragHandle {
  position: absolute;
  z-index: 2;
}

.dxbs-re .dxreRuler .dxreFirstLineIndentDragHandle {
  margin-top: -1px !important;
}

.dxbs-re .dxreRuler .dxreRightIndentDragHandle,
.dxbs-re .dxreRuler .dxreLeftIndentDragHandle,
.dxbs-re .dxreRuler .dxreTabDragHandle {
  margin-top: calc(1.2em - 7px) !important;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions {
  position: absolute;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions > div {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerNumberDivision {
  font-size: 0.8em;
  line-height: 1.2em;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerNumberDivision > div {
  position: absolute;
  width: 100%;
  left: -50%;
  text-align: center;
}

.dxbs-re .dxreRuler .dxre-rulerMarginLeftHandlePanel,
.dxbs-re .dxreRuler .dxre-rulerMarginRightHandlePanel {
  position: absolute;
  z-index: 1;
  cursor: e-resize;
  background: url('/Bootstrap/DXR.axd?r=23_112-xuLZv') !important;
}

.dxbs-re .dxreRuler .dxre-rulerMarginLeftHandlePanel {
  left: 0;
}

.dxbs-re .dxreRuler .dxre-rulerMarginRightHandlePanel {
  right: 0;
}

.dxbs-re .dxreRuler .dxre-rulerMarginLeftPanel {
  position: absolute;
  left: 0;
}

.dxbs-re .dxreRuler .dxre-rulerMarginRightPanel {
  position: absolute;
  right: 0;
}

.dxbs-re .dxreRulerWrapper {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  background-color: transparent;
}

.dxbs-re .dxreRulerWrapper .dxre-rulertabAlignBox {
  background-color: rgba(0, 0, 0, 0.1);
  height: 1.5em !important;
  width: 1.5em !important;
}

.dxbs-re .dxreRulerWrapper .dxre-rulertabAlignBox > div {
  background-color: rgba(255, 255, 255, 0.8);
  height: 0.9em !important;
  width: 0.9em !important;
  top: 0.3em !important;
  left: 0.3em !important;
}

.dxbs-re .dxreRulerLine {
  border-left-width: 1px;
  border-left-style: dashed !important;
  border-left-color: rgba(0, 0, 0, 0.5);
}

.dxbs-re .dxreRulerLine.table {
  border-left-color: rgba(0, 0, 0, 0.3);
}

.dxbs-re .dxreRuler .dxre-columnHandleLeftPart,
.dxbs-re .dxreRuler .dxre-columnHandleRightPart {
  width: 5px;
  background-color: #bcb8b8;
}

.dxbs-re .dxreRuler .dxre-rulerTableColumnSeparatorHandle {
  height: 1.2em;
  background-color: rgba(0, 0, 0, 0.15);
}

.dxbs-re .dxreRuler .dxre-rulerTableColumnSeparatorHandle > div {
  margin-top: 2px;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions {
  height: 1.2em;
  background-color: rgba(255, 255, 255, 0.8);
}

.dxbs-re .dxreRuler .dxre-rulerDivisions div {
  height: 1.2em;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerMinorDivision,
.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerMajorDivision {
  border-left: 1px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.3) !important;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerMinorDivision {
  height: 0.6em !important;
  margin-top: 0.3em !important;
  margin-bottom: 0.3em !important;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerMajorDivision {
  height: 0.8em !important;
  margin-top: 0.2em !important;
  margin-bottom: 0.2em !important;
}

.dxbs-re .dxreRuler .dxre-rulerDivisions .dxre-rulerNumberDivision {
  color: rgba(0, 0, 0, 0.5);
  height: 1.2em !important;
  margin-top: 0.1em !important;
  margin-bottom: 0.1em !important;
}

.dxbs-re .dxreRuler .dxre-rulerMarginLeftPanel,
.dxbs-re .dxreRuler .dxre-rulerMarginRightPanel,
.dxbs-re .dxreRuler .dxre-rulerMarginLeftHandlePanel,
.dxbs-re .dxreRuler .dxre-rulerMarginRightHandlePanel,
.dxbs-re .dxreRuler .dxre-columnHandle,
.dxbs-re .dxreRuler .dxre-columnHandle > div {
  height: 1.2em;
}

.dxbs-re .dxreRuler .dxre-rulerMarginLeftPanel,
.dxbs-re .dxreRuler .dxre-rulerMarginRightPanel,
.dxbs-re .dxreRuler .dxre-rulerMarginLeftHandlePanel,
.dxbs-re .dxreRuler .dxre-rulerMarginRightHandlePanel,
.dxbs-re .dxreRuler .dxre-columnHandle {
  background-color: rgba(0, 0, 0, 0.1);
}

.dxbs-re .dxre-leftIndentDragHandleBody {
  background-color: #fff;
  border: 1px solid #929292;
  border-top: none;
  height: 6px;
}

.dxbs-re .dxRichEdit_RightIndentDragHandle {
  width: 9px;
  height: 8px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_128-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_LeftIndentDragHandle {
  width: 9px;
  height: 8px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_126-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_FirstLineIndentDragHandle {
  width: 9px;
  height: 8px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_125-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_CenterTabDragHandle {
  width: 8px;
  height: 6px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_122-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_ColumnSeparatorDragHandle {
  width: 7px;
  height: 8px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_123-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_DecimalTabDragHandle {
  width: 8px;
  height: 6px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_124-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_LeftTabDragHandle {
  width: 6px;
  height: 6px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_127-xuLZv') no-repeat;
}

.dxbs-re .dxRichEdit_RightTabDragHandle {
  width: 6px;
  height: 6px;
  background: transparent url('/Bootstrap/DXR.axd?r=23_129-xuLZv') no-repeat;
}

/* Selection */
.dxbs-re .dxreSelRow {
  position: absolute;
  background: #a7a7a7;
  opacity: 0.5;
}

.dxTouchUI .dxbs-re .dxreSelRow {
  background: #a7a7a7;
}

.dxbs-re .dxreInFocus .dxreSelRow {
  background: #76a7fa;
}

.dxTouchUI .dxbs-re .dxreInFocus .dxreSelRow {
  background: #76a7fa;
}

.dxbs-re .dxreSelFloatingObjects {
  z-index: 152;
}

.dxbs-re .dxreSelCursor {
  position: absolute;
  opacity: 1;
  width: 1px;
  visibility: hidden;
}

.dxbs-re .dxreInFocus .dxreSelCursor {
  visibility: visible;
}

.dxbs-re .dxreInFocus .dxreSelCursor {
  background: url('/Bootstrap/DXR.axd?r=23_113-xuLZv');
}

.dxTouchUI .dxbs-re .dxreInFocus .dxreSelCursor {
  background: url('/Bootstrap/DXR.axd?r=23_114-xuLZv');
}

.dxbs-re .dxreSelCursor.dxreSelNoblink {
  position: absolute;
}

.dxbs-re .dxreInFocus .dxreSelCursor.dxreSelNoblink {
  background: #000000;
}

.dxTouchUI .dxbs-re .dxreInFocus .dxreSelCursor.dxreSelNoblink {
  background: #156ee4;
}

.dxbs-re .dxreSelSearch {
  position: absolute;
  background: #FFFF00;
  opacity: 0.5;
}

.dxTouchUI .dxbs-re .dxreSelSearch {
  background: #FFFF00;
}

.dxbs-re .dxreInFocus .dxreSelSearch {
  background: #FFFF00;
}

.dxTouchUI .dxbs-re .dxreInFocus .dxreSelSearch {
  background: #FFFF00;
}

.dxbs-re .dxreSelRangePerm {
  position: absolute;
}

.dxbs-re .dxreSelMisspelled {
  position: absolute;
  background: url('/Bootstrap/DXR.axd?r=23_115-xuLZv') bottom;
  background-repeat: repeat-x;
  padding-bottom: 4px;
  box-sizing: content-box;
}

.dxbs-re .dxreSelBar {
  z-index: 153;
  position: absolute;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: white;
  visibility: hidden;
}

.dxbs-re .dxreSelBar:after {
  position: absolute;
  width: 13px;
  height: 13px;
  content: "";
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  border-radius: 50%;
  border: 2px solid #bbd3fd;
}

.dxbs-re .dxreInFocus .dxreSelBar {
  visibility: visible;
}

/* ShapeResizeBox */
.dxbs-re .dxreResBox {
  position: absolute;
  cursor: move;
}

.dxbs-re .dxreResBox.dxreResBoxTextBoxArea {
  cursor: text;
}

.dxbs-re .dxreResBox.dxreResBoxRotated {
  z-index: 162;
}

.dxbs-re .dxreResBoxCornerLineN {
  position: absolute;
  z-index: 158;
  cursor: move;
  width: 100%;
  height: 5px;
  top: 0px;
  border-top: 1px solid #5A93D3;
}

.dxbs-re .dxreResBoxCornerLineW {
  position: absolute;
  z-index: 158;
  cursor: move;
  width: 5px;
  height: 100%;
  left: 0px;
  border-left: 1px solid #5A93D3;
}

.dxbs-re .dxreResBoxCornerLineE {
  position: absolute;
  z-index: 158;
  cursor: move;
  width: 5px;
  height: 100%;
  right: 0px;
  border-right: 1px solid #5A93D3;
}

.dxbs-re .dxreResBoxCornerLineS {
  position: absolute;
  z-index: 158;
  cursor: move;
  width: 100%;
  height: 5px;
  bottom: 0px;
  border-bottom: 1px solid #5A93D3;
}

.dxbs-re .dxreResBox .dxreResBoxRotation {
  position: absolute;
  border: 1px solid #989898;
  background-color: #F2FAFB;
  z-index: 160;
  width: 9px;
  height: 9px;
  margin-top: -6px;
  margin-left: -6px;
  border-radius: 5px;
  background-color: #88E43A;
  left: 50%;
  top: -20px;
  cursor: pointer;
  display: none;
}

.dxTouchUI .dxbs-re .dxreResBox .dxreResBoxRotation {
  top: -30px;
  width: 15px;
  height: 15px;
  margin-top: -9px;
  margin-left: -9px;
  border-radius: 50%;
}

.dxbs-re .dxreResBox .dxreResBoxRotationLine {
  position: absolute;
  z-index: 157;
  background-color: #5A93D3;
  left: 50%;
  top: -16px;
  width: 1px;
  height: 10px;
  margin-left: -1px;
  cursor: text;
  display: none;
}

.dxTouchUI .dxbs-re .dxreResBox .dxreResBoxRotationLine {
  top: -26px;
  height: 20px;
}

.dxbs-re .dxreResBox.dxreResBoxAnchored .dxreResBoxRotation,
.dxbs-re .dxreResBox.dxreResBoxAnchored .dxreResBoxRotationLine {
  display: block;
}

.dxbs-re .dxreResBoxCornerElemTouchN {
  position: absolute;
  cursor: n-resize;
  left: 50%;
  top: 0;
  width: 15px;
  height: 15px;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchE {
  position: absolute;
  cursor: e-resize;
  left: 100%;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  margin-top: -9px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchS {
  position: absolute;
  cursor: s-resize;
  left: 50%;
  top: 100%;
  width: 15px;
  height: 15px;
  margin-left: -9px;
  margin-top: -8px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchW {
  position: absolute;
  cursor: w-resize;
  left: 0;
  top: 50%;
  width: 15px;
  height: 15px;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchNE {
  position: absolute;
  cursor: ne-resize;
  left: 100%;
  top: 0;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  margin-top: -9px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchSE {
  position: absolute;
  cursor: se-resize;
  left: 100%;
  top: 100%;
  width: 15px;
  height: 15px;
  margin-left: -8px;
  margin-top: -8px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchSW {
  position: absolute;
  cursor: sw-resize;
  left: 0;
  top: 100%;
  width: 15px;
  height: 15px;
  margin-left: -9px;
  margin-top: -8px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemTouchNW {
  position: absolute;
  cursor: nw-resize;
  left: 0;
  top: 0;
  width: 15px;
  height: 15px;
  margin-left: -9px;
  margin-top: -9px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemN {
  position: absolute;
  cursor: n-resize;
  left: 50%;
  top: 0;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemE {
  position: absolute;
  cursor: e-resize;
  left: 100%;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -6px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemS {
  position: absolute;
  cursor: s-resize;
  left: 50%;
  top: 100%;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: -5px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemW {
  position: absolute;
  cursor: w-resize;
  left: 0;
  top: 50%;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemNE {
  position: absolute;
  cursor: ne-resize;
  left: 100%;
  top: 0;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -6px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemSE {
  position: absolute;
  cursor: se-resize;
  left: 100%;
  top: 100%;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -5px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemSW {
  position: absolute;
  cursor: sw-resize;
  left: 0;
  top: 100%;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: -5px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

.dxbs-re .dxreResBoxCornerElemNW {
  position: absolute;
  cursor: nw-resize;
  left: 0;
  top: 0;
  width: 9px;
  height: 9px;
  margin-left: -6px;
  margin-top: -6px;
  border-radius: 3px;
  border: 1px solid #989898;
  background-color: #F2FAFB;
}

/* TableBorderPreview */
.dxbs-re .dxreTablePreviewContainer {
  width: 102px;
  height: 94px;
  position: relative;
  background-color: #FFFFFF;
}

.dxbs-re .dxrePreviewBorderLine {
  position: absolute;
  background-color: #FFFFFF;
}

.dxbs-re .dxrePreviewVerticalLine {
  position: absolute;
  height: 100%;
  z-index: 2;
}

.dxbs-re .dxrePreviewHorizontalLine {
  position: absolute;
  width: 100%;
  z-index: 4;
}

.dxbs-re .dxrePreviewBorderControlLine {
  border: 0 !important;
}

.dxbs-re .dxrePreviewBorderControlLine.dxrePreviewVerticalLine {
  width: 10%;
  z-index: 5;
}

.dxbs-re .dxrePreviewBorderControlLine.dxrePreviewHorizontalLine {
  height: 10%;
  z-index: 5;
}

.dxbs-re .dxrePreviewBorderControlLine.dxrePreviewMiddleLine {
  top: 45%;
}

.dxbs-re .dxrePreviewBorderControlLine.dxrePreviewCenterLine {
  left: 45%;
}

.dxbs-re .dxrePreviewMiddleLine {
  z-index: 2;
}

.dxbs-re .dxrePreviewBottomLine {
  bottom: 0%;
}

.dxbs-re .dxrePreviewCenterLine {
  z-index: 1;
}

.dxbs-re .dxrePreviewRightLine {
  right: 0%;
}

.dxbs-re .dxrePreviewTopRightCell {
  top: 50%;
  left: 0;
}

.dxbs-re .dxrePreviewTopLeftCell {
  top: 0;
  left: 0;
}

.dxbs-re .dxrePreviewBottomRight {
  top: 50%;
  left: 50%;
}

.dxbs-re .dxrePreviewBottomLeft {
  top: 0;
  left: 50%;
}

.dxbs-re .dxrePreviewCell {
  position: absolute;
  padding: 3px;
}

.dxbs-re .dxrePreviewCell .dxrePreviewTextLine {
  background-color: #a9a9a9;
}

.dxbs-re .dxrePreviewCell .dxrePreviewTextLine:first-child {
  margin-left: 12px;
}

.dxbs-re .dxrePreviewCell .dxrePreviewTextLine:last-child {
  margin-right: 12px;
}

.dxbs-re .dxreBorderButton div.dxb.dxbf {
  border: none !important;
}

.dxbs-re .dxreTextBoxBgZL0 {
  z-index: 0;
}

.dxbs-re .dxreTblRowBgZL0 {
  z-index: 1;
}

.dxbs-re .dxreTblCellBgZL0 {
  z-index: 2;
}

.dxbs-re .dxreParBgZL0 {
  z-index: 3;
}

.dxbs-re .dxreBoxBgZL0 {
  z-index: 4;
}

.dxbs-re .dxreFieldBgZL0 {
  z-index: 5;
}

.dxbs-re .dxreSelRangeZL0 {
  z-index: 6;
}

.dxbs-re .dxreBoxSpaceZL0 {
  z-index: 7;
}

.dxbs-re .dxreSelSearchZL0 {
  z-index: 8;
}

.dxbs-re .dxreSelRowZL0 {
  z-index: 9;
}

.dxbs-re .dxreBoxZL0 {
  z-index: 10;
}

.dxbs-re .dxreBookmarkZL0 {
  z-index: 11;
}

.dxbs-re .dxreTableBorderZL0 {
  z-index: 12;
}

.dxbs-re .dxreSelMisspZL0 {
  z-index: 13;
}

.dxbs-re .dxreSelCursorZL0 {
  z-index: 14;
}

.dxbs-re .dxreSelTouchBarZL0 {
  z-index: 15;
}

.dxbs-re .dxreTblCursorZL0 {
  z-index: 16;
}

.dxbs-re .dxreAnchoredPictureZL0 {
  z-index: 17;
}

.dxbs-re .dxreTextBoxZL0 {
  z-index: 18;
}

.dxbs-re .dxreTextBoxBgZL1 {
  z-index: 19;
}

.dxbs-re .dxreTblRowBgZL1 {
  z-index: 20;
}

.dxbs-re .dxreTblCellBgZL1 {
  z-index: 21;
}

.dxbs-re .dxreParBgZL1 {
  z-index: 22;
}

.dxbs-re .dxreBoxBgZL1 {
  z-index: 23;
}

.dxbs-re .dxreFieldBgZL1 {
  z-index: 24;
}

.dxbs-re .dxreSelRangeZL1 {
  z-index: 25;
}

.dxbs-re .dxreBoxSpaceZL1 {
  z-index: 26;
}

.dxbs-re .dxreSelSearchZL1 {
  z-index: 27;
}

.dxbs-re .dxreSelRowZL1 {
  z-index: 28;
}

.dxbs-re .dxreBoxZL1 {
  z-index: 29;
}

.dxbs-re .dxreBookmarkZL1 {
  z-index: 30;
}

.dxbs-re .dxreTableBorderZL1 {
  z-index: 31;
}

.dxbs-re .dxreSelMisspZL1 {
  z-index: 32;
}

.dxbs-re .dxreSelCursorZL1 {
  z-index: 33;
}

.dxbs-re .dxreSelTouchBarZL1 {
  z-index: 34;
}

.dxbs-re .dxreTblCursorZL1 {
  z-index: 35;
}

.dxbs-re .dxreAnchoredPictureZL1 {
  z-index: 36;
}

.dxbs-re .dxreTextBoxZL1 {
  z-index: 37;
}

.dxbs-re .dxreTextBoxBgZL2 {
  z-index: 38;
}

.dxbs-re .dxreTblRowBgZL2 {
  z-index: 39;
}

.dxbs-re .dxreTblCellBgZL2 {
  z-index: 40;
}

.dxbs-re .dxreParBgZL2 {
  z-index: 41;
}

.dxbs-re .dxreBoxBgZL2 {
  z-index: 42;
}

.dxbs-re .dxreFieldBgZL2 {
  z-index: 43;
}

.dxbs-re .dxreSelRangeZL2 {
  z-index: 44;
}

.dxbs-re .dxreBoxSpaceZL2 {
  z-index: 45;
}

.dxbs-re .dxreSelSearchZL2 {
  z-index: 46;
}

.dxbs-re .dxreSelRowZL2 {
  z-index: 47;
}

.dxbs-re .dxreBoxZL2 {
  z-index: 48;
}

.dxbs-re .dxreBookmarkZL2 {
  z-index: 49;
}

.dxbs-re .dxreTableBorderZL2 {
  z-index: 50;
}

.dxbs-re .dxreSelMisspZL2 {
  z-index: 51;
}

.dxbs-re .dxreSelCursorZL2 {
  z-index: 52;
}

.dxbs-re .dxreSelTouchBarZL2 {
  z-index: 53;
}

.dxbs-re .dxreTblCursorZL2 {
  z-index: 54;
}

.dxbs-re .dxreAnchoredPictureZL2 {
  z-index: 55;
}

.dxbs-re .dxreTextBoxZL2 {
  z-index: 56;
}

.dxbs-re .dxreTextBoxBgZL3 {
  z-index: 57;
}

.dxbs-re .dxreTblRowBgZL3 {
  z-index: 58;
}

.dxbs-re .dxreTblCellBgZL3 {
  z-index: 59;
}

.dxbs-re .dxreParBgZL3 {
  z-index: 60;
}

.dxbs-re .dxreBoxBgZL3 {
  z-index: 61;
}

.dxbs-re .dxreFieldBgZL3 {
  z-index: 62;
}

.dxbs-re .dxreSelRangeZL3 {
  z-index: 63;
}

.dxbs-re .dxreBoxSpaceZL3 {
  z-index: 64;
}

.dxbs-re .dxreSelSearchZL3 {
  z-index: 65;
}

.dxbs-re .dxreSelRowZL3 {
  z-index: 66;
}

.dxbs-re .dxreBoxZL3 {
  z-index: 67;
}

.dxbs-re .dxreBookmarkZL3 {
  z-index: 68;
}

.dxbs-re .dxreTableBorderZL3 {
  z-index: 69;
}

.dxbs-re .dxreSelMisspZL3 {
  z-index: 70;
}

.dxbs-re .dxreSelCursorZL3 {
  z-index: 71;
}

.dxbs-re .dxreSelTouchBarZL3 {
  z-index: 72;
}

.dxbs-re .dxreTblCursorZL3 {
  z-index: 73;
}

.dxbs-re .dxreAnchoredPictureZL3 {
  z-index: 74;
}

.dxbs-re .dxreTextBoxZL3 {
  z-index: 75;
}

.dxbs-re .dxreTextBoxBgZL4 {
  z-index: 76;
}

.dxbs-re .dxreTblRowBgZL4 {
  z-index: 77;
}

.dxbs-re .dxreTblCellBgZL4 {
  z-index: 78;
}

.dxbs-re .dxreParBgZL4 {
  z-index: 79;
}

.dxbs-re .dxreBoxBgZL4 {
  z-index: 80;
}

.dxbs-re .dxreFieldBgZL4 {
  z-index: 81;
}

.dxbs-re .dxreSelRangeZL4 {
  z-index: 82;
}

.dxbs-re .dxreBoxSpaceZL4 {
  z-index: 83;
}

.dxbs-re .dxreSelSearchZL4 {
  z-index: 84;
}

.dxbs-re .dxreSelRowZL4 {
  z-index: 85;
}

.dxbs-re .dxreBoxZL4 {
  z-index: 86;
}

.dxbs-re .dxreBookmarkZL4 {
  z-index: 87;
}

.dxbs-re .dxreTableBorderZL4 {
  z-index: 88;
}

.dxbs-re .dxreSelMisspZL4 {
  z-index: 89;
}

.dxbs-re .dxreSelCursorZL4 {
  z-index: 90;
}

.dxbs-re .dxreSelTouchBarZL4 {
  z-index: 91;
}

.dxbs-re .dxreTblCursorZL4 {
  z-index: 92;
}

.dxbs-re .dxreAnchoredPictureZL4 {
  z-index: 93;
}

.dxbs-re .dxreTextBoxZL4 {
  z-index: 94;
}

.dxbs-re .dxreTextBoxBgZL5 {
  z-index: 95;
}

.dxbs-re .dxreTblRowBgZL5 {
  z-index: 96;
}

.dxbs-re .dxreTblCellBgZL5 {
  z-index: 97;
}

.dxbs-re .dxreParBgZL5 {
  z-index: 98;
}

.dxbs-re .dxreBoxBgZL5 {
  z-index: 99;
}

.dxbs-re .dxreFieldBgZL5 {
  z-index: 100;
}

.dxbs-re .dxreSelRangeZL5 {
  z-index: 101;
}

.dxbs-re .dxreBoxSpaceZL5 {
  z-index: 102;
}

.dxbs-re .dxreSelSearchZL5 {
  z-index: 103;
}

.dxbs-re .dxreSelRowZL5 {
  z-index: 104;
}

.dxbs-re .dxreBoxZL5 {
  z-index: 105;
}

.dxbs-re .dxreBookmarkZL5 {
  z-index: 106;
}

.dxbs-re .dxreTableBorderZL5 {
  z-index: 107;
}

.dxbs-re .dxreSelMisspZL5 {
  z-index: 108;
}

.dxbs-re .dxreSelCursorZL5 {
  z-index: 109;
}

.dxbs-re .dxreSelTouchBarZL5 {
  z-index: 110;
}

.dxbs-re .dxreTblCursorZL5 {
  z-index: 111;
}

.dxbs-re .dxreAnchoredPictureZL5 {
  z-index: 112;
}

.dxbs-re .dxreTextBoxZL5 {
  z-index: 113;
}

.dxbs-re .dxreTextBoxBgZL6 {
  z-index: 114;
}

.dxbs-re .dxreTblRowBgZL6 {
  z-index: 115;
}

.dxbs-re .dxreTblCellBgZL6 {
  z-index: 116;
}

.dxbs-re .dxreParBgZL6 {
  z-index: 117;
}

.dxbs-re .dxreBoxBgZL6 {
  z-index: 118;
}

.dxbs-re .dxreFieldBgZL6 {
  z-index: 119;
}

.dxbs-re .dxreSelRangeZL6 {
  z-index: 120;
}

.dxbs-re .dxreBoxSpaceZL6 {
  z-index: 121;
}

.dxbs-re .dxreSelSearchZL6 {
  z-index: 122;
}

.dxbs-re .dxreSelRowZL6 {
  z-index: 123;
}

.dxbs-re .dxreBoxZL6 {
  z-index: 124;
}

.dxbs-re .dxreBookmarkZL6 {
  z-index: 125;
}

.dxbs-re .dxreTableBorderZL6 {
  z-index: 126;
}

.dxbs-re .dxreSelMisspZL6 {
  z-index: 127;
}

.dxbs-re .dxreSelCursorZL6 {
  z-index: 128;
}

.dxbs-re .dxreSelTouchBarZL6 {
  z-index: 129;
}

.dxbs-re .dxreTblCursorZL6 {
  z-index: 130;
}

.dxbs-re .dxreAnchoredPictureZL6 {
  z-index: 131;
}

.dxbs-re .dxreTextBoxZL6 {
  z-index: 132;
}

.dxbs-re .dxreTextBoxBgZL7 {
  z-index: 133;
}

.dxbs-re .dxreTblRowBgZL7 {
  z-index: 134;
}

.dxbs-re .dxreTblCellBgZL7 {
  z-index: 135;
}

.dxbs-re .dxreParBgZL7 {
  z-index: 136;
}

.dxbs-re .dxreBoxBgZL7 {
  z-index: 137;
}

.dxbs-re .dxreFieldBgZL7 {
  z-index: 138;
}

.dxbs-re .dxreSelRangeZL7 {
  z-index: 139;
}

.dxbs-re .dxreBoxSpaceZL7 {
  z-index: 140;
}

.dxbs-re .dxreSelSearchZL7 {
  z-index: 141;
}

.dxbs-re .dxreSelRowZL7 {
  z-index: 142;
}

.dxbs-re .dxreBoxZL7 {
  z-index: 143;
}

.dxbs-re .dxreBookmarkZL7 {
  z-index: 144;
}

.dxbs-re .dxreTableBorderZL7 {
  z-index: 145;
}

.dxbs-re .dxreSelMisspZL7 {
  z-index: 146;
}

.dxbs-re .dxreSelCursorZL7 {
  z-index: 147;
}

.dxbs-re .dxreSelTouchBarZL7 {
  z-index: 148;
}

.dxbs-re .dxreTblCursorZL7 {
  z-index: 149;
}

.dxbs-re .dxreAnchoredPictureZL7 {
  z-index: 150;
}

.dxbs-re .dxreTextBoxZL7 {
  z-index: 151;
}

.dxbs-re .dxreTextBoxBgZL8 {
  z-index: 152;
}

.dxbs-re .dxreTblRowBgZL8 {
  z-index: 153;
}

.dxbs-re .dxreTblCellBgZL8 {
  z-index: 154;
}

.dxbs-re .dxreParBgZL8 {
  z-index: 155;
}

.dxbs-re .dxreBoxBgZL8 {
  z-index: 156;
}

.dxbs-re .dxreFieldBgZL8 {
  z-index: 157;
}

.dxbs-re .dxreSelRangeZL8 {
  z-index: 158;
}

.dxbs-re .dxreBoxSpaceZL8 {
  z-index: 159;
}

.dxbs-re .dxreSelSearchZL8 {
  z-index: 160;
}

.dxbs-re .dxreSelRowZL8 {
  z-index: 161;
}

.dxbs-re .dxreBoxZL8 {
  z-index: 162;
}

.dxbs-re .dxreBookmarkZL8 {
  z-index: 163;
}

.dxbs-re .dxreTableBorderZL8 {
  z-index: 164;
}

.dxbs-re .dxreSelMisspZL8 {
  z-index: 165;
}

.dxbs-re .dxreSelCursorZL8 {
  z-index: 166;
}

.dxbs-re .dxreSelTouchBarZL8 {
  z-index: 167;
}

.dxbs-re .dxreTblCursorZL8 {
  z-index: 168;
}

.dxbs-re .dxreAnchoredPictureZL8 {
  z-index: 169;
}

.dxbs-re .dxreTextBoxZL8 {
  z-index: 170;
}

.dxbs-re .dxreDebugTableColumnBound {
  position: absolute;
  color: green;
  text-align: left;
  opacity: 1;
  z-index: 100;
  border: 1px solid green;
}

.dxbs-re .dxreDebugTableRowBound {
  position: absolute;
  color: red;
  border-color: red;
  text-align: center;
  opacity: 0.6;
  z-index: 99;
  border: 1px solid red;
}

.dxbs-re .dxreDebugTableCellBound {
  position: absolute;
  color: blue;
  text-align: right;
  opacity: 0.7;
  z-index: 98;
  border: 1px solid blue;
}

.dxbs-re .dxreDebugPageAreaBounds {
  position: absolute;
  color: red;
  text-align: right;
  opacity: 1;
  z-index: 100;
  border: 1px solid red;
}

.dxbs-re .dxreDebugColumnBounds {
  position: absolute;
  color: blue;
  text-align: center;
  opacity: 0.7;
  z-index: 99;
  border: 1px solid blue;
}

.dxbs-re .dxreDebugRowBounds {
  position: absolute;
  color: green;
  text-align: left;
  opacity: 0.6;
  z-index: 98;
  border: 1px solid green;
}

/* System */
.dxreMeasurer {
  position: absolute;
  top: -100000px;
  left: -100000px;
  overflow: hidden;
  line-height: normal;
}

.dxreMeasurer pre {
  position: absolute;
  visibility: hidden;
  /* for bootstrap */
  white-space: pre !important;
  border: none;
  padding: 0;
  margin: 0;
  line-height: initial;
  word-break: initial;
  word-wrap: initial;
  border-radius: 0;
  display: initial;
}

.dxbs-re .dxreView {
  position: relative;
  z-index: 1;
  overflow: auto;
  padding: 0 10px;
  -webkit-overflow-scrolling: touch;
  -webkit-appearance: none;
  -ms-touch-action: pan-y pinch-zoom;
  touch-action: pan-y pinch-zoom;
  background-color: transparent;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: normal;
}

.dxbs-re .dxreInputTargetContainer {
  position: absolute;
  overflow: hidden;
  height: 0;
}

.dxbs-re .dxreInputTarget {
  position: fixed;
  overflow: hidden;
  left: -1px;
  top: -1px;
  height: 0;
  width: 0;
  padding: 0;
  outline: none;
  border: none;
}

.dxTouchUI .dxbs-re .dxreInputTarget {
  -webkit-user-select: auto;
  user-select: all;
  position: absolute;
  font-size: 1px;
  color: transparent;
  height: 1px;
  width: 1px;
}

.dxMacOSPlatform.dxSafari .dxbs-re .dxreInputTarget {
  top: -5000px;
  width: 5000px;
  height: 5000px;
}

.dxTouchUI.dxAndroidMobilePlatform .dxbs-re .dxreInputTarget {
  font-size: inherit;
  opacity: 0;
}

.dxTouchUI.dxMacOSMobilePlatform .dxbs-re .dxreInputTarget {
  font-size: 16px;
  margin-top: 10px;
  line-height: 0;
  transform: scale(0);
  -webkit-transform: scale(0);
}

.dxTouchUI .dxbs-re .dxm-popupMain,
.dxTouchUI .dxbs-re .dxreView,
.dxbs-re {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dxbs-re .dxre-pum-suggestionItem {
  font-weight: bold;
}

.dxbs-re .dxreBlackout {
  opacity: 0.4;
}

.dxbs-re .dxreDragCaret {
  position: absolute;
  width: 1px;
  border-left: 1px dotted black;
  z-index: 156;
}

.dxbs-re .dxre-helperFrame {
  top: -100px;
  left: -100px;
  overflow: hidden;
  position: absolute;
  border-style: none;
}

.dxbs-re .dxrePlaceholderDiv {
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

/*insert table*/
.dxbs-itc {
  display: flex;
  flex-flow: column;
  outline: none;
}

.dxbs-itc-table,
.dxbs-itc-caption {
  padding: 0.5rem;
}

.dxbs-itc-i {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  box-sizing: content-box;
}

.dxbs-itc-i:before {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 100%;
}

.dxbs-itc-table {
  padding-top: 0;
}

.dxbs-itc-table .table {
  margin-bottom: 0;
}

.dxbs-itc-table .table td {
  padding: 0;
}

.dxbs-itc-table .table tr:not(:last-child) td {
  padding-bottom: 0.1rem;
}

.dxbs-itc-table .table tr td:not(:last-child) {
  padding-right: 0.1rem;
}

.dxbs-itc-caption {
  padding-bottom: 0;
}

.dxbs-3 .dxre-insert-table-control-borders,
.dxbs-3 table.dxre-insert-table-control-borders tr > td {
  border-width: 0;
}

.dxbs-3 .dxre-insert-table-control-borders td > div {
  border: 1px solid;
  border-color: inherit;
}

.dxbs-3 .dxre-insert-table-control-borders td > div.text-primary {
  border-color: currentColor;
}

/* Dialogs */
.dxbs-re .dx-dialog .dxbs-fl .dxbs-fl-cpt {
  font-weight: inherit;
}

.dxbs-re .dx-dialog .dxbs-file-manager {
  height: 25rem;
  max-height: 25rem;
}

.dxbs-re .dxre-columnsdialog .dxreDlgColumnsForm .dxreDlgColumnsEditorMainTable > tbody > tr > td {
  padding: 0.25rem;
}

.dxbs-re .dxre-columnsdialog .dxreDlgColumnsForm .dxreDlgTableWidth .dxbs-button {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dxbs-re .dxre-columnsdialog .dxreDlgColumnsForm .dxreDlgTableWidth .dxbs-button:not(:hover):not(.active) {
  background-color: inherit;
  border-color: transparent;
  color: inherit;
}

.dxbs-re .dxreDlgInsertImageForm.dxbs-fl .form-group {
  flex-direction: column;
}

.dxbs-re .dxreDlgInsertImageForm.dxbs-fl .form-group > label,
.dxbs-re .dxreDlgInsertImageForm.dxbs-fl .form-group > div {
  min-width: 100%;
}

.dxbs-re .dxreDlgInsertImageForm.dxbs-fl .dxreDlgInsertImagePanel.dxbs-fl > .row > div {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-re .dxreDlgInsertImageForm .dxreDlgImagePreview {
  margin-top: 1rem;
  width: 100%;
  height: 170px;
  border: dashed 1px currentColor;
  text-align: center;
  color: inherit;
}

.dxbs-re .dxre-bulletedlistdialog .dxreDlgBulletPresetBtn:not(:first-child) {
  margin-left: 0.5rem;
}

.dxbs-re .dxss-dialog.dxss-openFileForm {
  padding: 1rem;
}

.dxbs-re .dxss-dialogSimpleFooterGroup {
  padding-top: 1rem;
}

.dxbs-re .dxss-dialogFileManagerGroup {
  height: 25rem;
  display: flex;
}

.dxbs-re .dxre-dcw {
  display: flex;
  justify-content: flex-end;
}

.dxbs-re .dxre-dcw .btn,
.dxbs-re button.dxreDlgFooterBtn:not(:first-child):not(:only-child):not(:first-of-type):not(:only-of-type) {
  margin-left: 0.5rem;
}

/* legacy */
.dxbs-re .dxre-dialogPreparing > .dxre-dialogWrapperPanel {
  overflow: hidden;
  width: 0px;
  height: 0px;
  position: absolute;
}

.dxbs-re .dxre-dialogControlsWrapper {
  width: 100%;
}

.dxbs-re .dxre-dialogControlsWrapper > tbody > tr > td:first-child .dxreDlgFooterBtn {
  margin-left: 0px;
}

.dxbs-re .dxreDialog {
  -moz-user-select: none;
}

.dxbs-re .dxre-dialogWrapperPanel .dxreDialog {
  width: 100%;
}

.dxbs-re .dxreDialog .dxre-dialogControlsWrapper > tbody > tr > td:first-child {
  width: 100%;
  text-align: right;
}

div.dxreDialog tr:first-child > td.dxre-dialogLGC > div.dxre-dialogFirstLGB {
  padding: 0px;
}

.dxbs-re .dxreDialog .dxflRadioButtonListItemSys td.dxe {
  padding: 0px !important;
}

.dxbs-re .dxre-dialog > .dxre-dialogLG.dxflGroupSys {
  padding: 0px !important;
}

.dxbs-re .dxre-dialog > .dxre-dialogLG.dxflGroupSys > div > .dxre-dialogLGC,
.dxbs-re .dxre-dialog > .dxre-dialogLG.dxflGroupSys > tbody > tr > .dxre-dialogLGC {
  padding: 0px;
}

.dxbs-re .dxre-dialogRadioNavigation .dxichTextCellSys {
  padding-right: 23px !important;
}

.dxbs-re .dxreDlgColumnsEditor {
  overflow-y: auto;
}

.dxbs-re .dxreDlgListBox {
  overflow-y: auto;
}

.dxbs-re .dxreDlgListBox > div {
  float: left;
}

.dxbs-re .dxreDlgListBox > div {
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}

.dxbs-re .dxreDlgListBox .dxreDlgNumberingListPreview {
  line-height: normal;
  text-align: left;
  overflow: hidden;
  position: relative;
}

.dxbs-re .dxreDlgListBox.dxreDlgNumberingList > div {
  font: inherit;
  font-size: 1rem;
  border-radius: 0;
  width: 120px;
  height: 120px;
  line-height: 120px;
  padding: 10px;
  box-sizing: content-box;
}

.dxbs-re .dxreDlgListBox.dxreDlgNumberingList > div:not(:first-child) {
  margin-left: 0.5rem;
}

.dxbs-re .dxreDlgListBox.dxreDlgNumberingList > div:not(.dxreDlgListSelected):not(.dxreDlgListHover) {
  background: none;
  border-color: transparent;
  border-image: none;
  color: inherit;
  box-shadow: none;
}

.dxbs-re .dxreDlgListBox.dxreDlgNumberingList > div.dxreDlgListSelected span,
.dxbs-re .dxreDlgListBox.dxreDlgNumberingList > div.dxreDlgListHover span {
  color: inherit !important;
}

.dxbs-re .dxreDlgNumberingListForm .dxreDlgNumberingListPreview {
  width: 100%;
  height: 100%;
}

.dxbs-re .dxreDlgNumberingListForm .dxreDlgMainContainer {
  height: 10rem;
  display: block;
  background: none;
  border-radius: 0;
}

.dxbs-re .dxreDlgRight {
  text-align: right;
}

.dxbs-re .dxreDlgCenter {
  text-align: center;
}

.dxbs-re .dxreDlgTableWidth {
  width: 100%;
}

.dxbs-re .dxreDlgSymbolsForm .dxreDlgListBox {
  height: 10rem;
  overflow-y: auto;
}

.dxbs-re .dxreDlgSymbolsForm .dxreDlgListBox > div {
  font: inherit;
  font-size: 1rem;
  text-align: center;
  line-height: 1.75;
  width: 1.75rem;
  height: 1.75rem;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  padding: 0;
  margin: 1px;
  border-radius: 0;
}

.dxbs-re .dxreDlgSymbolsForm .dxreDlgListBox > div:not(.dxreDlgListSelected):not(.dxreDlgListHover) {
  background: none;
  border: inherit;
  color: inherit;
  box-shadow: inherit;
}

.dxbs-re .dxreDlgSymbolsForm .dxreDlgListBox.card {
  border-radius: 0;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
}

.dxbs-re .dxre-spellingdialog .dxreDlgSpellingForm .dxbs-button.dxreDlgSB {
  margin-bottom: 0.5rem;
  margin-right: 0.5rem;
}

.dxbs-re .dxre-tabsdialog .dxreDlgTabsForm .dxbs-cbl.dxre-flowRadioButtonList > div > .column-element {
  min-width: 25%;
}

@media (max-width: 575.98px) {
  .dxbs-re .dxre-tabsdialog .dxreDlgTabsForm .dxbs-cbl.dxre-flowRadioButtonList > div > .column-element {
    width: 50%;
  }
}
/*tablepropertiesdialog*/
.dxbs-re .dxre-dialogCellMargins > .row > div:not(:first-child):not(:last-child) {
  max-width: 33%;
  margin: 0 auto;
  padding-right: 0px;
  padding-left: 0px;
}

.dxbs-re .dxre-tablepropertiesdialog {
  min-width: 100%;
  max-width: 100%;
}

/*font dialog*/
.dxbs-re .dxre-fontdialog .dxbs-fl.dxreCheckBoxContainer .form-group {
  margin-bottom: 0;
}

.dxbs-re .dxre-fontdialog .dxbs-fl.dxreCheckBoxContainer > .row > div {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-re .dxre-fontdialog .dxbs-fl.dxreCheckBoxContainer > .row > div:not(:first-child) .dxbs-fl-ctrl.form-check {
  padding-top: 0;
  border-top: none;
}

.dxbs-re .dxre-fontdialog .dxbs-fl.dxreCheckBoxContainer > .row > div:not(:last-child) .dxbs-fl-ctrl.form-check {
  padding-bottom: 0;
  border-bottom: none;
}

.dxbs-re .dxbs-popup .dxbs-fl-cpt {
  text-align: left !important;
}

/*paragraph dialog*/
.dxbs-re .dxre-paragraphdialog .dxbs-fl.dxre-dialogParagraphInnerLayout:not(.form-horizontal) .form-group {
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}

.dxbs-re .dxre-paragraphdialog .dxbs-fl.dxre-dialogParagraphInnerLayout:not(.form-horizontal) .form-group > .dxbs-fl-cpt,
.dxbs-re .dxre-paragraphdialog .dxbs-fl.dxre-dialogParagraphInnerLayout:not(.form-horizontal) .form-group > .dxbs-fl-ctrl {
  width: auto !important;
}

.dxbs-re .dxre-paragraphdialog .dxre-dialogFooter .dxre-dcw button.dxreDlgFooterBtn:first-child,
.dxbs-re .dxre-paragraphdialog .dxre-dialogFooter .dxre-dcw button.dxreDlgFooterBtn:first-of-type {
  margin-right: auto;
}

/*borders and shading dialog*/
.dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets > .row {
  padding-top: 0;
}

.dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets > .row > div.col-md-6:only-child {
  min-width: 100%;
}

.dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets .dxre-dialogPresetButton {
  margin-bottom: 0.5rem;
}

.dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets .dxre-dialogPresetButton button {
  margin-right: 0.5rem;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
}

.dxbs-3 .dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  max-height: 16rem;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-9 {
  max-width: 75%;
  flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  margin-left: 25%;
  padding: 0;
  transform: translate3d(1.5rem, -1.5rem, 0);
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-3 {
  max-width: 25%;
  flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  padding: 0;
  text-align: left !important;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-3 .form-group {
  margin-bottom: 0;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-3 .form-group .dxreBorderButton {
  margin-bottom: 0.5rem;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-9 + div {
  transform: translate3d(0, calc(-200% - 1rem), 0);
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div.col-md-9 + div + div {
  transform: translate3d(0, calc(-200% - 0.75rem), 0);
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div:nth-last-child(3) {
  transform: translate3d(calc(100% + 0.5rem), -300%, 0);
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div:nth-last-child(2) {
  transform: translate3d(calc(175% + 0.5rem), -400%, 0);
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div:last-child {
  transform: translate3d(calc(250% + 0.5rem), -500%, 0);
}

.dxbs-re .dxreDlgBorderShadingForm .dxbs-fl-ctrl > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-gd:first-child > .card {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
}

.dxbs-re .dxreDlgBorderShadingForm .dxbs-fl-ctrl > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-gd:first-child > .card > .card-header {
  flex: 1 0 100%;
  -ms-flex: 1 0 100%;
}

.dxbs-re .dxreDlgBorderShadingForm .dxbs-fl-ctrl > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-gd:first-child > .card > div.row:last-child {
  flex: 1 1 0%;
  -ms-flex: 1 1 0%;
}

.dxbs-re .dxreDlgBorderShadingForm .dxbs-fl-ctrl > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-gd:first-child > .card > div.row:last-child > div:only-child {
  min-width: 100%;
  padding: 0;
}

.dxbs-re .dxreDlgBorderShadingForm .dxbs-fl-ctrl > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-gd:first-child > .card .dxbs-fl:not(.dxreTableBorderPreview) > .row > div:first-child + div {
  display: none;
}

@media (max-width: 575.98px) {
  .dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets > .row > div.col-md-6:only-child .dxbs-fl-ctrl > div {
    display: flex;
    display: -ms-flexbox;
    flex-flow: row wrap;
    -ms-flex-flow: row wrap;
  }
  .dxbs-re .dxre-bordershadingdialog .dxre-dialogBorderPresets > .row > div.col-md-6:only-child .dxbs-fl-ctrl > div > .dxre-dialogPresetButton {
    min-width: 50%;
  }
  .dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div:nth-last-child(2) {
    transform: translate3d(calc(200% + 0.5rem), -400%, 0);
  }
  .dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div > div:last-child {
    transform: translate3d(calc(300% + 0.5rem), -500%, 0);
  }
}
@media (max-width: 576px) {
  .dxbs-re .dxre-dialogCellMargins .dxre-dialogShortEditor {
    max-width: 4rem;
    min-width: 4rem;
    margin: 0 auto;
  }
  .dxbs-re .dxre-dialogCellMargins {
    max-width: 100%;
    margin: 0 auto;
  }
}
@media (min-width: 576px) {
  .dxbs-re .dxre-dialogCellMargins .dxre-dialogShortEditor {
    max-width: 6rem;
    min-width: 6rem;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .dxbs-re .dxre-tablepropertiesdialog,
  .dxbs-re .dxre-fontdialog,
  .dxbs-re .dxre-paragraphdialog,
  .dxbs-re .dxre-tabsdialog,
  .dxbs-re .dxre-openfiledialog,
  .dxbs-re .dxre-layoutoptionsdialog {
    min-width: 750px;
    max-width: 750px;
  }
  .dxbs-re .dxre-dialogCellMargins {
    max-width: 50%;
    margin: 0 auto;
  }
  .dxbs-re .dxreDlgMultiLevelNumberingListForm > .dxbs-fl-gr > .dxbs-fl-gd > .card > .row > div:first-child {
    flex: 0 0 33.33%;
    -ms-flex: 0 0 33.33%;
    max-width: 33.33%;
  }
  .dxbs-re .dxreDlgMultiLevelNumberingListForm > .dxbs-fl-gr > .dxbs-fl-gd > .card > .row > div:last-child {
    flex: 0 0 66.67%;
    -ms-flex: 0 0 66.67%;
    max-width: 66.67%;
  }
}
@media (min-width: 992px) {
  .dxbs-re .dxreDlgMultiLevelNumberingListForm .dxre-dialogLongEditor,
  .dxbs-re .dxre-dialogShortEditor.dxbs-spin-edit {
    min-width: 10rem;
  }
  .dxbs-re .dxre-layoutoptionsdialog .dxre-positionTabLayout .dxbs-combobox {
    min-width: 10rem;
  }
  .dxbs-re .dxre-simplenumberinglistdialog,
  .dxbs-re .dxre-multilevelnumberinglistdialog {
    min-width: 920px;
    max-width: 920px;
  }
}
.dxbs-3 .dxbs-re .form-group .dxre-offsetGroup .dxbs-fl-cpt {
  display: block;
}

@media (min-width: 768px) {
  .dxbs-re .dxre-offsetGroup > .row > div:first-child {
    transform: translateY(85%);
  }
  .dxbs-re .dxre-offsetGroup > .row > div:last-child {
    margin-left: 50%;
  }
}
.dxbs-re .dx-dialog .dxbs-fl .dxbs-fl-gd {
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

.dxbs-re .dx-dialog .dxbs-fl .dxbs-fl-gd > .card {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.dxbs-re .dx-dialog .dxbs-fl .dxbs-fl-gd > .card > .card-header {
  background: none;
  color: inherit;
  padding-left: 0;
  padding-right: 0;
}

.dxbs-3 .dxbs-re .dxreDlgLayoutForm .dxre-dialogWrappingStyle .form-group > div,
.dxbs-re .dxre-dialogWrappingStyle .form-group > div {
  display: flex;
  flex-flow: row wrap;
}

.dxbs-3 .dxbs-re .dxreDlgLayoutForm .dxre-dialogCellMargins .form-group > div,
.dxbs-3 .dxbs-re .dxre-tablepropertiesdialog .dxre-dialogCellMargins .form-group > div {
  display: block;
}

.dxbs-re .dxre-dialogWrappingStyle .dxre-dialogPresetButton {
  display: inline-flex;
  flex-flow: column wrap;
  flex: 1 0 25%;
  max-width: 25%;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.5rem;
}

.dxbs-re .dxre-dialogWrappingStyle .dxre-dialogPresetButton .btn {
  position: relative;
  z-index: 1;
  border-width: 0;
}

/*spellchecking dialog*/
.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div {
  display: inline-flex;
  max-width: none;
  flex-basis: auto;
}

.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div:nth-child(2),
.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div:nth-child(5) {
  max-width: 60%;
}

.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div:nth-child(3),
.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div:nth-child(6) {
  max-width: 40%;
}

.dxbs-re .dxreDlgSpellingForm > .row:first-child .row > div .dxbs-fl-ctrl-nc {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
}

.dxbs-ss .dxss-fbw.form-control {
  align-items: flex-start;
}

@media (max-width: 576px) {
  .dxbs-ss .dxss-previewTable {
    margin-left: -15px;
    margin-right: -15px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-MPArea {
    width: 96px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-MPCG {
    width: 53px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-LinesBoxLR {
    width: 66px;
  }
}
.dxbs-itc-ih:before {
  border: inherit;
}

@media (min-width: 768px) {
  .dxbs-re .dxre-offsetGroup > .row > div:last-child {
    margin-left: auto;
  }
  .dxbs-re .dxre-offsetGroup > .row > div:first-child {
    transform: translateY(calc(50% - 0.5rem));
  }
  .dxbs-re .dxre-offsetGroup > .row > div:first-child .form-group {
    height: 100%;
    vertical-align: middle;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
@media (min-width: 992px) {
  .dxbs-re .dxreDlgMultiLevelNumberingListForm .dxre-dialogLongEditor,
  .dxbs-re .dxre-dialogShortEditor.dxbs-spin-edit {
    min-width: 6rem;
  }
}
.dxbs-re .dxre-offsetGroup > .row > div:first-child {
  padding-left: 0;
  white-space: nowrap;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  max-height: 12rem;
}

.dxbs-ss .dxss-fbw.form-control {
  align-items: flex-start;
}

@media (max-width: 576px) {
  .dxbs-ss .dxss-previewTable {
    margin-left: -15px;
    margin-right: -15px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-MPArea {
    width: 96px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-MPCG {
    width: 53px;
  }
  .dxbs-ss .dxss-hOrientation .dxss-LinesBoxLR {
    width: 66px;
  }
}
.dxbs-ss .dxss-fbw.form-control {
  height: calc(1.5em + 0.75rem + 2px);
}

.dxre-insert-table-control-borders tr > td {
  border: 0;
}
.dxre-insert-table-control-borders tr > td .dxbs-itc-i {
  padding: 0;
}

@media (min-width: 768px) {
  .dxbs-re .dxre-offsetGroup > .row > div:last-child {
    margin-left: auto;
  }
  .dxbs-re .dxre-offsetGroup > .row > div:first-child {
    transform: translateY(calc(50% - 0.5rem));
  }
  .dxbs-re .dxre-offsetGroup > .row > div:first-child .form-group {
    height: 100%;
    vertical-align: middle;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
@media (min-width: 992px) {
  .dxbs-re .dxreDlgMultiLevelNumberingListForm .dxre-dialogLongEditor,
  .dxbs-re .dxre-dialogShortEditor.dxbs-spin-edit {
    min-width: 6rem;
  }
}
.dxbs-re .dxre-offsetGroup > .row > div:first-child {
  padding-left: 0;
  white-space: nowrap;
}

.dxbs-re .dxre-bordershadingdialog .dxreTableBorderPreview > div {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  max-height: 12rem;
}