/*
Stimulsoft.Reports.JS
Version: 2020.3.2
Build date: 2020.06.17
License: https://www.stimulsoft.com/en/licensing/reports
*/
.stiJsViewerDbsDarkMenu,
.stiJsViewerDbsLightMenu,
.stiJsViewerDropdownMenu,
.stiJsViewerDropdownPanel,
.stiJsViewerForm,
.stiJsViewerMenu,
.stiJsViewerToolTip {
  box-shadow: 0 0 7px rgb(0 0 0 / 60%);
}

.stiJsViewerBookmarksPanel {
  z-index: 2;
  left: 0;
  float: left;
  position: absolute;
  overflow: visible;
  white-space: nowrap;
  color: #202020;
}

.stiJsViewerBookmarksPanelSeparated {
  border-right: 1px solid #c6c6c6;
}

.stiJsViewerBookmarksContainer {
  inset: 0;
  z-index: 1;
  position: absolute;
  overflow: auto;
  font-family: Arial;
  font-size: 12px;
  white-space: nowrap;
  background: #fff;
  padding: 3px 0 0 3px;
}

.stiJsViewerBookmarksContainerSimple {
  border: 1px solid #c6c6c6;
  margin-top: 2px;
}

.stiJsViewerBookmarksContainer img {
  border: 0;
  vertical-align: middle;
}

.stiJsViewerBookmarksContainer a {
  color: #444;
  text-decoration: none;
  cursor: pointer;
}

.stiJsViewerBookmarksContainer a.node,
.stiJsViewerBookmarksContainer a.nodeSel {
  white-space: nowrap;
  padding: 2px;
}

.stiJsViewerBookmarksContainer a.node:hover,
.stiJsViewerBookmarksContainer a.nodeSel:hover {
  color: #444;
  text-decoration: underline;
}

.stiJsViewerBookmarksContainer a.nodeSel {
  background-color: #c2d5f2;
}

.stiJsViewerBookmarksContainer a.clip {
  overflow: hidden;
}

.stiJsViewerBookmarksLabel {
  position: absolute;
  z-index: 150;
  border: 2px solid #8a8a8a;
  opacity: 0.7;
  border-radius: 3px;
  box-sizing: content-box;
}

.stiJsViewerCheckBox,
.stiJsViewerCheckBoxDisabled {
  border: 0;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerCheckBox {
  padding: 0;
  margin: 0;
  color: #202020;
}

.stiJsViewerCheckBoxDisabled {
  color: #d6d3d6;
}

.stiJsViewerCheckBoxImageBlock {
  border: 1px solid #ababab;
  background: #fff;
}

.stiJsViewerCheckBoxImageBlockOver {
  border: 1px solid #a3bde3;
  background: #d5e1f2;
}

.stiJsViewerCheckBoxImageBlockDisabled {
  border: 1px solid #b7b4b7;
  background: #f7f2f7;
}

.stiJsViewerDatePickerSeparator {
  border-top: 1px solid #c6c6c6;
}

.stiJsViewerDatePickerDayOfWeekCell {
  white-space: nowrap;
  cursor: default;
  font-size: 12px;
  padding: 3px;
  text-align: center;
  font-weight: 700;
  border: 0;
  border-bottom: 1px solid #c6c6c6;
}

.stiJsViewerDatePickerDayButton {
  cursor: default;
  border: 1px solid transparent;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerDatePickerDayButtonDefault {
  background: 0 0;
}

.stiJsViewerDatePickerDayButtonOver {
  background: #d5e1f2;
  border: 1px solid #d5e1f2;
}

.stiJsViewerDatePickerDayButtonSelected {
  background: #c2d5f2;
  border: 1px solid #c2d5f2;
}

.stiJsViewerDatePickerDayButtonDisabled {
  color: #d6d3d6;
}

.stiJsViewerDropDownList {
  border: 1px solid #ababab;
  background: #fff;
}

.stiJsViewerDropDownListOver {
  border: 1px solid #a3bde3;
  background: #fff;
}

.stiJsViewerDropDownListDisabled {
  border: 1px solid #b7b4b7;
  background: #fff;
}

.stiJsViewerDropDownList_TextBox {
  font-size: 12px;
  border: 0;
  margin: 0;
  padding: 0 0 0 4px;
  border-radius: 0;
  outline: 0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(0deg 0% 100% / 0%)), to(hsl(0deg 0% 100% / 0%)));
  background-image: linear-gradient(hsl(0deg 0% 100% / 0%), hsl(0deg 0% 100% / 0%));
  background: #fff;
  color: #202020;
}

