/* Common */
.dx-hc {
  display: none;
}

.dxbs-spacer::before {
  content: " ";
  display: inline-block;
  width: 1em;
}

.dxbs-defc {
  cursor: default;
}

.dxbs-lp {
  z-index: 30000;
}

.dxbs-lp.card {
  margin: 0;
}

.dxbs-lp span.image {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dxbs-lp span.image:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-lp span.image:not(:first-child) {
  margin-left: 0.4em;
}

.dxbs-lp.dxbs-lp-inline {
  border: none;
  display: block;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-lp.dx-hc,
.dxbs-lp.dxbs-lp-inline.dx-hc {
  display: none;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.dxbs-ld {
  position: absolute !important;
  z-index: 29999;
  opacity: 0.01;
}

.dxbs-position-static {
  position: static;
}

.dxbs-position-relative {
  position: relative;
}

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

.dxbs-position-fixed {
  position: fixed;
}

.dxbs-position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.dxbs-rounded-0 {
  border-radius: 0 !important;
}

.dxbs-border-top-0 {
  border-top: 0 !important;
}

.dxbs-text-justify {
  text-align: justify;
}

/* Ripple common*/
.dxRippleContainer {
  overflow: hidden !important;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: transparent;
  pointer-events: none;
  direction: ltr;
}

.dxRipple {
  position: relative;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.085);
  width: 0%;
  height: 0%;
  -webkit-border-radius: 50% !important;
  border-radius: 50% !important;
  pointer-events: none;
}

.dxAndroidMobilePlatform .dxRipple,
.dxMacOSMobilePlatform .dxRipple {
  background-color: rgba(0, 0, 0, 0.15);
}

/* Accessibility */
.dxAIFE,
.dxAIFME {
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: polygon(0 0); /* clip-path: polygon(0 0); */
}

.dxAIFE {
  height: 1px;
  overflow: hidden;
  position: absolute !important;
}

.dxAIFME {
  position: fixed;
  left: 0;
  top: 0;
}

/* Mobile */
.dxTouchVScrollHandle, .dxTouchHScrollHandle {
  background-color: Black;
  position: absolute;
  opacity: 0;
  border-radius: 5px;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
}

.dxTouchVScrollHandle {
  width: 5px;
  height: 50%;
  margin-bottom: 3px;
}

.dxTouchHScrollHandle {
  width: 50%;
  height: 5px;
  margin-right: 3px;
}

.dxTouchScrollHandleVisible {
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  opacity: 0.4 !important;
}

.dxTouchNativeScrollHandle::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.dxTouchNativeScrollHandle::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

.dxTouchNativeScrollHandle::-webkit-scrollbar-corner {
  background: transparent;
}

.dxbs-hl:not(.dxbs-sys-sm),
.dxbs-hl.dxbs-sys-sm:not(.show) {
  top: -10000px !important;
  left: -10000px !important;
}

.dxbs-hl:not(.dxbs-sys-sm) {
  position: absolute !important;
}

.dxbs-hl:not(.show) {
  visibility: hidden !important;
}

/* CardView */
.dxbs-cardview {
  display: table;
  width: 100%;
}

.dxbs-cardview > .btn-toolbar:first-of-type,
.dxbs-cardview > .dxbs-toolbar-adaptive:first-of-type {
  margin-bottom: 1em;
}

.dxbs-cardview > .btn-toolbar:last-of-type,
.dxbs-cardview > .dxbs-toolbar-adaptive:last-of-type {
  margin-top: 1em;
}

.dxbs-cardview > .card > .card {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin: 0;
  box-shadow: none;
}

.dxbs-cardview > .card > .card:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.dxbs-cardview > .card > .card:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.dxbs-cardview > .card > .card:first-child,
.dxbs-cardview > .card > .card-header + .card {
  border-top: 0;
}

.dxbs-cardview > .card > .card:last-child {
  border-bottom: 0;
}

.dxbs-cardview > .card > .card-body > .card-body {
  padding: 0;
}

.dxbs-cardview > .card > .card-body:first-of-type > .card-body:not(:first-child) {
  padding-top: inherit;
}

.dxbs-cardview > .card > .card-body:not(:first-of-type) > .card-body:not(:last-child) {
  padding-bottom: inherit;
}

.dxbs-cardview > .card > .card-body .dxbs-search-panel > div > .dxbs-button-edit {
  width: 100%;
}

.dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit {
  display: block;
  width: auto;
}

.dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit > div {
  display: block;
}

.dxbs-cardview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dxbs-cardview .dxbs-content {
  padding: 1em 0.5em 0;
  margin-left: 0;
  margin-right: 0;
}

.dxbs-cardview .dxbs-content > div {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.dxbs-cardview .dxbs-summary-panel > div {
  display: inline-block;
  margin: 0 0.5em 0.4em 0;
  white-space: nowrap;
}

.dxbs-cardview .dxbs-pager > .form-group > .form-control {
  padding-left: 0;
}

.dxbs-cardview .dxbs-card {
  margin-bottom: 1em;
  position: relative;
  padding: 0;
}

.dxbs-cardview > .card > .card-body:first-child,
.dxbs-cardview > .card > .card-body:last-child {
  padding: 1rem;
}

.dxbs-cardview .dxbs-card:not(.dxbs-edit-card):not(.dxbs-batch-editing-card) > .card-body {
  overflow: hidden;
}

.dxbs-cardview .dxbs-card > .dxcvECEC {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

.dxbs-cardview .dxbs-card > .dxcvECEC > div {
  padding: 0.4em 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxbs-cardview .dxbs-card .dxbs-cmd-item .btn.btn-link:not(.btn-outline-primary) {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.dxbs-cardview .dxbs-card .dxbs-cmd-item .form-check.form-check-inline > label,
.dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.dxbs-batch-editing) .form-check.form-check-inline > label {
  padding-left: 0;
  padding-top: 0;
}

.dxbs-cardview .dxbs-card .dxbs-cmd-item .form-check.form-check-inline {
  margin-left: 1em;
  margin-right: 1em;
  padding-bottom: 4px;
}

.dxbs-cardview .dxbs-card .dxbs-cmd-item .dxbs-button:not(.btn-link),
.dxbs-cardview .dxbs-card .dxbs-cmd-item .dxbs-button.btn-outline-primary.btn-link {
  margin-right: 0.4em;
}

.dxbs-cardview .dxbs-card .dxbs-fl-ctrl .form-check.form-check-inline {
  padding-bottom: 4px;
}

.dxbs-cardview .dxbs-card .dxbs-fl-ctrl.dxbs-batch-editing .form-check.form-check-inline > label {
  padding-left: 0;
}

.dxbs-cardview .dxbs-card .form-check.form-check-inline input {
  position: relative;
  margin-left: 0;
  margin-top: 0;
  vertical-align: middle;
}

.dxbs-cardview .dxbs-card .dxcvFLECW {
  text-align: center;
  margin: 5em 0;
}

.dxbs-cardview .dxbs-card:not(.dxbs-edit-card) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing) {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.dxbs-3 .dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.form-control-plaintext).form-check,
.dxbs-cardview .dxbs-card .dxbs-fl-ctrl:not(.form-control-plaintext).dxbs-batch-editing > div[data-dxci] > .form-check.form-check-inline {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.dxbs-cardview .dxbs-card .dxbs-fl:not(.form-horizontal) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-cardview .dxbs-card > .dxbs-panel-body-centered:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .dxbs-cardview .dxbs-card .dxbs-fl.form-horizontal .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) {
    padding-left: 0;
    padding-right: 0;
  }
}
.dxbs-cardview > .card > .card-footer {
  text-align: right;
}

.dxbs-cardview > .card > .card-footer .btn:not(:first-of-type) {
  margin-left: 0.4em;
}

.dxbs-cardview .dxbs-memo .form-control {
  resize: none;
}

/* Conditional formating*/
.dxbs-cardview .dxFCRule {
  position: relative;
}

.dxbs-cardview .dxFCRule:before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.dxbs-cardview .dxFCRule:before {
  right: 2px;
  left: auto;
}

/* Endless Paging*/
.dxbs-cardview .dxcvEMBC {
  text-align: center;
  padding: 0.5em;
  margin-top: -1em;
}

/* Batch Edit */
.dxbs-cardview .dxbs-card .card-body.bg-success {
  overflow: visible;
}

.dxbs-cardview .dxbs-summary-item-disabled {
  opacity: 0.5;
}

.dxbs-3 .dxbs-cardview .dxbs-button[aria-disabled].disabled {
  cursor: default;
}

/* DevExtreme widgets */
.dxbs-widget-container {
  height: 100%;
  width: 100%;
}

.dxbs-widget-container.spinner-border {
  position: absolute;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  width: 3rem;
  height: 3rem;
}

.dxbs-widget-root:not(.dxbs-loaded) {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dxbs-widget-root:not(.dxbs-loaded) .dxbs-export-btn,
.dxbs-widget-root.dxbs-loaded > .dxbs-widget-title-text {
  display: none;
}

.dxbs-widget-root:not(.dxbs-loaded) > .dxbs-widget-title-text {
  font-size: 28px;
  position: absolute;
}

/* Charts */
.dxbs-chart.dxbs-loaded {
  width: 100%;
}
.dxbs-chart.dxbs-loaded .dxc-chart {
  position: absolute;
  width: 100%;
  height: 100%;
}

.dxc-chart text,
.dxc-chart .dxc-arg-elements text > tspan,
.dxc-tooltip text {
  font-size: 12px;
  cursor: default;
}

.dxc-chart .dxc-title > text:first-of-type {
  font-size: 28px;
}

.dxc-chart .dxc-title > text:nth-of-type(2) {
  font-size: 16px;
}

.dxc-chart .dxc-val-title > text,
.dxc-chart .dxc-arg-title > text {
  font-size: 16px;
}

.dxbs-chart .dxc-chart text,
.dxbs-chart .dxc-chart .dxc-title text,
.dxc-tooltip text {
  fill: currentColor;
}

.dxbs-chart .dxc-labels text {
  fill: white;
}

.dxbs-widget-container.dxbs-widget-export-notitle {
  padding-bottom: 35px;
}

.dxbs-chart {
  position: relative;
  height: 400px;
}

.dxbs-chart .dxbs-export-btn {
  position: absolute;
  margin-top: 1px;
  margin-right: 1px;
  right: 0px;
  z-index: 2;
}

.dxbs-chart .dxbs-export-btn + .dxbs-popup-menu.dropdown-menu + .dxbs-widget-container {
  z-index: 1;
}

.dxbs-chart .dxbs-export-btn .dxbs-icon {
  position: relative;
  top: 0.13em;
}

.btn.dxbs-export-btn.dxbs-export-btn-title {
  margin-bottom: -100%;
}

.dxbs-chart.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.dxbs-chart.disabled .dxc-chart {
  pointer-events: none;
}

.dxbs-empty-piechart {
  cursor: default;
  display: block;
  margin: auto;
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.dxbs-empty-piechart > path {
  stroke: #838383;
  stroke-width: 2px;
}

.dxbs-empty-piechart > path:first-of-type {
  fill: #c0c0c0;
}

.dxbs-empty-piechart > path:nth-of-type(2) {
  fill: #a0a0a0;
}

.dxbs-empty-piechart > text {
  fill: #000000;
  font-size: 28px;
  text-anchor: middle;
}

/* Range Selector */
.dxbs-range-selector {
  position: relative;
  height: 160px;
}

.dxbs-range-selector .dxbs-export-btn {
  position: relative;
  margin-top: 1px;
  margin-right: 1px;
  float: right;
  z-index: 2;
}

.dxbs-range-selector .dxbs-export-btn + .dxbs-popup-menu.dropdown-menu + .dxbs-widget-container {
  z-index: 1;
}

.dxbs-range-selector .slider-marker > text,
.dxrs-view .dxc-labels text {
  font-size: 12px;
  fill: #ffffff;
  cursor: default;
}

.dxrs-range-selector-elements > text {
  font-size: 12px;
  fill: #767676;
  cursor: default;
}

/* Edit */
.input-group .dxbs-textbox,
.input-group .dxbs-memo,
.input-group .dxbs-button-edit,
.input-group .dxbs-spin-edit,
.input-group .dxbs-dropdown-edit {
  display: table;
  width: 100%;
}

.form-inline .input-group .dxbs-textbox,
.form-inline .input-group .dxbs-memo,
.form-inline .input-group .dxbs-button-edit,
.form-inline .input-group .dxbs-spin-edit,
.form-inline .input-group .dxbs-dropdown-edit {
  display: inline-table;
}

.input-group .dxbs-textbox > div,
.input-group .dxbs-memo > div,
.input-group .dxbs-button-edit > div:not(.input-group),
.input-group .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn):not(.input-group),
.input-group .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) {
  display: table-row;
}

.dxbs-3 .input-group .input-group-addon + .dxbs-textbox .form-control,
.input-group .input-group-prepend + .dxbs-textbox .form-control,
.dxbs-3 .input-group .input-group-addon + .dxbs-memo .form-control,
.input-group .input-group-prepend + .dxbs-memo .form-control,
.dxbs-3 .input-group .input-group-addon + .dxbs-button-edit .form-control,
.input-group .input-group-prepend + .dxbs-button-edit .form-control,
.dxbs-3 .input-group .input-group-addon + .dxbs-spin-edit .form-control,
.input-group .input-group-prepend + .dxbs-spin-edit .form-control,
.dxbs-3 .input-group .input-group-addon + .dxbs-dropdown-edit .form-control,
.input-group .input-group-prepend + .dxbs-dropdown-edit .form-control {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dxbs-3 .input-group .dxbs-textbox + .input-group-addon:not(:first-child),
.dxbs-3 .input-group .dxbs-memo + .input-group-addon:not(:first-child),
.dxbs-3 .input-group .dxbs-button-edit + .input-group-addon:not(:first-child),
.dxbs-3 .input-group .dxbs-spin-edit + .input-group-addon:not(:first-child),
.dxbs-3 .input-group .dxbs-dropdown-edit + .input-group-addon:not(:first-child) {
  border-left: 0;
}

.form-inline .dxbs-textbox,
.form-inline .dxbs-memo,
.form-inline .dxbs-button-edit,
.form-inline .dxbs-spin-edit,
.form-inline .dxbs-dropdown-edit,
.form-inline .dxbs-combobox,
.form-inline .dxbs-tagbox {
  display: inline-block;
}

.dxbs-textbox > div,
.dxbs-memo > div,
.dxbs-button-edit,
.dxbs-button-edit > div,
.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend),
.dxbs-dropdown-edit,
.dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-spin-edit,
.dxbs-spin-edit > div:not(.dxbs-out-of-range-warn),
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) {
  position: relative;
}

.form-inline .dxbs-textbox .col-form-label,
.form-inline .dxbs-memo .col-form-label,
.form-inline .dxbs-button-edit .col-form-label,
.form-inline .dxbs-spin-edit .col-form-label,
.form-inline .dxbs-dropdown-edit .col-form-label {
  width: auto;
  margin-right: 0.3em;
}

.dxbs-textbox.form-group-lg .col-form-label,
.dxbs-memo.form-group-lg .col-form-label,
.dxbs-button-edit.form-group-lg .col-form-label,
.dxbs-spin-edit.form-group-lg .col-form-label,
.dxbs-dropdown-edit.form-group-lg .col-form-label {
  font-size: 18px;
}

.dxbs-textbox.form-group-sm .col-form-label,
.dxbs-memo.form-group-sm .col-form-label,
.dxbs-button-edit.form-group-sm .col-form-label,
.dxbs-spin-edit.form-group-sm .col-form-label,
.dxbs-dropdown-edit.form-group-sm .col-form-label {
  font-size: 12px;
}

.dxbs-textbox .form-control::-ms-clear,
.dxbs-memo .form-control::-ms-clear,
.dxbs-button-edit .form-control::-ms-clear,
.dxbs-spin-edit .form-control::-ms-clear,
.dxbs-dropdown-edit .form-control::-ms-clear,
.dxbs-tagbox-input::-ms-clear {
  display: none;
}

.dxbs-textbox .form-control,
.dxbs-memo .form-control,
.dxbs-button-edit .form-control,
.dxbs-button-edit .input-group .form-control,
.dxbs-spin-edit .form-control,
.dxbs-spin-edit .input-group .form-control,
.dxbs-dropdown-edit .input-group .form-control,
.dxbs-textbox .col-form-label,
.dxbs-memo .col-form-label,
.dxbs-button-edit .col-form-label,
.dxbs-spin-edit .col-form-label,
.dxbs-dropdown-edit .col-form-label {
  vertical-align: middle;
}

.dxbs-textbox .form-control,
.dxbs-memo .form-control,
.dxbs-button-edit .form-control,
.dxbs-button-edit .input-group .form-control,
.dxbs-spin-edit .form-control,
.dxbs-spin-edit .input-group .form-control,
.dxbs-dropdown-edit .input-group .form-control {
  display: inline-block;
  margin-bottom: 0px;
}

.dxbs-memo .form-control {
  resize: vertical;
}

.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus,
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus,
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus,
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus {
  z-index: 4;
}

.dxbs-3 .dxbs-button-edit .input-group-btn:last-child > .btn:hover + .btn,
.dxbs-3 .dxbs-spin-edit .input-group-btn:last-child > .btn:hover + .btn,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:last-child > .btn:hover + .btn {
  margin-left: 0px;
  border-left: 0;
}

.dxbs-3 .dxbs-button-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-spin-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-dropdown-edit .input-group div:not(.input-group-btn) + .input-group-btn:last-child > .btn:not(:hover):not(:active):not(:focus) {
  z-index: auto;
}

.dxbs-3 .dxbs-button-edit > .input-group > .input-group-btn.input-group-addon,
.dxbs-3 .dxbs-dropdown-edit > .input-group > .input-group-btn.input-group-addon,
.dxbs-3 .dxbs-spin-edit > .input-group > .input-group-btn.input-group-addon {
  padding: 0;
}

.dxbs-3 .dxbs-button-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon,
.dxbs-3 .dxbs-dropdown-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon,
.dxbs-3 .dxbs-spin-edit:not(.has-error) > .input-group > .input-group-btn.input-group-addon {
  background: none;
  border: none;
  border-radius: 0;
}

.dxbs-3 .dxbs-button-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn,
.dxbs-3 .dxbs-dropdown-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn,
.dxbs-3 .dxbs-spin-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn {
  border: none;
}

.dxbs-3 .dxbs-button-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-dropdown-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-spin-edit.has-error > .input-group > .input-group-btn.input-group-addon > .btn:not(:hover):not(:active):not(:focus) {
  background: none;
}

.dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child),
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-of-type:nth-last-child(2),
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn,
.dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child),
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-of-type:nth-last-child(2),
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn,
.dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:not(:nth-last-child(2)):not(:last-child),
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-of-type:nth-last-child(2),
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn {
  border-right: 0;
}

.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:first-child > .btn,
.dxbs-3 .dxbs-button-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn,
.dxbs-3 .dxbs-button-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:first-child > .btn,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus),
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:first-child > .btn,
.dxbs-3 .dxbs-spin-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn,
.dxbs-3 .dxbs-spin-edit.has-error .input-group div:not(.input-group-btn) + .input-group-btn > .btn:not(:hover):not(:active):not(:focus) {
  border-left: 0;
}

.dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child):not(:last-child),
.dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child):not(:last-child) .form-control,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child):not(:last-child),
.dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:first-child):not(:last-child) .form-control,
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child):not(:last-child),
.dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child):not(:last-child) .form-control {
  border-radius: 0;
}

.dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:last-child) .form-control,
.dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:last-child) .form-control,
.dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:last-child) .form-control,
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) .form-control,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .btn,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .dropdown-toggle,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .btn,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .dropdown-toggle,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child),
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .btn,
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .dropdown-toggle,
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child) .form-control,
.dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(:first-child) .form-control,
.dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(:first-child) .form-control,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child),
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .btn,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:first-child) > .dropdown-toggle,
.dxbs-3 .dxbs-button-edit .input-group-btn:not(:last-child) > .btn:not(:first-child),
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child),
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .btn,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:first-child) > .dropdown-toggle,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn:not(:last-child) > .btn:not(:first-child),
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child),
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .btn,
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:first-child) > .dropdown-toggle,
.dxbs-3 .dxbs-spin-edit .input-group-btn:not(:last-child) > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.dxbs-3 .dxbs-button-edit .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-button-edit .input-group-btn > .btn:active,
.dxbs-3 .dxbs-button-edit .input-group-btn > .btn:hover,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:active,
.dxbs-3 .dxbs-dropdown-edit .input-group-btn > .btn:hover,
.dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:active,
.dxbs-3 .dxbs-spin-edit .input-group-btn > .btn:hover {
  z-index: 3;
}

.dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:active,
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn > .btn:hover,
.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:active,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn > .btn:hover,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn .dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:focus,
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:active,
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn > .btn:hover,
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn {
  z-index: auto;
}

.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:first-child > .btn,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:first-child > .btn,
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:first-child > .btn {
  margin-right: 0;
}

.dxbs-3 .dxbs-button-edit.has-error .input-group-btn:last-child > .btn,
.dxbs-3 .dxbs-dropdown-edit.has-error .input-group-btn:last-child > .btn,
.dxbs-3 .dxbs-spin-edit.has-error .input-group-btn:last-child > .btn {
  margin-left: 0;
}

.dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn,
.dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn,
.dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:last-child) > .btn {
  margin-right: -1px;
}

.dxbs-3 .dxbs-button-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn,
.dxbs-3 .dxbs-dropdown-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn,
.dxbs-3 .dxbs-spin-edit:not(.has-error) .input-group-btn:not(:first-child) > .btn {
  margin-left: -1px;
}

.form-inline .dxbs-textbox > div,
.form-inline .dxbs-memo > div,
.form-inline .dxbs-button-edit > div,
.form-inline .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn),
.form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-button-edit .input-group,
.dxbs-spin-edit .input-group,
.dxbs-dropdown-edit .input-group {
  display: inline-table;
  vertical-align: middle;
}

.form-inline .dxbs-button-edit .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control,
.form-inline .dxbs-dropdown-edit .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control,
.form-inline .dxbs-spin-edit .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control {
  width: 100%;
}

.form-horizontal .dxbs-textbox input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-textbox .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-memo textarea.form-control + .dxbs-feedback,
.form-horizontal .dxbs-memo .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-button-edit input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-button-edit .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-button-edit .input-group input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-dropdown-edit input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-spin-edit input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-spin-edit .dxbs-null-text + .dxbs-feedback,
.form-horizontal .dxbs-spin-edit .input-group input.form-control + .dxbs-feedback,
.form-horizontal .dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback,
.dxbs-textbox input.form-control + .dxbs-feedback,
.dxbs-textbox .dxbs-null-text + .dxbs-feedback,
.dxbs-memo textarea.form-control + .dxbs-feedback,
.dxbs-memo .dxbs-null-text + .dxbs-feedback,
.dxbs-button-edit input.form-control + .dxbs-feedback,
.dxbs-button-edit .dxbs-null-text + .dxbs-feedback,
.dxbs-button-edit .input-group input.form-control + .dxbs-feedback,
.dxbs-button-edit .input-group .dxbs-null-text + .dxbs-feedback,
.dxbs-dropdown-edit input.form-control + .dxbs-feedback,
.dxbs-dropdown-edit .dxbs-null-text + .dxbs-feedback,
.dxbs-dropdown-edit .input-group input.form-control + .dxbs-feedback,
.dxbs-dropdown-edit .input-group .dxbs-null-text + .dxbs-feedback,
.dxbs-spin-edit input.form-control + .dxbs-feedback,
.dxbs-spin-edit .dxbs-null-text + .dxbs-feedback,
.dxbs-spin-edit .input-group input.form-control + .dxbs-feedback,
.dxbs-spin-edit .input-group .dxbs-null-text + .dxbs-feedback,
.dxbs-tagbox .form-control .dxbs-feedback,
.dxbs-tagbox .input-group .form-control .dxbs-feedback {
  right: 0px;
  pointer-events: auto;
  z-index: 3;
  width: auto;
}

.dxbs-button-edit > .input-group ~ .dxbs-feedback,
.dxbs-dropdown-edit > .input-group ~ .dxbs-feedback,
.dxbs-spin-edit > .input-group ~ .dxbs-feedback {
  top: 0;
  bottom: 0;
  line-height: inherit;
  z-index: 3;
  pointer-events: auto;
}

.form-horizontal .dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback,
.form-horizontal .dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus ~ .dxbs-feedback,
.form-horizontal .dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback,
.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback,
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus ~ .dxbs-feedback,
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus ~ .dxbs-feedback,
.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus + .dxbs-null-text,
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus + .dxbs-null-text,
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus + .dxbs-null-text {
  z-index: 4;
}

.dxbs-edit-error-text,
.dxbs-edit-error-text.form-text {
  display: block;
}

.form-inline .dxbs-edit-error-text,
.form-inline .dxbs-edit-error-text.form-text {
  width: auto;
}

.dxbs-edit-error-text [data-error-image] {
  margin-right: 0.4em;
}

.form-inline .dxbs-edit-error-text [data-error-image] {
  margin-left: 0.4em;
}

.dxbs-edit-error-text.invalid-feedback {
  font-weight: 600;
}

.dxbs-textbox .dxbs-feedback [data-error-image],
.dxbs-memo .dxbs-feedback [data-error-image],
.dxbs-button-edit .dxbs-feedback .dxbs-clear-btn,
.dxbs-button-edit .dxbs-feedback [data-error-image],
.dxbs-dropdown-edit .dxbs-feedback .dxbs-clear-btn,
.dxbs-dropdown-edit .dxbs-feedback [data-error-image],
.dxbs-spin-edit .dxbs-feedback .dxbs-clear-btn,
.dxbs-spin-edit .dxbs-feedback [data-error-image],
.dxbs-uc .input-group .dxbs-feedback .dxbs-clear-btn {
  padding-left: 0.6em;
  padding-right: 0.6em;
  display: inline-block;
  height: 100%;
}

.dxbs-edit-error-frame .dxbs-feedback [data-error-image] {
  padding-left: 0.6em;
}

.form-inline .dxbs-edit-error-frame.dxbs-cbl .dxbs-feedback [data-error-image] {
  padding-right: 0.6em;
}

.dxbs-textbox .dxbs-feedback [data-error-image],
.dxbs-memo .dxbs-feedback [data-error-image],
.dxbs-button-edit .dxbs-feedback [data-error-image],
.dxbs-dropdown-edit .dxbs-feedback [data-error-image],
.dxbs-spin-edit .dxbs-feedback [data-error-image],
.dxbs-clear-btn > span {
  top: 0;
}

.dxbs-textbox .form-control-feedback [data-error-image],
.dxbs-memo .form-control-feedback [data-error-image],
.dxbs-button-edit .form-control-feedback [data-error-image],
.dxbs-dropdown-edit .form-control-feedback [data-error-image],
.dxbs-spin-edit .form-control-feedback [data-error-image],
.form-control-feedback > .dxbs-clear-btn > span {
  line-height: inherit;
}

