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

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

.stiJsViewerBookmarksContainer {
    top: 0;
    left: 0;
    right: 0;
    bottom: 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: .7;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.stiJsViewerDisabledPanel,
.stiJsViewerNavigatePanelDisabledPanel {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: alpha(Opacity=10);
    opacity: 0
}

.stiJsViewerCheckBox,
.stiJsViewerCheckBoxDisabled {
    border: 0;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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;
    -webkit-border-radius: 0;
    outline: 0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
    background: #fff;
    color: #202020
}

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

.stiJsViewerDropDownListButton {
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.stiJsViewerDropDownListButtonDefault {
    background: #fff
}

.stiJsViewerDropDownListButtonOver {
    background: #d5e1f2
}

.stiJsViewerDropDownListButtonSelected {
    background: #c2d5f2
}

.stiJsViewerDropDownListButtonDisabled {
    color: #d6d3d6
}

.stiJsViewerForm {
    position: absolute;
    border: 1px solid #ababab;
    background: #fff;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .3);
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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
}

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

.stiJsViewerFormButton {
    height: 23px;
    cursor: default;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

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

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

.stiJsViewerDropdownMenu,
.stiJsViewerDropdownPanel,
.stiJsViewerMenu {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #ababab;
    background: #fff;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .3);
    cursor: default;
    color: #202020
}

.stiJsViewerAboutPanel,
.stiJsViewerProcessImage {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6)
}

.stiJsViewerMenuStandartItemDisabled,
.stiJsViewerRadioButtonDisabled {
    color: #d6d3d6
}

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

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

.stiJsViewerMenuStandartItemOver {
    background: #d5e1f2
}

.stiJsViewerMenuStandartItemSelected {
    background: #c2d5f2
}

.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 {
    position: absolute;
    background: #fff;
    -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 rgba(0, 0, 0, .3)
}

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

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

.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 rgba(0, 0, 0, .4)
}

.stiJsViewerPageShadow {
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

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

.stiEditableField {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    position: relative
}

.stiEditableFieldSelected {
    background: #f5efd5;
    cursor: pointer;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .5)
}

.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: .6;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.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 rgba(25, 71, 138, .2);
    border-right: 6px solid rgba(25, 71, 138, .2);
    border-bottom: 6px solid rgba(25, 71, 138, .2);
    border-left: 6px solid #19478a;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    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;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

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

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

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

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

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

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

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

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

.stiJsViewerStandartSmallButton {
    cursor: default;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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;
    -webkit-border-radius: 0;
    outline: 0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(hsla(0, 0%, 100%, 0)), to(hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 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;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 50;
    max-width: 250px;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.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;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    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;
    position: absolute;
    background: #fff;
    -moz-opacity: 0;
    -khtml-opacity: 0
}

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

.stiJsViewerNavigateButtonOver {
    background: #3b629b
}

.stiJsViewerNavigateButtonSelected {
    background: #11315f
}

.stiJsViewerNavigateButtonDisabled {
    color: #d6d3d6
}

.stiJsViewerResourceDropDownButton {
    height: 15px;
    width: 15px;
    cursor: default;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-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 .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: .3;
    pointer-events: none;
    transform: rotate(-45deg)
}

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

.stiJsViewerDataGridCellInnerContainer {
    overflow: hidden;
    whiteSpace: normal
}

.stiJsViewerDbsLightMenu {
    font-size: 12px;
    border: 1px solid #ababab;
    background: #fff;
    box-shadow: 0 0 7px rgba(0, 0, 0, .3);
    color: #202020
}

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

.stiJsViewerDbsLightMenuItemOver,
.stiJsViewerDbsLightMenuItemSelected {
    background: #e2e2e2
}

.stiJsViewerDbsLightMenuItemDisabled {
    color: #d6d3d6
}

.stiJsViewerDbsDarkMenu {
    font-size: 12px;
    border: 1px solid #a0a0a0;
    background: #2b2b2b;
    box-shadow: 0 0 7px rgba(0, 0, 0, .3);
    color: #ddd
}

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

.stiJsViewerDbsDarkMenuItemOver,
.stiJsViewerDbsDarkMenuItemSelected {
    background: #414141
}

.stiJsViewerDbsDarkMenuItemDisabled {
    color: #666
}

.stiJsViewerFilterPanel,
.stiJsViewerTreeItem,
.stiJsViewerTreeItemOver,
.stiJsViewerTreeItemSelected {
    color: #444;
    font-size: 12px;
    font-family: Arial
}

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

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

.stiJsViewerFilterPanel {
    border: 1px solid #c6c6c6;
    background: #fff;
    margin: 4px;
    -moz-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .6);
    box-shadow: 0 0 7px rgba(0, 0, 0, .3)
}

.stiJsViewerTreeItemIconOpening {
    margin: 0 3px 0 0
}

.stiJsViewerTreeItem {
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.stiJsViewerTreeItemOver {
    background: #d5e1f2;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.stiJsViewerTreeItemSelected {
    background: #c2d5f2;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-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%;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.stiJsViewerLoginButtonDefault {
    background: #19478a
}

.stiJsViewerLoginButtonOver {
    background: #3b629b
}

.stiJsViewerLoginButtonSelected {
    background: #11315f
}

.stiJsViewerLoginButtonDisabled {
    background: #3b629b
}