.stiJsViewerDropDownListImage {
  height: 17px;
  width: 32px;
  margin: 0 3px;
}

.stiJsViewerDropDownListButton {
  cursor: default;
  user-select: none;
}

.stiJsViewerDropDownListButtonDefault {
  background: #fff;
}

.stiJsViewerDropDownListButtonOver {
  background: #d5e1f2;
}

.stiJsViewerDropDownListButtonSelected {
  background: #c2d5f2;
}

.stiJsViewerDropDownListButtonDisabled {
  color: #d6d3d6;
}

.stiJsViewerForm {
  position: absolute;
  border: 1px solid #ababab;
  background: #fff;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
  cursor: default;
  user-select: none;
  text-align: left;
  color: #202020;
}

.stiJsViewerFormHeader {
  background: #fff;
  font-family: Corbel;
  font-size: 25px;
  color: #587cb1;
  text-align: center;
  cursor: default;
}

.stiJsViewerFormContainer {
  padding: 5px 15px 15px;
  background: #fff;
}

.stiJsViewerFormSeparator {
  height: 0;
  border-top: 1px dashed #c8c8c8;
  margin-left: 1px;
  margin-right: 1px;
}

.stiJsViewerFormButtonsPanel {
  float: right;
}

.stiJsViewerMessagesFormDescription {
  line-height: 1.2;
  border: 0;
  margin: 0;
  padding: 20px 30px 20px 0;
  overflow: hidden;
  min-width: 350px;
  max-width: 650px;
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  cursor: default;
}

.stiJsViewerNotificationFormDescription {
  text-align: center;
  font-family: Arial;
  font-size: 14px;
  line-height: 1.3;
  color: #888;
  width: 450px;
  padding: 10px 50px;
}

.stiJsViewerNotificationFormMessage {
  text-align: center;
  font-family: Arial;
  font-size: 16px;
  line-height: 1.3;
  color: #587cb1;
  width: 450px;
  padding: 10px 50px;
}

