/*
Stimulsoft.Reports.JS
Version: 2020.3.2
Build date: 2020.06.17
License: https://www.stimulsoft.com/en/licensing/reports
*/
.stiJsViewerBookmarksPanel {
    z-index: 2;
    left: 0;
    float: left;
    position: absolute;
    overflow: visible;
    white-space: nowrap;
    color: #202020
}

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

.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: #dce6f4;
    padding: 3px 0 0 3px
}

.stiJsViewerBookmarksContainerSimple {
    border: 1px solid #7092be;
    margin-top: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.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: 1px 2px
    }

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

    .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
}

.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: #a6a3a6
}

.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 #bbcadb
}

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

.stiJsViewerDatePickerDayButton {
    cursor: default;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    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 #bbcadb
}

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

.stiJsViewerDatePickerDayButtonDisabled {
    color: #a6a3a6
}

.stiJsViewerDropDownList {
    border: 1px solid #ababab;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: separate
}

.stiJsViewerDropDownListOver {
    border: 1px solid #a3bde3;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: separate
}

.stiJsViewerDropDownListDisabled {
    border: 1px solid #b7b4b7;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border-collapse: separate
}

.stiJsViewerDropDownList_TextBox {
    font-size: 12px;
    border: 0;
    margin: 0;
    padding: 0 0 0 4px;
    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;
    -moz-border-radius: 3px 0;
    -webkit-border-radius: 3px 0 3px 0;
    border-radius: 3px 0;
    color: #202020
}

.stiJsViewerDropdownMenu, .stiJsViewerDropdownPanel {
    padding: 1px;
    font-size: 12px;
    border: 1px solid #979797;
    color: #202020;
    cursor: default;
    position: absolute
}

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

.stiJsViewerDropdownMenu {
    -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);
    background: #fff
}

.stiJsViewerDropdownPanel {
    -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);
    background: #f1f1f1
}

.stiJsViewerDbsDarkMenu, .stiJsViewerDbsLightMenu, .stiJsViewerForm, .stiJsViewerMenu, .stiJsViewerToolTip {
    -moz-box-shadow: 0 0 7px rgba(0,0,0,.6)
}

.stiJsViewerDropDownListButton {
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.stiJsViewerDropDownListButtonDefault {
    background: #fff
}

.stiJsViewerDropDownListButtonOver {
    background: #d5e1f2
}

.stiJsViewerDropDownListButtonSelected {
    background: #c2d5f2
}

.stiJsViewerDropDownListButtonDisabled {
    color: #a6a3a6
}

.stiJsViewerForm {
    position: absolute;
    border: 1px solid #7092be;
    background: #deeaf7;
    -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;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #202020
}

.stiJsViewerDbsDarkMenu, .stiJsViewerDbsLightMenu, .stiJsViewerMenu, .stiJsViewerToolTip {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,.6)
}