.dxbs-spin-edit .dxbs-feedback > .dxbs-clear-btn {
  display: flex;
  display: -ms-flexbox;
  white-space: nowrap;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-edit-btn.disabled,
.dxbs-listbox > li.disabled,
.dxbs-listbox > ul > li.disabled,
.dxbs-listbox > li > .disabled,
.dxbs-listbox > ul > li > .disabled,
.dxbs-calendar .btn.disabled,
.dxbs-textbox input.form-control[disabled] + .dxbs-feedback,
.dxbs-memo textarea.form-control[disabled] + .dxbs-feedback,
.dxbs-button-edit input.form-control[disabled] + .dxbs-feedback,
.dxbs-button-edit .input-group-append.disabled,
.dxbs-button-edit .input-group-prepend.disabled,
.dxbs-button-edit .input-group-append .btn.disabled,
.dxbs-button-edit .input-group-prepend .btn.disabled,
.dxbs-dropdown-edit input.form-control[disabled] + .dxbs-feedback,
.dxbs-dropdown-edit .input-group-append.disabled,
.dxbs-dropdown-edit .input-group-prepend.disabled,
.dxbs-dropdown-edit .input-group-append .btn.disabled,
.dxbs-dropdown-edit .input-group-prepend .btn.disabled,
.dxbs-spin-edit input.form-control[disabled] + .dxbs-feedback,
.dxbs-spin-edit .input-group-append.disabled,
.dxbs-spin-edit .input-group-prepend.disabled,
.dxbs-spin-edit .input-group-append .btn.disabled,
.dxbs-spin-edit .input-group-prepend .btn.disabled {
  pointer-events: none;
}

.dxbs-edit-btn.dxbs-clear-btn {
  color: gray;
}

.dxbs-edit-btn.dxbs-clear-btn > .glyphicon,
.dxbs-edit-btn.dxbs-clear-btn > .dxbs-icon {
  font-size: 0.75em;
}

.dxbs-edit-btn.dxbs-clear-btn:hover,
.dxbs-edit-btn.dxbs-clear-btn:focus,
.dxbs-edit-btn.inc:hover,
.dxbs-edit-btn.inc:focus,
.dxbs-edit-btn.dec:hover,
.dxbs-edit-btn.dec:focus {
  opacity: 0.8;
}

.dxbs-edit-btn:hover {
  cursor: pointer;
}

.dxbs-edit-btn.text-icon .image {
  margin-right: 0.4em;
}

.dxbs-spin-edit .dxbs-feedback,
.dxbs-spin-edit .dxbs-feedback:not(.dxbs-spin-btn-group) > span {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-spin-edit .dxbs-feedback:not(.dxbs-spin-btn-group) {
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-spin-btn-group {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  height: 100%;
  padding-right: 0.25em;
}

.dxbs-spin-btn-group .dxbs-edit-btn.disabled {
  opacity: 0.65;
}

.dxbs-spin-btn-group .increment,
.dxbs-spin-btn-group .increment-lg {
  display: flex;
  display: -ms-flexbox;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}

.dxbs-spin-btn-group .increment {
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-spin-btn-group .increment-lg > .dxbs-edit-btn,
.dxbs-spin-btn-group .increment > .dxbs-edit-btn {
  display: flex;
  display: -ms-flexbox;
  flex: 1 100%;
  -ms-flex: 1 1 100%;
  white-space: nowrap;
}

.dxbs-spin-btn-group .dxbs-edit-btn > * {
  top: 0;
}

.dxbs-spin-btn-group .dxbs-edit-btn,
.dxbs-spin-btn-group .dxbs-edit-btn > * {
  width: 100%;
}

.dxbs-spin-btn-group .dxbs-edit-btn {
  align-items: center;
  -ms-flex-align: center;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.dxbs-spin-btn-group .increment .inc .caret,
.dxbs-spin-btn-group .increment .inc .dropdown-toggle {
  transform: rotate(180deg);
}

.dxbs-spin-btn-group .increment-lg .inc .caret,
.dxbs-spin-btn-group .increment-lg .inc .dropdown-toggle {
  transform: rotate(-90deg);
}

.dxbs-spin-btn-group .increment-lg .dec .caret,
.dxbs-spin-btn-group .increment-lg .dec .dropdown-toggle {
  transform: rotate(90deg);
}

.dxbs-spin-btn-group .increment .inc .caret,
.dxbs-spin-btn-group .increment .inc .dropdown-toggle {
  margin-bottom: -4px;
}

.dxbs-spin-btn-group .increment .dec .caret,
.dxbs-spin-btn-group .increment .dec .dropdown-toggle {
  margin-top: -4px;
}

.dxbs-dropdown-edit.dxbs-combobox .dxbs-listbox.dropdown-menu,
.dxbs-dropdown-edit.dxbs-tagbox .dxbs-listbox.dropdown-menu,
.dxbs-dropdown-edit.dxbs-date-edit .dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dxbs-dropdown-edit.dxbs-date-edit > .dxbs-ddmodal.modal {
  width: auto;
  left: 50%;
  transform: translate(-50%, 0);
}

.dxbs-listbox > li > a mark,
.dxbs-listbox > li > .form-check mark,
.dxbs-listbox > ul > li > a mark,
.dxbs-listbox > ul > li > .form-check mark,
.dxbs-combobox .dxbs-listbox > li > a mark,
.dxbs-tagbox .dxbs-listbox > li > a mark,
.dxbs-listbox > .dxbs-list-listcontrol-container tr > td > mark {
  padding: 0;
}

.dxbs-tagbox .form-control {
  height: auto;
  overflow: hidden;
}

.dxbs-tagbox .dxbs-tag {
  line-height: inherit;
  display: inline-block;
  height: 100%;
}

.dxbs-tagbox .dxbs-tag.dxbs-tag-disabled {
  opacity: 0.65;
  pointer-events: none;
  position: relative;
  z-index: 2;
}

.dxbs-tagbox .dxbs-tag.dxbs-tag-disabled,
.dxbs-tagbox .dxbs-tag.dxbs-tag-disabled .dxbs-tag-remove-btn {
  height: auto;
}

.dxbs-tagbox .dxbs-tag > span {
  display: inline-block;
  vertical-align: middle;
}

.dxbs-tagbox .dxbs-tag:not(:only-child) {
  margin-right: 0.4em;
}

.dxbs-tagbox .dxbs-tagbox-input,
.dxbs-tagbox .dxbs-tagbox-input:focus,
.dxbs-tagbox.has-error .dxbs-tagbox-input,
.dxbs-tagbox.has-error .dxbs-tagbox-input:focus {
  font-size: inherit;
  font-weight: inherit;
  height: 100%;
  border: none;
  box-shadow: none;
  display: inline-block;
  outline: none;
}

.dxbs-tagbox .dxbs-tagbox-input:not(:disabled),
.dxbs-tagbox .dxbs-tagbox-input:not(:disabled):focus,
.dxbs-tagbox.has-error .dxbs-tagbox-input:not(:disabled),
.dxbs-tagbox.has-error .dxbs-tagbox-input:not(:disabled):focus {
  background: none;
  width: 1em;
}

.dxbs-tagbox .dxbs-tagbox-input:disabled {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  z-index: 1;
}

.dxbs-tagbox .dxbs-tag-remove-btn {
  cursor: pointer;
  font-weight: inherit;
  display: inline-block;
  height: 100%;
  margin-left: 0.8em;
  top: 0;
}

.dxbs-listbox .dxbs-hidden-row {
  display: none !important;
}

.dxbs-listbox > li,
.dxbs-listbox > ul > li {
  display: block;
}

.dxbs-listbox > li > a,
.dxbs-listbox > ul > li > a,
.dxbs-listbox > li > .form-check,
.dxbs-listbox > ul > li > .form-check {
  cursor: pointer;
}

.dxbs-listbox > li > .form-check > .badge:not(:first-child),
.dxbs-listbox > ul > li > .form-check > .badge:not(:first-child) {
  margin-left: 0.4em;
}

.dxbs-listbox.dx-dropdown-menu > li > .dropdown-item > .badge {
  float: right;
}

.dxbs-listbox.form-control li:not(.active):not(.disabled):not(:hover):not(:focus):not(:active),
.dxbs-listbox.form-control div.list-group-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active),
.dxbs-listbox.form-control div.list-group-item > label,
.dxbs-listbox.form-control a.list-group-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active) {
  color: inherit;
  text-shadow: none;
}

.dxbs-listbox.form-control > li:not(.active):not(.disabled) > a:not(.active):not(.disabled):not(:hover):not(:focus):not(:active),
.dxbs-listbox.form-control > ul > li:not(.active):not(.disabled) > a:not(.active):not(.disabled):not(:hover):not(:focus):not(:active) {
  text-shadow: none;
}

.dxbs-listbox > li > .form-check,
.dxbs-listbox > ul > li > .form-check,
.dxbs-listbox .dxbs-list-selectall > .form-check {
  position: relative;
  display: block;
}

.dxbs-listbox > li > .form-check > label,
.dxbs-listbox > ul > li > .form-check > label {
  min-height: 0;
}

.dxbs-listbox > li > .checkbox > label,
.dxbs-listbox > ul > li > .checkbox > label,
.dxbs-listbox .dxbs-list-selectall > .checkbox > label {
  padding-left: 20px;
}

.dxbs-3 .dxbs-listbox:not(.dxbs-list-table-render) > li > .checkbox > label > input[type=checkbox], .dxbs-3 .dxbs-listbox:not(.dxbs-list-table-render) > ul > li > .checkbox > label > input[type=checkbox],
.dxbs-3 .dxbs-listbox:not(.dxbs-list-table-render) .dxbs-list-selectall > .checkbox > label > input[type=checkbox] {
  position: absolute;
}

.dxbs-listbox.form-control > li > .form-check > label,
.dxbs-listbox.form-control > ul > li > .form-check > label {
  font-size: inherit;
}

.dxbs-listbox.form-control > li > .form-check.disabled.active > label,
.dxbs-listbox.form-control > ul > li > .form-check.disabled.active > label {
  color: inherit;
}

.dxbs-listbox > li > a > span:not(:last-child),
.dxbs-listbox > ul > li > a > span:not(:last-child),
.dxbs-listbox > li > .form-check > label > span:not(:last-child),
.dxbs-listbox .list-group-item > .form-check:not(:last-child),
.dxbs-listbox > ul > li > .form-check > label > span:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-listbox > li > a > span[class=image]:first-child::before,
.dxbs-listbox > ul > li > a > span[class=image]:first-child::before,
.dxbs-listbox > li > .form-check > label > input + span[class=image]::before,
.dxbs-listbox > ul > li > .form-check > label > input + span[class=image]::before {
  content: " ";
  display: inline-block;
  width: 1em;
}

.dxbs-listbox.card > .list-group {
  flex-grow: 1;
}

.dxbs-listbox.card,
.dxbs-listbox > .list-group {
  margin-bottom: 0;
}

.dxbs-listbox > .list-group > li.list-group-item,
.dxbs-listbox li > .list-group-item,
.dxbs-listbox > .list-group li > .list-group-item {
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}

.dxbs-listbox > .dxbs-list-listcontrol-container > table {
  border-top-width: 0;
  border-bottom-width: 0;
}

.dxbs-listbox.form-control .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-listbox.form-control a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-listbox ul a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-popup[id*=_DXHFP].hf-list .dxbs-listbox.card ul.list-group {
  background: none;
}

.dxbs-listbox > li > .form-check,
.dxbs-listbox > ul > li > .form-check {
  margin-top: 0;
}

ul.dxbs-listbox {
  min-height: 2em;
}

.has-feedback .dxbs-listbox.form-control,
.dxbs-listbox.form-control,
.dxbs-listbox > ul,
.dxbs-popup[id*=_DXHFP].hf-list .dxbs-listbox.card > ul {
  height: auto;
  padding: 0px;
}

.dxbs-listbox > ul,
.dxbs-popup[id*=_DXHFP].hf-list .dxbs-listbox.card > ul {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.dxbs-listbox.form-control > ul {
  border: none !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.dxbs-listbox > ul,
.dxbs-listbox > .dxbs-list-listcontrol-container {
  overflow-y: auto;
  overflow-x: hidden;
}

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

.dxbs-listbox.form-control > li > a,
.dxbs-listbox.form-control > ul > li > a,
.dxbs-listbox.form-control > li > a:hover,
.dxbs-listbox.form-control > ul > li > a:hover,
.dxbs-listbox.form-control > li > a:focus,
.dxbs-listbox.form-control > ul > li > a:focus,
.dxbs-listbox.form-control > li > a:active,
.dxbs-listbox.form-control > ul > li > a:active,
.dxbs-listbox.form-control > li.active > a,
.dxbs-listbox.form-control > ul > li.active > a,
.dxbs-listbox.form-control > li.active > a:hover,
.dxbs-listbox.form-control > ul > li.active > a:hover,
.dxbs-listbox.form-control > li.active > a:focus,
.dxbs-listbox.form-control > ul > li.active > a:focus,
.dxbs-listbox.form-control > li.active > a:active,
.dxbs-listbox.form-control > ul > li.active > a:active {
  border-radius: 0;
  border: none;
}

.dxbs-listbox.card.form-control {
  color: inherit;
}

.dxbs-listbox .dxbs-list-filter,
.dxbs-listbox .dxbs-list-selectall {
  max-height: 100%;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header {
  position: relative;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-text,
.dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-prepend ~ .dxbs-list-filter-edit .form-control,
.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend + .form-control {
  background: none;
  border: none;
  box-shadow: none;
  color: inherit;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-text,
.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend .btn {
  padding: 0;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-prepend ~ .dxbs-list-filter-edit .form-control,
.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .input-group-prepend + .form-control {
  padding-top: 0;
  padding-bottom: 0;
  height: auto;
}

/*.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-edit .dxbs-clear-btn
{
    padding-right: 0;
}*/
.dxbs-listbox.card > .dxbs-list-selectall.card-header > .form-check {
  margin-top: 0;
  margin-bottom: 0;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show,
.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-hide {
  text-decoration: none;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show:not(:hover):not(:focus),
.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-hide:not(:hover):not(:focus) {
  color: inherit;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show {
  position: absolute;
  right: 0;
}

.dxbs-3 .dxbs-listbox.card > .dxbs-list-selectall.card-header > .form-check {
  display: inline-block;
}

.dxbs-3 .dxbs-listbox.card > .dxbs-list-filter.card-header .dxbs-list-filter-show {
  display: inline-table;
  vertical-align: middle;
}

.dxbs-listbox.card > .card-header.collapsed:not(.calculating) {
  max-height: 0;
  padding: 0 !important;
  border: none;
}

.dxbs-listbox.card > .card-header.collapsed.animated {
  transition: max-height 0.5s, opacity 0.5s, padding-top 0.5s, padding-bottom 0.5s;
}

.dxbs-listbox.card > .card-header.collapsed:not(.calculating) .dxbs-list-filter-edit {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
}

.dxbs-listbox.card > .card-header.animated:not(.collapsed) .dxbs-list-filter-edit {
  transition: max-height 1.5s, opacity 1.5s, visibility 0.5s;
}

.dxbs-listbox.card > .card-header.collapsed.animated + .dxbs-list-selectall + .list-group {
  transition: max-height 0.5s;
}

/* Fixed layout */
.dxbs-listbox .dxbs-fixed {
  table-layout: fixed;
}

.dxbs-listbox > .dxbs-list-listcontrol-container .dxbs-fixed .dxlbArm th {
  border: 0;
  padding: 0;
}

.dxbs-listbox.dxbs-list-table-render:not(.dxbs-dropdown-area) {
  min-width: initial;
  display: table;
}
.dxbs-listbox.dxbs-list-table-render > .panel {
  margin-bottom: 0;
  border-left: 0;
  border-right: 0;
}
.dxbs-listbox.dxbs-list-table-render > .dxbs-list-listcontrol-container > .table > tbody > tr > .dxbs-check-col > .checkbox {
  margin: 0;
}
.dxbs-listbox.dxbs-list-table-render .dxbs-check-col input[type=checkbox] {
  position: static;
}

.dxbs-listbox .dxbs-list-listcontrol-container {
  height: 174px;
}

.dxbs-listbox table {
  border-width: 0;
}

.dxbs-listbox > .card {
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  display: block;
  position: static;
}

.dxbs-listbox.form-control.is-invalid {
  padding-right: 0;
  background-image: none;
}

.dxbs-listbox > .card > table > thead > tr > th {
  border-top: 0;
  border-bottom: 0;
  font-weight: 600;
}

.dxbs-listbox > .card > table > thead > tr > th:first-child,
.dxbs-listbox > .dxbs-list-listcontrol-container > table > thead > tr > th:first-child,
.dxbs-listbox > .dxbs-list-listcontrol-container > table > tbody > tr > td:first-child {
  border-left: 0;
}

.dxbs-listbox > .card > table > thead > tr > th:last-child,
.dxbs-listbox > .dxbs-list-listcontrol-container > table > thead > tr > th:last-child,
.dxbs-listbox > .dxbs-list-listcontrol-container > table > tbody > tr > td:last-child {
  border-right: 0;
}

.dxbs-listbox > .dxbs-list-listcontrol-container > table > tbody > tr > td {
  border-top-color: transparent;
}

.dxbs-listbox > .dxbs-list-listcontrol-container > table > tbody > .dxbs-last-data-row > td {
  border-bottom: 0;
}

div.dxbs-list-container {
  width: 100%;
}

.dxbs-listbox > ul > li > div.list-group-item:hover:after, .dxbs-listbox > ul > li.dxbs-templated-row:hover:after, .dxbs-listbox > ul > li > a:hover:after {
  background-color: black;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.075;
}

.dxbs-listbox > ul > li > div.list-group-item:hover:after {
  z-index: 0;
}
.dxbs-listbox > ul > li > a:hover:after, .dxbs-listbox > ul > li.dxbs-templated-row:hover:after {
  z-index: -1;
}

.dxbs-listbox > ul > li {
  z-index: 0;
}

.dxbs-listbox > ul > li > a.active, .dxbs-listbox > ul > li > a.active:hover, .dxbs-listbox > ul > li.dxbs-templated-row.active, .dxbs-listbox > ul > li > a:active {
  background-color: rgba(0, 0, 0, 0.15);
  color: inherit;
}
.dxbs-listbox > ul > li > div.list-group-item.active {
  background-color: rgba(0, 0, 0, 0.075);
  color: inherit;
}

.dxbs-listbox > .dxbs-list-listcontrol-container > table > tbody > tr.table-active:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.dxbs-listbox .table-hover .table-active.dxbs-check-row > td {
  background: none;
}

.dxbs-listbox > ul > li > .dropdown-item:hover {
  background-color: inherit;
  color: inherit;
}

.dxbs-listbox > ul > li.dxbs-templated-row, .dxbs-listbox > ul > li > .dropdown-item {
  position: relative;
}

.dxbs-listbox .list-group-item > .form-check {
  display: inline-block;
}

.dxbs-check-col {
  width: 30px;
  text-align: center;
}

.dxbs-listbox > .dxbs-list-selectall.card-header {
  background-color: initial;
}

.dxbs-3 .dxbs-listbox.dx-dropdown-menu > .list-group > li > a {
  padding: 3px 20px;
  display: block;
  position: relative;
  color: inherit;
}
.dxbs-3 .dxbs-listbox.dx-dropdown-menu > .list-group > li > a:hover {
  text-decoration: none;
}
.dxbs-3 .dxbs-listbox table > tbody > .table-active, .dxbs-3 .dxbs-listbox table > tbody > .table-active > td, .dxbs-3 .dxbs-listbox .table-hover > tbody > tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.dxbs-3 .dxbs-listbox > .panel {
  border-radius: 0;
}
.dxbs-3 .dxbs-listbox.dxbs-list-table-render .dxbs-list-selectall-check {
  margin: 0;
}

.dxbs-kbs-input {
  width: 0;
  height: 0;
  position: absolute;
  background-color: transparent;
  display: block;
  margin: 0;
  padding: 0;
  border-width: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}

.dxbs-out-of-range-warn,
.dxbs-popup-help-text {
  position: absolute;
}

.dxbs-out-of-range-warn {
  display: none;
  z-index: 1050;
}

.dxbs-popup-help-text.form-text {
  margin-top: 0;
  margin-bottom: 0;
}

.dxbs-popup-help-text {
  opacity: 0;
  z-index: 990;
}

.dxbs-null-text {
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  border-color: transparent;
}

input:-webkit-autofill + .dxbs-null-text {
  display: none !important;
}

.form-control + .dxbs-null-text {
  z-index: 4;
}

/*Error controls*/
.dxbs-edit-error-frame .dxbs-calendar.card:first-child,
.dxbs-edit-error-frame .dxbs-listbox.form-control:first-child {
  margin-top: 20px;
}

.dxbs-calendar > .dxbs-feedback,
.dxbs-edit-error-frame .dxbs-listbox.form-control ~ .dxbs-feedback,
.dxbs-cbl .dxbs-feedback {
  width: auto;
  height: auto;
  pointer-events: auto;
  line-height: inherit;
  padding-bottom: 0.1em;
}

.dxbs-cbl .dxbs-feedback {
  position: inherit;
  text-align: right;
}

.dxbs-calendar > .dxbs-feedback {
  top: auto !important;
  bottom: 100%;
}

.dxbs-calendar > .dxbs-feedback [data-error-image] {
  top: 0;
}

.dxbs-edit-error-frame .dxbs-edit-caption + .dxbs-listbox.form-control ~ .dxbs-feedback {
  top: 0;
}

.dxbs-edit-error-frame .dxbs-listbox.form-control:first-child ~ .dxbs-feedback {
  top: -20px;
}

.dxbs-edit-error-frame.form-check label > [data-error-image],
.dxbs-edit-error-frame.form-check label > [data-error-image],
.dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image],
.dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image] {
  padding-left: 0.6em;
  padding-right: 0.6em;
  cursor: default;
}

.dxbs-edit-error-frame.form-check label > [data-error-image]:active:after,
.dxbs-edit-error-frame.form-check label > [data-error-image]:active:after,
.dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image]:active:after,
.dxbs-edit-error-frame.form-check.form-check-inline > [data-error-image]:active:after,
.form-inline .dxbs-cbl div:not(.column-element):first-child .dxbs-feedback:only-child > [data-error-image]:active:after {
  right: auto;
  left: 100%;
  padding-right: 0.6em;
  padding-left: 0.6em;
}

[data-error-image]:active:after {
  content: attr(data-error-tooltip);
  position: absolute;
  z-index: 1070;
  right: 100%;
  white-space: pre;
  font: normal 0.75em/2 "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 0 0.6em;
  background-color: #fdf7f7;
  top: calc(50% - 1em);
  pointer-events: none;
}

/* Button */
.dxbs-button.btn-link {
  /*padding: 0;*/
}

.dxbs-button:not(.icon-only) > .image,
.dxbs-hyperlink:not(.icon-only) > .image,
.dxbs-button .badge > .image:not(:only-child),
.dxbs-hyperlink .badge > .image:not(:only-child),
.form-check > label > .image,
.form-check > label > .image {
  margin-right: 0.4em;
}

.dxbs-button[type=submit] .image,
.dxbs-button[type=submit] .badge {
  pointer-events: none;
  display: inline-block;
}

.dxbs-button .badge,
.dxbs-hyperlink .badge {
  margin-left: 0.4em;
}

.dxbs-hyperlink {
  display: inline-block;
}

.btn-group > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.btn-group > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.btn-group-lg > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.btn-group-lg > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group-vertical.btn-group-lg > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.btn-group-vertical.btn-group-lg > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.btn-group-sm > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child),
.btn-group-xs > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.btn-group-sm > .btn.dxbs-button:first-of-type:not(:first-child),
.btn-group-xs > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-group-vertical.btn-group-sm > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child),
.btn-group-vertical.btn-group-xs > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-group-vertical.btn-group-sm > .btn.dxbs-button:first-of-type:not(:first-child),
.btn-group-vertical.btn-group-xs > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

/* Calendar */
.dxbs-calendar {
  position: relative;
  white-space: normal;
}

.dxbs-calendar,
.dxbs-calendar.card {
  display: inline-block;
}

.dxbs-calendar .calendar-row {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  width: 100%;
}

.dxbs-calendar .calendar-row .calendar-view {
  display: flex;
  display: -ms-flexbox;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NMC_] > *,
.dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NYC_] > *,
.dxbs-calendar .calendar-row .calendar-view:first-of-type:not(:last-of-type) [id*=_NTPC_] > *,
.dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PMC_] > *,
.dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PYC_] > *,
.dxbs-calendar .calendar-row .calendar-view:last-of-type:not(:first-of-type) [id*=_PTPC_] > * {
  visibility: hidden;
}

@media (max-width: 767px) {
  .dxbs-calendar .calendar-row {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }
}
.dxbs-3 .col-form-label + .dxbs-calendar,
.dxbs-3 .col-form-label + * + .dxbs-calendar,
.dxbs-3 .dxbs-calendar + .col-form-label {
  display: table;
}

.form-inline .col-form-label + .dxbs-calendar,
.form-inline .col-form-label + * + .dxbs-calendar,
.form-inline .dxbs-calendar + .col-form-label {
  display: inline-block;
}

.form-inline .col-form-label + .dxbs-calendar.card,
.form-inline .col-form-label + * + .dxbs-calendar.card,
.form-inline .dxbs-calendar.card + .col-form-label,
.form-inline .col-form-label + .dxbs-listbox.form-control,
.form-inline .col-form-label + * + .dxbs-listbox.form-control,
.form-inline .dxbs-listbox.form-control + .col-form-label,
.form-inline .dxbs-cbl > label:not(:first-child),
.form-inline .dxbs-cbl > div > div:not(:first-child) {
  margin-left: 0.3em;
}

.table .dxbs-calendar .dxbs-month-table,
.dxbs-calendar .dxbs-month-table,
.dxbs-calendar .dxbs-fast-nav .year-table,
.dxbs-calendar .btn-group .btn,
.dxbs-calendar .btn-group .btn + .btn,
.dxbs-calendar .btn-group .btn:hover {
  border-width: 0;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-calendar .calendar-view {
  margin-bottom: 0px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-calendar .calendar-view:only-child {
  width: 100%;
  max-width: 100%;
}

.dxbs-calendar .calendar-view > .card-header {
  padding: 0px;
  border: 0;
}

.dxbs-calendar .calendar-row .calendar-view:not(:first-child),
.dxbs-calendar .calendar-row .calendar-view:not(:first-child) .card-header {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dxbs-calendar .calendar-row .calendar-view:not(:last-child),
.dxbs-calendar .calendar-row .calendar-view:not(:last-child) .card-header {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dxbs-calendar .calendar-row + .calendar-row .calendar-view,
.dxbs-calendar .calendar-row + .calendar-row .calendar-view .card-header {
  border-radius: 0;
}

.dxbs-calendar > .calendar-row > .calendar-view:not(:first-child) > .card-body {
  padding-left: 0px;
}

.table .dxbs-calendar .dxbs-month-table,
.dxbs-calendar .dxbs-month-table {
  background: none;
  font-size: inherit;
  margin: 0;
}

.dxbs-calendar .dxbs-month-table > tbody > tr,
.dxbs-calendar .dxbs-fast-nav .table {
  float: none;
  margin: 0;
}

.dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > td,
.dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > th,
.dxbs-calendar .dxbs-fast-nav .table:not(.table-bordered) > tbody > tr > td {
  border: none;
  border-radius: 0;
}

.dxbs-calendar .dxbs-month-table > tbody > tr > td,
.dxbs-calendar .dxbs-month-table > tbody > tr > th,
.dxbs-calendar .dxbs-YCVisibleByDefault > .dxbs-fast-nav table > tbody > tr > td.dxbs-fast-nav-item.disabled {
  cursor: default;
}

.dxbs-calendar .dxbs-month-table.navbar-default > tbody > tr > td.dxbs-day {
  padding: 0;
}

.dxbs-calendar .dxbs-month-table .dxbs-day:not(.disabled):not(.dxbs-out-of-range),
.dxbs-calendar .dxbs-fast-nav .table > tbody > tr > td {
  cursor: pointer;
}

.dxbs-calendar .dxbs-month-table [class=dxbs-day],
.dxbs-calendar .dxbs-month-table td small {
  color: inherit;
}

.dxbs-calendar .dxbs-month-table td:not(.dxbs-day):first-child small {
  opacity: 0.6;
}

.dxbs-calendar .dxbs-month-table.navbar-default .dxbs-day a {
  display: block;
  padding: 5px;
}

.dxbs-calendar .dxbs-month-table .dxbs-day a {
  color: inherit;
}

.dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]),
.dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]):hover,
.dxbs-calendar .dxbs-month-table .dxbs-day a:not([href]):focus {
  text-decoration: none;
}

.dxbs-calendar .dxbs-month-table.navbar-default .dxbs-today a {
  border: solid 1px currentColor;
  padding: 4px;
}

.dxbs-calendar .dxbs-fast-nav .table:not(.table-bordered) > tbody > tr > .dxbs-today {
  border: solid 1px currentColor;
}

.dxbs-calendar .dxbs-month-table .dxbs-day.dxbs-in-range a {
  background-color: transparent;
  background-image: none;
}

.dxbs-calendar .dxbs-month-title {
  width: 100%;
  -ms-flex: 1 1 100%;
}

.dxbs-calendar .fa {
  font-size: 1.33em;
  font-weight: bold;
}

.dxbs-calendar .btn-toolbar,
.dxbs-calendar .btn-group {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-calendar .btn-group .btn,
.dxbs-calendar .btn-group .btn + .btn,
.dxbs-calendar .btn-group .btn:hover {
  color: inherit;
  background-color: transparent;
  background-image: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.dxbs-calendar .btn-toolbar.card-footer {
  margin: 0;
}

.dxbs-calendar .btn-toolbar > .btn:first-child {
  margin-left: 0px;
}

.dxbs-calendar .dxbs-fast-nav {
  margin: 0;
  padding: 0;
}

.dxbs-calendar .dxbs-fast-nav .table {
  text-align: center;
  background-color: transparent;
  background-image: none;
}

.dxbs-calendar .dxbs-fast-nav .year-table .prev-year,
.dxbs-calendar .dxbs-fast-nav .year-table .next-year {
  vertical-align: middle;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav {
  border: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header,
.dxbs-calendar .calendar-view .dxbs-fast-nav .card-body {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header {
  border-bottom: none;
  border-radius: 0;
  padding: 0;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-body {
  padding: 0.5em;
  flex: 1 1 100%;
  -ms-flex: 1 1 100%;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav,
.dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table {
  height: 100%;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table > tbody > tr > td {
  vertical-align: middle;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-body > table > tbody > tr > td:empty {
  pointer-events: none;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn,
.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:hover {
  color: inherit;
  background-color: transparent;
  background-image: none;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:only-child,
.dxbs-calendar .calendar-view .dxbs-fast-nav .card-header .btn:not(:first-child):not(:last-child) {
  width: 100%;
}

.dxbs-date-edit .dropdown-menu.card {
  margin-bottom: 0px;
  padding: 0px;
  position: absolute;
  width: auto;
}

.dxbs-calendar .dxbs-time-section {
  margin: 0;
  border-left: none;
  border-bottom: none;
  border-right: none;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-calendar .dxbs-calendar-dow {
  font-weight: 600;
  opacity: 0.5;
}

.dxbs-calendar .dxbs-YCVisibleByDefault {
  width: 260px;
  height: 200px;
}

/* CheckBoxList */
.dxbs-cbl > div {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
}

.dxbs-cbl.hor .column-element {
  flex: 0 1 auto;
  -ms-flex: 0 1 auto;
}

.dxbs-cbl.hor .column-element:not(:last-child) {
  padding-right: 1rem;
}

/*.dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element)
{
    display: flex;
    display: -ms-flexbox;
    flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
}*/
.dxbs-cbl .dxbs-feedback:only-child [data-error-image] {
  padding-left: 0;
  margin-right: 0.4em;
}

.dxbs-cbl .dxbs-feedback [data-error-image] {
  top: 0;
}

.dxbs-cbl > div > .column-element > div {
  white-space: normal;
  min-width: 0;
}

.dxbs-cbl > div > .column-element,
.dxbs-cbl.dxbs-edit-error-frame > div > div:not(.column-element) > * {
  white-space: nowrap;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-cbl > div > label,
.dxbs-cbl.dxbs-edit-error-frame > div > label,
.dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element) > div:not(.column-element) {
  white-space: nowrap;
  flex: 1 100%;
  -ms-flex: 1 1 100%;
}

.form-inline .dxbs-cbl > div > label,
.form-inline .dxbs-cbl.dxbs-edit-error-frame > div:not(.column-element) {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-cbl > div > .column-element > div:first-child,
.dxbs-cbl > div > .column-element > .form-check + .form-check,
.dxbs-cbl > div > .column-element > .form-check + .form-check {
  margin-top: auto;
}

.dxbs-preventsel {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

/* ProgressBar */
.dxbs-progress.disabled > .progress > .progress-bar {
  animation: none;
  -webkit-animation: none;
}

/* UploadControl */
.dxbs-uc input[type=file]:not([disabled]) {
  cursor: pointer;
}

.dxbs-uc .dxbs-clear-btn {
  color: gray;
  pointer-events: auto;
}

.dxbs-uc .dxbs-clear-btn:hover,
.dxbs-uc .dxbs-clear-btn:focus {
  opacity: 0.8;
}

.dxbs-uc .dxbs-clear-btn:hover {
  cursor: pointer;
}

.dxbs-uc .input-group > div:not(.input-group-append):not(.input-group-prepend) {
  position: relative;
}

.dxbs-uc .input-group .dxbs-feedback {
  z-index: 10;
}

.dxbs-uc .input-group-append .image {
  margin-right: 0.4em;
}

.dxbs-drop-zone {
  text-align: center;
  vertical-align: middle;
  position: fixed;
  box-sizing: border-box;
  z-index: 19999;
  background-color: rgba(0, 0, 0, 0.5);
}

.dxbs-drop-zone > div {
  height: 100%;
  width: 100%;
  display: table;
}

.dxbs-drop-zone > div > div {
  display: table-cell;
  vertical-align: middle;
}

.dxbs-uc .dxbs-file-list {
  list-style-type: none;
  padding-left: 0px;
  display: table;
}

.dxbs-uc .dxbs-file-list > li {
  display: table-row;
}

.dxbs-uc .dxbs-file-list > li > div {
  display: table-cell;
}

.dxbs-uc .dxbs-file-list li > button {
  display: table-cell;
}

.dxbs-uc .dxbs-file-name {
  white-space: nowrap;
  padding-top: 0.4em;
}

.dxbs-uc .dxbs-bar-div {
  width: 100%;
  padding-left: 0.4em;
}

.dxbs-uc .dxbs-file-list button {
  padding-top: 0px;
  padding-bottom: 0px;
}

.dxbs-uc .dxbs-file-list > li {
  border: none;
}

.dxbs-uc .dxbs-file-list .progress {
  margin-bottom: 0px;
}

.dxbs-uc .dxbs-input {
  position: absolute;
  filter: alpha(opacity=0);
  opacity: 0;
  top: -5000px;
  z-index: 5;
}

.dxbs-uc-hidden {
  position: fixed;
  left: -9999px;
}

.dxucFFIHolder,
.dxucFFIHolder .dxucFFI {
  position: relative;
  width: 0;
  height: 0;
  border-width: 0;
}

.dxucFFIHolder {
  line-height: 0;
  font-size: 0;
}

.dxucFFIHolder .dxucFFI {
  top: 0;
  padding: 0;
  margin: 0;
  background-color: transparent;
}

/* Binary Image */
.dxbs-binary-image {
  height: 200px;
}

.dxbs-binary-image > div {
  display: table;
  width: 100%;
  height: inherit;
}

.dxbs-binary-image > div > div {
  height: inherit;
  width: 100%;
  position: relative;
  vertical-align: middle;
  display: table-cell;
  border-style: dashed;
  padding: 0px;
}

.dxbs-binary-image .bin-img-content {
  position: relative;
  height: inherit;
  width: 100%;
}

.dxbs-binary-image .bin-img-preview-container {
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  width: 100%;
}

.dxbs-binary-image .bin-img-preview-container img {
  vertical-align: middle;
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dxbs-binary-image .bin-img-text-panel,
.dxbs-binary-image .bin-img-drope-zone {
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.dxbs-binary-image .bin-img-tbl {
  height: 100%;
  width: 100%;
}

.dxbs-binary-image .bin-img-text-panel .bin-img-tbl > div {
  font-size: 200%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

.dxbs-binary-image .bin-img-tbl {
  display: table;
}

.dxbs-binary-image .bin-img-text-panel > .bin-img-tbl > div {
  opacity: 0.5;
}

.dxbs-binary-image .bin-img-panel {
  height: 2.5em;
  text-align: center;
  width: 100%;
  bottom: 0;
  position: absolute;
}

.dxbs-binary-image .bin-img-panel .bin-img-fill-parent:first-child {
  background: currentColor;
}

.dxbs-binary-image .bin-img-panel .btn {
  line-height: 1em;
}

.dxbs-binary-image .top {
  top: 0;
}

.dxbs-binary-image .bin-img-panel > .bin-img-tbl > div {
  vertical-align: middle;
  display: table-cell;
  white-space: nowrap;
}

.dxbs-binary-image .bin-img-panel > .bin-img-tbl button {
  background-color: transparent;
  border-color: transparent;
  opacity: 0.6;
  background-image: none;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-binary-image .bin-img-panel > .bin-img-tbl button:hover {
  opacity: 1 !important;
}

.dxbs-binary-image .bin-img-progress-panel {
  position: absolute;
  overflow: hidden;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.dxbs-binary-image .bin-img-progress-panel > .bin-img-tbl > div {
  vertical-align: middle;
  display: table-cell;
}

.dxbs-binary-image .bin-img-tbl div > img {
  max-width: 100%;
  max-height: 100%;
}

.dxbs-binary-image .bin-img-fill-parent {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-binary-image .bin-img-fill-parent.contentLeft {
  justify-content: flex-start;
  -ms-flex-pack: start;
}

.dxbs-binary-image .bin-img-fill-parent.contentRight {
  justify-content: flex-end;
  -ms-flex-pack: end;
}

.dxbs-binary-image .bin-img-progress-panel {
  position: absolute;
  overflow: hidden;
}

.dxbs-binary-image .bin-img-progress-panel .bin-img-tbl {
  height: 100%;
  width: 100%;
}

.dxbs-binary-image .bin-img-progress-bar-container {
  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
}

.dxbs-binary-image .bin-img-progress-bar-container > span,
.dxbs-binary-image .bin-img-progress-bar-container > div {
  margin-top: 1em;
}

.dxbs-binary-image .bin-img-disabled-cover {
  opacity: 0.2;
  background-color: currentColor;
  cursor: not-allowed;
}

/*coloredit*/
[data-color=""],
[data-item-color=""]:before {
  background-color: transparent;
  border: 1px solid black;
  opacity: 0.6;
}

.dxbs-3 .dxbs-coloredit .input-group > div:not(.input-group-append):not(.input-group-prepend) {
  display: flex;
}

.dxbs-3 .dxbs-coloredit .dxbs-coloredit-ci.form-control {
  display: inline-block;
  height: 2em;
  width: 2em;
  margin-left: 0.25rem;
  margin-right: calc(-2em - 0.25rem);
  background-color: transparent;
  box-shadow: none;
  z-index: 5;
  align-self: center;
  padding: 0;
}

.dxbs-coloredit .dxbs-coloredit-ci:not(.dxbs-ce-ci-empty) {
  border-color: transparent;
}

.dxbs-coloredit .dxbs-coloredit-ci.dxbs-ce-ci-empty {
  position: relative;
  overflow: hidden;
  height: 2em;
  border: 1px currentColor solid !important;
  max-height: none;
}

.dxbs-coloredit .dxbs-coloredit-ci.dxbs-ce-ci-empty:before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-50% + 1px);
  right: 0;
  transform: rotate(-45deg) translateY(-1px);
  transform-origin: 100% 0;
  border-top: 2px solid red;
}

.dxbs-coloredit .dxbs-coloredit-ci + .form-control {
  padding-left: calc(2em + 2 * 0.25rem);
}

.dxbs-ce-btn-custom {
  width: 100%;
}

.dxbs-coloredit .dxbs-ce-btn:not(:first-child) {
  margin-left: 0.25rem;
}

.dxbs-ce-md,
.dxbs-ce-selector {
  padding: 0.5em;
}

.dxbs-ce-md,
.dxbs-ct-table,
.dxbs-cct-table {
  display: flex;
  flex-direction: column;
}

.dxbs-ce-md [role=row] {
  display: flex;
}

.dxbs-ce-md [role=gridcell],
.dxbs-ce-auto-cd {
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}

.dxbs-ce-md [role=gridcell]:not(:last-child),
.dxbs-ce-auto-cell {
  margin-right: 0.25rem;
}

.dxbs-3 .dxbs-ce-md,
.dxbs-3 .dxbs-ce-md > div,
.dxbs-3 .dxbs-ce-md > div > div,
.dxbs-3 .dxbs-ce-md > div > div > .dxbs-border {
  border: inherit;
  border-style: none;
}

.dxbs-3 .dxbs-ce-md > div > div > .dxbs-border {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
}

.dxbs-3 .dxbs-ce-md > div > div > .dxbs-border.border-primary {
  border-color: currentColor;
  border-width: 2px;
}

.dxbs-ct-table [role=row] {
  padding-bottom: 0.25rem;
}

.dxbs-cct-table [role=row] {
  padding-top: 0.25rem;
}

.dxbs-ce-bp {
  padding-top: inherit;
  display: flex;
  justify-content: flex-end;
}

.dxbs-ce-selector .dxbs-ce-bp .btn:not(:first-child) {
  margin-left: 0.25rem;
}

.dxbs-cp-rgb,
.dxbs-ce-auto-i {
  margin-bottom: 0.25rem;
}

.dxbs-cp-wrapper,
.dxbs-ce-auto-i {
  display: flex;
  flex-wrap: wrap;
}

.dxbs-ce-auto-i {
  cursor: pointer;
}

.dxbs-cp-tw,
.dxbs-cp-wrapper {
  flex-direction: column;
}

.dxbs-cp-tw {
  padding-top: 0.25rem;
}

.dxbs-cp-wrapper > div {
  display: inline-flex;
  flex-wrap: nowrap;
}

.dxbs-cp-wrapper > div:first-child {
  width: 100%;
}

.dxbs-cp-scv {
  width: 1em;
}

.dxbs-cp-hue-area {
  margin-left: 0.5rem;
}

.dxbs-cp-wrapper .dxbs-canvas-holder:not(.dxbs-cp-hue-area) {
  cursor: crosshair;
}

.dxbs-canvas-holder {
  position: relative;
  overflow: hidden;
}

.dxbs-canvas-selection {
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid white;
  border-radius: 50%;
  z-index: 1;
}

.dxbs-canvas-selection:before {
  content: " ";
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  border-radius: 50%;
  top: 0;
  left: 0;
}

.dxbs-canvas-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.dxbs-canvas-selection-rect {
  position: absolute;
  width: 100%;
  left: 0 !important;
  height: 0.5rem;
  border: 1px solid white;
  z-index: 1;
}

.dxbs-canvas-selection-rect:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: calc(0.5rem - 2px);
  border: 1px solid black;
  top: 0;
  left: 0;
}

.dxbs-coloredit-static.row {
  margin: 0;
}

.dxbs-coloredit-static > .col {
  padding: 0;
}

.dxbs-coloredit-static > div:not(.input-group-append):not(.input-group-prepend) {
  margin-right: 0.25em;
  min-width: 1.5em;
}

/*Dropdown modals*/
.dxbs-ddmodal:not(.modal) .modal-dialog {
  margin: 0;
  display: none;
  position: absolute;
  z-index: 1050;
  max-width: none;
}

.dxbs-ddmodal:not(.modal) .modal-dialog.dxbs-ddw-auto {
  max-width: 100%;
}

.dxbs-ddmodal:not(.modal) .modal-content .modal-body,
.dxbs-date-edit .dxbs-ddmodal .modal-content .modal-body {
  padding: 0;
}

.dxbs-ddmodal.modal .modal-dialog {
  top: 0 !important;
  left: 0 !important;
  width: auto !important;
}

.dxbs-ddmodal.modal .modal-content {
  max-height: calc(100vh - 1rem);
  /*max-width: calc(100vw - 1rem);*/ /*TODO*/
}

.dxbs-ddmodal .modal-content,
.dxbs-ddmodal .modal-content .modal-body {
  overflow: hidden;
}

.dxbs-ddmodal .modal-content,
.dxbs-ddmodal .modal-content:not(.dxbs-scroll-picker-cntr) .modal-body {
  display: flex;
  flex-flow: column nowrap;
}

.dxbs-ddmodal .modal-content .modal-body .dxbs-modal-input-cntr,
.dxbs-ddmodal .modal-content .modal-body small {
  flex: 1 0 auto;
}

.dxbs-ddmodal .modal-content .modal-body .dxbs-modal-input-cntr {
  margin-bottom: 1rem;
  position: relative;
}

.dxbs-ddmodal .modal-content .modal-body .dxbs-modal-input-cntr .dxbs-modal-clear-btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding-left: 0.6em;
  padding-right: 0.6em;
  cursor: pointer;
}

.dxbs-ddmodal .modal-content .modal-body .dxbs-modal-input-cntr .dxbs-modal-clear-btn:before {
  font-size: 0.75em;
  color: gray;
}

.dxbs-ddmodal .modal-content .modal-body small {
  margin-top: 1rem;
}

.dxbs-ddmodal .modal-content .modal-body > div:not(.dxbs-modal-input-cntr),
.dxbs-ddmodal .modal-content .modal-body > .dropdown-menu {
  position: static;
  flex: 1 1 auto;
  display: block;
  float: none;
  margin: 0;
}

.dxbs-ddmodal .modal-content:not(.dxbs-scroll-picker-cntr) .modal-body > div:not(.dxbs-modal-input-cntr),
.dxbs-ddmodal .modal-content:not(.dxbs-scroll-picker-cntr) .modal-body > .dropdown-menu {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.dxbs-ddmodal .modal-content .modal-body > .dxbs-listbox.dropdown-menu {
  overflow: hidden auto !important;
}

.dxbs-ddmodal:not(.modal) .modal-content .modal-body > .dropdown-menu {
  border-color: transparent;
  border-radius: 0;
}

.dxbs-date-edit .dxbs-ddmodal.modal .modal-content .modal-body .dxbs-calendar {
  min-width: 100%;
}

.dxbs-ddmodal .modal-content .modal-header,
.dxbs-ddmodal .modal-content .modal-footer {
  flex: 1 0 auto;
  align-items: center;
}

.dxbs-ddmodal .modal-content .modal-header .btn:first-child {
  padding-left: 0;
}

.dxbs-ddmodal .modal-content .modal-header .btn:last-child {
  padding-right: 0;
}

.dxbs-ddmodal .modal-content .modal-footer {
  justify-content: flex-start;
}

.dxbs-ddmodal-back:not(.show),
.dxbs-ddmodal.modal .dxbs-modal-hidden,
.dxbs-ddmodal:not(.modal) .modal-content:not(.dxbs-scroll-picker-cntr) .modal-header,
.dxbs-ddmodal:not(.modal) .modal-content:not(.dxbs-scroll-picker-cntr) .modal-footer,
.dxbs-ddmodal:not(.modal) .modal-content .modal-body .dxbs-modal-input-cntr,
.dxbs-ddmodal:not(.modal) .modal-content:not(.dxbs-scroll-picker-cntr) .modal-body small {
  display: none;
}

.dxbs-scroll-picker,
.dxbs-scroll-picker .tab-content,
.dxbs-scroll-picker .dxsp-wgroup {
  overflow: hidden;
}

.dxbs-scroll-picker .dxsp-wgroup {
  padding: 1rem 1.5rem 1.5rem;
}

.dxbs-scroll-picker .dxsp-wheel + .dxsp-wheel {
  margin-left: 1rem;
}

.dxbs-scroll-picker .dxsp-caption {
  text-align: center;
  margin-bottom: 1rem;
  padding-top: 0.75rem;
  font-size: 0.8rem;
}

.dxbs-scroll-picker .dxsp-item {
  margin: 0;
  padding: 0.75rem 1rem;
  border-radius: 0 !important;
  background: none;
  color: inherit;
  border-width: 1px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dxbs-scroll-picker .dxsp-frame {
  position: absolute;
  top: calc(50% - 1.375rem - 4px - 2px);
  left: 0;
  right: 0;
  font-size: 1.25rem;
  transition: opacity 0.4s;
  z-index: 10;
  pointer-events: none;
  border-width: 2px;
  border-style: solid;
  transition: border-color 0.4s;
  padding: 0.75rem;
  margin: 0;
}

.dxbs-scroll-picker .dxsp-wheel:not(.dxsp-wheel-hover):not(.dxsp-wheel-touch) .dxsp-frame {
  border-color: transparent !important;
  opacity: 0;
  height: 0;
}

.dxbs-scroll-picker .dxsp-wheel.dxsp-wheel-hover .dxsp-frame,
.dxbs-scroll-picker .dxsp-wheel.dxsp-wheel-touch .dxsp-frame {
  border-color: currentColor;
  height: auto;
}

.dxbs-scroll-picker .dxsp-wheel.dxsp-wheel-hover .dxsp-frame:before,
.dxbs-scroll-picker .dxsp-wheel.dxsp-wheel-touch .dxsp-frame:before {
  content: "";
  width: 100%;
  display: inline-block;
}

.dxbs-scroll-picker .dxsp-item:first-child {
  border-top-width: 1px;
  border-top-style: solid;
}

.dxbs-scroll-picker .dxsp-item:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.dxbs-scroll-picker .list-group {
  background: none;
  border: none;
}

.dxbs-scroll-picker .dxsp-item-focused {
  font-size: 1.25rem;
  position: relative;
}

.dxbs-scroll-picker .dxsp-item:not(.dxsp-item-focused) {
  border: none;
  opacity: 0.6;
}

.dxbs-scroll-picker .dxsp-wheel .dxsp-item.dxsp-item-focused {
  border-left: none;
  border-right: none;
}

.dxbs-scroll-picker .dxsp-wheel:not(.dxsp-wheel-hover):not(.dxsp-wheel-touch) .dxsp-item.dxsp-item-focused {
  color: inherit !important;
}

.dxbs-scroll-picker .dxsp-wheel-hover .dxsp-item-focused,
.dxbs-scroll-picker .dxsp-wheel-touch .dxsp-item-focused {
  border-color: transparent !important;
}

.dxbs-scroll-picker .dxsp-item-focused + .dxsp-item + .dxsp-item + .dxsp-item {
  padding-top: 0;
}

.dxbs-scroll-picker .dxsp-wheel {
  display: inline-block;
  overflow: hidden;
  background: transparent;
  transition: background 0.4s;
}

.dxbs-scroll-picker .dxsp-wheel:not(.dxsp-wheel-hover):not(.dxsp-wheel-touch) .dxsp-rel {
  background: none !important;
}

.dxbs-scroll-picker .dxsp-wgroup {
  text-align: center;
  position: relative;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-start;
}

.dxbs-scroll-picker .dxsp-scrolldiv {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.dxbs-scroll-picker .dxsp-rel {
  position: relative;
  height: 15.5rem;
}

.dxbs-scroll-picker .dxsp-smooth-scroll {
  transition: margin-top 0.5s;
}

.dxbs-scroll-picker .dxsp-item {
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dxbs-scroll-picker .dxsp-item-focused {
  vertical-align: middle;
}

.dxbs-scroll-picker .dxsp-container::-webkit-scrollbar {
  visibility: hidden;
}

.dxEdge .dxbs-scroll-picker .dxsp-container,
.dxFirefox .dxbs-scroll-picker .dxsp-container {
  visibility: hidden;
}

.dxEdge .dxbs-calendar .dxbs-fast-nav-item {
  height: 100%;
}

.dxbs-scroll-picker .dxsp-container > div {
  visibility: visible;
}

.dxbs-scroll-picker .dxsp-list {
  display: block;
}

.dxbs-scroll-picker .dxsp-list::after,
.dxbs-scroll-picker .dxsp-list::before {
  content: "";
  width: 10px;
  visibility: hidden;
  display: block;
  z-index: 10000;
  height: 6rem;
  line-height: 6rem;
}

.dxbs-scroll-picker .nav-tabs .nav-item:not(.active) {
  cursor: pointer;
}

.dxbs-scroll-picker .nav-tabs .nav-item:not(.active) span {
  opacity: 0.6;
}

.dxbs-scroll-picker .nav-tabs .nav-item {
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  background: none;
  transition: border-bottom-color 0.4s;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
}

.dxbs-scroll-picker .nav-tabs .nav-item,
.dxbs-scroll-picker .nav-tabs .nav-item.active {
  color: inherit;
}

.dxbs-scroll-picker .nav-tabs .nav-item.active {
  border-bottom-color: currentColor;
  cursor: default;
  background: none;
}

.dxbs-scroll-picker .tab-content > .tab-pane {
  display: flex;
}

/* GridView */
.dxbs-gridview {
  display: table;
  width: 100%;
}

.dxbs-gridview > .btn-toolbar:first-of-type,
.dxbs-gridview > .dxbs-toolbar-adaptive:first-of-type {
  margin-bottom: 1em;
}

.dxbs-gridview > .btn-toolbar:last-of-type,
.dxbs-gridview > .dxbs-toolbar-adaptive:last-of-type {
  margin-top: 1em;
}

.dxbs-gridview .dxbs-arrow-drag {
  position: absolute;
  visibility: hidden;
  top: -10000px;
  left: -10000px;
}

.dxbs-gridview .dxbs-arrow-drag > span.rotated {
  transform: rotate(90deg);
}

.dxbs-gridview > .card .dxbs-table {
  margin-bottom: 0;
}

.dxbs-gridview > .card > .dxbs-nohor-borders > tbody > tr > td {
  border-bottom: 0;
}

.dxbs-gridview > .card > .dxbs-nohor-borders > tbody > tr:not(:first-child):not(.dxbs-first-data-row) > td {
  border-top: 0;
}

.dxbs-gridview > .card > .card-body > .card-body {
  padding: 0;
}

.dxbs-gridview > .card > .card-body:first-of-type > .card-body:not(:first-child) {
  padding-top: inherit;
}

.dxbs-gridview > .card > .card-body:not(:first-of-type) > .card-body:not(:last-child) {
  padding-bottom: inherit;
}

.dxbs-gridview .dxbs-sg-wrapped {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  align-items: center;
  -ms-flex-align: center;
  margin: -0.5em 0;
}

.dxbs-gridview > .card > .card-body .dxbs-sg-wrapped .dxbs-search-panel {
  flex-grow: 1;
  flex-basis: 25%;
  min-width: 250px;
  margin: 0.5em 0;
}

.dxbs-gridview > .card > .card-body .dxbs-sg-wrapped .dxbs-group-panel {
  flex-grow: 1;
  flex-basis: 75%;
  margin: 0.5em 0;
}

.dxbs-gridview .dxbs-editform {
  padding: 1em 0.5em;
}

.dxbs-gridview .dxbs-editform .dxbs-fl-ctrl > .btn:not(.btn-link):not(:last-child),
.dxbs-gridview .dxbs-editform .dxbs-fl-ctrl > .btn.btn-outline-primary.btn-link:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-gridview .dxbs-fixed .dxbs-editform .dxbs-fl .row > div,
.dxbs-gridview .dxbs-fixed .dxbs-editform .dxbs-fl .dxbs-fl-gd > .card {
  position: static;
}

.dxbs-gridview > .card > .card-body .dxbs-search-panel {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.dxbs-gridview > .card > .card-body .dxbs-search-panel > div:first-of-type {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  width: 1%;
}

.dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit {
  display: block;
  width: auto;
}

.dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit > div {
  display: block;
}

.dxbs-gridview > .card .card-body .dxbs-search-panel .input-group > .dxbs-button-edit:not(:last-child) > div > .form-control {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):hover,
.dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):focus,
.dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group > .input-group-append > .btn:not(:last-child):active {
  z-index: 3;
}

.dxbs-gridview .dxbs-editform > .form-horizontal .row {
  margin-right: 0;
  margin-left: 0;
}

@-moz-document url-prefix() {
  .dxbs-gridview [tabindex]:focus:not(:-moz-focusring) {
    outline: 1px dotted black;
  }
}
.dxbs-gridview > .card .dxbs-table > tbody > tr > td,
.dxbs-gridview > .card .dxbs-table > thead > tr > th {
  vertical-align: middle;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary .btn-link {
  color: white;
}

.dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-header-indent,
.dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-empty-header,
.dxbs-gridview .dxbs-table:not(.dxbs-fixed) .dxbs-group-btn-cell {
  width: 0.1%;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-indent-cell {
  border-top-width: 0px;
  border-bottom-width: 0px;
  text-align: center;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-footer-row > td {
  border-right-width: 0px;
  border-left-width: 0px;
}

.dxbs-gridview > .card > .dxbs-popup > .modal-content > .modal-header > .dxbs-calendar {
  margin-bottom: 0;
}

.dxbs-gridview .progress {
  margin-bottom: 0;
}

.dxbs-gridview > .card .dxbs-table > thead > tr.dxbs-filter-row > td {
  border-bottom-width: 0px;
  padding: 2px;
  vertical-align: middle;
}

.dxbs-gridview > .card .dxbs-table > thead > tr.dxbs-filter-row > td .btn-link:not(.btn-outline-primary) {
  padding: 0 0.4em;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > .dx-ac {
  white-space: nowrap;
}

.dxbs-gridview > .card .dxbs-table > thead > .dxbs-filter-row > td > div {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
}

.dxbs-gridview > .card .dxbs-table > thead > .dxbs-filter-row > td > div > div {
  flex: 0 1 100%;
  -ms-flex: 0 1 100%;
}

.dxbs-gridview > .card .dxbs-table > tbody > .dxbs-preview-row > td {
  white-space: normal;
  padding: 0.5em 1em;
}

.dxbs-gridview > .card .dxbs-table > tbody > .dxbs-empty-data-row > td {
  padding: 1em;
  text-align: center;
}

/* empty cells before group button */
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell {
  border-top: 0;
  border-bottom: 0;
  width: 0;
}

/* cell with master-detail button */
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-md-btn-cell {
  border-bottom: 0;
  width: 1px;
}

/* group button and master-detail button */
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td > .btn-link:not(.btn-outline-primary),
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-md-btn-cell > .btn-link:not(.btn-outline-primary),
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .btn-link:not(.btn-outline-primary) {
  padding: 0 0.4em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td:first-child:not(.dxbs-indent-cell),
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell + td:not(.dxbs-indent-cell) {
  border-right-width: 0px;
  border-bottom-width: 0px;
  width: 0.1%;
}

/* next cell after group button */
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td:first-child:not(.dxbs-indent-cell) + td,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-group-row > td.dxbs-indent-cell + td:not(.dxbs-indent-cell) + td {
  border-left-width: 0px;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-groupf > td:not(.dxbs-indent-cell) {
  border-right-width: 0px;
  border-left-width: 0px;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.active > td.dxbs-indent-cell {
  background: none;
}

/* non-data-header */
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-noclick,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-header-indent {
  cursor: default;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-fixed-header-content > .dxbs-cmd-cb {
  padding-left: 0;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb input,
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-fixed-header-content > .dxbs-cmd-cb input {
  position: relative;
  margin-left: 0;
}

/* command cell buttons */
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn.btn-link:not(.btn-outline-primary),
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .btn.btn-link:not(.btn-outline-primary),
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn.btn-link:not(.btn-outline-primary) {
  border: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn:not(.btn-link):not(:last-child),
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .btn:not(.btn-link):not(:last-child),
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn:not(.btn-link):not(:last-child),
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn.btn-outline-primary.btn-link:not(:last-child),
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .btn.btn-outline-primary.btn-link:not(:last-child),
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn.btn-outline-primary.btn-link:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .btn + .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-fixed-header-content > .btn + .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .btn + .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgbBCTC > .btn + .dxbs-cmd-cb {
  margin-left: 0.4em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-fixed-header-content > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-cmd-cb {
  margin-left: 1em;
  margin-right: 1em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb {
  cursor: auto;
  padding-left: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb:active,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb:active {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb input,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxgBCTC > .dxbs-cmd-cb input {
  position: relative;
  margin-left: 0;
}

/* data cell checkbox */
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .form-check.form-check-inline > label {
  padding-left: 0;
  cursor: default;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR:not(.dxbs-edit-row) .form-horizontal .dxgvADDC > .form-check.form-check-inline > label,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .form-horizontal .dxgvADDC > .dxgBCTC > .form-check.form-check-inline > label {
  padding-top: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline > label {
  padding-left: 0;
  cursor: default;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .check-adaptive,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .check-adaptive {
  display: none;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline input {
  position: relative;
  margin-left: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC.dx-ellipsis > .text-danger {
  display: flex;
}

/* outline command buttons */
.dxbs-3 .btn-outline-primary, .dxbs-3 .btn-outline-primary:hover, .dxbs-3 .btn-outline-primary.disabled:hover, .dxbs-3 .btn-outline-primary:disabled:hover {
  border: 1px solid currentColor;
  text-decoration: none;
}
.dxbs-3 .btn-outline-primary.disabled:hover, .dxbs-3 .btn-outline-primary:disabled:hover {
  background: none;
}
.dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):hover, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):active, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled).active {
  position: relative;
}
.dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):hover:before, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):active:before, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled).active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
}
.dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):hover > span, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):active > span, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled).active > span {
  transform: scale(1);
}
.dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):hover > span.text, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled):active > span.text, .dxbs-3 .btn-outline-primary:not(.disabled):not(:disabled).active > span.text {
  color: #fff;
}
.dxbs-3 .btn-outline-primary > span {
  display: inline-block;
}
.dxbs-3 .btn-outline-primary > span.badge {
  color: inherit;
}

.dxbs-3 .dxbs-gridview .dxbs-button[aria-disabled].disabled {
  cursor: default;
}

.dxbs-3 .dxbs-gridview .dxbs-pager {
  display: block;
}

.dxbs-gridview .dxbs-pager > .form-group > .form-control {
  padding-left: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-edit-row > td {
  vertical-align: middle;
  padding: 2px;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-edit-row > td > .form-check.form-check-inline > label {
  padding-left: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td mark {
  padding: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-details-row > td > .dxbs-gridview {
  margin-bottom: 0;
}

.dxbs-gridview .dxbs-cmd-cell {
  text-align: center;
  white-space: nowrap;
}

.dxbs-gridview .dxbs-parent-rows-list {
  margin-bottom: 0;
}

.dxbs-gridview .deleted > td:not(.dxbs-indent-cell),
.dxbs-gridview .deleted > th:not(.dxbs-indent-cell) {
  text-decoration: line-through;
}

.dxbs-gridview > .card > .card-footer {
  text-align: right;
  border-top: none;
}

.dxbs-gridview > .card > .card-footer .btn:not(:first-of-type) {
  margin-left: 0.4em;
}

.dxbs-gridview .dxbs-loading {
  display: inline-block;
}

.dxbs-gridview .dxbs-loading .dxbs-lp {
  border: none;
  display: inline-block;
  background: transparent;
  box-shadow: none;
  margin-left: 1em;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

.dxbs-gridview .dxbs-loading .dxbs-lp .card-body {
  padding: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr td.dxbs-batch-editing:not(.dxbs-batch-editing-checkbox-cell) {
  padding: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR td.dxbs-batch-editing-checkbox-cell {
  padding-top: 0;
  padding-bottom: 0;
}

/* Conditional formating*/
.dxbs-gridview .dxFCRule {
  position: relative;
}

.dxbs-gridview .dxFCRule:before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.dxbs-gridview td.dxFCRule:before,
.dxbs-gridview td.dx-al.dxFCRule:before,
.dxbs-gridview td.dxFCRule:before {
  right: 2px;
  left: auto;
}

.dxbs-gridview td.dx-ar.dxFCRule:before,
.dxbs-gridview td.text-right.dxFCRule:before {
  left: 2px;
  right: auto;
}

/* Adaptivity */
.dxgvAH,
.dxgvAIC,
.dxgvAIC .dxgvADHB {
  display: none;
}

.dxgvAE .dxgvAdD .dxgvAIC,
.dxgvALE .dxgvAdD .dxgvAIC {
  display: none;
}

.dxgvAE .dxgvAIC,
.dxgvALE .dxgvAIC,
.dxgvAdD .dxgvAE .dxgvAIC,
.dxgvAdD .dxgvALE .dxgvAIC {
  display: table-cell;
}

.dxgvADR .dxgvAIC {
  vertical-align: top;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR > td:not(.dxbs-md-btn-cell) {
  padding: 0.8em 0.5em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT {
  background-color: transparent;
  width: auto;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT > tbody > tr > td {
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > .form-check.form-check-inline:not(.check-adaptive),
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] > .form-check.form-check-inline {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] {
  margin-left: -0.9em;
  margin-right: -0.9em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR.dxbs-edit-row table.dxgvADT > tbody > tr > td.dxgvADDC {
  padding: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR.dxbs-edit-row table.dxgvADT > tbody > tr > td,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR table.dxgvADT > tbody > tr > td.dxbs-batch-editing {
  vertical-align: middle;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCC {
  font-weight: bold;
  white-space: nowrap;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .check-icon,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .check-icon {
  display: none;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-cmd-cb input {
  position: relative;
  margin-left: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing) {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl-ctrl:not(.form-control-plaintext).dxbs-batch-editing > div[data-dxci] > .form-check.form-check-inline {
  padding-left: 0.9em;
  padding-right: 0.9em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl:not(.form-horizontal) .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl:not(.form-horizontal) .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 991px) {
  .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl.form-horizontal .dxbs-fl-ctrl:not(.form-control-plaintext) > .form-check.form-check-inline,
  .dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxbs-fl.form-horizontal .form-control-plaintext.dxbs-fl-ctrl:not(.dxbs-batch-editing):not(.bg-success) {
    padding-left: 0;
    padding-right: 0;
  }
}
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxgvAIC .dxgvADSB,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxgvAIC .dxgvADHB {
  vertical-align: middle;
  padding: 0 0.5em;
  font-size: inherit !important;
}

.dxbs-gridview .dxgvADFSD,
.dxbs-gridview .dxgvADH {
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.dxbs-gridview.dxgvAdD > .card > .card-body.dxbs-ap + .table {
  border-top: 0;
}

/* Batch Edit */
.dxbs-gridview td .dxbs-textbox {
  min-width: 40px;
}

.dxbs-gridview td .dxbs-date-edit {
  min-width: 120px;
}

.dxbs-gridview .error-text + .error-icon {
  margin-left: 0.4em;
}

.dxbs-gridview .dxgvBEHI {
  display: none;
}

.dxbs-gridview.dxgvBECP .dxgvDI,
.dxbs-gridview.dxgvBECP .dxgvGI,
.dxbs-gridview.dxgvBECP .dxgvDBC,
.dxbs-gridview.dxgvBECP .dxbs-indent-cell {
  display: none;
}

.dxbs-gridview .dxgvBECPSD:not(.dxgvBEHI) {
  display: table;
  width: 100%;
  max-width: 100%;
}

.dxbs-gridview .card > .dxgvBECPSD > .table-bordered {
  border: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-preview-group-row {
  font-weight: 600;
}

.dxbs-gridview [data-toggle=gridview-previewchanges] > .badge,
.dxbs-gridview [data-toggle=gridview-previewchanges] > .badge:empty {
  top: 0;
  display: inline-block;
  text-decoration: none;
}

.dxbs-gridview [data-toggle=gridview-previewchanges] > .badge:empty {
  padding: 0;
  margin: 0;
}

.dxbs-gridview [data-toggle=gridview-previewchanges] > .badge {
  margin-right: 0.4em;
  margin-left: 0;
}

.dxbs-gridview [data-toggle=gridview-previewchanges].btn-outline-primary > .badge {
  background-color: currentColor;
}
.dxbs-gridview [data-toggle=gridview-previewchanges].btn-outline-primary:hover > .badge, .dxbs-gridview [data-toggle=gridview-previewchanges].btn-outline-primary:active > .badge, .dxbs-gridview [data-toggle=gridview-previewchanges].btn-outline-primary.active > .badge {
  background-color: #fff;
}
.dxbs-gridview [data-toggle=gridview-previewchanges].btn-outline-primary:not(:hover):not(:active):not(.active) > .badge > span {
  color: #fff !important;
}

.dxbs-3 .dxbs-gridview [data-toggle=gridview-previewchanges].btn-link:not(.btn-outline-primary) > .badge {
  color: inherit;
  background-color: currentColor;
}
.dxbs-3 .dxbs-gridview [data-toggle=gridview-previewchanges].btn-link:not(.btn-outline-primary) > .badge > span {
  color: #fff;
}

.dxbs-gridview .dxbs-summary-item-disabled {
  opacity: 0.5;
}

/* header filter popup */
.dxbs-popup[id*=_DXHFP].hf-list.modal-dialog .modal-body {
  padding-left: 0px;
  padding-right: 0px;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .modal-footer .btn-toolbar {
  margin-left: 0px;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .modal-footer .btn-toolbar .btn {
  float: none;
}

.dxbs-popup[id*=_DXHFP].hf-list > .modal-content,
.dxbs-popup[id*=_DXCDWindow] > .modal-content {
  overflow: hidden;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body {
  padding: 0;
}

.dxbs-popup[id*=_DXCDWindow] > .modal-content > .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card {
  border-radius: 0;
  border: none;
  box-shadow: none;
  height: 100%;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.panel,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.panel {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
}

.dxbs-3 .dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card .form-check:not(.disabled):not(:focus),
.dxbs-3 .dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-3 .dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-list-selectall.card-header,
.dxbs-3 .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .form-check:not(.disabled):not(:focus),
.dxbs-3 .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-3 .dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-list-selectall.card-header {
  background: inherit;
  color: inherit;
  font: inherit;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card .list-group-item,
.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card .dxbs-list-selectall,
.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card .dxbs-list-filter,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .list-group-item,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .dxbs-list-selectall,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .dxbs-list-filter {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card a.list-group-item,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul {
  padding: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  overflow-y: auto;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card > ul,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul {
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
}

.dxbs-popup[id*=_DXHFP].hf-list .modal-body .dxbs-listbox.card > ul:not(:focus):not(:active) a.list-group-item.active,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card > ul:not(:focus):not(:active) a.list-group-item.active {
  opacity: 0.8;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dropdown-menu {
  position: static;
  border: none;
  box-shadow: none;
  display: inherit;
  float: none;
  width: 100%;
  overflow-y: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .form-check ~ .dxbs-listbox.dropdown-menu {
  margin-top: 0px;
  background-color: transparent;
  border-radius: 0;
}

.dxbs-3 .dxbs-popup[id*=_DXHFP].modal-dialog:not(.hf-list) .form-check {
  padding-left: 1em;
}

.dxbs-popup[id*=_DXHFP].hf-list .form-check {
  margin-bottom: 0px;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dropdown-menu > li:not(.dropdown-divider) > a {
  padding-left: 1em;
  padding-right: 1em;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dropdown-menu .list-group-item:not(.active) {
  background-color: transparent;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dropdown-menu .list-group-item {
  padding: 0.5rem 1em;
}

/* Cust dialog */
.dxbs-gridview .dxbs-cd-header > div {
  display: table-cell;
  vertical-align: middle;
}

.dxbs-gridview .dxbs-cd-header > div.dxgvCD_TSC {
  width: 100%;
}

.dxbs-gridview .dxbs-cd-header .dxgvCD_TS {
  overflow: hidden;
  position: relative;
  padding: 0;
  margin: 0;
  text-align: center;
}

.dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSLS,
.dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSRS {
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  z-index: 1;
  box-shadow: 0 0 0.5em 0.5em transparent;
}

.dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSLS {
  left: 0;
}

.dxbs-gridview .dxbs-cd-header .dxgvCD_TS .dxgvCD_TSRS {
  right: 0;
}

.dxbs-gridview .dxbs-cd-header .dxgvCD_TSBW {
  overflow: hidden;
  padding: 0 0.8em;
}

.dxbs-gridview .dxbs-cd-header > div:not(.dxgvCD_TSC) .btn-link:not(.btn-outline-primary) {
  height: 2.5em;
  width: 2.5em;
  padding: 0;
  margin: 0.2em 0 0;
}

.dxbs-gridview .dxbs-cd-content {
  padding-top: 1em;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_DAW {
  position: relative;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_DAEB {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0.4em;
  margin: 0;
  min-height: 0;
  cursor: pointer;
  text-align: center;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_DAEB .dxgvCD_DAEI {
  vertical-align: middle;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_CAWP {
  overflow: hidden;
  margin-top: -39px;
  padding-top: 39px;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_CAPC {
  position: relative;
}

.dxbs-gridview .dxbs-cd-content .dxgvCD_CAPC > div {
  top: 0;
  position: absolute;
}

.dxbs-gridview .dxgvCD_DAETC {
  margin-top: 2em;
  text-align: center;
}

.dxbs-gridview .dxgvCD_LAC {
  font-weight: bold;
  padding-bottom: 0.5em;
  margin: 2em 0 0.5em;
}

.dxbs-gridview .dxbs-cd-drag-area {
  padding-bottom: 0.5em;
}

.dxbs-gridview .dxbs-cd-column-item.card,
.dxbs-gridview .dxbs-cd-filter-item.card {
  margin-bottom: 0.4em;
}

.dxbs-gridview .dxbs-cd-column-item.card div:not([class]) {
  width: 100%;
}

.dxbs-gridview .dxbs-cd-list-area .dxbs-cd-column-item.card {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.dxbs-gridview .dxbs-cd-column-item.card.card-body {
  padding: 0.8em;
}

.dxbs-gridview .dxbs-cd-list-area .dxbs-cd-column-item.card.card-body {
  padding: 0.8em 0;
}

.dxbs-gridview .dxbs-cd-column-item {
  transition: all 0.2s;
}

.dxbs-gridview .dxbs-cd-column-item.DXCDDraggingItem {
  transition: none;
  position: relative;
  z-index: 1;
}

.dxbs-gridview .dxbs-cd-column-item.card.card-body > div {
  display: table-cell;
  vertical-align: middle;
}

.dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA:not(.text-muted) > span {
  cursor: pointer;
}

.dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA + div:not(.dxgvCD_CIPA) {
  padding-left: 1em;
}

.dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA > span.dxbs-icon {
  margin-top: 0.2em;
}

.dxbs-gridview .dxbs-cd-column-item .dxgvCD_CIPA > .form-check.form-check-inline > input {
  position: static;
}

.dxbs-gridview .dxbs-cd-column-item.dxgvCD_EFCI {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}

.dxbs-gridview .dxbs-cd-column-item + .dxbs-cd-filter-item {
  display: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dxbs-gridview .dxbs-cd-column-item.dxgvCD_EFCI + .dxbs-cd-filter-item {
  display: block;
}

.dxbs-gridview .dxbs-cd-column-item > div > label {
  margin-bottom: 0;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > a,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > span {
  margin-bottom: 0.2em;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_FR > div > .btn.btn-link[data-toggle=gridview-filterrow-menu] {
  display: none;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF {
  text-align: center;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF > a {
  display: inline-block;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF:first-child > a {
  margin-top: 1em;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV > a,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC {
  display: none;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC {
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  text-align: left;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF:first-child .dxgvCD_UFSC {
  border-top: 0;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV .dxgvCD_UFSC {
  display: block;
  width: 100%;
  height: 200px;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF.dxgvCD_UFLBV .dxgvCD_UFSC.dxgvCD_UDFSC {
  overflow-x: visible;
  overflow-y: visible;
  height: auto;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu {
  border: 0;
  margin: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  float: none;
  position: static;
  overflow-y: auto;
  height: 100%;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .form-check ~ .dxbs-listbox.dropdown-menu {
  margin-top: 0px;
  background-color: transparent;
  border-radius: 0;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu > li:not(.dropdown-divider) > a {
  padding-left: 1em;
  padding-right: 1em;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu .list-group-item {
  padding: 0.5rem 1em;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.dropdown-menu .list-group-item:not(.active) {
  background-color: transparent;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) > .form-check,
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) > .form-check ~ .dxbs-listbox.dropdown-menu .form-check {
  padding-left: 1em;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxgvCD_UFSC:not(.dxgvCD_UDFSC) .form-check {
  margin-bottom: 0px;
}

.dxbs-gridview .dxbs-cd-btn {
  line-height: 1em;
  margin: 0;
  padding: 0.2em 0.5em;
}

.dxbs-gridview .dxbs-cd-btn:hover {
  text-decoration: none;
}

.dxbs-gridview .dxbs-cd-toggle > span:not(:first-child) {
  display: none;
}

.dxbs-gridview .dxbs-cd-toggle.checked > span:first-child {
  display: none;
}

.dxbs-gridview .dxbs-cd-toggle.checked > span:not(:first-child) {
  display: inline-block;
}

/* Fixed layout */
.dxbs-gridview .dxbs-fixed .dxgvArm > th {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
}

.dxbs-gridview .dxbs-fixed .dxgvArm + tr > th {
  border-top: 0;
  border-bottom: 0;
}

.dxbs-gridview .dxbs-fixed {
  table-layout: fixed;
}

.dxbs-gridview .dxbs-fixed > thead > tr > th,
.dxbs-gridview .dxbs-fixed > tbody > tr > td,
.dxbs-gridview .dxbs-fixed > tfoot > tr > td {
  overflow: hidden;
  white-space: nowrap;
}

.dxbs-gridview .dxbs-fixed > thead > tr > th,
.dxbs-gridview .dxbs-fixed > tfoot > tr > td {
  text-overflow: ellipsis;
}

.dxbs-3 .dxbs-gridview .dxbs-fixed .dxbs-dropdown-edit > div.input-group > div.input-group-btn {
  position: static !important;
}

.dxgv tr[class^=dxgvDetailRow] .dxbs-textbox > div, .dxgv tr[class^=dxgvDetailRow] .dxbs-memo > div, .dxgv tr[class^=dxgvDetailRow] .dxbs-button-edit, .dxgv tr[class^=dxgvDetailRow] .dxbs-button-edit > div.input-group, .dxgv tr[class^=dxgvDetailRow] .dxbs-dropdown-edit, .dxgv tr[class^=dxgvDetailRow] .dxbs-dropdown-edit > div.input-group, .dxgv tr[class^=dxgvDetailRow] .dxbs-spin-edit, .dxgv tr[class^=dxgvDetailRow] .dxbs-spin-edit > div.input-group, .dxgv tr[class^=dxgvDetailRow] .dxbs-details-row .dxbs-fl > .row > div[class^=col-],
.dxgv .dxgvTable td.dxgv .dxbs-textbox > div,
.dxgv .dxgvTable td.dxgv .dxbs-memo > div,
.dxgv .dxgvTable td.dxgv .dxbs-button-edit,
.dxgv .dxgvTable td.dxgv .dxbs-button-edit > div.input-group,
.dxgv .dxgvTable td.dxgv .dxbs-dropdown-edit,
.dxgv .dxgvTable td.dxgv .dxbs-dropdown-edit > div.input-group,
.dxgv .dxgvTable td.dxgv .dxbs-spin-edit,
.dxgv .dxgvTable td.dxgv .dxbs-spin-edit > div.input-group,
.dxgv .dxgvTable td.dxgv .dxbs-details-row .dxbs-fl > .row > div[class^=col-],
.dxbs-gridview .dxbs-fixed .dxbs-textbox > div,
.dxbs-gridview .dxbs-fixed .dxbs-memo > div,
.dxbs-gridview .dxbs-fixed .dxbs-button-edit,
.dxbs-gridview .dxbs-fixed .dxbs-button-edit > div.input-group,
.dxbs-gridview .dxbs-fixed .dxbs-dropdown-edit,
.dxbs-gridview .dxbs-fixed .dxbs-dropdown-edit > div.input-group,
.dxbs-gridview .dxbs-fixed .dxbs-spin-edit,
.dxbs-gridview .dxbs-fixed .dxbs-spin-edit > div.input-group,
.dxbs-gridview .dxbs-fixed .dxbs-details-row .dxbs-fl > .row > div[class^=col-] {
  position: static !important;
}

.dxbs-gridview .dx-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxbs-gridview .dx-ellipsis .dxgBCTC table[id*=DXCErrorTable],
.dxbs-gridview .dx-ellipsis .dxeCI {
  table-layout: fixed;
}

.dxbs-gridview .dx-ellipsis .dxeCI {
  width: 100%;
}

.dxbs-gridview .dx-ellipsis .dxeCIT {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxFirefox .dxbs-gridview .dx-ellipsis {
  -moz-text-overflow: ellipsis;
}

/* Scrolling */
.dxbs-gridview > .card > .dxgvHSDC,
.dxbs-gridview > .card > .dxgvCSD,
.dxbs-gridview > .card > .dxgvFSDC {
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  margin-bottom: 0;
  box-shadow: none;
  box-sizing: content-box;
  display: block;
  position: static;
}

.dxbs-gridview > .card > .dxgvHSDC > div,
.dxbs-gridview > .card > .dxgvFSDC > div {
  overflow: hidden;
}

.dxbs-gridview > .card > .dxgvHSDC:first-child,
.dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD,
.dxbs-gridview > .card > .dxgvCSD:first-child,
.dxbs-gridview > .card > .dxgvCSD + .dxgvFSDC {
  border-top: 0;
}

.dxbs-gridview > .card > .dxgvFSDC {
  border-bottom: 0;
}

.dxbs-3 .dxbs-gridview > .card > .dxgvCSD > .table-bordered > tbody > tr > td:last-child {
  border-right: 1px solid transparent;
}

/* Fixed Columns */
.dxbs-gridview .dxgvHFC {
  display: none;
}

/* Borders */
.dxbs-gridview > .card .dxbs-table > thead > tr:first-child > th,
.dxbs-gridview > .card .dxbs-table > thead > tr:first-child > td {
  border-top: 0;
}

.dxbs-gridview .dxbs-nlb,
.dxbs-gridview > .card .dxbs-table > thead > tr > th:first-child,
.dxbs-gridview > .card .dxbs-table > thead > tr > td:first-child,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td:first-child,
.dxbs-gridview > .card .dxbs-table > tfoot > tr > td:first-child {
  border-left: 0;
}

.dxbs-gridview .dxbs-nrb,
.dxbs-gridview .dxgRRB,
.dxbs-gridview table.dxgvHHEC td.dxgvPHEC,
.dxbs-gridview > .card > table > thead > tr > th:last-child,
.dxbs-gridview > .card > table > thead > tr > td:last-child,
.dxbs-gridview > .card > table > tbody > tr > td:last-child,
.dxbs-gridview > .card > table > tfoot > tr > td:last-child {
  border-right: 0;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th,
.dxbs-gridview > .card .dxbs-table > thead > tr > td {
  border-bottom: 0;
}

.dxbs-gridview > .card > .dxgvHSDC > div > table,
.dxbs-gridview > .card > .dxgvCSD > table,
.dxbs-gridview > .card > .dxgvFSDC > div > table {
  border-width: 0;
}

.dxbs-gridview > .card > .dxgvHSDC > div > table > thead > tr > th {
  border-top: 0;
  border-bottom: 0;
}
.dxbs-gridview > .card > .dxgvHSDC > div > table > tfoot > tr > td {
  border-bottom: 0;
}

.dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD > table > tbody > tr:first-child > td,
.dxbs-gridview > .card > .dxgvHSDC + .dxgvCSD > table > tbody > tr.dxbs-first-data-row > td {
  border-top: 0;
}

.dxbs-gridview:not(.dxbs-fm-details) > .card > .dxgvCSD > table > tfoot > tr:last-child > td {
  border-bottom: 0;
}

.dxbs-gridview > .card > .dxgvCSD > .dxbs-nohor-borders > tbody > tr > td {
  border-top: 0;
}
.dxbs-gridview > .card > .dxgvCSD > .dxbs-nohor-borders > tbody > tr:not(:last-child) > td {
  border-bottom: 0;
}

/* GridView and CardView headers (cells and blocks) */
.dxbs-th.card {
  margin: 0 0.5em 0.4em 0;
  display: inline-block;
  vertical-align: middle;
}
.dxbs-th.card > .card-body {
  padding: 0.4em;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th,
.dxbs-th.card > .card-body {
  cursor: pointer;
  vertical-align: middle;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-noclick,
.dxbs-th.card > .card-body.dxbs-noclick {
  cursor: default;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > a,
.dxbs-gridview > .card .dxbs-table > thead > tr > th > span,
.dxbs-th.card > .card-body > a,
.dxbs-th.card > .card-body > span {
  font-weight: bold;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > a:not(:last-child),
.dxbs-gridview > .card .dxbs-table > thead > tr > th > span:not(:last-child),
.dxbs-th.card > .card-body > a:not(:last-child),
.dxbs-th.card > .card-body > span:not(:last-child) {
  display: table-cell;
  width: 99.9%;
  vertical-align: middle;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons,
.dxbs-th.card > .card-body > .h-icons {
  display: table-cell;
  text-align: right;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  padding-left: 0.2rem;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons button[data-toggle$=-filterpopup]:not(.active),
.dxbs-th.card > .card-body > .h-icons button[data-toggle$=-filterpopup]:not(.active) {
  opacity: 0.6;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .h-icons > button,
.dxbs-gridview > .card .dxbs-table > thead > tr > th > button.btn-link:not(.dxbs-grid-btn-outline),
.dxbs-th.card > .card-body > .h-icons > button,
.dxbs-th.card > .card-body > button.btn-link:not(.dxbs-grid-btn-outline) {
  padding: 0 0.2rem;
  border-top: none;
  border-bottom: none;
}

.dxbs-fixed-header-content {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  justify-content: center;
}
.dxbs-fixed-header-content > a,
.dxbs-fixed-header-content > span:only-child {
  flex-grow: 1;
}
.dxbs-fixed-header-content > a,
.dxbs-fixed-header-content > span {
  font-weight: bold;
}
.dxbs-fixed-header-content > .h-icons {
  white-space: nowrap;
  vertical-align: middle;
  padding-left: 0.2rem;
}
.dxbs-fixed-header-content > .h-icons button[data-toggle$=-filterpopup]:not(.active) {
  opacity: 0.6;
}
.dxbs-fixed-header-content > .h-icons > button,
.dxbs-fixed-header-content > button.btn-link:not(.dxbs-grid-btn-outline) {
  padding: 0 0.2rem;
  text-decoration: none;
  border-top: none;
  border-bottom: none;
}

.dxbs-gridview .dxbs-fixed .dxbs-fixed-header-content > a,
.dxbs-gridview .dxbs-fixed .dxbs-fixed-header-content > span:only-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

body > div > .dxbs-th .card-body { /* header while dragging */
  width: 1px;
  display: table-cell !important;
  white-space: nowrap;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th > span:first-child:last-child {
  display: inline;
}

/* PopupControl */
.dxbs-popup-wrapper,
.dxbs-popup-wrapper-scroll {
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

:not(.dxbs-popup-modal-sys) > .dxbs-popup {
  visibility: hidden;
  margin: 0 !important;
  position: absolute;
}

.dxbs-popup-modal-sys > .dxbs-popup {
  position: relative;
  left: auto;
  top: auto;
  box-sizing: border-box;
}

.dxbs-modal.modal:not(.dxbs-popup-modal-sys) {
  display: block;
  position: static;
}

.dxbs-modal.dxbs-popup-modal-sys {
  overflow: auto;
}

.dxbs-modal.dxbs-popup-modal-sys .drag {
  cursor: default;
}

.dxbs-modal-back {
  visibility: hidden;
}

.dxFixedHeader, .dxFixedFooter {
  background-color: inherit;
  box-sizing: content-box;
  position: fixed;
}

.dxWebKitTouchUI .dxFixedHeader,
.dxWebKitTouchUI .dxFixedFooter {
  position: -webkit-sticky;
}

.dxFixedHeader {
  top: 0;
  z-index: 1;
}

.dxFixedFooter {
  bottom: 0;
}

.dxbs-popup.modal-dialog {
  padding: 0;
}

.dxbs-popup .drag {
  cursor: move;
}

.dxbs-popup .modal-header .close-btn {
  float: right;
  margin: 0.2em 0 0 0.4em;
  cursor: pointer;
}

.dxbs-popup .modal-header .close-btn:hover {
  text-decoration: none;
}

.dxbs-popup .modal-body {
  width: 100%;
  z-index: 0;
}

.dxChrome .dxbs-popup a:not(.close-btn):focus,
.dxFirefox .dxbs-popup a:not(.close-btn):focus {
  outline: none;
  position: relative;
}

.dxChrome .dxbs-popup a:not(.close-btn):focus:after,
.dxFirefox .dxbs-popup a:not(.close-btn):focus:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.dxChrome .dxbs-popup a:not(.close-btn):focus:after {
  outline: 5px auto -webkit-focus-ring-color;
}

.dxFirefox .dxbs-popup a:not(.close-btn):focus:after {
  outline: 1px dotted highlight;
}

/* FormLayout */
.dxbs-fl .row {
  margin-left: 0;
  margin-right: 0;
}

.dxbs-fl .dxbs-fl-g {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-fl .dxbs-fl-gd,
.dxbs-fl .dxbs-fl-gt {
  margin-top: 1em;
}

.dxbs-fl .dxbs-fl-gd {
  margin-bottom: 1em;
}

.dxbs-fl .dxbs-fl-gt .dxbs-tabs .tab-content {
  padding-bottom: 0;
}

.dxbs-fl .dxbs-fl-g > .row,
.dxbs-fl .dxbs-fl-gd > .card > .row,
.dxbs-fl .dxbs-fl-gr + .row:not(.dxbs-fl-gr) {
  padding-top: 1em;
}

.dxbs-fl .dxbs-fl-g > .row > .dxbs-fl-g > .row {
  padding-top: 0;
}

.dxbs-fl.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt {
  margin-bottom: 5px;
}

.dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:not(:first-child):not(:last-child) {
  padding-right: 0.6em;
  padding-left: 0.6em;
}

.dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:first-child {
  padding-right: 0.6em;
}

.dxbs-fl.form-horizontal .form-group > .dxbs-fl-cpt:last-child {
  padding-right: 0;
  padding-left: 0.6em;
  text-align: left;
}

.dxbs-fl.form-horizontal .row > div > .form-text {
  margin-top: calc(-1em + 5px);
}

@media (min-width: 992px) {
  .dxbs-3 .dxbs-fl.form-horizontal .form-group {
    display: table;
    width: 100%;
  }
  .dxbs-3 .dxbs-fl.form-horizontal .form-group > .col-form-label,
  .dxbs-3 .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl {
    display: table-cell;
    vertical-align: top;
  }
  .dxbs-fl.form-horizontal .form-group > .col-form-label {
    white-space: nowrap;
  }
  .dxbs-fl.form-horizontal:not(.dxbs-fl-calc) .form-group > .col-form-label {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl:not(img) {
    width: 100%;
  }
}
.dxbs-fl .form-group label em {
  margin: 0 0.4em;
  font-weight: normal;
  font-style: normal;
}

.dxbs-fl-calc .form-group > .dxbs-fl-cpt {
  width: auto !important;
  flex: none !important;
  -ms-flex: none !important;
}

.dxbs-fl-calc .form-group > .dxbs-fl-ctrl:not(img):not(.dxbs-fl-ctrl-nc) {
  width: 100% !important;
}

/* Pager */
.dxbs-pager:before,
.dxbs-pager:after {
  display: table;
  content: " ";
}

.dxbs-pager:after {
  clear: both;
}

.dxbs-pager .pagination {
  margin: 0;
  float: left;
}

.dxbs-3 .dxbs-pager .pagination {
  display: block;
}

.dxbs-pager .pagination > li.active > a {
  cursor: default !important;
}

.dxbs-pager .pagination > li > a .image:not(:last-child) {
  margin: 0 0.4em 0 0;
}

.dxbs-pager .pagination.left {
  float: right;
}

.dxbs-pager .summary.form-group,
.dxbs-pager .page-size.form-group {
  width: initial !important;
}

.dxbs-pager .summary.form-inline {
  float: left;
  margin: 0;
}

.dxbs-pager .summary.form-inline:not(:last-child) {
  margin-right: 0.5em;
}

.dxbs-pager .summary.form-inline:not(:first-child) {
  margin-left: 0.5em;
}

.dxbs-pager .summary.form-inline.left {
  float: right;
}

.dxbs-pager .summary.form-inline .form-control {
  background: inherit;
  color: inherit;
  border: 0;
  box-shadow: none;
  width: auto;
}

.dxbs-pager .page-size.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
  width: auto;
}

.dxbs-pager .page-size.form-inline .input-group .form-control {
  width: 4em;
  box-sizing: border-box;
}

.dxbs-pager .page-size.form-inline {
  float: right;
  margin: 0 0.5em;
}

.dxbs-pager .page-size.form-inline.left {
  float: left;
}

.dxbs-pager .page-size.form-inline .col-form-label {
  margin: 0 0.3em 0 0.5em;
  font-weight: normal;
}

.dxbs-pager .page-size.form-inline.left .col-form-label {
  margin-left: 0;
}

.dxbs-pager .page-size .input-group-append {
  cursor: pointer;
  width: auto;
}

.dxbs-pager .page-size .dropdown-menu {
  min-width: 6em;
}

.dxbs-pager .ellipsis > span {
  cursor: default !important;
}

/* Menu */
.dxbs-menu .nav:before,
.dxbs-menu .nav:after {
  display: none;
}

.dxbs-menu ul.nav.nav-justified {
  border-spacing: 0;
}

.dxbs-menu ul.nav.nav-justified > li > a {
  white-space: nowrap;
}

.dxbs-menu ul.nav.navbar-nav > .separator {
  display: none;
}

.dxbs-toolbar > .btn-group > .btn-group > div.btn,
.dxbs-toolbar > .btn-group > div.btn {
  padding: 0;
  border: 0;
}

.dxbs-toolbar > .btn-group > .btn-group > div.btn,
.dxbs-toolbar > .btn-group > .btn-group > div.btn.active,
.dxbs-toolbar > .btn-group > .btn-group > div.btn:active,
.dxbs-toolbar > .btn-group > .btn-group > div.btn:hover,
.dxbs-toolbar > .btn-group > .btn-group > div.btn:focus,
.dxbs-toolbar > .btn-group > div.btn.active,
.dxbs-toolbar > .btn-group > div.btn:active,
.dxbs-toolbar > .btn-group > div.btn:hover,
.dxbs-toolbar > .btn-group > div.btn:focus {
  z-index: auto;
}

.dxbs-menu .dropdown-menu,
.dxbs-popup-menu.dropdown-menu,
.dxbs-popup-menu .dropdown-menu,
.dxbs-toolbar .dropdown-menu {
  overflow: visible;
}

.dxbs-menu span.image,
.dxbs-popup-menu span.image,
.dxbs-toolbar span.image {
  display: inline-flex;
  position: relative;
  top: 1px;
  line-height: 1;
}

.dxbs-menu ul.flex-column > li > a,
.dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item,
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item,
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item,
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item {
  position: relative;
}

.dxbs-menu ul.flex-column > li > a > span:not(.image):not(.badge):not(.popout):not(:last-child),
.dxbs-menu .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child),
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span:not(.image):not(.badge):not(.popout):not(:last-child) {
  padding-right: 1em;
}

.dxbs-menu ul.nav > li > a > span.image:not(:last-child),
.dxbs-menu ul > li > a > .badge:not(:last-child),
.dxbs-menu ul > li > a > .badge > span.image:not(:last-child),
.dxbs-menu .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > .badge:not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > .badge:not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > .badge > span.image:not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > .badge > span.image:not(:last-child),
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child),
.dxbs-toolbar > .btn-group > .btn-group > .btn > span.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn-group > .btn > span.image:not(:last-child),
.dxbs-toolbar > .btn-group > .btn > span.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn > span.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn-group-vertical > .btn > span.image:not(:last-child),
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > span.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group > .dxbs-r-btn-group > .btn > span.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .dxbs-r-btn-group > .btn > span.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn-group > .btn > span.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group > .btn > span.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn > span.image:not(:last-child),
.dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > span.image:not(:last-child),
.dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item > span.image:not(:last-child),
.dxbs-menu ul.nav > li > a > svg.image:not(:last-child),
.dxbs-menu ul > li > a > .badge > svg.image:not(:last-child),
.dxbs-menu .dx-dropdown-menu > li > .dropdown-item > svg.image:not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > svg.image:not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > svg.image:not(:last-child),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > .badge > svg.image:not(:last-child),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > .badge > svg.image:not(:last-child),
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > svg.image:not(:last-child),
.dxbs-toolbar > .btn-group > .btn-group > .btn > svg.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn-group > .btn > svg.image:not(:last-child),
.dxbs-toolbar > .btn-group > .btn > svg.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn > svg.image:not(:last-child),
.dxbs-toolbar > .btn-group-vertical > .btn-group-vertical > .btn > svg.image:not(:last-child),
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > svg.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group > .dxbs-r-btn-group > .btn > svg.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .dxbs-r-btn-group > .btn > svg.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn-group > .btn > svg.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group > .btn > svg.image:not(:last-child),
.dxbs-r-toolbar > .dxbs-r-btn-group-vertical > .btn > svg.image:not(:last-child),
.dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item ul > li > a > .badge > svg.image:not(:last-child),
.dxbs-r-toolbar .dx-dropdown-menu > li > .dropdown-item > svg.image:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-menu ul.nav > li > a > span.popout:not(:first-child),
.dxbs-toolbar .btn > span.popout:not(:first-child),
.dxbs-toolbar .btn > .badge:not(:first-child),
.dxbs-toolbar-adaptive .btn > span.popout:not(:first-child),
.dxbs-toolbar-adaptive .btn > .badge:not(:first-child) {
  margin-left: 0.4em;
}

.dxbs-toolbar .btn > .badge,
.dxbs-toolbar-adaptive .btn > .badge {
  top: 0;
  text-decoration: none;
}

.dxbs-menu ul.flex-column > li > a > span.popout,
.dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout {
  transform: rotate(-90deg);
  position: absolute;
  top: calc(50% - 2px);
  right: 0.4em;
}

.dxbs-menu ul.nav > li.separator {
  border: 0;
  background: none;
}

.dxbs-menu ul.nav.nav-justified > li.separator {
  width: 0.01%;
}

.dxbs-menu ul.nav > li.separator > a {
  padding-left: 0;
  padding-right: 0;
  width: 1px;
  overflow: hidden;
  margin: auto 0.1em;
  color: transparent;
}

.dxbs-menu ul.flex-column > li.separator > a {
  padding-left: inherit;
  padding-right: inherit;
  padding-top: 0;
  padding-bottom: 0;
  width: auto;
  height: 1px;
  margin: 0.5em auto;
}

.dxbs-has-check > .dropdown-item > .dxbs-check.image,
.dxbs-3 .dxbs-has-check > a > .dxbs-check.image {
  visibility: hidden;
  margin-left: 0.4em;
}

.dxbs-has-check > .dropdown-item,
.dxbs-3 .dropdown-menu > li.dxbs-has-check > a {
  padding-left: 0;
}

.dxbs-has-check > .dropdown-item.active > .dxbs-check,
.dxbs-has-check > .dropdown-item:active > .dxbs-check {
  color: inherit;
}

.dxbs-has-check.checked > .dropdown-item > span:not(.image),
.dxbs-3 .dxbs-has-check > .checked > span:not(.image) {
  font-weight: 600;
}

.dxbs-has-check.checked > .dropdown-item > .dxbs-check,
.dxbs-3 .dxbs-has-check > a.checked > .dxbs-check.image {
  visibility: visible;
}

.dxbs-menu .dxbs-navbar {
  padding: 0 2em;
}

.dxbs-menu > ul > li ul.dxbs-dm > li > a > span {
  white-space: normal;
}

.dxbs-toolbar .dxbs-toolbar-ait {
  display: none;
}

.dxbs-toolbar .dropdown-menu .dxbs-toolbar-ait {
  display: inline-block;
  margin-left: 0.4em;
}

/* Accordion */
.dxbs-acc > .card > .card-body > .nav:before,
.dxbs-acc > .card > .card-body > .nav:after,
.dxbs-acc > .card > .card-body:before,
.dxbs-acc > .card > .card-body:after {
  display: none;
}

.dxbs-acc span.image {
  display: inline-block;
  position: relative;
  top: 1px;
  line-height: 1;
}

.dxbs-acc > .card > .card-header.dx-hc,
.dxbs-acc > .card > .card-body.dx-hc {
  display: none;
}

.dxbs-acc.panel-group > .card + .card {
  margin-top: 0.5em;
}

.dxbs-acc > .card > .card-header {
  cursor: pointer;
}

.dxbs-acc .card-header .expand-btn.dxbs-icon {
  font-weight: bold;
}

.dxbs-acc .card-header .expand-btn:hover,
.dxbs-acc .card-header .expand-btn:active {
  text-decoration: none;
}

.dxbs-acc .card-header .expand-btn:last-child {
  float: right;
  margin: 0 0 0 0.4em;
}

.dxbs-acc .card-header .expand-btn:first-child {
  margin: 0 0.4em 0 0;
}

.dxbs-acc .card-header .image:not(:last-child) {
  margin: 0 0.4em 0 0;
}

.dxbs-acc > .card > .card-header > .badge:not(:first-child),
.dxbs-acc > .card > .card-body > ul.nav > li > a > .badge:not(:first-child) {
  margin-left: 0.4em;
}

.dxbs-acc > .card:not(.dxbs-lp) > .card-body {
  padding: 0;
}

.dxbs-acc .card.dxbs-lp {
  border: 0;
}

.dxbs-acc .card-body.tmpl {
  padding: 0.4em;
}

.dxbs-acc > .card > .card-body > ul.nav {
  margin: 0.4em 0;
}

.dxbs-acc ul.nav > li > a {
  border-radius: 0;
}

.dxbs-acc ul.nav > li > a > span:first-child {
  margin-left: 0.4em;
}

.dxbs-acc ul.nav > li > a > span:last-child {
  margin-right: 0.4em;
}

.dxbs-acc ul.nav > li > a > span.image:not(:last-child),
.dxbs-acc ul.nav > li > a > .badge > span.image:not(:last-child),
.dxbs-acc .card-header > .badge > span.image:not(:last-child) {
  margin-right: 0.4em;
}

/* TabControl */
.dxbs-tabs .nav:before,
.dxbs-tabs .nav:after {
  display: block;
}

.dxbs-tabs span.image {
  display: inline-block;
  position: relative;
  top: 1px;
  line-height: 1;
}

.dxbs-tabs .card-body:before,
.dxbs-tabs .card-body:after {
  display: none;
}

.dxbs-tabs .dxbs-right > li {
  float: right;
}

.dxbs-tabs ul.nav.nav-justified {
  border-spacing: 0;
}

.dxbs-tabs ul.nav > li > a > span.image:not(:last-child),
.dxbs-tabs ul.nav > li > a > .badge > span.image:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-tabs ul.nav > li > a > .badge:not(:first-child) {
  margin-left: 0.4em;
}

.dxbs-tabs .tab-content {
  padding: 1em 0;
}

.dxbs-tabs .tab-content > .tab-pane {
  display: block;
}

.dxbs-tabs-scrollable {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}

.dxbs-tabs-scrollable .dxbs-tabs-scroll-btn {
  flex: 0 3rem;
  width: 3rem;
  margin-left: calc(-2 * 3rem);
  border-color: transparent;
  box-shadow: none;
  display: none;
  visibility: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.prev {
  border-top-right-radius: 0;
}

.dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.next {
  border-top-left-radius: 0;
}

.dxbs-tabs-scrollable .dxbs-tabs-scroll-btn,
.dxbs-tabs-scrollable .dxbs-tabs-scroll-btn.btn:disabled {
  opacity: 0.3;
}

.dxbs-tabs-scrollable.can-scroll-left .dxbs-tabs-scroll-btn.prev,
.dxbs-tabs-scrollable.can-scroll-right .dxbs-tabs-scroll-btn.next {
  opacity: 1;
}

.dxbs-tabs-scrollable.has-overflow .dxbs-tabs-scroll-btn {
  visibility: visible;
}

.dxbs-tabs-scroll-btn + .dxbs-tabs-scroll-btn {
  margin-left: 0;
}

html:not(.dxMobileUI) .dxbs-tabs-scrollable.has-overflow .dxbs-tabs-scroll-btn {
  display: inline-flex;
}

.dxbs-tabs-scrollable > .tab-content {
  flex: 1 100%;
}

.dxbs-tabs-scrollable .nav {
  flex: 1 calc(100% - 2 * 3rem);
  flex-wrap: nowrap;
  overflow: hidden;
  touch-action: pan-x;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}

.dxbs-tabs-scrollable.has-overflow .nav {
  padding-left: 4rem;
}

html:not(.dxMobileUI) .dxbs-tabs-scrollable.has-overflow .nav,
.dxbs-tabs-scrollable:not(.dxbs-loaded) .nav {
  margin-right: calc(2 * 3rem);
}

.dxMobileUI .dxbs-tabs-scrollable .nav {
  flex: 1 100%;
  margin-right: 0;
  padding-right: 1rem;
}

.dxbs-tabs-scrollable .nav:after {
  content: " ";
  display: block;
  width: 0;
  border: inherit;
  height: calc(100% + 1px);
}

.dxbs-tabs-scrollable .nav:before {
  content: " ";
  width: 100%;
  position: absolute;
  border: inherit;
  border-radius: inherit;
  box-shadow: inherit;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.dxbs-tabs-scrollable > .nav > .nav-item > .nav-link {
  position: relative;
}

.dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}

.dxChrome .dxbs-popup .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:focus:after,
.dxFirefox .dxbs-popup .dxbs-tabs-scrollable > .nav > .nav-item > .nav-link:focus:after {
  z-index: auto;
}

.dxbs-tabs-scrollable.dxbs-loaded .nav:before {
  opacity: 1;
}

.dxbs-tabs-scrollable.card-header .nav.card-header-tabs:before {
  height: 0px;
}

.dxbs-tabs-scrollable > .nav > .nav-item {
  position: relative;
  z-index: 2;
}

/*compact tab control*/
.dxbs-tabs-scrollable.compact {
  overflow: visible;
}

.dxbs-tabs-scrollable.compact > .nav-tabs {
  overflow: hidden;
  z-index: 4;
  flex-direction: column;
  flex: 0 1 100%;
  display: inline-flex;
  padding-right: 0;
}

.dxbs-tabs-scrollable.compact .nav-item {
  order: 3;
  width: 100%;
}

.dxbs-tabs-scrollable.compact .dxbs-tab-current {
  order: 0;
}

.dxbs-tabs-scrollable.compact .nav-tabs > .nav-item > .nav-link {
  box-sizing: content-box;
  text-align: center;
}

.dxbs-tabs-scrollable.compact .nav-tabs > .nav-item:not(.dxbs-tab-current) {
  display: none;
}

.dxbs-tabs-scrollable.compact .nav-tabs:before {
  display: none;
}

/* TreeView */
.dxbs-tree .nav:before,
.dxbs-tree .nav:after {
  display: none;
}

.dxbs-tree ul.nav.dx-hc {
  display: none;
}

.dxbs-tree > ul.nav ul.nav {
  margin: 0.2em 2em;
  overflow-y: hidden;
}

.dxbs-tree span.image {
  display: inline-block;
  position: relative;
  top: 1px;
  line-height: 1;
}

.dxbs-tree ul.nav > li > a > span.image:not(:last-child),
.dxbs-tree ul.nav > li > a > .badge > span.image:not(:last-child),
.dxbs-tree ul.nav > li > a > span.expand-btn:not(:last-child),
.dxbs-tree ul.nav > li > a > span.node-lp:not(:last-child) {
  padding: 0.4em;
  margin: -0.4em;
  margin-right: 0;
}

.dxbs-tree > ul.nav > li > a > span.expand-btn.invisible {
  color: transparent;
}

.dxbs-tree .node-lp.dx-hc,
.dxbs-tree .expand-btn.dx-hc {
  display: none;
}

.dxbs-tree .card-body:before,
.dxbs-tree .card-body:after {
  display: none;
}

.dxbs-tree .node-lp {
  animation-name: spin;
  animation-duration: 2000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.dxbs-tree.checkable li {
  position: relative;
}

.dxbs-tree.checkable .form-check,
.dxbs-tree.checkable .form-check:hover {
  position: absolute;
  background: none;
  border: 0;
  pointer-events: none;
}

.dxbs-tree.checkable .form-check.e,
.dxbs-tree.checkable .form-check.i {
  margin-left: 1.4em;
}

.dxbs-tree.checkable .form-check.i.e {
  margin-left: 2.8em;
}

.dxbs-tree.checkable .form-check > input {
  margin-left: 0;
  margin-right: 0;
  margin-top: -1px;
  vertical-align: middle;
  pointer-events: initial;
}

.dxbs-tree.checkable ul.nav > li > a > span:not(.expand-btn):not(.image):not(.badge) {
  margin-left: 1.4em;
}

/* floating action button */
.dxbs-fab {
  /*todo: ie*/
  z-index: 3;
  transition: transform 0.32s ease-in-out;
}

.dxbs-fab .dx-fab-active-button {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
}

.dxbs-fab .dx-fab-hidden-button {
  transform: scale(0.6);
  visibility: hidden;
  opacity: 0;
}

.dxbs-fab .dx-fab-text-always-visible .dx-fab-hidden-button {
  transform: scale(0.93);
}

.dxbs-fab .dxbs-fab-action {
  transform: scale(0);
  bottom: 0;
  width: 44px;
  height: 44px;
  font-size: 16px;
  margin-right: 6px;
}

.dxbs-fab .image {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
}

.dxbs-fab-main-button {
  height: 56px;
  width: auto;
  overflow: hidden;
}

.dxbs-fab button.dxbs-fab-main-button {
  border: 1px solid transparent;
}

.dxbs-fab-action.dx-fab-actions-visible {
  transform: scale(1);
  transition-delay: 0ms;
}

.btn.dxbs-fab-action,
.btn.dxbs-fab-main-button,
.dxbs-fab-text {
  padding: 12px;
}

.btn.dxbs-fab-action,
.btn.dxbs-fab-main-button {
  position: absolute;
  bottom: 0;
  border-radius: 28px;
  transition: transform 0.3s, opacity 0.3s;
}

.dxbs-fab-action .image,
.dxbs-fab-main-button .image {
  font-size: 22px;
}

.dxbs-fab-main-button .image {
  transition: transform 0.3s, opacity 0.3s;
}

.dxbs-fab-main-button.dx-fab-actions-expanded .image {
  transform: rotate(180deg) translate(50%, 50%);
}

.dxbs-fab-main-button .image.dxbs-fab-collapse,
.dxbs-fab-main-button.dx-fab-actions-expanded .image:not(.dxbs-fab-collapse) {
  opacity: 0;
}

.dxbs-fab-main-button .image:not(.dxbs-fab-collapse),
.dxbs-fab-main-button.dx-fab-actions-expanded .image.dxbs-fab-collapse {
  opacity: 1;
  z-index: 2;
}

.dxbs-fab.dx-fab-sticky-position.dx-fab-h-center .dxbs-fab-action.dx-fab-actions-visible {
  transform: scale(1) translateX(50%);
}

.dxbs-fab-main-button .dxbs-fab-text-container,
.dx-fab-text-always-visible .dxbs-fab-main-button.dx-fab-actions-expanded .dxbs-fab-text-container,
.dx-fab-text-hidden .dxbs-fab-main-button .dxbs-fab-text-container,
.dxbs-fab button.dxbs-fab-main-button.dx-fab-active-button .dxbs-fab-text-container.dx-fab-context-text-hidden,
.dxbs-fab button.dxbs-fab-action.dx-fab-context-text-hidden > .dxbs-fab-text-container {
  max-width: 0;
  opacity: 0;
}

.dx-fab-text-visible-on-hover .dxbs-fab-main-button:not(.dx-fab-actions-expanded):hover .dxbs-fab-text-container,
.dx-fab-text-always-visible .dxbs-fab-main-button .dxbs-fab-text-container {
  max-width: 300px;
  opacity: 1;
}

.dxbs-fab-text-container {
  white-space: nowrap;
  transition: max-width 0.3s ease-in-out, opacity 0.3s ease-in-out;
  display: inline-block;
}

.dxbs-fab .dxbs-fab-action .dxbs-fab-text-container {
  position: absolute;
  right: 60px;
  margin-top: -17px;
  white-space: nowrap;
  padding: 6px 12px;
  border-radius: 4px;
}

.dxbs-fab-bg {
  background-color: #777;
  color: white;
}

.dxbs-fab .dxbs-fab-image-container {
  padding: 15px;
}

.dx-fab-position {
  position: relative;
}

.dxbs-fab.dx-fab-js-position {
  position: absolute;
}

.dxbs-fab.dx-fab-fixed-position {
  position: fixed;
}

.dxbs-fab.dx-fab-h-right,
.dxbs-fab.dx-fab-h-right .btn {
  right: 0;
}

.dxbs-fab.dx-fab-v-bottom {
  bottom: 0;
}

.dxbs-fab.dx-fab-js-position.dx-fab-v-top,
.dxbs-fab.dx-fab-js-position.dx-fab-v-top-edge {
  top: 0;
}

.dxbs-fab.dx-fab-sticky-position {
  position: sticky;
  position: -webkit-sticky;
}

.dxbs-fab.dx-fab-sticky-position.dx-fab-v-top,
.dxbs-fab.dx-fab-sticky-position.dx-fab-v-top-edge {
  bottom: 100%;
}

.dxbs-fab.dx-fab-sticky-position.dx-fab-h-center {
  left: 50%;
}

.dxbs-fab.dx-fab-js-position.dx-fab-h-center,
.dxbs-fab.dx-fab-sticky-position.dx-fab-h-center .btn {
  right: 50%;
  transform: translateX(50%);
}

.dxbs-fab.dx-fab-sticky-position.dx-fab-h-center .dxbs-fab-action {
  transform: scale(0) translateX(50%);
}

.dxbs-fab .badge {
  margin-left: 0.4em;
}

/* Scheduler */
.dxbs-scheduler {
  user-select: none;
  outline: 0;
}

.dxbs-scheduler.dxsc-NoDrop,
.dxbs-scheduler .dxsc-appNoDrop,
.dxbs-scheduler .dxsc-appNoDrop *,
.dxbs-scheduler .dxsc_appNoDropCoverDiv {
  cursor: no-drop !important;
}

.dxbs-scheduler .table .table {
  background-color: transparent;
}

.dxbs-scheduler .dxbs-sc-viewcontainer,
.dxbs-scheduler .dxbs-sc-dvcscontent,
.dxbs-scheduler .dxbs-sc-dvhc,
.dxbs-scheduler .dxbs-sc-dvcsc {
  position: relative;
}

.dxbs-scheduler .table.dxbs-sc-viewcontainer,
.dxbs-scheduler .table.dxbs-sc-dvht,
.dxbs-scheduler .table.dxbs-sc-dvst {
  margin: 0;
}

.dxbs-scheduler .table.dxbs-sc-viewcontainer > tbody > tr > td {
  padding: 0;
  border-width: 0;
}

.dxbs-scheduler .dxbs-sc-dvadasc {
  position: absolute;
}

.dxbs-scheduler .table.dxbs-sc-dvht,
.dxbs-scheduler .table.dxbs-sc-dvst,
.dxbs-scheduler tr.dxbs-sc-hc > td {
  border-width: 0;
}

.dxbs-scheduler .dxbs-sc-dvst > tbody > tr:first-child > td,
.dxbs-scheduler .dxbs-sc-dvht .dxbs-sc-hc + tr > td {
  border-top: 0px;
}

.dxbs-scheduler .dxbs-sc-dvst > tbody > tr > td:first-child,
.dxbs-scheduler .dxbs-sc-dvht > tbody > tr > td:first-child {
  border-left: 0px;
}

.dxbs-scheduler .table tr > td.dxsc-date-hr:nth-last-child(-2n+2),
.dxbs-scheduler .table tr > td.dxsc-horizontal-rh:nth-last-child(-2n+2),
.dxbs-scheduler .dxbs-sc-dvst > tbody > tr > td:last-child,
.dxbs-scheduler .dxbs-sc-dvht > tbody > tr > td:last-child {
  border-right: 0px;
}

.dxbs-scheduler .dxbs-sc-dvht,
.dxbs-scheduler .dxbs-sc-dvst {
  table-layout: fixed;
}

.dxbs-scheduler .dxbs-sc-dvht > tbody > tr > td {
  border-top: 0px;
}

.dxbs-scheduler .table:not(.dxbs-timeline-view) tr > td.dxsc-leftCornerSys {
  width: 6.13em;
}

.dxbs-scheduler .table tr > td.dxsc-tr-minuteItem {
  border-left: 0px;
  width: 3.5em;
  text-align: center;
  vertical-align: middle;
  font-size: 0.75em;
}

.dxbs-scheduler .dxsc-hour-time-scale.table tr > td.dxsc-tr-hourItem {
  width: 6.13em;
}

.dxbs-scheduler tr.dxbs-sc-hc > td.dxsc-tr-hourItem,
.dxbs-scheduler .dxbs-sc-dvst tr > td.dxsc-tr-hourItem {
  border-right: 0px;
  width: 3.5em;
  text-align: right;
}

.dxbs-scheduler tr.dxbs-sc-hc > td {
  padding-top: 0;
  padding-bottom: 0;
}

.dxbs-scheduler .dxsc-horizontal-rh div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxbs-scheduler .dxsc-date-hr {
  overflow: hidden;
  white-space: nowrap;
}

.dxbs-scheduler .dxbs-scroll-a {
  overflow-y: auto;
  overflow-x: hidden;
}

.dxbs-scheduler .dxbs-scroll-v {
  overflow-y: visible;
  overflow-x: hidden;
}

.dxbs-scheduler .dxbs-scroll-h {
  overflow-y: hidden;
  overflow-x: hidden;
}

.dxbs-scheduler .dxbs-sc-dvcscontent,
.dxbs-scheduler .dxbs-sc-dvhc {
  overflow: hidden;
}

.dxbs-scheduler .dxsc-time-scale .dxsc-tl-date-head.dxsc-ts-minwidth {
  padding-left: 0px;
  padding-right: 0px;
  opacity: 0;
}

/* Buttons */
.dxbs-scheduler .dxbs-sc-navbtn {
  position: absolute;
  top: -100px;
}

.dxbs-scheduler .dxsc-more-btn {
  cursor: pointer;
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  border: 0;
  padding: 0 0.4em;
  font-size: 0.8em;
}

/* layouts configuration */
.dxbs-sc-layout-config-desktop {
  min-width: 769px;
}

.dxbs-sc-layout-config-landscape-tablet {
  min-width: 641px;
  max-width: 768px;
}

.dxbs-sc-layout-config-tablet {
  min-width: 421px;
  max-width: 640px;
}

.dxbs-sc-layout-config-phone {
  max-width: 420px;
}

/* common parts*/
.dxbs-scheduler td.dxsc-vertical-rh,
.dxbs-scheduler td.dxsc-horizontal-rh {
  vertical-align: middle;
}

.dxbs-scheduler.card > .card,
.dxbs-scheduler.card > .alert {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  margin: 0;
  box-shadow: none;
}

.dxbs-scheduler.card > .card:not(:first-child),
.dxbs-scheduler.card > .alert:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.dxbs-scheduler.card > .card:not(:last-child),
.dxbs-scheduler.card > .alert:not(:last-child) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* tooltips */
.dxbs-sc-tooltips {
  width: 100%;
  height: 0px;
}

.dxbs-sc-tooltips > div {
  display: block;
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
}

.dxbs-sc-tooltips > .tooltip {
  opacity: 1;
}

.dxbs-sc-tooltips > .tooltip > div:not(.tooltip-inner) {
  margin: 0 0.5rem;
}

.dxbs-sc-tooltips > .tooltip > .tooltip-inner {
  max-width: 100%;
}

.dxbs-sc-tooltips .dxbs-sc-tooltip-resource:not(:last-child) {
  margin-bottom: 0.4em;
}

.dxbs-sc-tooltips .dxbs-button:not(:first-of-type) {
  margin-left: 0.4em;
}

.dxbs-sc-tooltips .popover .popover-header {
  display: flex;
}

.dxbs-sc-tooltips .popover .popover-header .dxbs-sc-tooltip-subject {
  width: 100%;
  padding-right: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-sc-tooltip-subject,
.dxbs-sc-tooltip-resource,
.dxbs-sc-tooltip-interval {
  white-space: nowrap;
}

.dxbs-sc-tooltip-images {
  display: flex;
  align-items: center;
}

.dxbs-sc-tooltip-images > img {
  margin-left: 0.25rem;
}

/* Appointment */
.dxbs-scheduler .dxbs-apt {
  display: inherit;
  padding: 2px;
  background: none;
  margin: 0;
  height: 100%;
}

.dxbs-scheduler .dxbs-apt.label {
  display: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-align: inherit;
  vertical-align: inherit;
  line-height: inherit;
  border: none;
  white-space: normal;
}

.dxbs-scheduler .dxbs-apt .dxsc-apt-bg {
  opacity: 0.7;
  padding: 0;
  margin: 0;
}

.dxbs-scheduler .dxsc-selected .dxbs-apt .dxsc-apt-bg {
  opacity: 1;
}

.dxbs-3 .dxbs-scheduler .dxsc-apt-bg.bg-white {
  background-color: #fff;
}

.dxbs-3 .dxbs-scheduler .dxsc-apt-bg.bg-light.text-muted {
  background-color: currentColor;
}

.dxbs-3 .dxbs-scheduler .dxsc-apt-bg.text-muted {
  border: 1px solid currentColor;
}

.dxbs-scheduler .dxbs-apt .dxsc-apt-content-layer {
  padding: 4px;
}

.dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-content-layer {
  padding: 2px;
}

.dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container {
  position: relative;
  border-width: 0;
}

.dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container:after,
.dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container:after,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container:after,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container:after {
  content: " ";
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid white;
  opacity: 0.4;
  border-radius: inherit;
}

.dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-apt-status-container {
  width: 0.4em;
  margin-right: -0.4em;
  height: 100%;
}

.dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxbs-apt.dxsc-horizontal-same-day-apt .dxsc-apt-status-container {
  height: 0.4em;
  width: 100%;
}

.dxbs-scheduler .dxbs-apt .dxsc-content-wrapper {
  padding: 0.2em 0.5em;
}

.dxbs-scheduler .dxbs-apt.dxsc-compact-month-apt .dxsc-content-wrapper {
  padding: 0.2em 0.2em;
}

.dxbs-scheduler .dxbs-apt.dxsc-vertical-apt .dxsc-content-wrapper {
  padding-left: 0.9em;
}

.dxbs-scheduler .dxsc-appointment-layer > .dxscApt {
  display: none;
  position: absolute;
}

.dxbs-scheduler .dxscSel {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
}

.dxbs-scheduler .dxscAptSelDiv {
  position: absolute;
  display: none;
  padding: 0px;
  margin: 0px;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  pointer-events: none;
}

.dxbs-scheduler .dxscApt:not(tr) {
  display: none;
  position: absolute;
  overflow: hidden;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  user-select: none;
  -webkit-user-select: none;
  margin: auto;
}

.dxbs-scheduler .dxscApt.dxsc-edit-appointment {
  -ms-touch-action: none;
  touch-action: none;
}

.dxbs-scheduler .dxscApt .dxsc-apt-wrapper {
  position: relative;
  height: 100%;
  background: none !important;
}

.dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg,
.dxbs-scheduler .dxscApt .dxsc-apt-bg,
.dxbs-scheduler .dxscApt .dxsc-apt-gradient,
.dxbs-scheduler .dxsc-apt-custom-background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.dxbs-scheduler .dxsc-apt-custom-background {
  border: none !important;
  background-color: unset !important;
}

.dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg,
.dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-bg,
.dxChrome.dxWindowsPlatform .dxbs-scheduler .dxscSel,
.dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg,
.dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscApt .dxsc-apt-bg,
.dxOpera.dxWebKitFamily.dxWindowsPlatform .dxbs-scheduler .dxscSel {
  will-change: opacity;
}

.dxbs-scheduler .dxscApt .dxsc-apt-intermediate-bg {
  background-color: white;
  opacity: 0.6;
}

.dxbs-scheduler .dxscApt > div:not(.dxbs-apt) .dxsc-apt-bg {
  opacity: 0.2;
}

.dxbs-scheduler .dxscApt .dxsc-apt-container {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.dxbs-scheduler .dxscApt .dxsc-apt-content-layer {
  position: relative;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-content-layer {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.dxbs-scheduler .dxsc-vertical-apt:not(.dxbs-apt) .dxsc-apt-content-layer {
  padding: 0.25rem 0.75rem;
}

.dxbs-scheduler .dxsc-compact-month-apt:not(.dxbs-apt) .dxsc-apt-content-layer,
.dxbs-scheduler .dxsc-horizontal-apt:not(.dxbs-apt) .dxsc-apt-content-layer,
.dxbs-scheduler .dxsc-horizontal-same-day-apt:not(.dxbs-apt) .dxsc-apt-content-layer {
  margin: 0.25rem 0.75rem;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-content-single-row-layout .dxsc-apt-images-container {
  height: 100%;
  margin-bottom: 0;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-single-row-text-layout .dxsc-apt-time-container {
  float: left;
  margin-right: 0.25rem;
}

.dxbs-scheduler .dxsc-selected .dxsc-positioning-wrapper {
  box-sizing: border-box;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-content-single-row-layout .dxsc-apt-images-container:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-images-container {
  text-align: right;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxeBase,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxeBase,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxeBase,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-time-container > .dxeBase,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper > .dxsc-apt-center-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper > .dxsc-apt-center-container,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-center-container {
  white-space: nowrap;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper {
  text-align: left;
  overflow: hidden;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container {
  float: left;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container {
  float: right;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-center-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-center-container {
  float: none;
  overflow: hidden;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > *,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > *,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-center-container > *,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container > img,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > *,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > *,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-center-container > *,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container > img,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container > img,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > .dxsc-apt-images-container {
  vertical-align: middle;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-images-container,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container {
  display: inline-block;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-images-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-images-container {
  margin-right: 0.5rem;
}

.dxbs-scheduler .dxsc-apt-images-container > img {
  margin-left: 0.25rem;
}

.dxbs-scheduler .dxscApt .dxsc-apt-clock-container {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-clock-container {
  vertical-align: bottom;
  margin-right: 0.5rem;
}

.dxbs-scheduler .dxscApt .dxsc-content-wrapper {
  overflow: hidden;
}

.dxbs-scheduler .dxsc-apt-clock-container img {
  left: 0;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-content-wrapper,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-content-wrapper {
  width: 100%;
}

.dxbs-scheduler .dxscApt .dxsc-apt-content-layer span {
  font-size: 0.9em;
}

.dxbs-scheduler .dxscApt .dxsc-compact-month-apt .dxsc-apt-content-layer span {
  font-size: 0.7em;
}

.dxbs-scheduler .dxscApt .dxsc-apt-time-container span,
.dxbs-scheduler .dxscApt .dxsc-apt-description-container span,
.dxbs-scheduler .dxscApt .dxsc-apt-description-container span > *,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span {
  font-size: 0.8em;
  opacity: 0.65;
}

.dxbs-scheduler .dxscApt .dxsc-apt-time-container span:not(:last-child),
.dxbs-scheduler .dxscApt .dxsc-apt-description-container span:not(:last-child),
.dxbs-scheduler .dxscApt .dxsc-apt-description-container span > *:not(:last-child),
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span:not(:last-child),
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span:not(:last-child),
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span:not(:last-child),
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span:not(:last-child) {
  margin-right: 0.5em;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-left-container > span:not(:first-child),
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-right-container > span:not(:first-child),
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-left-container > span:not(:first-child),
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-right-container > span:not(:first-child) {
  margin-left: 0.5em;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container {
  display: inline-block;
  margin-right: 0.5rem;
}

.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-time-container span,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-time-container span,
.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container span {
  vertical-align: middle;
  font-size: 0.7em;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-time-container span {
  vertical-align: baseline;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-content-wrapper > span {
  display: inline-block;
}

.dxbs-scheduler .dxscApt .dxsc-apt-status-container {
  background-color: white;
  box-sizing: border-box;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-status-container {
  width: 0.5rem;
  height: 100%;
  float: left;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-status-container,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-status-container {
  width: 100%;
  height: 0.5rem;
}

.dxbs-scheduler .dxscApt .dxsc-apt-status-container .dxsc-apt-status {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
}

.dxbs-scheduler .dxsc-horizontal-same-day-apt .dxsc-apt-status-container .dxsc-apt-status,
.dxbs-scheduler .dxsc-compact-month-apt .dxsc-apt-status-container .dxsc-apt-status,
.dxbs-scheduler .dxsc-horizontal-apt .dxsc-apt-status-container .dxsc-apt-status {
  height: 100%;
}

.dxbs-scheduler .dxscApt.dxsc-selected > div:not(.dxbs-apt) .dxsc-apt-bg {
  opacity: 0.7;
}

.dxbs-scheduler .dxscApt.dxsc-selected .dxsc-apt-gradient {
  background: none;
}

.dxbs-scheduler .dxscNSR,
.dxbs-scheduler .dxscEWR {
  opacity: 0.01;
  position: absolute;
}

.dxbs-scheduler .dxscNSR {
  cursor: n-resize;
}

.dxbs-scheduler .dxscEWR {
  cursor: e-resize;
}

.dxbs-scheduler .dxscApt .dxscNSR {
  height: 0.5em;
}

.dxbs-scheduler .dxscApt .dxscEWR {
  width: 0.5em;
}

.dxsc-enable-appointment-css-animation .dxsc-apt-main-content-cell {
  transition: padding 0.4s;
}

.dxsc-enable-appointment-css-animation .dxsc-apt-icon-cell,
.dxsc-enable-appointment-css-animation .dxsc-apt-start-arrow-cell,
.dxsc-enable-appointment-css-animation .dxsc-apt-end-arrow-cell {
  transition: width 0.4s;
}

/* misc */
.dxbs-scheduler .apt-clock {
  display: inline-block;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  border: 1px solid;
}

.dxbs-scheduler .apt-clock > span {
  content: " ";
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  width: 1px;
  left: calc(50% - 1px);
}

.dxbs-scheduler .apt-clock > span:before {
  content: " ";
  position: absolute;
  display: block;
  border-left: 1px solid;
  height: 50%;
}

.dxbs-scheduler .apt-clock > span.ac-h:before {
  height: 30%;
  top: 20%;
}

.dxbs-scheduler .apt-clock > span.ac-m:before {
  height: 45%;
  top: 5%;
}

.dxbs-scheduler .apt-clock > span {
  overflow: hidden;
}

.dxbs-scheduler .dxsc-apt-right-container .dxsc-apt-clock-container {
  margin-left: 0.25em;
}

.dxbs-scheduler .dxsc-apt-left-container .dxsc-apt-clock-container {
  margin-right: 0.25em;
}

.dxbs-scheduler .dxsc-apt-clock-container > div {
  display: inline-block;
}

.dxbs-scheduler .ac-h5 .ac-h,
.dxbs-scheduler .ac-m5 .ac-m {
  transform: rotateZ(30deg);
}

.dxbs-scheduler .ac-h10 .ac-h,
.dxbs-scheduler .ac-m10 .ac-m {
  transform: rotateZ(60deg);
}

.dxbs-scheduler .ac-h15 .ac-h,
.dxbs-scheduler .ac-m15 .ac-m {
  transform: rotateZ(90deg);
}

.dxbs-scheduler .ac-h20 .ac-h,
.dxbs-scheduler .ac-m20 .ac-m {
  transform: rotateZ(120deg);
}

.dxbs-scheduler .ac-h25 .ac-h,
.dxbs-scheduler .ac-m25 .ac-m {
  transform: rotateZ(150deg);
}

.dxbs-scheduler .ac-h30 .ac-h,
.dxbs-scheduler .ac-m30 .ac-m {
  transform: rotateZ(180deg);
}

.dxbs-scheduler .ac-h35 .ac-h,
.dxbs-scheduler .ac-m35 .ac-m {
  transform: rotateZ(210deg);
}

.dxbs-scheduler .ac-h40 .ac-h,
.dxbs-scheduler .ac-m40 .ac-m {
  transform: rotateZ(240deg);
}

.dxbs-scheduler .ac-h45 .ac-h,
.dxbs-scheduler .ac-m45 .ac-m {
  transform: rotateZ(270deg);
}

.dxbs-scheduler .ac-h50 .ac-h,
.dxbs-scheduler .ac-m50 .ac-m {
  transform: rotateZ(300deg);
}

.dxbs-scheduler .ac-h55 .ac-h,
.dxbs-scheduler .ac-m55 .ac-m {
  transform: rotateZ(330deg);
}

.dxbs-scheduler .dxbs-sc-as,
.dxbs-scheduler .dxbs-sc-ae {
  transform: rotate(90deg);
}

.dxbs-scheduler .dxbs-sc-anr {
  overflow: hidden;
}

.dxbs-scheduler .dxbs-sc-anr:after {
  content: " ";
  display: inline-block;
  border-bottom: 1px solid;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 1px);
  width: 200%;
  left: -50%;
  box-sizing: border-box;
}

.dxbs-scheduler .dxsc-rightTopCornerSys {
  display: none;
}

.dx-prevent-selection {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Toolbar */
.dxbs-scheduler .card-header.dxbs-sc-toolbar {
  padding: 0;
}

.dxbs-scheduler .card-header.dxbs-sc-toolbar > .dxbs-toolbar-adaptive.dxbs-ta-nib > .btn-toolbar > .btn-group:before {
  display: none;
}

.dxbs-scheduler .dxbs-sc-toolbar {
  flex: 0 1 auto;
}

.dxbs-scheduler .dxbs-sc-toolbar .dxbs-toolbar-adaptive > div,
.dxbs-scheduler .dxbs-sc-toolbar .dxbs-toolbar-adaptive > button {
  margin-bottom: 0.2em;
}

.dxbs-scheduler .dxbs-sc-toolbar .dxbs-sc-vi > button,
.dxbs-sc-toolbar .dxbs-toolbar-adaptive > button {
  display: inline-flex;
}

.dxbs-sc-toolbar .dxbs-toolbar-adaptive .dxbs-icon {
  line-height: inherit;
}

.dxbs-scheduler .dxbs-sc-toolbar .btn {
  padding-right: 0.55em;
  padding-left: 0.55em;
}

.dxbs-sc-toolbar .dxbs-toolbar-adaptive > .btn-group > .btn:first-child,
.dxbs-sc-toolbar .dxbs-toolbar-adaptive > .btn-group > .dxbs-toolbar-custom {
  margin-left: 1em;
}

.dxbs-sc-toolbar .dxbs-toolbar-adaptive > .btn-group:first-child > .btn:first-child {
  margin-left: inherit;
}

.dxbs-sc-toolbar .dxbs-toolbar-adaptive.dxbs-sc-ivs > div > .btn-group:nth-last-child(-2n+2) {
  margin-left: auto;
}

.dxbs-scheduler .dxbs-toolbar-adaptive .btn-group:not(.dxbs-ta-ag):not(:first-child), .dxbs-scheduler .dxbs-toolbar-adaptive .btn-group.dxbs-ta-ag > .btn {
  margin-left: 0.5rem;
}

.dxbs-sc-toolbar .dropdown-toggle:after {
  display: none;
  content: "";
}

.dxbs-sc-toolbar .dxbs-toolbar-adaptive .btn.dropdown-toggle > .image:only-child {
  margin-right: inherit;
}

/* ViewInternal */
.dxbs-sc-vi {
  white-space: nowrap;
}

.dxbs-sc-vi.dxb-text-render-mode {
  padding: 0.4em 0;
}

.dxbs-sc-vi > button.dxbs-button.btn > span.image {
  margin-right: inherit;
  margin-left: 0.4em;
}

.dxbs-sc-vi .dxb-vvi-outline {
  border-color: transparent;
}

.dxbs-sc-vi .modal-content {
  border: 0;
}

.dxbs-sc-vi .modal-body {
  padding: 0;
}

.dxbs-sc-vi > .image {
  position: relative;
}

.dxbs-sc-vi.wrap {
  white-space: normal;
}

/* ViewNavigator */
.dxbs-sc-vn .dropdown-menu {
  padding: 0;
}

.dxbs-sc-vn .dropdown-menu {
  padding: 0;
}

.dxbs-sc-vn .dropdown-menu > .dxbs-calendar {
  border: 0;
}

/* ViewSelector */
.dxbs-sc-vs .dxbs-toolbar > .btn-group:last-child:not(:only-child) {
  display: none;
  margin-left: 0;
}

.dxbs-sc-vs.transformed .dxbs-toolbar > .btn-group:last-child {
  display: inherit;
}

.dxbs-sc-vs.transformed .dxbs-toolbar > .btn-group:first-child {
  display: none;
}

.dxbs-sc-vs.transformed .dxbs-toolbar .dxbs-sc-vs-ai {
  min-width: 8em;
}

.dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai {
  min-width: 0;
}

.dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai > span:not(.popout) {
  display: none;
}

.dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai:after,
.dxbs-sc-vs.transformed.minimized .dxbs-toolbar .dxbs-sc-vs-ai > span.popout {
  margin-left: 0;
}

.dxbs-sc-vs .btn-group-vertical {
  width: 100%;
}

/* DateNavigator */
.dxbs-sc-dn .dxe-day-has-appointments {
  font-weight: bold;
}

.dxbs-sc-dn .dxbs-calendar {
  width: 100%;
}

.dxbs-sc-dn .dxe-apt-labels-container {
  font-size: 0px;
}

.dxbs-sc-dn .dxe-apt-labels-container > span {
  display: inline-block;
}

.dxbs-sc-dn .dxe-apt-labels-container > span:nth-last-child(n+2) {
  margin-right: 2px;
}

.dxbs-sc-dn .dxe-apt-labels-container {
  height: 5px;
  margin-bottom: -5px;
}

.dxbs-sc-dn .dxe-apt-labels-container > span {
  width: 5px;
  height: 5px;
  margin-top: -2px;
}

.dxbs-sc-dn .dxbs-more-labels-container > .dxbs-h-line {
  width: 5px;
  top: 2px;
  left: 0px;
  border-width: 1px 0 0 0;
  border-style: solid;
}

.dxbs-sc-dn .dxbs-more-labels-container > .dxbs-v-line {
  height: 5px;
  left: 2px;
  border-width: 0 1px 0 0;
  border-style: solid;
}

.dxbs-sc-dn .dxbs-more-labels-container {
  position: relative;
  opacity: 0.7;
}

.dxbs-sc-dn .dxbs-more-labels-container > span.dxbs-h-line,
.dxbs-sc-dn .dxbs-more-labels-container > span.dxbs-v-line {
  position: absolute;
  display: inline-block;
}

/* ResourceNavigator */
.dxbs-sc-rnp {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.dxbs-sc-rnp > div {
  margin-bottom: 0.2em;
}

.dxbs-sc-rnp > .btn-group:not(:last-child) {
  margin-right: 1em;
}

.dxbs-sc-rnp > .btn-group > .btn {
  padding-right: 0.55em;
  padding-left: 0.55em;
}

.dxbs-sc-rnp > .dxbs-combobox {
  flex-grow: 1;
  min-width: 5em;
}

.dxbs-3 .dxbs-sc-rnp > .dxbs-combobox {
  width: 1%;
}

.dxbs-sc-rnp .fa-angle-double-left,
.dxbs-sc-rnp .fa-angle-double-right,
.dxbs-sc-rnp .fa-angle-left,
.dxbs-sc-rnp .fa-angle-right {
  font-size: 1.33em;
  font-weight: bold;
}

/* ResourceNavigator Selector */
.dxbs-sc-rns {
  display: flex;
  align-items: flex-start;
}

.dxbs-sc-rns .dxbs-sc-tokens {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-left: 1em;
}

.dxbs-sc-rns .dxbs-sc-tokens-exp {
  height: auto !important;
}

.dxbs-sc-rns .badge {
  font-weight: normal;
  font-size: 1em;
  line-height: inherit;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-right: 0.5em;
}

.dxbs-sc-rns .dxbs-sc-tokens-exp > div {
  margin-top: -0.4em;
}

.dxbs-sc-rns .dxbs-sc-tokens-exp .badge {
  margin-top: 0.4em;
}

.dxbs-sc-rns > .dxbs-sc-popup {
  max-width: 360px;
}

.dxbs-sc-rns .dxbs-sc-popup .modal-body {
  padding: 0;
}

.dxbs-sc-rns .dxbs-sc-popup .dxbs-listbox {
  border: 0;
}

.dxbs-sc-rns .dxbs-sc-tokens .dxbs-icon-remove {
  cursor: pointer;
}

.dxbs-sc-rns .dxbs-sc-tokens .badge .dxbs-sc-rh-sys {
  border-radius: inherit;
}

.dxbs-sc-rns .dxbs-sc-tokens .badge > span:not(:last-child) {
  margin-right: 0.4em;
}

.dxbs-sc-rns .badge {
  position: relative;
}

.dxbs-sc-rns .badge .dxbs-sc-rh-sys {
  position: absolute;
  top: 4px;
  left: 4px;
  bottom: 4px;
}

.dxbs-sc-rns .badge .dxbs-sc-rh-sys ~ .dxbs-sc-token-text {
  margin-left: 0.4em;
}

.dxbs-dialog-cw {
  box-sizing: border-box;
  display: inline-block;
}

:not(.dxbs-cc1) > .dxbs-dialog-cw:not(:last-child) {
  padding-right: 0.25rem;
}

:not(.dxbs-cc1) > .dxbs-dialog-cw:not(:first-child) {
  padding-left: 0.25rem;
}

.dxbs-cc1:not(.buttons) > .dxbs-dialog-cw {
  width: 100%;
}

.dxbs-cc2:not(.buttons) > .dxbs-dialog-cw {
  width: 50%;
}

.dxbs-cc3:not(.buttons) > .dxbs-dialog-cw {
  width: 33%;
}

.dxbs-scheduler .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl.dxbs-dialog-btn-group,
.dxbs-dialog-btn-group {
  display: flex;
  justify-content: flex-end;
}

.dxbs-sc-ccblock {
  position: relative;
}

.dxbs-dialog-appointment > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-g:last-child > .row {
  padding: 0;
}

.dxbs-dialog-appointment > .dxbs-fl > .dxbs-fl-gr > .dxbs-fl-g:last-child > .row .form-group {
  margin: 0;
}

.dxbs-dialog .dxbs-sc-error {
  width: 100%;
}

/* Inplace apt dialog */
.dxbs-scheduler .dialog-apt-inplace .dxbs-fl > .row > div {
  padding: 0;
}

.dxbs-scheduler .dialog-apt-inplace .modal-body {
  padding: 0.5em;
  padding-bottom: 0;
}

.dxbs-scheduler .dialog-apt-inplace .dxbs-fl > .row > div > .form-group {
  margin-bottom: 0.5em;
}

.dxbs-scheduler .dialog-apt-inplace .dxbs-dialog-btn-group {
  justify-content: flex-start;
}

.dxbs-scheduler .dialog-apt-inplace .dxbs-dialog-btn-group .dxbs-dialog-cw:first-child {
  flex-grow: 1;
}

.dxbs-scheduler .dxbs-sc-tm,
.dxbs-scheduler .dxbs-sc-tm-line {
  height: 2px;
  width: 2px;
  display: none;
}

.dxbs-scheduler .dxbs-sc-tm {
  width: 3em;
}

.dxbs-scheduler .dxbs-timeline-view .dxbs-sc-tm,
.dxbs-scheduler .dxbs-sc-viewcontainer .dxbs-sc-tm,
.dxbs-scheduler .dxbs-timeline-view .dxbs-sc-tm-line,
.dxbs-scheduler .dxbs-sc-viewcontainer .dxbs-sc-tm-line {
  display: block;
}

.dxbs-scheduler .dxsc-vertical-rh {
  position: relative !important;
  display: table-cell !important;
  z-index: 4;
}

.dxbs-scheduler tr > td.dxsc-gr-sep-vertical {
  width: 1px;
  padding: 0;
  box-sizing: content-box;
}

.dxbs-scheduler .dxsc-rh-center-wrap {
  display: inline-flex;
  display: -webkit-inline-flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.dxbs-scheduler .dxsc-rh-text-wrapper {
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-scheduler .dxsc-rh-text-wrapper span {
  white-space: nowrap;
}

.dxbs-scheduler .dxsc-rh-align-bottom .dxsc-rh-text-wrapper,
.dxbs-scheduler .dxsc-rh-align-top .dxsc-rh-text-wrapper {
  display: block;
}

.dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-align-top .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption,
.dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-align-bottom .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption {
  width: 100%;
}

.dxFirefox .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption,
.dxSafari .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption,
.dxMacOSMobilePlatform.dxChrome .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption {
  min-width: 15px;
}

.dxSafari.dxBrowserVersion-9 .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption,
.dxSafari.dxBrowserVersion-10 .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption,
.dxMacOSMobilePlatform.dxChrome .dxbs-scheduler .dxsc-vertical-rh .dxsc-rh-text-wrapper.dxsc-rh-rotated-caption {
  max-width: 15px;
}

.dxbs-scheduler .dxsc-day-hr,
.dxbs-scheduler .dxsc-date-hr,
.dxbs-scheduler .dxsc-horizontal-rh {
  font-weight: 600;
  overflow: hidden;
}

.dxbs-scheduler .dxsc-vertical-apt .dxsc-apt-images-container {
  padding-right: 0.2em;
  padding-bottom: 0.2em;
}

/* Agenda View */
.dxbs-scheduler .dxbs-agenda-view table,
.dxbs-scheduler .dxsc-agenda-header-row table td,
.dxbs-scheduler .dxsc-agenda-header-row table th {
  border: 0;
}

.dxbs-scheduler .dxbs-agenda-view {
  border-right-width: 0;
  border-left-width: 0;
  border-top-width: 0;
}

.dxbs-scheduler .dxsc-content-overflow .dxbs-agenda-view {
  border-bottom-width: 0;
}

.dxbs-scheduler .table.dxbs-agenda-view > tbody > tr > td {
  padding: 0.5em;
  border-width: 1px;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-date-cell {
  border-bottom: 0;
  border-left: 0;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-appointment-cell {
  border-right: 0;
}

.dxbs-scheduler .dxsc-apt-end-arrow-cell,
.dxbs-scheduler .dxsc-apt-time-cell,
.dxbs-scheduler .dxsc-agenda-no-standard-images .dxsc-apt-main-content-cell,
.dxbs-scheduler .dxsc-agenda-appointment-cell td:first-child {
  border-left: 0;
}

.dxbs-scheduler .dxsc-apt-start-arrow-cell,
.dxbs-scheduler .dxsc-apt-time-cell,
.dxbs-scheduler .dxsc-agenda-appointment-cell td:last-child {
  border-right: 0;
}

.dxbs-scheduler .dxsc-agenda-appointment-cell tr:first-child td {
  border-top: 0;
}

.dxbs-scheduler .dxsc-agenda-appointment-cell tr:last-child td {
  border-bottom: 0;
}

.dxbs-scheduler .dxsc-apt-time-cell {
  white-space: nowrap;
}

.dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-time-table-wrapper,
.dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-start-arrow-cell,
.dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-time-cell,
.dxbs-scheduler * > *:not(.dxsc-agenda-apt) > .dxbs-apt-back.dxsc-apt-end-arrow-cell {
  opacity: 0.7;
}

.dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-time-table-wrapper,
.dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-start-arrow-cell,
.dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-time-cell,
.dxbs-scheduler .dxsc-selected .dxbs-apt-back.dxsc-apt-end-arrow-cell {
  opacity: 1;
}

.dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-start-arrow-cell,
.dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-time-cell,
.dxbs-scheduler .dxbs-apt-back.dxsc-apt-time-table-wrapper .dxsc-apt-end-arrow-cell {
  background-color: transparent !important;
  opacity: 1 !important;
}

.dxbs-scheduler .dxbs-sc-viewcontainer.dxbs-agenda-view {
  position: static;
}

.dxbs-scheduler .dxsc-agenda-appointment-cell {
  position: relative;
}

.dxbs-scheduler .dxsc-agenda-empty-cell {
  text-align: center;
  border: 0;
}

.dxbs-scheduler .dxsc-agenda-day-cell {
  vertical-align: bottom;
}

.dxbs-scheduler .dxsc-agenda-date-cell,
.dxbs-scheduler .dxsc-agenda-month-of-year-cell {
  vertical-align: top;
}

.dxbs-scheduler .dxbs-agenda-view.dxsc-agenda-horizontal-layout .dxsc-agenda-date-cell {
  width: 100%;
}

.dxbs-scheduler .dxsc-horizontal-header-cell {
  width: 100%;
  background-color: inherit;
}

.dxbs-scheduler td > .dxsc-agenda-fixed-header {
  position: relative;
  z-index: 1;
}

.dxbs-scheduler td:not(.dxsc-last-cell) > .dxsc-agenda-fixed-header {
  position: absolute;
}

.dxbs-scheduler .dxsc-agenda-appointment-cell {
  width: 100%;
}

.dxbs-scheduler .dxsc-agenda-float-header .dxsc-agenda-horizontal-header {
  position: relative;
}

.dxbs-scheduler .dxsc-agenda-vertical-layout .dxsc-agenda-float-header.dxsc-agenda-date-cell {
  vertical-align: bottom;
}

.dxbs-scheduler .dxsc-agenda-horizontal-header {
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  font-size: 1.1em;
  font-weight: 500;
  z-index: 2;
}

.dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-horizontal-header,
.dxbs-scheduler .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header {
  border-top: 0;
  border-right: 0;
  z-index: 2;
  padding: 0.75rem;
}

.dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header,
.dxbs-scheduler .dxbs-agenda-sc .dxsc-agenda-float-header .dxsc-agenda-horizontal-header {
  background: white;
}

.dxbs-scheduler .dxbs-agenda-sc tr:not(:first-of-type) > td > .dxsc-agenda-horizontal-header.dxsc-agenda-fixed-header,
.dxbs-scheduler .dxbs-agenda-sc tr:not(:first-of-type) > td.dxsc-agenda-float-header > .dxsc-agenda-horizontal-header {
  border-bottom: inherit;
}

.dxbs-scheduler .dxsc-agenda-horizontal-header-day {
  vertical-align: baseline;
}

.dxAndroidMobilePlatform .dxbs-scheduler .dxscApt.dxsc-agenda-apt,
.dxEdge.dxTouchUI .dxbs-scheduler .dxscApt.dxsc-agenda-apt {
  touch-action: auto;
  -ms-touch-action: auto;
}

.dxbs-scheduler .dxsc-agenda-apt > table {
  width: 100%;
  height: inherit;
  border-collapse: collapse;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-status-cell {
  width: 0.5em;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-start-arrow-cell,
.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-end-arrow-cell {
  width: 2em;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-start-arrow-cell {
  text-align: left;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-end-arrow-cell {
  text-align: right;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-icon-cell .dxsc-apt-images-container {
  padding-left: 1em;
  padding-right: 1em;
}

.dxbs-scheduler .dxsc-agenda-compact-time-cell .dxsc-agenda-apt .dxsc-apt-icon-cell .dxsc-apt-images-container {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-horizontal-header-cell,
.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-appointment-cell {
  padding: 0;
}

.dxbs-scheduler .dxsc-agenda-apt .dxbs-apt-s {
  padding: 0 0.5em 0 0 !important;
}

.dxbs-scheduler .dxsc-agenda-apt:not(.dxsc-agenda-no-standard-images) .dxsc-apt-icon-cell {
  border-right: 0;
}

.dxbs-scheduler .dxsc-agenda-apt:not(.dxsc-agenda-no-standard-images) .dxsc-apt-main-content-cell {
  border-left: 0;
}

.dxbs-scheduler .dxsc-agenda-no-standard-images .dxsc-apt-icon-cell,
.dxbs-scheduler .dxsc-agenda-no-start-arrows.dxsc-agenda-no-time .dxsc-apt-start-arrow-cell,
.dxbs-scheduler .dxsc-agenda-no-start-arrows.dxsc-agenda-no-time .dxsc-apt-end-arrow-cell {
  border-right: 0;
  border-left: 0;
  visibility: hidden;
  width: 0 !important;
  padding: 0 !important;
}

.dxbs-scheduler .dxsc-apt-main-content-cell {
  width: 100%;
}

.dxbs-scheduler .dxsc-apt-resource-cell {
  min-width: 10em;
}

.dxbs-scheduler .dxsc-positioning-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-apt-time-container span {
  font-size: 1em;
}

.dxbs-scheduler .dxsc-agenda-header-row .dxsc-agenda-date-cell {
  white-space: nowrap;
  padding: 0;
}

.dxbs-scheduler div > table.dxsc-agenda-fixed-header,
.dxbs-scheduler div > .table.dxsc-agenda-fixed-header {
  position: absolute;
}

.dxbs-scheduler div > .table.dxsc-agenda-fixed-header {
  width: auto;
  margin-bottom: 0;
}

.dxbs-scheduler div > .table.dxsc-agenda-fixed-header td {
  border: 0;
}

.dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-month-of-year-cell,
.dxbs-scheduler .table.dxsc-agenda-fixed-header .dxsc-agenda-month-of-year-cell,
.dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-date-cell {
  padding-top: 0;
  font-size: 0.8em;
}

.dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-day-of-week-cell,
.dxbs-scheduler .table.dxsc-agenda-fixed-header .dxsc-agenda-day-of-week-cell,
.dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-day-of-week-cell {
  padding-bottom: 0;
  font-size: 1.2em;
}

.dxbs-scheduler .dxsc-agenda-date-cell .dxsc-agenda-day-cell,
.dxbs-scheduler div > .table.dxsc-agenda-fixed-header .dxsc-agenda-day-cell {
  font-size: 3em;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.dxbs-scheduler tr.dxsc-agenda-apt > td {
  white-space: nowrap;
}

.dxbs-scheduler .dxsc-agenda-apt td.dxsc-apt-resource-cell {
  border-left: 0;
  border-right: 0;
  font-size: 0.8em;
}

.dxbs-scheduler .dxsc-agenda-apt td.dxsc-apt-main-content-cell {
  border-right: 0;
}

.dxbs-scheduler .dxsc-apt-time-cell {
  text-align: center;
}

.dxbs-scheduler .dxsc-agenda-horizontal-header {
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
}

.dxbs-scheduler .dxsc-agenda-horizontal-header .dxsc-agenda-horizontal-header-year {
  width: 100%;
  text-align: right;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper {
  padding: 0;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td {
  padding: 0.4em;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td.dxsc-apt-end-arrow-cell,
.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-table-wrapper table > tr > td.dxsc-apt-start-arrow-cell {
  padding: 0.4em 0.4em 0;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div td {
  border: 0;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div td.dxsc-apt-time-cell {
  padding-top: 0;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-time-part-div .dxsc-apt-time-cell {
  font-size: 0.8em;
}

.dxbs-scheduler .dxsc-time-part-div > table {
  width: 100%;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-time-cell .dxsc-apt-time-container span {
  opacity: 1;
  font-size: 1em;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row > td {
  border-left: 0;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row:first-child > td,
.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-header-row:first-child + tr > td {
  border-top: 0;
}

.dxbs-scheduler .dxbs-agenda-view > tr:last-child > td {
  border-bottom: 0;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-appointments-fixed-height .dxsc-agenda-apt .dxsc-height-wrapper {
  position: absolute;
  width: inherit;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-subject-container,
.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-description-container,
.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-apt .dxsc-apt-resource-cell .dxsc-height-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-scheduler .dxsc-agenda-apt .dxsc-apt-subject-container,
.dxbs-scheduler:not(.dxbs-sc-desktop) .dxsc-agenda-apt .dxsc-apt-resource-cell .dxsc-height-wrapper {
  word-wrap: break-word;
  white-space: normal;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-adaptivity-desktop .dxsc-appointments-fixed-height.dxsc-agenda-show-time .dxsc-apt-resource-cell .dxsc-height-wrapper {
  right: 0;
  padding-right: inherit;
}

.dxbs-scheduler .dxbs-agenda-view .dxsc-agenda-resource-at-bottom .dxsc-apt-resource-cell .dxsc-height-wrapper {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}

.dxbs-scheduler .dxbs-agenda-view.dxsc-agenda-resource-at-bottom .dxbs-sc-res-bottom {
  font-size: 0.8em;
  margin-top: 0.4em;
}

/* Timeline view */
.dxbs-scheduler .dxbs-timeline-view,
.dxbs-scheduler .dxbs-timeline-view table {
  overflow: hidden;
  white-space: nowrap;
  margin: 0;
}

.dxbs-timeline-view > thead > tr > td,
.dxbs-timeline-view > tbody > tr > td,
.dxbs-timeline-view .dxsc-gr-sep-horizontal {
  padding: 0;
}

.dxbs-scheduler .dxsc-scales-container .dxsc-tl-date-head {
  font-weight: 500;
}

.dxbs-scheduler .dxsc-rh-content .dxsc-rh-rotated-caption span {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dxbs-scheduler .dxsc-time-scale th,
.dxbs-scheduler .dxsc-time-scale td {
  text-align: center;
  font-weight: normal;
}

table.dxbs-timeline-view,
.dxbs-timeline-view .dxsc-time-scale,
.dxbs-timeline-view .dxsc-time-cells-container {
  width: 100%;
}

.dxbs-scheduler .dxsc-time-scale th {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-gr-sep-horizontal {
  padding-top: 1px;
}

.dxbs-timeline-view .dxsc-time-scale,
.dxbs-timeline-view .dxsc-time-cells-container {
  table-layout: fixed;
}

.dxbs-timeline-view .dxsc-time-cells-container {
  position: relative;
}

.dxbs-timeline-view:not(.dxsc-cell-auto-height-mode) .dxsc-tl-cell-body,
.dxbs-timeline-view:not(.dxsc-cell-auto-height-mode) .dxsc-vertical-rh {
  height: 300px;
}

.dxbs-timeline-view.dxsc-vertical-scroll:not(.dxsc-horizontal-scroll) > thead {
  display: table;
}

.dxbs-timeline-view.dxsc-vertical-scroll:not(.dxsc-horizontal-scroll) > tbody {
  display: inline-block;
  overflow-y: scroll;
}

.dxbs-scheduler .dxbs-timeline-view.dxsc-vertical-scroll .dxsc-rightTopCornerSys {
  display: table-cell;
}

.dxbs-timeline-view .dxsc-resources-scroll-container,
.dxbs-timeline-view .dxsc-scales-scroll-container {
  overflow: hidden;
}

.dxbs-scheduler .dxbs-timeline-view.dxsc-horizontal-scroll .dxsc-time-cells-scroll-container {
  overflow-x: scroll;
}

.dxbs-timeline-view .dxsc-time-cells-container,
.dxbs-timeline-view .dxsc-time-scale,
.dxbs-scheduler .dxbs-timeline-view {
  border-width: 0;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-rightTopCornerSys {
  width: 18px;
  display: none;
  border-width: 0 0 1px 1px;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-bottomLeftCornerSys {
  height: 17px;
  border-width: 1px 1px 0 0;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-leftCornerSys {
  border-width: 0 1px 1px 0;
}

.dxbs-timeline-view .dxsc-tl-date-head {
  border-width: 0 1px 1px 0;
}

.dxbs-timeline-view > tbody > tr > td {
  border-left-width: 0;
  border-bottom-width: 0px;
}

.dxsc-time-cells-container .dxsc-tl-cell-body {
  border-left-width: 0;
}

.dxbs-timeline-view .dxsc-tl-date-head:last-child,
.dxsc-time-cells-container .dxsc-tl-cell-body:last-child {
  border-right-width: 0;
}

.dxbs-timeline-view .dxsc-vertical-rh {
  border-width: 1px 0 1px 0;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-scales-container,
.dxsc-time-cells-container tr:first-child td,
.dxbs-timeline-view .dxsc-vertical-rh:first-child {
  border-top-width: 0;
}

.dxbs-timeline-view .dxsc-time-cells-container > tr:last-child .dxsc-tl-cell-body,
.dxbs-timeline-view .dxsc-time-scale:last-child .dxsc-tl-date-head,
.dxbs-timeline-view .dxsc-vertical-rh:last-child {
  border-bottom-width: 0;
}

.dxbs-scheduler .dxbs-timeline-view .dxsc-scales-container {
  border-bottom-width: 1px;
  border-right-width: 0;
}

/* Month/Week View */
.dxbs-scheduler .dxbs-week-view {
  position: relative;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-width: 0px;
  table-layout: fixed;
  outline: none;
  margin-bottom: 0;
}

.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head {
  background-color: rgba(0, 0, 0, 0.05);
}

.dxbs-scheduler .dxbs-week-view .dxsc-horizontal-rh,
.dxbs-scheduler .dxbs-week-view .dxsc-day-hr,
.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head {
  text-align: center;
  white-space: nowrap;
  padding-left: 0.1em;
  padding-right: 0.1em;
}

.dxbs-scheduler .dxbs-week-view .dxsc-horizontal-rh {
  border-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-vertical-rh {
  border-left-width: 0px;
  border-bottom-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-day-hr {
  border-left-width: 0px;
  border-bottom-width: 0px;
}

.dxbs-scheduler .dxbs-week-view tr:first-child > .dxsc-day-hr {
  border-top-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head {
  border-left-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-body {
  height: 120px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-day-hr.dxscLastCell,
.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head.dxscLastCell,
.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-body.dxscLastCell {
  border-right-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-leftCornerSys {
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-gr-sep-horizontal {
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  padding: 0;
  height: 2px;
}

.dxbs-scheduler .dxbs-week-view .dxsc-date-cell-head {
  overflow: hidden;
}

.dxbs-scheduler .dxbs-sc-dvst .dxsc-time-cell-body:before,
.dxbs-scheduler .dxsc-all-day-area:empty:before {
  content: ".";
  visibility: hidden;
}

.dxbs-scheduler .dxsc-cell-touch-handle {
  position: absolute;
  z-index: 1;
  touch-action: pinch-zoom;
  box-sizing: border-box;
}

.dxbs-scheduler .dxsc-cell-touch-handle.dxsc-vertical-handle {
  height: 0.5em;
  margin-top: 0.5em;
}

.dxbs-scheduler .dxsc-cell-touch-handle.dxsc-horizontal-handle {
  width: 0.5em;
  margin-left: 0.25em;
  padding-left: 0;
  padding-right: 0;
}

.dxbs-scheduler .dxsc-cell-touch-handle:before {
  content: " ";
  border-style: solid;
  border-width: 1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  position: absolute;
  left: -1px;
  top: -1px;
  border-radius: inherit;
}

.dxbs-ribbon {
  outline: 0;
}

.dxbs-ribbon .card {
  margin-bottom: 0;
}

.dxbs-ribbon-default,
.dxbs-ribbon-oneline .card-header-tabs {
  font-size: 0.9em;
}

.dxbs-ribbon .card-header-tabs.nav-pills {
  padding-bottom: 0.25rem;
}

.dxbs-r-qa .dxbs-r-btn-group {
  flex-shrink: 0;
}

.dxbs-ribbon .card-header {
  padding-top: 0.25em;
}

.dxbs-ribbon .dxbs-toolbar-custom {
  display: inline-flex;
}

.nav-link.dxbs-r-context:not(.active) {
  transform: scale(0.95) translateY(2.5%);
  position: relative;
}

.nav-link.dxbs-r-context:not(.active):before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.6;
  z-index: -1;
}

.nav-link.dxbs-r-context:not(.active) > span {
  transform: scale(1.05);
  display: inline-flex;
}

[data-item-type=color] .dxbs-submenu {
  padding: 0;
}

.dxbs-ribbon button.btn:not(:hover):not(.checked):not(.active):not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn),
.dxbs-ribbon button.btn:disabled:not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn),
.dxbs-ribbon button.btn.disabled:not(.dxbs-ce-btn-custom):not(.dxbs-r-preview-btn):not(.dxbs-ce-btn) {
  background-color: inherit;
  color: inherit;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-ribbon .btn-group,
.dxbs-ribbon .btn-group-vertical,
.dxbs-ribbon .card,
.dxbs-ribbon .input-group-btn {
  position: static;
}

.dxbs-ribbon .dxbs-r-card-group .dxbs-dropdown-edit,
.dxbs-ribbon .dxbs-r-card-group .dxbs-toolbar-editor.dxbs-dropdown-edit > div.input-group {
  position: static !important;
}

.dxbs-ribbon .dxbs-textbox.dxbs-toolbar-editor {
  flex-wrap: nowrap;
}

.dxbs-ribbon .dxbs-textbox.dxbs-toolbar-editor > .dxbs-edit-caption {
  white-space: nowrap;
}

/* page control */
.dxbs-ribbon > .card > .card-body {
  display: flex;
  background-color: inherit;
  padding: 0;
}

.dxbs-r-card-group {
  display: flex;
  flex-shrink: 0;
  flex-basis: 100%;
  background-color: inherit;
}

.dxbs-ribbon .dxbs-r-collapse,
.dxbs-r-loading,
.dxbs-ribbon .card:not(.modal-body) > .dxbs-r-gc,
.dxbs-ribbon-oneline > .card > .card-body {
  overflow: hidden;
}

.dxbs-r-card-group > .card {
  background-color: inherit;
  display: flex;
  flex-flow: column nowrap;
}

/* change content */
.dxbs-ribbon-default .dxbs-r-card-group:not(.active) > .card {
  box-shadow: none;
}

.dxbs-ribbon-default .dxbs-r-card-group:not(.active) {
  transform: scaleX(0);
}

.dxbs-ribbon-default .dxbs-r-card-group {
  order: 1;
}

.dxbs-ribbon-default .dxbs-r-card-group.active {
  order: 0;
}

@keyframes tabchanging {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: hidden;
  }
}
.dxbs-r-tabchanging:not(.dxbs-r-pin) {
  animation-duration: 0s;
  animation-name: tabchanging;
}

.dxbs-r-tabchanging .shift-to-left,
.dxbs-r-tabchanging .shift-to-right,
.dxbs-r-tabchanging .shift-from-left,
.dxbs-r-tabchanging .shift-from-right {
  animation-duration: 0s;
}

@keyframes shift-to-left {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes shift-to-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes shift-from-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes shift-from-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
.dxbs-r-tabchanging .shift-to-left {
  animation-name: shift-to-left;
}

.dxbs-r-tabchanging .shift-to-right {
  animation-name: shift-to-right;
}

.dxbs-r-tabchanging .shift-from-left {
  animation-name: shift-from-left;
}

.dxbs-r-tabchanging .shift-from-right {
  animation-name: shift-from-right;
}

/* hidden measurement elements*/
.dxbs-ribbon .dxbs-r-card-group > .dxbs-r-hidden {
  height: auto !important;
  max-height: none !important;
  display: inline-block;
}

.dxbs-ribbon .dxbs-r-hidden {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 0px;
  height: 0px;
  border-width: 0px;
}

.dxbs-ribbon .dxbs-r-card-group > .dxbs-r-hidden {
  height: 100%;
}

.dxbs-ribbon .dxbs-r-hidden .dxbs-r-gc {
  display: flex;
  flex-direction: column;
  height: auto !important;
  max-height: none !important;
}

.dxbs-ribbon .dxbs-r-hidden .btn:before,
.dxbs-ribbon .dxbs-r-hidden .card-footer:before {
  content: "R";
}

.dxbs-ribbon .dxbs-r-hidden .tooltip {
  will-change: opacity;
  transition: opacity 0.5s ease 0s;
  display: none;
}

/*gallery*/
.dxbs-ribbon-default .dxbs-r-gc > .gallery-toolbar > div > .btn.gallery-collapse:not(:first-child) {
  margin: 0;
  padding: 0;
  overflow: hidden;
  max-width: 0;
  min-width: 0;
}

.dxbs-ribbon-default .dxbs-r-gc > .gallery-toolbar > div > .btn.gallery-item {
  margin: 0;
}

.dxbs-ribbon-default .gallery-toolbar .buttons .btn {
  flex-grow: 1;
}

.dxbs-3 .dxbs-ribbon-default .gallery-toolbar .buttons {
  display: flex;
  flex-direction: column;
}

.dxbs-3 .gallery-popup-control .gallery-item:not(.active):focus {
  background-color: inherit;
  border-color: inherit;
}

.dxbs-ribbon-default .dxbs-r-card-group .card.gallery-collapse {
  flex-shrink: 0;
}

.dxbs-ribbon .dxbs-r-b-sep,
.dxbs-ribbon .dxbs-r-b-sep > .dxbs-r-btn-group,
.dxbs-ribbon .dxbs-r-b-sep > .dxbs-r-btn-group > .dxbs-toolbar-custom {
  height: 100%;
}

.gallery-toolbar-item + .dropdown-menu {
  padding: 0;
}

.gallery-toolbar-item + .dropdown-menu .gallery-control {
  border-radius: 0.25em;
}

.dxbs-ribbon .gallery-item,
.gallery .gallery-item {
  background-color: inherit;
  color: inherit;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  max-width: 125px;
  min-width: 125px;
}

.dxbs-ribbon .btn.gallery-item.btn-secondary:not(:disabled):not(.disabled):focus,
.gallery .btn.gallery-item.btn-secondary:not(:disabled):not(.disabled):focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.dxbs-ribbon .gallery-item.btn span,
.gallery-popup-control .gallery-item.btn span {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.dxbs-ribbon-default .gallery-toolbar > .dxbs-r-btn-group {
  display: flex;
}

.gallery .gallery-item {
  margin-bottom: 10px;
}

.dxbs-ribbon-default .gallery-item {
  height: 100%;
}

.gallery .groupSeparator {
  flex: 1 100%;
}

.gallery .gallery-control {
  display: flex;
  flex-wrap: wrap;
  background-color: white;
  overflow-y: auto;
}

.gallery-popup-control .modal-body {
  padding: 0;
}

.gallery-popup-control .modal-content {
  overflow: hidden;
}

.gallery-control.border {
  border: none !important;
}

/*quick actions*/
.dxbs-r-qa > .dxbs-r-btn-group > .btn {
  margin-bottom: 0;
}

.dxbs-r-qa.no-btn-text .btn > span:not(.image) {
  display: none;
}

.dxbs-r-qa {
  align-self: baseline;
}

/*for more compact appearance*/
.dxbs-ribbon-gp .modal-body {
  padding: 0;
}

.dxbs-ribbon-default > .card .card .card-footer,
.dxbs-ribbon-gp .card-footer {
  padding: 0.1rem 0.25rem;
}

.dxbs-ribbon > .card .card .card-body,
.dxbs-ribbon-gp .card-body {
  padding: 0.25rem;
}

.dxbs-ribbon-default [data-item-type=color] .dropdown-toggle {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.dxbs-ribbon-default .dxbs-r-gc > .dxbs-r-toolbar > div > .btn,
.dxbs-ribbon-default .dxbs-r-gc > .dxbs-r-toolbar .dropdown-toggle:first-child {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.dxMobileUI .dxbs-ribbon > .card > .card-body {
  overflow-x: scroll;
}

.dxbs-ribbon > .card > .card-body > .dxbs-r-card-group > .btn-toolbar.dxbs-toolbar .btn-group {
  box-shadow: none;
  border-radius: 0;
}
.dxbs-ribbon > .card > .card-body > .dxbs-r-card-group > .btn-toolbar.dxbs-toolbar .btn-group > .dxbs-ribbon-item:not(.dropdown-toggle):before, .dxbs-ribbon > .card > .card-body > .dxbs-r-card-group > .btn-toolbar.dxbs-toolbar .btn-group > .dxbs-ribbon-item:not(.dropdown-toggle):after, .dxbs-ribbon > .card > .card-body > .dxbs-r-card-group > .btn-toolbar.dxbs-toolbar .btn-group > .btn-secondary:not(.dropdown-toggle):before {
  content: none;
}

/*submenus*/
.dropdown-menu > ul.dx-dropdown-menu {
  list-style: inherit;
  margin: 0;
  padding: 0;
}

:not(.modal) > .dxbs-popup.dxbs-popup-lite,
.dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) {
  display: inline-flex;
  visibility: hidden;
  left: auto;
  top: auto;
  will-change: opacity;
  max-width: none;
  z-index: 1060;
  opacity: 0;
  transition: opacity ease 200ms;
  transform: translateX(-10000px) translateY(-10000px);
}

.dxbs-popup.dxbs-popup-lite.show,
.dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area).show {
  visibility: visible;
  opacity: 1;
}

.dxbs-ribbon.dxbs-r-loaded .dxbs-dm:not(.dxbs-dropdown-area),
.dxbs-ribbon.dxbs-r-loaded ul.dxbs-dm.dropdown-menu:not(.dxbs-dropdown-area) {
  display: none;
}

.dxbs-ribbon.dxbs-r-loaded .dxbs-dm:not(.dxbs-dropdown-area).show {
  display: inline-flex;
}

.dxbs-ribbon.dxbs-r-loaded ul.dxbs-dm.dropdown-menu:not(.dxbs-dropdown-area).show {
  display: block;
}

.dxbs-3 .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area).show > .dropdown-menu {
  visibility: visible;
  opacity: 1;
  position: static;
  display: block;
}

.dxbs-3 .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) {
  position: absolute;
}

.dxbs-popup.dxbs-scrollable .modal-body,
.dxbs-ribbon .dxbs-scrollable > ul.dx-dropdown-menu {
  overflow-y: auto;
  overflow-x: hidden;
}

.dxbs-ribbon .dxbs-scrollable > ul.dx-dropdown-menu {
  width: 100%;
}

/*tabcontrol parts*/
.dxbs-ribbon .dxbs-tabs-scrollable {
  flex-flow: row nowrap;
  align-items: flex-end;
}

.dxbs-ribbon .dxbs-tabs-scrollable .nav {
  flex: 1 auto;
}

.dxbs-ribbon .dxbs-tabs-scrollable.has-overflow .nav {
  padding: 0;
}

.dxbs-ribbon .dxbs-tabs-scrollable .card-header-tabs.dxbs-r-toolbar {
  margin-right: 0.25rem;
}

.dxbs-ribbon .dxbs-tabs-scrollable .card-header-tabs {
  margin-left: 0;
}

/* default element appearance overrides */
.dxbs-ribbon ul.dx-dropdown-menu > li > .dropdown-item {
  display: flex;
  align-items: center;
}

.dxbs-ribbon ul.dx-dropdown-menu > li > .dropdown-item > .popout.dropdown-toggle {
  margin-left: auto;
  transform: rotate(-90deg);
}

.dxbs-ribbon .btn {
  white-space: nowrap;
}

/*IE*/
.dxEdge *:not(.modal) > .dxbs-popup.dxbs-popup-lite,
.dxEdge .dxbs-ribbon .dxbs-dm:not(.dxbs-dropdown-area) {
  left: -10000px;
  top: -10000px;
}

/*after loaded*/
.dxbs-r-loaded .dxbs-hl {
  display: none;
}

.dxbs-ribbon-default span.image {
  display: inline-flex;
  position: relative;
  line-height: 1;
}

.dxbs-ribbon-default .card {
  transition: max-width 0.5s ease, min-width 0.5s ease, overflow 0.5s ease;
}

.dxbs-ribbon-default > .card .card .card-footer,
.dxbs-ribbon-gp .card-footer {
  text-align: center;
  position: relative;
}

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

.dxbs-ribbon .dxbs-r-gc,
.dxbs-ribbon .dxbs-r-gc .dxbs-r-toolbar {
  display: inline-flex;
}

.dxbs-r-gc,
.dxbs-r-card-group > .card > .card-footer,
.dxbs-r-card-group > .card > .card-body {
  flex-shrink: 0;
}

.dxbs-r-card-group > .card {
  max-height: 100%;
  height: 100%;
}

.dxbs-r-b-hor:not(:last-child),
.dxbs-r-b-large:not(:last-child) {
  margin-right: 0.5rem;
}

.dxbs-ribbon .dxbs-r-b-hor > *:not(:last-child) {
  margin-bottom: 0.25em;
}

.dxbs-ribbon .dxbs-r-b-hor {
  display: flex;
  flex-direction: column;
}

.dxbs-ribbon .dxbs-r-dl {
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-100%) rotate(-45deg);
}

.dxbs-ribbon .dxbs-r-toolbar > div:not(:first-child):not(:last-child) {
  margin-left: 0.25rem;
}

.dxbs-ribbon .dxbs-r-toolbar > div:not(:first-child):not(:last-child):before {
  content: " ";
  border-left-style: solid;
  border-left-width: 1px;
  display: inline-flex;
  margin-right: 0.25rem;
  vertical-align: middle;
  height: 1.5em;
}

.dxbs-r-toolbar > .dxbs-r-btn-group > .btn,
.dxbs-r-toolbar > .dxbs-r-btn-group > .btn-group,
.dxbs-r-toolbar > .dxbs-r-btn-group > .dxbs-toolbar-custom,
.dxbs-r-hidden > .dxbs-r-gc > .btn {
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.dxbs-ribbon-default .dxbs-r-qa .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom),
.dxbs-ribbon-default .dxbs-r-b-hor .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom),
.dxbs-ribbon-default .dxbs-r-b-regular .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom),
.dxbs-ribbon-default .dxbs-r-b-large .dxbs-r-btn-group > .btn-group:not(:hover) > .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom),
.dxbs-ribbon-default .dxbs-r-card-group .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom) {
  border-color: transparent;
}

.dxbs-r-dl {
  cursor: pointer;
}

.dxbs-r-toolbar {
  display: inline-flex;
  align-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.1em;
}

.dxbs-r-toolbar > .dxbs-r-btn-group-vertical {
  display: inline-flex;
  vertical-align: middle;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.dxbs-ribbon.dxbs-ribbon-default .btn .image {
  display: inline-flex;
}

.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color],
.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-regular .btn[data-item-color] {
  display: flex;
  flex-direction: column-reverse;
}

.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color]:before,
.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-regular .btn[data-item-color]:before {
  content: " ";
  width: 100%;
  height: 0.3em;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
}

.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-hor .btn[data-item-color] {
  position: relative;
}

.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-hor .btn[data-item-color]:before {
  content: "W";
  color: transparent;
  position: absolute;
  overflow: hidden;
  height: 0.25rem;
  bottom: 0;
  transform: translateY(-100%);
}

.dxbs-ribbon .card-footer > div {
  display: inline-block;
  white-space: nowrap;
}

.dxbs-r-collapse,
.dxbs-r-collapse .dxbs-r-gc,
.dxbs-r-collapse .card-footer,
.dxbs-ribbon-default .dxbs-r-card-group {
  transition: height 0.3s ease, max-height 0.3s ease;
}

.dxbs-r-collapse {
  height: 12em;
  max-height: 12em;
}

.dxbs-r-collapse .card:not(.dxbs-r-hidden) > .dxbs-r-gc {
  height: 10em;
}

.dxbs-r-collapse .card:not(.dxbs-r-hidden) > .card-footer {
  height: 2em;
}

.dxbs-r-collapse .dxbs-r-card-group {
  max-height: 100%;
  height: 100%;
  width: 100%;
}

.dxbs-r-collapse.dxbs-r-pin:not(.dxbs-r-h) {
  overflow: visible;
  z-index: 3;
}

.dxbs-r-pin:not(.dxbs-r-h),
.dxbs-r-pin:not(.dxbs-r-h) .dxbs-r-card-group {
  border-bottom: inherit;
}

/*collapse*/
@keyframes ribbon-expand {
  0% {
    position: relative;
  }
  100% {
    position: relative;
  }
}
@keyframes ribbon-pin-expand {
  0% {
    overflow: hidden;
    max-height: 0;
  }
  100% {
    overflow: hidden;
  }
}
@keyframes ribbon-pin-collapse {
  0% {
    position: static;
  }
  100% {
    position: static;
    max-height: 0;
  }
}
@keyframes ribbon-pin-collapse-content {
  0% {
    overflow: hidden;
  }
  100% {
    overflow: hidden;
    max-height: 0;
  }
}
.dxbs-r-collapse.dxbs-r-h,
.dxbs-r-collapse.dxbs-r-pin {
  max-height: 0 !important;
}

.dxbs-r-collapse:not(.dxbs-r-h):not(.dxbs-r-pin),
.dxbs-r-collapse.dxbs-r-pin .dxbs-r-card-group,
.dxbs-r-collapse.dxbs-r-pin.dxbs-r-h,
.dxbs-r-collapse.dxbs-r-pin.dxbs-r-h .dxbs-r-card-group {
  animation-duration: 0.3s;
}

.dxbs-r-collapse:not(.dxbs-r-h):not(.dxbs-r-pin) {
  animation-name: ribbon-expand;
}

.dxbs-r-collapse.dxbs-r-pin .dxbs-r-card-group {
  animation-name: ribbon-pin-expand;
}

.dxbs-r-collapse.dxbs-r-pin.dxbs-r-h {
  animation-name: ribbon-pin-collapse;
}

.dxbs-r-collapse.dxbs-r-pin.dxbs-r-h .dxbs-r-card-group {
  animation-name: ribbon-pin-collapse-content;
}

/*minimized state*/
.card.dxbs-r-minimize-card {
  border-right: 0;
  flex-direction: column;
  justify-content: flex-end;
  flex-grow: 1;
  flex-shrink: 0;
}

.dxbs-ribbon > .card .card .card-body.dxbs-r-minimize-wrapper {
  padding: 0;
  flex-grow: 0;
  align-self: flex-end;
}

.dxbs-r-minimize.btn {
  border: 0;
}

/*regular*/
.dxbs-r-b-regular,
.dxbs-r-b-regular > .dxbs-r-btn-group {
  display: inline-flex;
  flex-wrap: wrap;
  height: 100%;
  max-height: 100%;
  align-items: flex-start;
  align-content: flex-start;
}

/*horizontal items*/
.dxbs-r-collapse .dxbs-r-gc .dxbs-r-b-hor.compact .dxbs-r-btn-group-vertical .btn > .image {
  margin: 0;
}

.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn,
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group {
  width: 100%;
}

.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn,
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group,
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn:first-child {
  text-align: left;
  display: inline-flex;
  align-items: center;
}

.dxbs-r-b-hor > .dxbs-r-btn-group-vertical:not(:last-child),
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > *:not(:last-child) {
  margin-bottom: 0.25rem;
}

/*large items*/
.dxbs-r-b-large > .dxbs-r-btn-group,
.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical,
.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child {
  height: 100%;
  max-height: 100%;
}

.dxbs-r-b-large > .dxbs-r-btn-group {
  display: flex;
}

.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical,
.dxbs-r-b-large > .dxbs-r-btn-group > .btn,
.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.dxbs-r-b-large > .dxbs-r-btn-group > .btn {
  display: inline-flex;
  justify-content: center;
  margin-bottom: 0;
  border-color: transparent;
}

.dxbs-ribbon .dxbs-r-toolbar.dxbs-r-b-large > .dxbs-r-btn-group > .btn > span.image,
.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn:first-child > .image {
  margin: 0;
  font-size: 2rem;
}

.dxbs-r-b-large .btn[data-item-color] .image {
  order: 1;
}

.dxbs-ribbon.dxbs-ribbon-default .dxbs-r-b-large .btn[data-item-color]:before {
  order: 2;
  margin-top: 0.25rem;
  width: 3rem;
}

.dxbs-r-b-large .btn[data-item-color] span:last-child {
  order: 3;
}

.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn.dropdown-toggle {
  justify-content: center;
}

.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn.dropdown-toggle:after {
  margin-bottom: -0.3em;
}

.dxbs-r-toolbar.dxbs-r-b-large > .dxbs-r-btn-group > .btn {
  margin-right: 0;
}

/*group header*/
.dxbs-r-card-group > .card > .card-header {
  background-color: transparent;
  border-bottom: none;
  padding: 0;
}

.dxbs-r-card-group > .card > .card-header .btn {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  border-color: transparent;
  margin: 0.5em;
}

.dxbs-r-card-group > .card > .card-header .btn span {
  margin: 0;
  color: inherit;
  border-color: transparent;
}

.dxbs-3 .dxbs-r-card-group > .card > .card-header .btn span {
  background-color: inherit;
}

.dxbs-r-card-group > .card > .card-header .btn > span.image {
  font-size: 250%;
  margin: 0.25em 0;
}

.dxbs-r-card-group > .card:not(.preview) > .card-header {
  height: 0;
  overflow: hidden;
  border: 0;
}

.dxbs-r-card-group.active > .card.preview > .card-header {
  min-height: 100%;
}

/*adaptivity*/
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image),
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image) {
  display: inline-flex;
  overflow: hidden;
}

.dxbs-r-loading .dxbs-r-b-regular > .dxbs-r-btn-group > .dxbs-toolbar-custom,
.dxbs-r-loading .dxbs-r-b-hor {
  flex-shrink: 0;
}

.dxbs-r-collapse .compact .dxbs-r-btn-group-vertical > .btn > span:not(.image):not(:only-child),
.dxbs-r-collapse .compact .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image):not(:only-child) {
  max-width: 0;
}

.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image),
.dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image) {
  transition: max-width ease 0.5s;
}

.dxbs-ribbon-gp .modal-body {
  border: 0;
}

/*pre-init state*/
.dxbs-ribbon-default.dxbs-r-loading .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn > span:not(.image),
.dxbs-ribbon-default.dxbs-r-loading .dxbs-r-b-hor > .dxbs-r-btn-group-vertical > .btn-group > .btn > span:not(.image),
.dxbs-ribbon-default.dxbs-r-loading .card {
  transition: none !important;
}

/*BS3*/
.dxbs-3 .dxbs-ribbon-default > .card {
  display: flex;
  flex-flow: column nowrap;
}

.dxbs-3 .dxbs-ribbon-default .dxbs-tabs-scrollable .nav:before {
  display: none;
}

.dxbs-ribbon-oneline .dxbs-r-qa .btn:not(.dxbs-edit-btn):not(.dxbs-ce-btn-custom),
.dxbs-ribbon-oneline .dxbs-r-grp > .btn,
.dxbs-ribbon-oneline .dxbs-r-grp > .btn-group > .btn,
.dxbs-ribbon-oneline .dxbs-r-grp-gallery .btn.dropdown-toggle,
.dxbs-ribbon-oneline .dxbs-dropdown-toolbar .block-i.btn,
.dxbs-ribbon-oneline .dxbs-dropdown-toolbar .block-i > .btn {
  border-color: transparent;
}

.dxbs-ribbon-oneline .dxbs-toolbar .image {
  top: 0;
}

.dxbs-r-at {
  display: none;
}

.dxbs-r-ab > .btn,
.dxbs-r-grp > .btn,
.dxbs-r-grp > .btn-group > .btn,
.dxbs-dropdown-toolbar .block-i.btn,
.dxbs-dropdown-toolbar .block-i > .btn {
  display: inline-flex;
  align-items: center;
}

.dxbs-r-grp .btn.disabled {
  opacity: 0.3;
}

.dxbs-toolbar > .dxbs-r-grp,
.dxbs-toolbar > .dxbs-r-grp-gallery {
  padding: 0.25rem 0.5rem;
  border-right-style: solid;
  border-right-width: 1px;
}

.dxbs-r-grp > .dxbs-toolbar-custom:not(:first-child),
.dxbs-r-grp > .dxbs-toolbar-custom.dxbs-toolbar-checkbox-item:first-child {
  margin-left: 0.25rem;
}

.dxbs-r-grp .input-group,
.dxbs-r-grp .dxbs-dropdown-edit.dxbs-toolbar-editor > .input-group,
.dxbs-ribbon-oneline .dxbs-r-card-group .dxbs-toolbar {
  flex-wrap: nowrap;
  align-items: center;
}

.dxbs-r-grp .dxbs-dropdown-edit.dxbs-toolbar-editor > .input-group {
  align-items: stretch;
}

.dxbs-ribbon-oneline .card-body,
.dxbs-ribbon-oneline .dxbs-r-card-group,
.dxbs-ribbon-oneline .dxbs-r-card-group .dxbs-toolbar,
.dxbs-r-grp,
.dxbs-r-grp-gallery {
  border-color: inherit;
  background-color: inherit;
}

.dxbs-r-grp > .dxbs-toolbar-custom.dxbs-toolbar-checkbox-item:not(:last-child) {
  margin-right: calc(4 * 0.25rem);
}

.dxbs-ribbon-oneline .btn-group > .btn {
  border-radius: 0;
}

/*dropdown-toolbar*/
.dxbs-dropdown-toolbar .dxbs-r-at {
  display: inline-flex;
}

.dxbs-dropdown-toolbar > div > .btn {
  text-align: left;
}

.dxbs-dropdown-toolbar,
.dxbs-dropdown-toolbar > .btn-group-vertical {
  display: flex;
  flex: 1 1;
}

.dxbs-dropdown-toolbar > .btn-group-vertical > .dxbs-toolbar-custom {
  padding: 0.25rem 0.5rem;
  max-width: none;
}

.dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .dropdown-toggle::after,
.dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .btn {
  display: inline-flex;
}

.dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .dropdown-toggle::after {
  transform: rotate(-90deg);
}

.dxbs-dropdown-toolbar > .btn-group-vertical > .btn-group > .btn {
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  flex: 1 1;
}

.dxbs-dropdown-toolbar > .btn-group-vertical > [data-toggle=toolbar-dropdownmode] > .dropdown-toggle {
  flex: 0 1;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar-checkbox {
  display: inline-flex;
  align-items: center;
}
.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar-checkbox .form-check-input {
  margin-top: 0;
}

.dxbs-r-grp-gallery > .btn > span:not(.image) {
  display: inline;
}

.dxbs-r-grp > div > .btn[data-item-color],
.dxbs-dropdown-toolbar > div > div > .btn[data-item-color] {
  position: relative;
}

.dxbs-r-grp > div > .btn[data-item-color]:before,
.dxbs-dropdown-toolbar > div > div > .btn[data-item-color]:before {
  content: "W";
  color: transparent;
  position: absolute;
  overflow: hidden;
  height: 0.25rem;
  bottom: 0;
  transform: translateY(-100%);
}

.dxbs-r-grp-gallery > .gallery-item {
  max-width: 125px;
  min-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*adaptive submenu template*/
.dxbs-ribbon-oneline .modal-header {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  flex: 0 0 auto;
  white-space: nowrap;
}

.dxbs-ribbon-oneline .modal-content,
.dxbs-ribbon-oneline .modal-body {
  position: static;
}

.dxbs-ribbon-oneline .modal-body {
  padding: 0.1rem;
  flex: 0 1 auto;
  overflow: auto;
}

.dxbs-ribbon-oneline .modal-title {
  white-space: nowrap;
  font-weight: 600;
}

.dxbs-r-ab > .dxbs-submenu {
  padding: 0;
  border: 0;
}

.dxbs-r-grp-gallery .modal-content {
  flex-wrap: nowrap;
  flex: 1 1 auto;
}

.dxbs-r-grp-gallery .modal-body {
  min-width: calc(375px + 2rem);
  display: flex;
  flex-flow: row wrap;
  padding: 0.5rem;
  justify-content: flex-start;
  align-items: flex-start;
  box-sizing: content-box;
}

.dxbs-r-atb .gallery-item {
  display: inline-flex;
  flex: 0 0 33%;
  max-width: 125px;
  text-align: left;
  margin-right: 0.25rem;
}

.dxbs-ribbon-oneline .dxbs-r-card-group,
.dxbs-ribbon-oneline:not(.dxbs-r-loaded) .dxbs-dm,
.dxbs-ribbon-oneline:not(.dxbs-r-loaded) > .dxbs-r-hidden {
  display: none;
}

.dxbs-ribbon-oneline .dxbs-r-card-group.active,
.dxbs-ribbon-oneline.dxbs-lb-process .dxbs-r-card-group {
  display: inline-flex;
}

/*during loading - can move but leave same size*/
.dxbs-r-loading .dxbs-r-grp {
  overflow: hidden;
  z-index: 1;
}

.dxbs-r-loading .dxbs-r-grp .dxbs-r-ab,
.dxbs-r-loading.dxbs-lb-process .dxbs-r-card-group:not(.active) {
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
}

/*IE*/
.dxbs-r-grp > .dxbs-toolbar-custom {
  display: inline-flex;
  flex: 1 0 auto;
}

.dxbs-ribbon-oneline .btn span {
  flex: 1 0 auto;
  text-align: left;
}

.dxbs-r-grp,
.dxbs-r-grp-gallery,
.dxbs-ribbon-oneline .btn .image,
.dxbs-ribbon-oneline .btn span.popout {
  flex: 0 0 auto;
}

/*overrides*/
.dxbs-ribbon-oneline .dxbs-r-card-group > .dxbs-toolbar > .btn-group {
  margin: 0;
}

/*layout states*/
.dxbs-r-loaded .block-g {
  flex: 0 0 auto;
  align-self: stretch;
}

.dxbs-r-loaded .block-i.dxbs-r-ab:not(:only-child):not(.dxbs-r-atb),
.dxbs-r-loaded .block-g > .block-i.item-h ~ .dxbs-r-ab:not(.dxbs-r-atb) > .dropdown-toggle span:not(.image),
.dxbs-r-loaded .block-g > .block-i.item-h ~ .dxbs-r-ab:not(.dxbs-r-atb) > .dropdown-toggle:after,
.dxbs-r-loaded .block-g > .block-i.item-h:not(:only-child),
.dxbs-r-loaded .block-g > .block-i.item-h ~ .block-i:not(:only-child),
.dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child):not(.dxbs-r-atb) > .dropdown-toggle span:not(.image),
.dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child):not(.dxbs-r-atb) > .dropdown-toggle:after,
.dxbs-r-loaded .block-g.item-h ~ .block-g > .block-i:not(:only-child):not(.dxbs-r-ab),
.dxbs-r-loaded .block-g > .block-i.item-text-h > span:not(.image),
.dxbs-r-loaded .block-g > .block-i.item-text-h > .btn > span:not(.image),
.dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > span:not(.image),
.dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > .btn > span:not(.image),
.dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > span:not(.image),
.dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > .btn > span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item .dxbs-r-atb > .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item .dxbs-r-atb > .dropdown-toggle:after,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-atb > .dropdown-toggle:after,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > .btn > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child),
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > .btn > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > .btn > span:not(.image):not(.popout),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery.item-h .gallery-item.item-h:not(:first-child) ~ .dxbs-r-atb .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery.item-h .gallery-item.item-h:not(:first-child) ~ .dxbs-r-atb .dropdown-toggle::after,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery .dxbs-r-atb .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery .dxbs-r-atb .dropdown-toggle::after,
.dxbs-r-loaded .dxbs-toolbar:not(.item-text-h):not(.item-h) .dxbs-r-grp-gallery.item .dxbs-r-atb .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar:not(.item-text-h):not(.item-h) .dxbs-r-grp-gallery.item .dxbs-r-atb .dropdown-toggle::after {
  display: none;
}

.dxbs-r-loaded .block-g > .block-i.item-text-h > .image,
.dxbs-r-loaded .block-g > .block-i.item-text-h > .btn > .image,
.dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > .image,
.dxbs-r-loaded .block-g > .block-i.item-text-h ~ .block-i:not(.dxbs-r-ab) > .btn > .image,
.dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > .image,
.dxbs-r-loaded .block-g.item-text-h ~ .block-g > .block-i:not(.dxbs-r-ab) > .btn > .image,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > .image,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g > .block-i:not(.dxbs-r-ab):not(:only-child) > .btn > .image,
.dxbs-r-loaded .block-g.item-h > .dxbs-r-ab:not(:only-child) > .btn > .image,
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > .image,
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a > .block-i > .btn > .image,
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > .image,
.dxbs-r-loaded .dxbs-toolbar.item-h .block-g.item-a ~ .block-g > .block-i > .btn > .image .dxbs-r-loaded .block-i.item.dxbs-r-atb .dropdown-toggle span.image {
  margin: 0;
}

.dxbs-r-loaded .block-g > .block-i.item-h.dxbs-r-ab,
.dxbs-r-loaded .block-g > .block-i.item-h ~ .block-i.dxbs-r-ab,
.dxbs-r-loaded .block-g.item-h > .block-i.dxbs-r-ab,
.dxbs-r-loaded .block-g.item-h ~ .block-g > .block-i.dxbs-r-ab,
.dxbs-r-loaded .dxbs-toolbar.item-h > .block-g > .block-i.dxbs-r-ab,
.dxbs-r-loaded .dxbs-toolbar.item-h > .block-g > .block-i:only-child {
  display: inline-flex;
}

.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp.item-h ~ .dxbs-r-grp-gallery .dxbs-r-atb .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp.item-h ~ .dxbs-r-grp-gallery .dxbs-r-atb .dropdown-toggle::after,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery.item-h .dxbs-r-atb .dropdown-toggle span:not(.image),
.dxbs-r-loaded .dxbs-toolbar.item-text-h .dxbs-r-grp-gallery.item-h .dxbs-r-atb .dropdown-toggle::after,
.dxbs-r-loaded .dxbs-toolbar > .block-g.dxbs-r-grp-gallery > .block-i.gallery-item > span.gallery-item-text,
.dxbs-r-loaded .dxbs-toolbar.item-text-h .block-g.dxbs-r-grp-gallery > .block-i:not(.dxbs-r-atb):not(.dxbs-r-ab):not(:only-child) > span:not(.image):not(.popout) {
  display: inline;
}

/*BS3*/
.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar {
  display: flex;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp,
.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp > div,
.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar > .dxbs-r-grp > button {
  display: inline-flex;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-r-card-group span.image,
.dxbs-3 .dxbs-ribbon-oneline .dxbs-r-card-group span.image:before {
  font-size: 16px;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-r-card-group svg.image {
  width: 16px;
  height: 16px;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-tabs-scrollable .nav:before {
  display: none;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar,
.dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar > .btn-group-vertical {
  flex-direction: column;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar::before,
.dxbs-3 .dxbs-ribbon-oneline .dxbs-dropdown-toolbar::after {
  display: none !important;
}

.dxbs-3 .dxbs-ribbon-oneline .dxbs-toolbar {
  align-items: stretch;
}

.dxbs-3 .dxbs-ribbon-oneline .block-i {
  display: inline-flex;
}

.dxbs-file-manager:focus {
  outline: none;
}

.dxbs-file-manager.card,
.dxbs-file-manager > .card-body > .row > .card {
  display: flex;
  display: -ms-flexbox;
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  margin-bottom: 0;
}

.dxbs-file-manager > .card-body,
.dxbs-file-manager > .card-body > .row {
  display: flex;
  display: -ms-flexbox;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-file-manager > .card-body {
  min-height: 0px;
}

.dxbs-file-manager > .card-body > .row {
  max-width: 100%;
}

.dxbs-file-manager > .card-body > .row > .dxbs-folder-container {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
}

.dxbs-file-manager > .card-body > .row > .card {
  flex: 1 1 0px;
  -ms-flex: 1 1 0px;
}

.dxbs-file-manager > .card-body > .row > .card > .card-body {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-file-manager > .card-body > .row > .card > .card-header,
.dxbs-file-manager > .card-body > .row > .card > .card-footer {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
}

.dxbs-file-manager > .card-header {
  background: none;
  overflow: visible;
}

.dxbs-file-manager > .card-body {
  padding: 0;
  overflow: hidden;
}

.dxbs-file-manager > .card-body > .row {
  margin: 0;
  position: relative;
}

.dxbs-file-manager .dxbs-toolbar-adaptive .dxbs-toolbar-search-group {
  margin-left: auto;
  order: 100;
}

.dxbs-fm-filter-shown {
  position: relative;
  overflow: hidden;
}

.dxbs-fm-filter-shown > .btn-toolbar {
  visibility: hidden;
}

.dxbs-fm-filter-shown > .dxbs-dm.dxbs-ta-rs.dropdown-menu {
  visibility: visible !important;
  position: static !important;
  display: block !important;
}

.dxbs-fm-filter-shown > .dxbs-dm.dxbs-ta-rs.dropdown-menu .dxbs-fm-filterbox.dxbs-hl {
  visibility: visible !important;
  left: 0 !important;
  top: 0 !important;
  padding: 0 !important;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label,
.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div {
  display: table-cell;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label {
  padding-right: 0.5rem;
}

.dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-am .disabled {
  pointer-events: none;
}

.dxbs-toolbar-adaptive.dxbs-fm-toolbar .btn-group:not(.dxbs-toolbar-search-group):not(:first-child) {
  margin-left: 0.5rem;
}

.dxbs-file-manager .dxbs-folder-container {
  padding: 0.75rem 0;
  overflow: auto;
  max-height: 100%;
}

.dxbs-file-manager .dxbs-folder-container:not(.dxbs-folder-container-max) {
  max-width: 50%;
  display: flex;
  display: -ms-flexbox;
}

.dxbs-file-manager .dxbs-folder-container .dxbs-tree {
  white-space: nowrap;
}

.dxbs-file-manager .dxbs-tree > ul.nav {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.dxbs-file-manager .dxbs-tree ul.nav ul.nav {
  margin-right: 0;
}

.dxbs-file-manager .dxbs-tree ul.nav > li:not(.active) > a:not(.active):not(.disabled) {
  color: inherit;
}

.dxbs-file-manager .dxbs-folder-container.dxbs-folder-container-max {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
  z-index: 1;
}

.dxbs-file-manager .dxbs-folder-container.dxbs-folder-container-max ~ div {
  visibility: hidden;
}

.dxbs-file-manager > .card-body > .row > .card {
  padding: 0;
  border-radius: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  max-height: 100%;
  overflow: hidden;
}

.dxbs-file-manager > .card-body > .row > .d-none + .card {
  border-left: none;
}

.dxbs-file-manager > .card-body > .row > .card > .card-header,
.dxbs-file-manager > .card-body > .row > .card > .card-footer {
  background: none;
}

.dxbs-file-manager > .card-body > .row > .card > .card-body > .row {
  margin: 0;
  position: relative;
}

.dxbs-file-manager .dxbs-details-container {
  padding: 0;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview,
.dxbs-file-manager .dxbs-details-container .dxbs-gridview:focus {
  outline: none;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card {
  background: none;
  border: none;
  border-radius: 0;
  margin: 0;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card > .dxgvCSD {
  border-bottom: none;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview .dxgvArm > th:last-child {
  border-right: 0;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb,
.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-fixed-header-content > .dxbs-cmd-cb,
.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb {
  margin-left: auto;
  margin-right: auto;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview > .card .dxbs-table > tbody > tr > td:not(.dxfm-fileThumb) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxbs-file-manager .dxbs-details-container .dxbs-gridview .dxfm-fileName > .mark,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item-title > .mark {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-file-manager .dxbs-file-container:not(.dxbs-details-container) {
  overflow-y: auto;
  overflow-x: hidden;
}

.dxbs-file-manager .dxbs-file-container.dxbs-details-container {
  /*overflow-y: auto;
  overflow-x: auto;*/
}

.dxbs-file-manager .dxbs-file-container .row > div:not(.dxbs-fm-page-indent) {
  padding: 0 0.25rem 0.5rem;
  position: relative;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item {
  padding: 0.25rem 0;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item:not(.dxbs-fm-focus) {
  border-color: transparent !important;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check {
  visibility: hidden;
  margin: 0;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item:not(.dxfm-filterViewRow) .form-check {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0.25rem;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input:before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item .form-check input:after,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input:before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-details .dxbs-cmd-cb.form-check input:after {
  color: inherit;
  border-color: currentColor;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxfm-filterViewRow .form-check,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-select-active .form-check,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-select-inactive .form-check,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-hover .form-check,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-item.dxbs-fm-focus .form-check {
  visibility: visible;
}

.dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover),
.dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td {
  position: relative;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover),
.dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive) {
  position: static;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover) .form-check,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive) .form-check {
  left: 0.5rem;
  border: inherit;
  border-color: transparent;
  border-image: none;
}

.dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover):before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(tr):not(.dxbs-fm-hover):before,
.dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td:before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive):before {
  content: " ";
  position: absolute;
  background-color: #fff;
  border-radius: inherit;
  opacity: 0.2;
}

.dxbs-file-manager .dxbs-folder-container .dxbs-fm-select-inactive:not(:hover):before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive.dxfm-filterViewRow:before,
.dxbs-file-manager .dxbs-file-container tr.dxbs-fm-select-inactive > td:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-select-inactive:not(.dxfm-filterViewRow):not(tr):not(.dxbs-fm-hover):before,
.dxbs-file-manager .dxbs-file-container .dxbs-fm-hover:not(.dxfm-filterViewRow):not(.dxbs-fm-select-active):not(.dxbs-fm-select-inactive):before {
  left: 0.25rem;
  top: 0;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.5rem);
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item > .dxbs-fm-item-thumbnail {
  font-size: 3rem;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item > .dxbs-fm-item-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dxbs-file-manager .dxbs-file-container .dxbs-fm-item > img {
  vertical-align: baseline;
}

.dxbs-file-manager .dxbs-fm-breadcrumb {
  padding: 0;
  margin: 0;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .breadcrumb {
  margin: 0;
  background: none;
  border-radius: 0;
}

.dxbs-file-manager .dxbs-fm-breadcrumb li {
  white-space: nowrap;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:not(.active) {
  cursor: pointer;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn:not(.dropdown) {
  border-right: 1px solid currentColor;
  padding-right: 0.5rem;
}

.dxbs-3 .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.d-none + li, .dxbs-3 .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.dropdown {
  padding-left: 0.5rem;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.d-none + li:before, .dxbs-file-manager .dxbs-fm-breadcrumb .dxbs-fm-breadcrumb-btn.dropdown:before {
  content: none;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .dropdown-menu {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  width: auto;
  min-width: 0;
}

.dxbs-file-manager .dxbs-fm-upload-panel {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  justify-content: flex-end;
  -ms-flex-pack: end;
  align-items: flex-start;
  -ms-flex-align: start;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc {
  align-self: center;
  -ms-flex-item-align: center;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs,
.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] {
  display: inline-table;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] .progress {
  margin: 0;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs > div,
.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] > div {
  display: table-cell;
  vertical-align: middle;
}

.dxbs-file-manager .dxbs-fm-page-indent {
  height: 0px;
  padding: 0;
  margin: 0;
  border: 0px none;
  clear: both;
}

.dxbs-file-manager .dxbs-fm-renamebox.form-control,
.dxbs-file-manager .dxbs-fm-createbox.form-control {
  display: inline-block;
  border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.dxbs-file-manager .dxbs-fm-modal-uploading .modal-body {
  text-align: right;
}

.dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .form-control-plaintext {
  display: block;
}

.dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .form-control-plaintext,
.dxbs-file-manager .dxbs-fm-modal-uploading .modal-body .dxbs-progress {
  text-align: left;
}

.dxbs-file-manager .dxbs-fm-modal-uploading .dxbs-fm-modal-btn[data-toggle=cancel] {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-file-manager .dxfm-filterViewRow {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  width: 100%;
  border: none !important;
}

.dxbs-file-manager .dxbs-file-container .row > div.dxbs-fm-item.dxfm-filterViewRow {
  padding: 0.5rem;
}

.dxbs-file-manager .dxfm-filterViewRow:not(:last-of-type) {
  margin-bottom: 0.5rem;
}

.dxbs-file-manager .dxfm-filterViewRow > div {
  display: block;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  width: auto;
}

.dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewImageCell {
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
}

.dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewCheckBoxCell {
  align-self: center;
  -ms-flex-item-align: center;
}

@media (max-width: 991.98px) {
  .dxbs-file-manager .dxfm-filterViewRow span.dxfm-fvtt {
    display: block;
  }
}
@media (min-width: 576px) {
  .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewFileNameCell {
    flex: 1 0 40%;
    -ms-flex: 1 0 40%;
  }
  .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewDateCell {
    flex: 1 0 30%;
    -ms-flex: 1 0 30%;
  }
}
@media (max-width: 575.98px) {
  .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewDateCell,
  .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewSizeCell {
    display: none;
  }
  .dxbs-file-manager .dxfm-filterViewRow > div.dxfm-filterViewFileNameCell {
    flex: 1 1 100%;
    -ms-flex: 1 1 100%;
  }
}
.dxbs-file-manager .dxfm-filterViewRow .mark {
  padding-left: 0;
  padding-right: 0;
}

.dxbs-cardview > .card {
  display: block;
}

.dxbs-cardview .dxbs-card .form-check.form-check-inline {
  margin-bottom: 0;
}

.dxbs-cardview .dxbs-card .form-check.form-check-inline input {
  margin-right: 0;
}

.dxbs-cardview .dxbs-popup[id*=_DXHFP] > .modal-content > .modal-header {
  display: block;
}

.dxbs-cardview > .card > .card > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:before, .dxbs-cardview > .card > .card > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:after {
  top: 0;
  left: 0;
  transform: translateY(50%);
}
.dxbs-cardview > .card > .dxcvCSD > div > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxbs-fl-ctrl > .form-check > .position-static.form-check-input:before, .dxbs-cardview > .card > .dxcvCSD > div > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxbs-fl-ctrl > .form-check > .position-static.form-check-input:after, .dxbs-cardview > .card > div > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxbs-fl-ctrl > .form-check > .position-static.form-check-input:before, .dxbs-cardview > .card > div > .dxbs-content > div > .dxbs-card > .card-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxbs-fl-ctrl > .form-check > .position-static.form-check-input:after {
  top: 0;
  left: 0;
}

/* Batch Edit */
.dxbs-cardview .dxbs-fl-ctrl.dxbs-batch-changed {
  position: relative;
  background-clip: padding-box;
}

.dxbs-cardview .dxbs-card .card-body.bg-success:before,
.dxbs-cardview .dxbs-fl-ctrl.dxbs-batch-changed:before {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: inherit;
  opacity: 0.75;
}

.dxbs-cardview .dxbs-fl-ctrl.dxbs-batch-changed > * {
  transform: scale(1);
}

.dxbs-chart .dxbs-export-btn,
.dxbs-range-selector .dxbs-export-btn {
  float: none;
  position: absolute;
  right: 0;
}

.btn.dxbs-export-btn.dxbs-export-btn-title {
  margin-bottom: 0;
}

.dxbs-button:not([disabled]) {
  cursor: pointer;
}

.btn-group > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.btn-group > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.btn-group-vertical > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.btn-group-vertical > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.btn-group-lg > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.btn-group-lg > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.btn-group-vertical.btn-group-lg > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.btn-group-vertical.btn-group-lg > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.btn-group-sm > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.btn-group-sm > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.btn-group-vertical.btn-group-sm > .btn.dxbs-button:last-of-type:not(.dropdown-toggle):not(:last-child) {
  border-bottom-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.btn-group-vertical.btn-group-sm > .btn.dxbs-button:first-of-type:not(:first-child) {
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.form-inline .dxbs-button-edit > div.input-group,
.form-inline .dxbs-spin-edit > div.input-group,
.form-inline .dxbs-dropdown-edit > div.input-group,
.form-inline .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn),
.form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-button-edit > div.input-group,
.dxbs-spin-edit > div.input-group,
.dxbs-dropdown-edit > div.input-group {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-uc div.input-group {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend),
.dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn),
.dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) {
  width: 1%;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend),
.dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn),
.dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp),
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend),
.dxbs-button-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control,
.dxbs-spin-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-out-of-range-warn) > .form-control,
.dxbs-dropdown-edit > div.input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control,
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus,
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus,
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > .form-control:focus,
.dxbs-uc div.input-group > div:not(.input-group-append):not(.input-group-prepend) > .form-control:focus {
  z-index: 3;
}

.form-inline .dxbs-textbox,
.form-inline .input-group .dxbs-textbox,
.form-inline .dxbs-memo,
.form-inline .input-group .dxbs-memo,
.form-inline .dxbs-button-edit,
.form-inline .input-group .dxbs-button-edit,
.form-inline .dxbs-spin-edit,
.form-inline .input-group .dxbs-spin-edit,
.form-inline .dxbs-dropdown-edit,
.form-inline .input-group .dxbs-dropdown-edit,
.form-inline .dxbs-combobox,
.form-inline .dxbs-tagbox,
.form-inline .dxbs-edit-error-frame {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  align-items: center;
  -ms-flex-align: center;
}

.input-group .dxbs-textbox,
.input-group .dxbs-memo,
.input-group .dxbs-button-edit,
.input-group .dxbs-spin-edit,
.input-group .dxbs-dropdown-edit {
  display: block;
  width: auto;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.input-group .dxbs-textbox > div,
.input-group .dxbs-memo > div,
.input-group .dxbs-button-edit > div:not(.input-group),
.input-group .dxbs-spin-edit > div:not(.dxbs-out-of-range-warn):not(.input-group),
.input-group .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) {
  display: block;
}

@media (max-width: 576px) {
  .form-inline .dxbs-textbox,
  .form-inline .dxbs-memo,
  .form-inline .dxbs-button-edit,
  .form-inline .dxbs-spin-edit,
  .form-inline .dxbs-dropdown-edit,
  .form-inline .dxbs-combobox,
  .form-inline .dxbs-tagbox {
    width: 100%;
  }
  .form-inline .dxbs-textbox > div,
  .form-inline .dxbs-memo > div,
  .form-inline .dxbs-button-edit > div:not(.input-group),
  .form-inline .dxbs-spin-edit > div:not(.input-group):not(.dxbs-out-of-range-warn),
  .form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) {
    display: block;
    width: 100%;
  }
}
.dxbs-textbox > div > input.form-control,
.dxbs-memo > div > input.form-control,
.dxbs-button-edit > div:not(.input-group) > input.form-control,
.dxbs-spin-edit > div:not(.input-group) > input.form-control,
.dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp):not(.input-group) > input.form-control,
.dxbs-button-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > input.form-control,
.dxbs-spin-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend) > input.form-control,
.dxbs-dropdown-edit > .input-group > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) > input.form-control {
  width: 100%;
}

.form-inline .dxbs-textbox .dxbs-feedback,
.form-inline .dxbs-memo .dxbs-feedback,
.form-inline .dxbs-button-edit .dxbs-feedback,
.form-inline .dxbs-button-edit .input-group .dxbs-feedback,
.form-inline .dxbs-dropdown-edit .dxbs-feedback,
.form-inline .dxbs-dropdown-edit .input-group .dxbs-feedback,
.form-inline .dxbs-spin-edit .dxbs-feedback,
.form-inline .dxbs-spin-edit .input-group .dxbs-feedback,
.form-inline .dxbs-uc .input-group .dxbs-feedback,
.dxbs-textbox .dxbs-feedback,
.dxbs-memo .dxbs-feedback,
.dxbs-button-edit .dxbs-feedback,
.dxbs-button-edit .input-group .dxbs-feedback,
.dxbs-dropdown-edit .dxbs-feedback,
.dxbs-dropdown-edit .input-group .dxbs-feedback,
.dxbs-spin-edit .dxbs-feedback,
.dxbs-spin-edit .input-group .dxbs-feedback,
.dxbs-uc .input-group .dxbs-feedback {
  position: absolute;
  text-align: center;
}

.form-inline .dxbs-button-edit .input-group .dxbs-feedback,
.form-inline .dxbs-dropdown-edit .input-group .dxbs-feedback,
.form-inline .dxbs-spin-edit .dxbs-feedback,
.form-inline .dxbs-spin-edit .input-group .dxbs-feedback,
.form-inline .dxbs-uc .input-group .dxbs-feedback,
.dxbs-button-edit .input-group .dxbs-feedback,
.dxbs-dropdown-edit .input-group .dxbs-feedback,
.dxbs-spin-edit .dxbs-feedback,
.dxbs-spin-edit .input-group .dxbs-feedback .dxbs-uc .input-group .dxbs-feedback {
  margin-top: 0;
}

.form-inline .dxbs-textbox .dxbs-feedback,
.form-inline .dxbs-memo .dxbs-feedback,
.form-inline .dxbs-button-edit .dxbs-feedback,
.form-inline .dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback,
.form-inline .dxbs-uc .input-group .dxbs-feedback,
.dxbs-textbox .dxbs-feedback,
.dxbs-textbox .form-control.is-invalid ~ .dxbs-feedback,
.dxbs-memo .dxbs-feedback,
.dxbs-memo .form-control.is-invalid ~ .dxbs-feedback,
.dxbs-button-edit .dxbs-feedback,
.dxbs-button-edit .form-control.is-invalid ~ .dxbs-feedback,
.dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback,
.dxbs-dropdown-edit .form-control.is-invalid ~ .dxbs-feedback,
.dxbs-uc .input-group .dxbs-feedback {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  align-items: center;
  -ms-flex-align: center;
  top: 0;
  margin-top: 0;
  height: 100%;
}

.dxbs-textbox .form-control.is-invalid,
.dxbs-memo .form-control.is-invalid,
.dxbs-button-edit .form-control.is-invalid,
.dxbs-spin-edit .form-control.is-invalid,
.dxbs-dropdown-edit .form-control.is-invalid {
  background-image: none;
}

.dxbs-textbox .dxbs-feedback > .dxbs-clear-btn,
.dxbs-textbox .dxbs-feedback > [data-error-image],
.dxbs-memo .dxbs-feedback > .dxbs-clear-btn,
.dxbs-memo .dxbs-feedback > [data-error-image],
.dxbs-button-edit .dxbs-feedback > .dxbs-clear-btn,
.dxbs-button-edit .dxbs-feedback > [data-error-image],
.dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback > .dxbs-clear-btn,
.dxbs-dropdown-edit > div:not(.input-group-append):not(.input-group-prepend):not(.dxbs-dropdown-area):not(.dxbs-ddmodal):not(.dxbs-ddmodal-back):not(.dxbs-out-of-range-warn):not(.dxbs-ld):not(.dxbs-lp) .dxbs-feedback > [data-error-image],
.dxbs-uc .input-group .dxbs-feedback > .dxbs-clear-btn {
  display: flex;
  display: -ms-flexbox;
  white-space: nowrap;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-edit-error-frame .dxbs-feedback.invalid-feedback,
.dxbs-edit-error-text.invalid-feedback {
  display: block;
}

.form-inline .dxbs-edit-error-text.invalid-feedback {
  width: auto;
}

.dxbs-edit-error-frame [data-error-image].invalid-feedback,
.dxbs-cbl .dxbs-feedback.invalid-feedback {
  display: inline-block;
  width: auto;
  margin-top: 0;
}

.form-inline .dxbs-button-edit > .input-group ~ .dxbs-feedback,
.form-inline .dxbs-dropdown-edit > .input-group ~ .dxbs-feedback {
  top: auto;
}

.dxbs-button-edit > .input-group ~ .dxbs-feedback,
.dxbs-dropdown-edit > .input-group ~ .dxbs-feedback {
  top: 0;
  bottom: 0.5rem;
  right: 0;
}

.dxbs-button-edit > .input-group ~ .dxbs-feedback.invalid-feedback,
.dxbs-dropdown-edit > .input-group ~ .dxbs-feedback.invalid-feedback,
.dxbs-spin-edit > .input-group ~ .dxbs-feedback.invalid-feedback {
  width: auto;
}

.form-inline .dxbs-spin-edit > .input-group ~ .dxbs-feedback,
.dxbs-spin-edit > .input-group ~ .dxbs-feedback {
  height: auto;
  top: calc(100% - 2.5em);
  right: 0;
}

.form-inline .dxbs-spin-edit .dxbs-feedback,
.form-inline .dxbs-spin-edit .input-group .dxbs-feedback,
.dxbs-spin-edit .dxbs-feedback,
.dxbs-spin-edit .input-group .dxbs-feedback {
  height: 100%;
}

.dxbs-spin-edit .form-control.is-invalid ~ .dxbs-feedback.invalid-feedback,
.dxbs-spin-edit .dxbs-feedback.invalid-feedback {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-spin-btn-group .increment .inc,
.dxbs-spin-btn-group .increment .dec {
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-spin-btn-group .dxbs-edit-btn .dropdown-toggle:after {
  margin: 0;
}

.dxbs-spin-btn-group .increment .dec .dropdown-toggle {
  transform: rotate(360deg);
}

.dxbs-clear-btn,
.dxbs-spin-btn-group .dxbs-edit-btn {
  font-size: 1rem;
}

.dxbs-spin-btn-group .dxbs-edit-btn > * {
  line-height: 1;
}

.form-inline .dxbs-spin-edit div .dxbs-feedback,
.form-inline .dxbs-spin-edit .input-group div .dxbs-feedback,
.dxbs-spin-edit div .dxbs-feedback,
.dxbs-spin-edit .input-group div .dxbs-feedback {
  top: 0;
}

.dxbs-listbox.card > .list-group {
  flex-grow: 1;
}

.dxbs-listbox > .list-group > li,
.dxbs-listbox > .list-group .list-group-item {
  display: block;
}

.dxbs-listbox > .list-group > li {
  flex: 0 1 auto;
  -ms-flex: 0 0 auto;
}

.dxbs-listbox > .list-group > li[data-type=spacer] {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.dxbs-listbox > li span.image,
.dxbs-listbox > ul > li span.image {
  min-width: 1em;
}

.dxbs-listbox > li > .form-check.form-check-inline,
.dxbs-listbox > ul > li > .form-check.form-check-inline {
  margin-right: 0;
}

.dxbs-listbox > li > .form-check > label,
.dxbs-listbox > ul > li > .form-check > label {
  display: inline-block;
  position: relative;
}

.dxbs-listbox.card > .dxbs-list-filter > .input-group {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.dxbs-listbox.card > .card-header .dxbs-list-filter-show {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.dxbs-listbox.dxbs-list-table-render > .dxbs-list-listcontrol-container > table > tbody > tr:hover {
  cursor: pointer;
}

.dxbs-listbox.dxbs-list-table-render .form-check {
  display: block;
}
.dxbs-listbox.dxbs-list-table-render .form-check > input:before, .dxbs-listbox.dxbs-list-table-render .form-check > input:after {
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.dxbs-popup[id*=_DXHFP]:not(.hf-list) > .modal-content > .modal-header {
  -ms-flex-direction: column;
  flex-direction: column;
}

.dxbs-tagbox .dxbs-tag {
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  align-items: center;
  -ms-flex-align: center;
  max-width: 100%;
}

.dxbs-tagbox .dxbs-tag > span {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dxbs-tagbox .dxbs-tag > span.dxbs-tag-remove-btn {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.dxbs-calendar,
.dxbs-calendar.card {
  display: inline-flex;
  display: -ms-inline-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
}

.dxbs-calendar .dxbs-month-table > tbody > tr > td:not(.table-active):not(.dxbs-today),
.dxbs-calendar .dxbs-month-table > tbody > tr > th,
.dxbs-calendar .dxbs-fast-nav .table > tbody > tr > td:not(.table-active) {
  border-color: transparent;
  border-image: none;
  border-radius: 0;
}

.dxbs-calendar .table-sm th,
.dxbs-calendar .table-sm td {
  padding: 0.3rem;
}

.dxbs-calendar .dxbs-month-table.table-bordered,
.dxbs-calendar .dxbs-fast-nav .table-bordered {
  border-width: 0;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 0;
}

.dxbs-calendar .dxbs-month-table > tbody > tr > td.dxbs-today,
.dxbs-calendar .dxbs-fast-nav > .card-body > .table > tbody > tr > td.dxbs-today {
  border-color: currentColor;
}

.dxbs-calendar .btn-toolbar > .btn + .btn {
  margin-left: 0.4em;
}

.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group {
  box-shadow: none;
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn.btn-secondary:after, .dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn.btn-secondary:before {
  content: none;
}

.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn:hover:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  left: 0;
  top: 0;
  opacity: 0.1;
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn:active:hover:before {
  opacity: 0.2;
}
.dxbs-calendar > .calendar-row > .calendar-view > div > .dxbs-fast-nav > .card-body > table > tbody > tr > .dxbs-fast-nav-item:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.dxbs-calendar > .calendar-row > .calendar-view > div > .dxbs-fast-nav > .card-body > table > tbody > tr > .dxbs-fast-nav-item:active:hover, .dxbs-calendar > .calendar-row > .calendar-view > div > .dxbs-fast-nav > .card-body > table > tbody > tr > .dxbs-fast-nav-item.table-active:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-body > .dxbs-month-table > tbody > .text-center > .dxbs-calendar-dow {
  font-family: monospace;
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-body > .dxbs-month-table > tbody > .text-center > .dxbs-day {
  position: relative;
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-body > .dxbs-month-table > tbody > .text-center > .dxbs-day:not(.disabled):hover:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  background-color: currentColor;
  left: -1px;
  top: -1px;
  opacity: 0.1;
}

.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn {
  font-size: 0.85em;
}
.dxbs-calendar > .calendar-row > .calendar-view > .card-header.btn-group > .btn.dxbs-month-title {
  font-weight: 600;
}

.dxbs-calendar .dxbs-today {
  border: 2px solid currentColor;
}

.dxbs-fast-nav.dropdown-menu {
  display: none;
  position: absolute;
  padding: 0px;
}

.dxbs-dropdown-area.dxbs-listbox ul {
  margin-bottom: 0px;
}

.dxbs-calendar .btn:not(.disabled) {
  cursor: pointer;
}

.dxbs-edit-error-frame {
  position: relative;
}

.dxbs-edit-error-frame:not(.dxbs-cbl) .dxbs-feedback {
  position: absolute;
  right: 0;
}

.dxbs-uc .input-group input.form-control {
  width: 100%;
}

.dxbs-uc .input-group .dxbs-feedback {
  position: absolute;
  right: 0;
}

.dxbs-listbox.dx-dropdown-menu > li > .dropdown-item > .badge {
  float: none;
}

.dxbs-uc .dxbs-file-list,
.dxbs-uc .dxbs-file-list > li > div,
.dxbs-uc .dxbs-file-list li > button {
  display: block;
}

.dxbs-uc .dxbs-file-list > li {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  align-items: baseline;
  -ms-flex-align: baseline;
}

.dxbs-drop-zone > div,
.dxbs-binary-image > div,
.dxbs-binary-image .bin-img-tbl {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-drop-zone > div > div,
.dxbs-binary-image > div > div,
.dxbs-binary-image .bin-img-text-panel .bin-img-tbl > div,
.dxbs-binary-image .bin-img-panel > .bin-img-tbl > div,
.dxbs-binary-image .bin-img-progress-panel > .bin-img-tbl > div {
  display: block;
}

.dxbs-coloredit .input-group > div:not(.input-group-append):not(.input-group-prepend) {
  flex-direction: row !important;
}

.dxbs-coloredit .dxbs-coloredit-ci {
  display: inline-flex;
  max-height: calc(100% - 2 * 0.25rem);
  align-self: center;
  width: 2em;
  height: 100%;
  margin-left: 0.25rem;
  margin-right: calc(-2em - 0.25rem);
  background-color: transparent;
  z-index: 5;
  padding: 0;
  border-radius: 0;
}

.form-check > .form-check-label > .badge {
  margin-left: 0.4em;
}

.dxbs-gridview > .card {
  display: block;
}

.dxbs-gridview > .card > .dxbs-table.table-bordered {
  border-left-width: 0;
  border-right-width: 0;
}

.dxbs-gridview > .card > .table-bordered:first-child,
.dxbs-gridview > .card > .table-bordered:first-child > thead > tr:first-child > th,
.dxbs-gridview > .card > .table-bordered:first-child > tbody:first-child > tr:first-child > td {
  border-top-width: 0;
}

.dxbs-gridview > .card > .table-bordered:last-child {
  border-bottom-width: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.bg-primary.text-white > td a {
  color: inherit;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-cmd-cb label,
.dxbs-gridview > .card .dxbs-table > thead > tr > th.dxbs-cmd-cell > .dxbs-fixed-header-content > .dxbs-cmd-cb label,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td.dxbs-cmd-cell > .dxbs-cmd-cb label {
  padding-left: 0;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th:not(.dxbs-cmd-cell) > button,
.dxbs-gridview > .card .dxbs-table > thead > tr > th:not(.dxbs-cmd-cell) > button > * {
  line-height: inherit;
}

.dxbs-gridview > .card .card-body .dxbs-search-panel > .input-group,
.dxbs-cardview > .card .card-body .dxbs-search-panel > .input-group {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.dxbs-gridview .dxbs-popup[id*=_DXHFP] > .modal-content > .modal-header {
  display: block;
}

.dxbs-gridview .dxbs-cd-column-item input,
.dxbs-gridview .dxbs-cd-column-item .btn.btn-link,
.dxbs-gridview .dxbs-cd-filter-item .btn.btn-link {
  cursor: pointer;
}

.dxbs-gridview .dxbs-cd-column-item input {
  width: 1rem;
  height: 1rem;
}

.dxbs-gridview .dxbs-cd-column-item.card {
  flex-flow: row;
  -ms-flex-flow: row;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC .modal-header {
  display: block;
}

.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UFSC > .form-check {
  margin-top: 1em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .dxgBCTC > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .form-check.form-check-inline {
  margin-bottom: 0;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > .form-check.form-check-inline input,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADDC > div[data-dxci] > .form-check.form-check-inline input {
  margin-right: 0;
}

.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb input.position-static.form-check-input, .dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-fixed-header-content > .dxbs-cmd-cb input.position-static.form-check-input, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline input.position-static.form-check-input {
  margin-right: 0;
  width: auto;
}
.dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-cmd-cb input.position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > thead > tr > th > .dxbs-fixed-header-content > .dxbs-cmd-cb input.position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline input.position-static.form-check-input:before {
  position: static;
}

.dxbs-gridview > .card .dxbs-table > tbody > .dxbs-details-row > td > .dxgvADT > tbody > tr > .dxgvADDC > .check-adaptive.form-check > .position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > tbody > .dxbs-details-row > td > .dxgvADT > tbody > tr > .dxgvADDC > .check-adaptive.form-check > .position-static.form-check-input:after {
  transform: translateY(-50%);
  top: 50%;
}
.dxbs-gridview > .card .dxbs-table > tbody > .dxbs-details-row > td > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxgvADDC > .check-adaptive.form-check > .position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > tbody > .dxbs-details-row > td > .dxbs-fl.form-horizontal > .row > div > .form-group > .dxgvADDC > .check-adaptive.form-check > .position-static.form-check-input:after {
  top: 0;
  left: 0;
}
.dxbs-gridview > .card .dxbs-table > tbody > tr > .dxbs-editform > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > tbody > tr > .dxbs-editform > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:after {
  top: 0;
  left: 0;
}
.dxbs-gridview > .card .dxbs-table > tbody > tr > .text-center > div > .form-check > .position-static.form-check-input:before, .dxbs-gridview > .card .dxbs-table > tbody > tr > .text-center > div > .form-check > .position-static.form-check-input:after {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.dxbs-gridview > .dxbs-modal > .dxbs-popup > .modal-content > .modal-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:before, .dxbs-gridview > .dxbs-modal > .dxbs-popup > .modal-content > .modal-body > .dxbs-fl.form-horizontal > .row > div > .form-group > .form-check > .position-static.form-check-input:after {
  top: 0;
  left: 0;
  transform: translateY(50%);
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .form-check.form-check-inline.dxbs-cmd-cb {
  margin-left: 1em;
  margin-right: 1em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .btn + .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > div[data-dxci] > .btn + .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr > td > .dxgBCTC > .btn + .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .btn + .form-check.form-check-inline.dxbs-cmd-cb,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADCMDC > .dxgBCTC > .btn + .form-check.form-check-inline.dxbs-cmd-cb {
  margin-left: 0.5em;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADCC,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADCMDC,
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > .form-check.form-check-inline:not(.check-adaptive),
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] > .form-check.form-check-inline {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.dxbs-gridview > .card .dxbs-table > tbody > tr.dxgvADR .dxgvADT.table > tbody > tr > td.dxgvADDC > div[data-dxci] {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
  margin-bottom: -0.75rem;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item.form-check {
  padding: 0.5rem 1rem;
}

.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item:not(.active):not(.disabled):not(:hover):not(:focus):not(:active),
.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.dx-dropdown-menu > li > .dropdown-item label,
.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.card .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-popup[id*=_DXHFP].modal-dialog .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card .form-check:not(.active):not(.disabled):not(:active):not(:hover):not(:focus),
.dxbs-gridview .dxbs-cd-filter-item .dxgvCD_UF .dxbs-listbox.card a.list-group-item:not(.active):not(.disabled):not(:active):not(:hover):not(:focus) {
  color: inherit;
}

.dxbs-gridview .dxbs-cd-header {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-gridview .dxbs-cd-header > div {
  display: block;
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
}

.dxbs-gridview .dxbs-cd-column-item.card.card-body > div {
  display: block;
}

.dxbs-gridview .dxbs-th.card > .card-body,
.dxbs-cardview .dxbs-th.card > .card-body {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  align-items: center;
  -ms-flex-align: center;
}
.dxbs-gridview .dxbs-th.card > .card-body > a:not(:last-child),
.dxbs-gridview .dxbs-th.card > .card-body > span:not(:last-child),
.dxbs-cardview .dxbs-th.card > .card-body > a:not(:last-child),
.dxbs-cardview .dxbs-th.card > .card-body > span:not(:last-child) {
  display: inline-block;
}
.dxbs-gridview .dxbs-th.card > .card-body > .h-icons,
.dxbs-cardview .dxbs-th.card > .card-body > .h-icons {
  display: block;
  width: auto;
}

/* Batch Edit */
.dxbs-gridview > .card .dxbs-table > tbody > tr.bg-success > td:not(.dxbs-batch-changed),
.dxbs-gridview > .card .dxbs-table > tbody > tr.dxbs-batch-changed > td:not(.dxbs-batch-changed) {
  background-color: rgba(255, 255, 255, 0.75);
}

.dxbs-fl .dxbs-fl-cpt {
  font-weight: bold;
}

.dxbs-fl.form-horizontal .row > div > .form-text {
  margin-bottom: 0.6em;
}

@media (min-width: 992px) {
  .dxbs-fl.form-horizontal .form-group > .dxbs-fl-ctrl {
    align-self: center;
    -ms-flex-item-align: center;
  }
}
.dxbs-fl.form-horizontal .form-group {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
}

@media (min-width: 992px) {
  .dxbs-fl.form-horizontal .form-group {
    flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
  }
  .dxbs-fl.form-horizontal .form-group > .col-form-label {
    flex: 1 0 auto;
    -ms-flex: 1 0 auto;
  }
}
.dxbs-fl.form-horizontal .form-group > .col-form-label {
  margin-bottom: 0;
}

.dxbs-fl .dxbs-fl-gd,
.dxbs-fl .dxbs-fl-gt {
  margin-top: 1rem;
}

.dxbs-fl .dxbs-fl-gd {
  margin-bottom: 1rem;
}

.dxbs-fl .dxbs-fl-g > .row,
.dxbs-fl .dxbs-fl-gd > .card > .row,
.dxbs-fl .dxbs-fl-gr + .row:not(.dxbs-fl-gr) {
  padding-top: 1rem;
}

.dxbs-fl:not(.form-horizontal) .form-group > .form-check.form-check-inline > .form-check-input {
  position: static;
}
.dxbs-fl:not(.form-horizontal) .form-group > .form-check.form-check-inline > .form-check-input:before, .dxbs-fl:not(.form-horizontal) .form-group > .form-check.form-check-inline > .form-check-input:after {
  transform: translateY(50%);
}

.dxbs-popup .modal-header .close-btn {
  float: none;
}

.dxbs-popup .modal-content {
  display: block;
}

.dxbs-popup .btn-toolbar > .btn:not(:first-child) {
  margin-left: 0.4em;
}

:not(.dxbs-popup-modal-sys) > .dxbs-popup-fixed-width {
  max-width: none;
  min-width: 0;
}

.dxbs-acc > .card > .card-body > ul.nav > li > a:not(.disabled) {
  cursor: pointer;
}

.dxbs-menu ul.nav > li > a:not(.disabled),
.dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item:not(.disabled),
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item:not(.disabled),
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item:not(.disabled) {
  cursor: pointer;
}

.dxbs-menu ul.nav.nav-justified > li.separator {
  flex: 0 0;
  -ms-flex: 0 0;
  padding: 0 0.4em;
}

.dxbs-menu ul.flex-column > li > a > span.popout,
.dxbs-menu ul.dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-popup-menu.dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-popup-menu .dx-dropdown-menu > li > .dropdown-item > span.popout,
.dxbs-toolbar .dx-dropdown-menu > li > .dropdown-item > span.popout {
  top: 0;
  bottom: 0;
}

.dxbs-menu ul > li > a > .badge {
  margin-left: 0.4em;
}

.dxbs-menu .dxbs-navbar {
  padding: 0 1em;
}

.dxbs-toolbar > .btn-group > .btn-group[data-toggle=toolbar-dropdownmode] > .dropdown-toggle::after {
  margin-left: 0;
}

.dxbs-toolbar > .btn-group {
  margin-bottom: 0.1rem;
}

.dxbs-toolbar > .btn-group:not(:last-child) {
  margin-right: 0.5rem;
}

.dxbs-pager .pagination > li > a:not(.disabled) {
  cursor: pointer;
}

.dxbs-pager .page-size.form-inline .input-group {
  display: flex;
  display: -ms-flexbox;
}

.dxbs-pager .page-size.form-inline .input-group .form-control {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.dxbs-tabs ul.nav > li > a:not(.disabled) {
  cursor: pointer;
}

.dxbs-tree ul.nav > li > a:not(.disabled) {
  cursor: pointer;
}

.dxbs-tree ul.flex-column {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.dxbs-tree ul.nav > li > a > span + .badge {
  margin-left: 0.3em;
}

.dxbs-pager:before,
.dxbs-pager:after {
  display: none;
  content: "";
}

.dxbs-pager,
.dxbs-gridview .dxbs-pager {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-pager .summary.form-inline,
.dxbs-pager .pagination,
.dxbs-pager .summary.form-inline.left,
.dxbs-pager .pagination.left,
.dxbs-pager .page-size.form-inline,
.dxbs-pager .page-size.form-inline.left {
  float: none;
}

.dxbs-pager .page-size.form-inline {
  margin-left: 0;
  margin-right: 0;
}

.dxbs-acc > .card > .card-header {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  align-items: center;
  -ms-flex-align: center;
}

.dxbs-acc .card-header .expand-btn:last-child {
  float: none;
}

.dxbs-acc > .card > .card-header > .card-title {
  margin-bottom: 0;
}

.dxbs-acc .card-header.header-collapsed {
  border-bottom-color: transparent;
}

.dxbs-tabs .dxbs-right {
  justify-content: flex-end;
  -ms-flex-pack: end;
}

.dxbs-tabs .dxbs-right > li {
  float: none;
}

.dxbs-4 .dx-small-image {
  width: 1rem;
  height: 1rem;
}

.dxbs-fab-action .dxbs-fab-text-container {
  padding-bottom: 3px;
}

.dxbs-fab-main-button.btn {
  white-space: nowrap;
}

.dxbs-r-b-large > .dxbs-r-btn-group > .btn > span:not(.image),
.dxbs-r-b-large > .dxbs-r-btn-group > .btn-group-vertical > .btn > span:not(.image) {
  white-space: normal;
  min-width: 3em;
}

.dxbs-ribbon-oneline .dxbs-r-card-group span.image,
.dxbs-ribbon-oneline .dxbs-r-card-group span.image:before {
  font-size: 1rem;
}

.dxbs-ribbon-oneline .dxbs-r-card-group svg.image {
  width: 1rem;
  height: 1rem;
}

.dxbs-4 .dxbs-ribbon-oneline .dxbs-toolbar-checkbox {
  display: inline-flex;
  align-items: center;
}
.dxbs-4 .dxbs-ribbon-oneline .dxbs-toolbar-checkbox .form-check-input {
  margin-top: 0;
}

/*Toolbar*/
.dxbs-file-manager .dxbs-fm-toolbar {
  flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
}

.dxbs-file-manager .dxbs-toolbar-adaptive .btn-group > .btn,
.dxbs-file-manager .dxbs-toolbar-adaptive .btn-group > .btn > .dxbs-icon {
  flex-shrink: 0;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox,
.dxbs-file-manager .dxbs-fm-filterbox .dxbs-button-edit {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label,
.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div {
  display: block;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label,
.dxbs-file-manager .dxbs-fm-filterbox .dxbs-button-edit .col-form-label {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  white-space: nowrap;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox > div {
  flex: 1 1 100%;
  -ms-flex: 1 1 100%;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .form-control,
.dxbs-file-manager .dxbs-fm-filterbox .dxbs-button-edit .form-control {
  text-overflow: ellipsis;
}

.dxbs-file-manager .dxbs-fm-pathbox:not(:only-child),
.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label {
  margin-right: 0.5rem;
}

.dxbs-file-manager .dxbs-fm-pathbox .dxbs-textbox .col-form-label {
  padding-right: 0;
}

.dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox:not(:only-child) {
  margin-left: auto;
  order: 1;
}

.dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-toolbar-ai.dropdown-toggle::after {
  content: "";
  border: none;
  margin: 0;
}

@media (min-width: 992px) {
  .dxbs-file-manager .dxbs-file-container .row > div:not(.dxbs-fm-page-indent) {
    min-width: 6.5rem;
  }
}
.dxbs-file-manager .dxbs-fm-pathbox {
  min-width: 20rem;
}

.dxbs-file-manager .dxbs-folder-container,
.dxbs-file-manager .dxbs-folder-container .dxbs-tree {
  display: flex;
  display: -ms-flexbox;
  min-height: 0px;
}

.dxbs-file-manager .dxbs-folder-container .dxbs-tree,
.dxbs-file-manager .dxbs-folder-container .dxbs-tree > ul.nav {
  flex: 1 0 auto;
  -ms-flex: 1 0 auto;
}

.dxbs-file-manager .dxbs-fm-toolbar .dxbs-fm-filterbox .dxbs-button-edit {
  min-width: 10rem;
}

.dxbs-file-manager .dxbs-fm-page-indent {
  flex: 1 0 100%;
  -ms-flex: 1 0 100%;
}

.dxbs-file-manager .dxbs-fm-breadcrumb .breadcrumb {
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs,
.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] {
  flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  justify-content: center;
  -ms-flex-pack: center;
}

.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc .dxbs-inputs > div,
.dxbs-file-manager .dxbs-fm-upload-panel .dxbs-uc div[id*=_ProgressPanel] > div {
  display: block;
}

.dxbs-file-manager .dxbs-fm-modal .modal-content {
  display: flex;
  display: -ms-flexbox;
}
@font-face {
    font-family: dxbs-icons;
    src: url('/DXR.axd?r=23_89-oYTSv');
    src: url('/DXR.axd?r=23_89-oYTSv?#iefix') format('eot'),
    url('/DXR.axd?r=23_93-oYTSv') format('woff2'),
    url('/DXR.axd?r=23_92-oYTSv') format('woff'),
    url('/DXR.axd?r=23_91-oYTSv') format('truetype'),
    url('/DXR.axd?r=23_90-oYTSv') format('svg');
} 
.dxbs-icon {
    position: relative;
    top: 2px;
    display: inline-block;
    text-rendering: auto;
    font-family: "dxbs-icons" !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}
.dxbs-icon::before {
    vertical-align: top;
}

.dxbs-icon-angle-down::before {
    content: "\e001";
}

.dxbs-icon-angle-left::before {
    content: "\e002";
}

.dxbs-icon-angle-right::before {
    content: "\e003";
}

.dxbs-icon-angle-up::before {
    content: "\e004";
}

.dxbs-icon-appointment::before {
    content: "\e005";
}

.dxbs-icon-arrow-down::before {
    content: "\e006";
}

.dxbs-icon-arrow-level-up::before {
    content: "\e007";
}

.dxbs-icon-arrow-rounded-left::before {
    content: "\e008";
}

.dxbs-icon-arrow-rounded-right::before {
    content: "\e009";
}

.dxbs-icon-arrow-up::before {
    content: "\e00a";
}

.dxbs-icon-arrows::before {
    content: "\e00b";
}

.dxbs-icon-backward::before {
    content: "\e00c";
}

.dxbs-icon-bell::before {
    content: "\e00d";
}

.dxbs-icon-check::before {
    content: "\e00e";
}

.dxbs-icon-checked::before {
    content: "\e00f";
}

.dxbs-icon-close::before {
    content: "\e010";
}

.dxbs-icon-collapse::before {
    content: "\e011";
}

.dxbs-icon-copy::before {
    content: "\e012";
}

.dxbs-icon-create-folder::before {
    content: "\e013";
}

.dxbs-icon-download::before {
    content: "\e014";
}

.dxbs-icon-edit-appointment::before {
    content: "\e015";
}

.dxbs-icon-edit::before {
    content: "\e016";
}

.dxbs-icon-ellipsis-v::before {
    content: "\e017";
}

.dxbs-icon-ellipsis::before {
    content: "\e018";
}

.dxbs-icon-error::before {
    content: "\e019";
}

.dxbs-icon-exp::before {
    content: "\e01a";
}

.dxbs-icon-fab-collapse::before {
    content: "\e01b";
}

.dxbs-icon-fab-edit::before {
    content: "\e01c";
}

.dxbs-icon-fab-expand::before {
    content: "\e01d";
}

.dxbs-icon-fab-plus::before {
    content: "\e01e";
}

.dxbs-icon-fab-remove::before {
    content: "\e01f";
}

.dxbs-icon-fast-backward::before {
    content: "\e020";
}

.dxbs-icon-fast-forward::before {
    content: "\e021";
}

.dxbs-icon-file-excel::before {
    content: "\e022";
}

.dxbs-icon-file-image::before {
    content: "\e023";
}

.dxbs-icon-file-pdf::before {
    content: "\e024";
}

.dxbs-icon-file-powerpoint::before {
    content: "\e025";
}

.dxbs-icon-file-text::before {
    content: "\e026";
}

.dxbs-icon-file-word::before {
    content: "\e027";
}

.dxbs-icon-file::before {
    content: "\e028";
}

.dxbs-icon-filter::before {
    content: "\e029";
}

.dxbs-icon-folder-locked-rounded::before {
    content: "\e02a";
}

.dxbs-icon-folder-locked::before {
    content: "\e02b";
}

.dxbs-icon-folder-open::before {
    content: "\e02c";
}

.dxbs-icon-folder-rounded::before {
    content: "\e02d";
}

.dxbs-icon-folder-up::before {
    content: "\e02e";
}

.dxbs-icon-folder::before {
    content: "\e02f";
}

.dxbs-icon-forward::before {
    content: "\e030";
}

.dxbs-icon-gear::before {
    content: "\e031";
}

.dxbs-icon-hamburger::before {
    content: "\e032";
}

.dxbs-icon-indeterminate::before {
    content: "\e033";
}

.dxbs-icon-list::before {
    content: "\e034";
}

.dxbs-icon-minus::before {
    content: "\e035";
}

.dxbs-icon-ok::before {
    content: "\e036";
}

.dxbs-icon-paste::before {
    content: "\e037";
}

.dxbs-icon-plus::before {
    content: "\e038";
}

.dxbs-icon-recurring-appointment::before {
    content: "\e039";
}

.dxbs-icon-refresh::before {
    content: "\e03a";
}

.dxbs-icon-remove::before {
    content: "\e03b";
}

.dxbs-icon-rename-file::before {
    content: "\e03c";
}

.dxbs-icon-search::before {
    content: "\e03d";
}

.dxbs-icon-unchecked::before {
    content: "\e03e";
}

.dxbs-icon-upload::before {
    content: "\e03f";
}