.stiJsViewerFormButton {
  height: 23px;
  cursor: default;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerFormButtonDefault {
  background: #fff;
  border: 1px solid #ababab;
}

.stiJsViewerFormButtonOver {
  background: #d5e1f2;
  border: 1px solid #a3bde3;
}

.stiJsViewerFormButtonSelected {
  background: #c2d5f2;
  border: 1px solid #a3bde3;
}

.stiJsViewerFormButtonDisabled {
  background: 0 0;
  border: 1px solid #b7b4b7;
}

.stiJsViewerGroupPanelContainer {
  background: #fff;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  border-bottom: 1px solid #ababab;
}

.stiJsViewerHyperlinkButton {
  cursor: pointer;
  font-family: Arial;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerHyperlinkButtonDefault {
  color: #5a83ad;
}

.stiJsViewerHyperlinkButtonOver {
  text-decoration: underline;
  color: #5a83ad;
}

.stiJsViewerHyperlinkButtonDisabled,
.stiJsViewerHyperlinkButtonSelected {
  color: #5a83ad;
}

.stiJsViewerParentMenu {
  z-index: 35;
  position: absolute;
}

.stiJsViewerDropdownMenu,
.stiJsViewerDropdownPanel,
.stiJsViewerMenu {
  position: absolute;
  padding: 1px;
  font-size: 12px;
  border: 1px solid #ababab;
  background: #fff;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
  cursor: default;
  color: #202020;
}

.stiJsViewerAboutPanel,
.stiJsViewerProcessImage {
  box-shadow: 0 0 5px rgb(0 0 0 / 60%);
}

.stiJsViewerVerticalMenuSeparator {
  height: 1px;
  background: #d4d4d4;
  margin: 1px 2px 1px 30px;
}

.stiJsViewerMenuStandartItem {
  white-space: nowrap;
  cursor: default;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerMenuStandartItemOver {
  background: #d5e1f2;
}

.stiJsViewerMenuStandartItemSelected {
  background: #c2d5f2;
}

.stiJsViewerMenuStandartItemDisabled {
  color: #d6d3d6;
}

.stiJsViewerClearAllStyles {
  padding: 0;
  margin: 0;
  border: 0;
}

.stiJsViewerMainPanel {
  overflow: visible;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}

.stiJsViewerReportPanel {
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  min-height: 100px;
  border-collapse: separate;
}

.stiJsViewerReportPanel table,
.stiJsViewerReportPanel td {
  padding: 0;
  margin: 0;
}

.stiJsViewerDisabledPanel {
  inset: 0;
  position: absolute;
  background: #fff;
  filter: alpha(opacity=10);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.stiJsViewerAboutPanel {
  width: 520px;
  z-index: 500;
  text-align: center;
  position: absolute;
  border: 1px solid #ababab;
  background: #fff;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.stiJsViewerAboutPanelHeader {
  width: 100%;
  font-family: Arial;
  font-size: 24px;
  text-align: center;
  color: #587cb1;
  margin-top: 35px;
}

.stiJsViewerAboutPanelCopyright,
.stiJsViewerAboutPanelVersion {
  color: #444;
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  text-align: center;
}

.stiJsViewerAboutPanelCopyright {
  margin-top: 30px;
}

.stiJsViewerAboutPanelVersion {
  margin-top: 20px;
}

.stiJsViewerAboutPanelStiLink {
  cursor: pointer;
  width: 100%;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  margin: 10px 0 12px;
  color: #19478a;
  text-decoration: underline;
}

.stiJsViewerProcessImage {
  z-index: 45;
  position: absolute;
  border: 1px solid #0070b8;
  background: #fff;
  font-size: 12px;
  color: #0070b8;
  box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.stiJsViewerPageShadow {
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.stiJsViewerCaptionControls {
  white-space: nowrap;
  padding: 0 25px 0 15px;
  border: 0;
  margin: 0;
  font-size: 12px;
  font-family: Arial;
}

.stiEditableField {
  transition: all 0.5s ease;
  position: relative;
}

.stiEditableFieldSelected {
  background: #f5efd5;
  cursor: pointer;
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 50%);
}

.stiJsViewerDbsDarkMenu,
.stiJsViewerDbsLightMenu,
.stiJsViewerToolTip {
  box-shadow: 0 0 7px rgb(0 0 0 / 60%);
}

.stiEditableTextArea {
  background: #f5efd5;
  border: 0;
  top: 0;
  left: 0;
  position: absolute;
  outline: 0;
}

.stiJsViewerFindLabel {
  position: absolute;
  z-index: 150;
  border: 2px solid #8a8a8a;
  background: #ff0;
  opacity: 0.6;
  border-radius: 3px;
}

.stiJsViewerContainerHideScroll {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.stiJsViewerContainerHideScroll::-webkit-scrollbar {
  width: 0;
}

.stiJsViewerParametersPanel {
  cursor: default;
  position: absolute;
  z-index: 2;
  color: #202020;
}

.stiJsViewerParametersPanelTop {
  width: 100%;
}

.stiJsViewerParametersPanelSeparatedTop {
  border-bottom: 1px solid #c6c6c6;
}

.stiJsViewerParametersPanel table,
.stiJsViewerParametersPanel td {
  padding: 0;
  margin: 0;
  border: 0;
}

.stiJsViewerInnerParametersPanelLeft {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #fff;
  overflow: auto;
}

.stiJsViewerInnerParametersPanelSimple {
  border: 1px solid #c6c6c6;
}

.stiJsViewerInnerParametersPanelSeparatedLeft {
  border-right: 1px solid #c6c6c6;
}

.stiJsViewerInnerContainerParametersPanel {
  font-size: 12px;
  padding: 10px;
  background: #fff;
  border-collapse: separate;
  overflow: auto;
}

.stiJsViewerParametersMenuInnerTable {
  border: 0;
  padding: 0;
  border-collapse: separate;
  color: #202020;
}

.stiJsViewerParametersMenuInnerTable td {
  padding: 0;
}

.stiJsViewerParametersMenuSeparator {
  height: 1px;
  width: 100%;
  background: #d4d4d4;
}

.stiJsViewerParametersMenuItem table,
.stiJsViewerParametersMenuItem td,
.stiJsViewerParametersMenuItemOver table,
.stiJsViewerParametersMenuItemOver td,
.stiJsViewerParametersMenuItemPressed table,
.stiJsViewerParametersMenuItemPressed td {
  border: 0;
  padding: 0;
}

.stiJsViewerParametersMenuItem,
.stiJsViewerParametersMenuItemOver,
.stiJsViewerParametersMenuItemPressed {
  padding: 1px;
}

.stiJsViewerParametersMenuItem .stiJsViewerParametersMenuItemInnerTable {
  height: 100%;
  width: 100%;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid transparent;
  border-collapse: separate;
}

.stiJsViewerParametersMenuItemOver .stiJsViewerParametersMenuItemInnerTable {
  height: 100%;
  width: 100%;
  font-size: 12px;
  background: #d5e1f2;
  border: 1px solid #d5e1f2;
  white-space: nowrap;
  overflow: hidden;
  border-collapse: separate;
}

.stiJsViewerParametersMenuItemPressed .stiJsViewerParametersMenuItemInnerTable {
  height: 100%;
  width: 100%;
  font-size: 12px;
  background: #c2d5f2;
  border: 1px solid #c2d5f2;
  white-space: nowrap;
  overflow: hidden;
  border-collapse: separate;
}

.js_viewer_loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 6px solid rgb(25 71 138 / 20%);
  border-right: 6px solid rgb(25 71 138 / 20%);
  border-bottom: 6px solid rgb(25 71 138 / 20%);
  border-left: 6px solid #19478a;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}

.js_viewer_loader,
.js_viewer_loader::after {
  border-radius: 50%;
  width: 64px;
  height: 64px;
}

.stiJsViewerRadioButton,
.stiJsViewerRadioButtonDisabled {
  padding: 0;
  border: 0;
  margin: 0;
  user-select: none;
}

@keyframes load8 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.stiProgressText {
  position: absolute;
  top: 88px;
  left: 0;
  height: 40px;
  width: 100%;
  font-family: Arial;
  font-size: 20px;
  text-align: center;
  color: #444;
}

.stiJsViewerRadioButton {
  font-size: 12px;
}

.stiJsViewerRadioButtonDisabled {
  font-size: 12px;
  color: #d6d3d6;
}

.stiJsViewerRadioButtonInnerCircle {
  border: 1px solid #ababab;
  background: #ababab;
  border-radius: 10px;
}

.stiJsViewerRadioButtonOutCircle {
  border: 1px solid #ababab;
  background: #fff;
  border-radius: 10px;
}

.stiJsViewerRadioButtonOutCircleOver {
  border: 1px solid #a3bde3;
  background: #d5e1f2;
  border-radius: 10px;
}

.stiJsViewerRadioButtonOutCircleDisabled {
  border: 1px solid #b7b4b7;
  background: #f7f2f7;
  border-radius: 10px;
}

.stiJsViewerStandartSmallButton {
  cursor: default;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerStandartSmallButtonDefault {
  border: 1px solid transparent;
}

.stiJsViewerStandartSmallButtonOver {
  background: #d5e1f2;
  border: 1px solid transparent;
}

.stiJsViewerStandartSmallButtonSelected {
  background: #c2d5f2;
  border: 1px solid transparent;
}

.stiJsViewerStandartSmallButtonDisabled {
  color: #d6d3d6;
  border: 1px solid transparent;
}

.stiJsViewerTextBoxEditButton {
  border: 1px solid #ababab;
  background: #fff;
  border-left: 0;
}

.stiJsViewerTextBox {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 4px;
  border-radius: 0;
  outline: 0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsl(0deg 0% 100% / 0%)), to(hsl(0deg 0% 100% / 0%)));
  background-image: linear-gradient(hsl(0deg 0% 100% / 0%), hsl(0deg 0% 100% / 0%));
  background: #fff;
  color: #202020;
}

.stiJsViewerTextBoxDefault {
  border: 1px solid #ababab;
}

.stiJsViewerTextBoxOver {
  border: 1px solid #a3bde3;
}

.stiJsViewerTextBoxDisabled {
  border: 1px solid #b7b4b7;
  background: #f7f2f7;
}

.stiJsViewerToolBar {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: relative;
  z-index: 2;
  color: #202020;
}

.stiJsViewerToolBarSeparated {
  border-bottom: 1px solid #c6c6c6;
  background: #fff;
}

.stiJsViewerToolBarTable {
  cursor: default;
  font-size: 12px;
  border: 1px solid #c6c6c6;
  background: #fff;
  width: 100%;
  border-collapse: separate;
  color: #202020;
}

.stiJsViewerToolBarSeparator {
  border: 0;
  background: #d4d4d4;
}

.stiJsViewerToolTip {
  position: absolute;
  border: 1px solid #c6c6c6;
  background: #fff;
  cursor: default;
  user-select: none;
  z-index: 50;
  max-width: 250px;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.stiJsViewerToolTipTextCell {
  font-size: 12px;
  font-family: Arial;
  color: #444;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #c6c6c6;
  white-space: normal;
}

.stiJsViewerDbsDarkMenu,
.stiJsViewerDbsLightMenu {
  position: absolute;
  padding: 1px;
  font-size: 12px;
  cursor: default;
}

.stiJsViewerNavigatePanel {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
  background: #19478a;
  font-family: Arial;
  font-size: 12px;
  color: #fff;
}

.stiJsViewerNavigatePanelSeparator {
  border-right: 1px dashed #a3b5d0;
  width: 1px;
  margin: 0 2px 0 1px;
}

.stiJsViewerNavigatePanelDisabledPanel {
  z-index: 101;
  inset: 0;
  position: absolute;
  background: #fff;
  filter: alpha(opacity=10);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
}

.stiJsViewerNavigateButton {
  cursor: default;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerNavigateButtonOver {
  background: #3b629b;
}

.stiJsViewerNavigateButtonSelected {
  background: #11315f;
}

.stiJsViewerNavigateButtonDisabled {
  color: #d6d3d6;
}

.stiJsViewerResourceDropDownButton {
  height: 15px;
  width: 15px;
  cursor: default;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerResourceDropDownButtonDefault {
  background: #fff;
  border: 1px solid transparent;
}

.stiJsViewerResourceDropDownButtonOver {
  background: #d5e1f2;
  border: 1px solid #a3bde3;
}

.stiJsViewerResourceDropDownButtonSelected {
  background: #c2d5f2;
  border: 1px solid #a3bde3;
}

.stiJsViewerResourceDropDownButtonDisabled {
  background: 0 0;
  border: 1px solid #b7b4b7;
}

.stiJsViewerDashboardElementButtonsPanel {
  position: absolute;
  top: 5px;
  right: 5px;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 1;
}

.stiJsViewerFiltersStringText {
  font-family: Arial;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stiJsViewerDashboardBackPanel {
  width: 100%;
  text-align: center;
  color: #000;
  font-family: Arial;
  font-size: 100px;
  font-weight: 700;
  position: absolute;
  display: block !important;
  top: calc(50% - 50px);
  z-index: 9999;
  opacity: 0.3;
  pointer-events: none;
  transform: rotate(-45deg);
}

.stiJsViewerDashboardElementButtonsPanel .stiJsViewerStandartSmallButton {
  margin-left: 2px;
}

.stiJsViewerDataGridCellInnerContainer {
  overflow: hidden;
  whitespace: normal;
}

.stiJsViewerDbsLightMenu {
  border: 1px solid #ababab;
  background: #fff;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
  color: #202020;
}

.stiJsViewerDbsLightMenuItem {
  white-space: nowrap;
  cursor: default;
  font-size: 12px;
  user-select: none;
  color: #202020;
}

.stiJsViewerDbsLightMenuItemOver,
.stiJsViewerDbsLightMenuItemSelected {
  background: #e2e2e2;
}

.stiJsViewerDbsLightMenuItemDisabled {
  color: #d6d3d6;
}

.stiJsViewerDbsDarkMenu {
  border: 1px solid #a0a0a0;
  background: #2b2b2b;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
  color: #ddd;
}

.stiJsViewerDbsDarkMenuItem {
  white-space: nowrap;
  cursor: default;
  font-size: 12px;
  user-select: none;
  color: #ddd;
}

.stiJsViewerDbsDarkMenuItemOver,
.stiJsViewerDbsDarkMenuItemSelected {
  background: #414141;
}

.stiJsViewerDbsDarkMenuItemDisabled {
  color: #666;
}

.stiJsViewerFilterContainer {
  background: #fff;
  border-top: 1px dotted #c6c6c6;
  overflow: auto;
}

.stiJsViewerFilterPanelHeader {
  border-bottom: 1px solid #c6c6c6;
}

.stiJsViewerFilterPanel {
  border: 1px solid #c6c6c6;
  background: #fff;
  color: #444;
  font-family: Arial;
  font-size: 12px;
  margin: 4px;
  box-shadow: 0 0 7px rgb(0 0 0 / 30%);
}

.stiJsViewerTreeItemIconOpening {
  margin: 0 3px 0 0;
}

.stiJsViewerTreeItem {
  color: #444;
  cursor: default;
  font-family: Arial;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerTreeItemOver {
  background: #d5e1f2;
  color: #444;
  cursor: default;
  font-family: Arial;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerTreeItemSelected {
  background: #c2d5f2;
  color: #444;
  cursor: default;
  font-family: Arial;
  font-size: 12px;
  user-select: none;
}

.stiJsViewerTreeItemImage {
  border: 0;
  padding: 0;
  margin: 1px 2px;
}

.stiJsViewerTreeItemCaption {
  margin: 0;
  border: 0;
  text-align: left;
  padding: 2px 7px;
}

.stiJsViewerAuthFormCaption {
  font-family: Arial;
  color: #7a8d8e;
  font-size: 28px;
}

.stiJsViewerAuthFormHeader {
  background: #fff;
  font-family: Corbel;
  font-size: 25px;
  color: #fff;
  text-align: center;
  cursor: default;
}

.stiJsViewerAuthFormContainer {
  padding: 5px 10px 0;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}

.stiJsViewerAuthFormTextCell {
  white-space: nowrap;
  color: #444;
  cursor: default;
  font-family: Arial;
  font-size: 12px;
  padding: 3px 4px 3px 0;
}

.stiJsViewerLoginButton {
  border: none;
  height: 40px;
  color: #fff;
  cursor: default;
  font-family: Arial;
  font-size: 19px;
  width: 100%;
  user-select: none;
}

.stiJsViewerLoginButtonDefault {
  background: #19478a;
}

.stiJsViewerLoginButtonOver {
  background: #3b629b;
}

.stiJsViewerLoginButtonSelected {
  background: #11315f;
}

.stiJsViewerLoginButtonDisabled {
  background: #3b629b;
}