.stiJsViewerFormHeader {
    background: #edf4fc;
    font-family: Corbel;
    font-size: 25px;
    color: #5579ae;
    text-align: center;
    cursor: default;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

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

.stiJsViewerFormSeparator {
    height: 0;
    border-top: 1px dashed #cfdbeb;
    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: #5579ae;
    width: 450px;
    padding: 10px 50px
}

.stiJsViewerFormButton {
    height: 23px;
    cursor: default;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

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

.stiJsViewerFormButtonOver {
    border: 1px solid #bbcadb;
    background: #bbcee6;
    background: -moz-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -webkit-gradient(linear,top,bottom,color-stop(20%,#fdfeff),color-stop(100%,#bbcee6));
    background: -webkit-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -o-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -ms-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: linear-gradient(top,#fdfeff 20%,#bbcee6)
}

.stiJsViewerFormButtonSelected {
    border: 1px solid #bbcadb;
    background: #a6c3e8;
    background: -moz-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#e8eef7),color-stop(100%,#a6c3e8));
    background: -webkit-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -o-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -ms-linear-gradient(top,#e8eef7,#a6c3e8);
    background: linear-gradient(top,#e8eef7,#a6c3e8)
}

.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
}

.stiJsViewerHyperlinkButtonDefault {
    color: #5a83ad
}

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

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

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

.stiJsViewerMenu {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #979797;
    background: #f1f1f1;
    background: -moz-linear-gradient(left,#e8e8e8 25px,#f1f1f1 25px);
    background: -webkit-gradient(linear,left,right,color-stop(0,#e8e8e8),color-stop(25px,#f1f1f1));
    background: -webkit-linear-gradient(left,#e8e8e8 25px,#f1f1f1 25px);
    background: -o-linear-gradient(left,#e8e8e8 25px,#f1f1f1 25px);
    background: -ms-linear-gradient(left,#e8e8e8 25px,#f1f1f1 25px);
    background: linear-gradient(left,#e8e8e8 25px,#f1f1f1 25px);
    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)
}

.stiJsViewerVerticalMenuSeparator {
    height: 1px;
    background: #e0e0e0;
    border-bottom: 1px solid #fff;
    margin: 1px 2px 0 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;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid transparent
}

.stiJsViewerMenuStandartItemOver, .stiJsViewerMenuStandartItemSelected {
    border: 1px solid #aecff7;
    background: #e6edf6;
    background: -moz-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#f1f3f6),color-stop(100%,#e6edf6));
    background: -webkit-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -o-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -ms-linear-gradient(top,#f1f3f6,#e6edf6);
    background: linear-gradient(top,#f1f3f6,#e6edf6)
}

.stiJsViewerMenuStandartItemDisabled {
    border: 1px solid transparent;
    color: #a6a3a6
}

.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 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 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 #7092be;
    background: #deeaf7;
    box-shadow: 0 0 7px rgba(0,0,0,.3)
}

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

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

.stiJsViewerAboutPanelVersion {
    width: 100%;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #444;
    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
}

.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 #7092be
}

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

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

.stiJsViewerInnerParametersPanelSimple {
    border: 1px solid #7092be;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.stiJsViewerInnerParametersPanelSeparatedLeft {
    border-right: 1px solid #7092be
}

.stiJsViewerInnerContainerParametersPanel {
    font-size: 12px;
    padding: 10px;
    border-collapse: separate;
    background: #dce6f4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: auto
}

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

    .stiJsViewerParametersMenuInnerTable td {
        padding: 0
    }

.stiJsViewerParametersMenuSeparator {
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    border-bottom: 1px solid #fff
}

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

    .stiJsViewerParametersMenuItemOver .stiJsViewerParametersMenuItemInnerTable, .stiJsViewerParametersMenuItemPressed .stiJsViewerParametersMenuItemInnerTable {
        height: 100%;
        width: 100%;
        font-size: 12px;
        border: 1px solid #aecff7;
        background: #e6edf6;
        background: -moz-linear-gradient(top,#f1f3f6,#e6edf6);
        background: -webkit-gradient(linear,top,bottom,color-stop(0,#f1f3f6),color-stop(100%,#e6edf6));
        background: -webkit-linear-gradient(top,#f1f3f6,#e6edf6);
        background: -o-linear-gradient(top,#f1f3f6,#e6edf6);
        background: -ms-linear-gradient(top,#f1f3f6,#e6edf6);
        background: linear-gradient(top,#f1f3f6,#e6edf6);
        white-space: nowrap;
        overflow: hidden;
        border-collapse: separate;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px
    }

.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 #0070b8;
    -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 {
    border: 0;
    margin: 0;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    padding: 0
}

@-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)
    }
}

.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: #a6a3a6
}

.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-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.stiJsViewerStandartSmallButtonDefault {
    border: 1px solid transparent
}

.stiJsViewerStandartSmallButtonOver {
    border: 1px solid #bbcadb;
    background: #bbcee6;
    background: -moz-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -webkit-gradient(linear,top,bottom,color-stop(20%,#fdfeff),color-stop(100%,#bbcee6));
    background: -webkit-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -o-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -ms-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: linear-gradient(top,#fdfeff 20%,#bbcee6)
}

.stiJsViewerStandartSmallButtonSelected {
    border: 1px solid #bbcadb;
    background: #a6c3e8;
    background: -moz-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#e8eef7),color-stop(100%,#a6c3e8));
    background: -webkit-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -o-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -ms-linear-gradient(top,#e8eef7,#a6c3e8);
    background: linear-gradient(top,#e8eef7,#a6c3e8)
}

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

.stiJsViewerTextBox {
    font-size: 12px;
    margin: 0;
    padding: 0 0 0 4px;
    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;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    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 #7092be;
    background: 0 0
}

.stiJsViewerToolBarTable {
    cursor: default;
    font-size: 12px;
    border: 1px solid #7092be;
    background: #dce6f4;
    background: -moz-linear-gradient(top,#fdfeff,#cddaea);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#fdfeff),color-stop(100%,#cddaea));
    background: -webkit-linear-gradient(top,#fdfeff,#cddaea);
    background: -o-linear-gradient(top,#fdfeff,#cddaea);
    background: -ms-linear-gradient(top,#fdfeff,#cddaea);
    background: linear-gradient(top,#fdfeff,#cddaea);
    width: 100%;
    border-collapse: separate;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #202020
}

.stiJsViewerToolBarSeparator {
    border: 0;
    border-right: 1px solid #eff6ff;
    background: #d7e4f4
}

.stiJsViewerToolTip {
    position: absolute;
    border: 1px solid #7092be;
    background: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 50;
    max-width: 250px;
    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 #7092be;
    white-space: normal
}

.stiJsViewerNavigatePanel {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background: #dce6f4;
    background: -moz-linear-gradient(top,#fdfeff,#cddaea);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#fdfeff),color-stop(100%,#cddaea));
    background: -webkit-linear-gradient(top,#fdfeff,#cddaea);
    background: -o-linear-gradient(top,#fdfeff,#cddaea);
    background: -ms-linear-gradient(top,#fdfeff,#cddaea);
    background: linear-gradient(top,#fdfeff,#cddaea);
    font-family: Arial;
    font-size: 12px;
    color: #444
}

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

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

.stiJsViewerNavigateButton {
    cursor: default;
    font-size: 12px;
    border: 1px solid transparent;
    border-radius: 3px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.stiJsViewerNavigateButtonOver {
    border: 1px solid #bbcadb;
    background: #d5e1f2;
    background: -moz-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -webkit-gradient(linear,top,bottom,color-stop(20%,#fdfeff),color-stop(100%,#bbcee6));
    background: -webkit-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -o-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: -ms-linear-gradient(top,#fdfeff 20%,#bbcee6);
    background: linear-gradient(top,#fdfeff 20%,#bbcee6)
}

.stiJsViewerNavigateButtonSelected {
    border: 1px solid #bbcadb;
    background: #c2d5f2;
    background: -moz-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#e8eef7),color-stop(100%,#a6c3e8));
    background: -webkit-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -o-linear-gradient(top,#e8eef7,#a6c3e8);
    background: -ms-linear-gradient(top,#e8eef7,#a6c3e8);
    background: linear-gradient(top,#e8eef7,#a6c3e8)
}

.stiJsViewerNavigateButtonDisabled {
    border: 1px solid transparent;
    color: #a6a3a6
}

.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 #c2d5f2
}

.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 {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #ababab;
    background: #fff;
    box-shadow: 0 0 7px rgba(0,0,0,.3);
    cursor: default;
    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: #a6a3a6
}

.stiJsViewerDbsDarkMenu {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #a0a0a0;
    background: #2b2b2b;
    box-shadow: 0 0 7px rgba(0,0,0,.3);
    cursor: default;
    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
}

.stiJsViewerFilterContainer {
    background: #e5eef9;
    border-top: 1px dotted #7092be;
    overflow: auto
}

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

.stiJsViewerFilterPanel {
    border: 1px solid #7092be;
    background: #e5eef9;
    color: #444;
    font-family: Arial;
    font-size: 12px;
    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 {
    border: 1px solid transparent;
    box-sizing: border-box;
    color: #444;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.stiJsViewerTreeItemOver, .stiJsViewerTreeItemSelected {
    box-sizing: border-box;
    border: 1px solid #aecff7;
    background: #e6edf6;
    background: -moz-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -webkit-gradient(linear,top,bottom,color-stop(0,#f1f3f6),color-stop(100%,#e6edf6));
    background: -webkit-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -o-linear-gradient(top,#f1f3f6,#e6edf6);
    background: -ms-linear-gradient(top,#f1f3f6,#e6edf6);
    background: linear-gradient(top,#f1f3f6,#e6edf6);
    color: #444;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

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

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

.stiJsViewerToolBarTable table{
    margin-right: 25% !important;
}

.stiJsViewerClearAllStyles {
    font-family: vazir !important;
}
button.close:nth-child(2){
    display: none;
}