@font-face {
    font-family: "Freestyle Script";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/FREESCPT.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/FREESCPT.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: "Bickham Script Pro Regular";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/BickhamScriptPro/BickhamScriptProRegular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/BickhamScriptPro/BickhamScriptPro-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: "Baskerville Old Face";
    src: url("../fonts/Baskerville/9ecec61376083fd290b75d94fdaca380.eot"), /* IE9*/
    url("../fonts/Baskerville/9ecec61376083fd290b75d94fdaca380.woff2") format("woff2"), /* chrome、firefox */
    url("../fonts/Baskerville/9ecec61376083fd290b75d94fdaca380.woff") format("woff"), /* chrome、firefox */
    url("../fonts/Baskerville/BASKVILL.TTF") format("truetype"); /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
}


/*@font-face {
    font-family: 'Baskerville Normal';
    font-style: normal;
    font-weight: normal;
    src: url('baskvl.woff') format('woff');
}*/

@font-face {
    font-family: "IranNastaliq";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/IranNastaliq/IranNastaliq.ttf') format('truetype'), url('../fonts/IranNastaliq/IranNastaliq.woff') format('woff'), url('../fonts/IranNastaliq/IranNastaliq.woff2') format('woff2');
}

@font-face {
    font-family: "Hancock";
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/Hancock.woff') format('woff') /* Pretty Modern Browsers */
    ,url('../fonts/Hancook/c92c50226d0282d27811d1a5dec7fe5e.ttf') format('truetype'),url('../fonts/Hancook/c92c50226d0282d27811d1a5dec7fe5e.woff') format('woff'),
        url('../fonts/Hancook/c92c50226d0282d27811d1a5dec7fe5e.woff2') format('woff2');
}
/*@media print {
    .print-certificate .stiJsViewerToolBar {
        display: none !important;
    }
    .print-certificate table * {
        width: 100% !important;
    }
}*/



.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: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    position: absolute;
    overflow: auto;
    font-family: Arial;
    font-size: 12px;
    white-space: nowrap;
    background: #ffffff;
    padding: 3px 0px 0px 3px;
}

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

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

.stiJsViewerBookmarksContainer a {
    color: #444444;
    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: #444444;
            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;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/* Mouse */
.stiJsViewerCheckBox {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;
    color: #444444;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    color: #202020;
}

.stiJsViewerCheckBoxDisabled {
    font-size: 12px;
    color: #d6d3d6;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border: 0;
}

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

.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 0 5px 0;
    text-align: center;
    font-weight: bold;
    border: 0 none;
    border-bottom: 1px solid #c6c6c6;
}

/* Mouse */
.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: transparent;
}

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

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

.stiJsViewerDatePickerDayButtonDisabled {
    color: #d6d3d6;
}

/* Mouse */
.stiJsViewerDropDownList {
    border: 1px solid #ababab;
    background: #ffffff;
}

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

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

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

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


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

.stiJsViewerDropDownListButtonDefault {
    background: #ffffff;
}

.stiJsViewerDropDownListButtonOver {
    background: #d5e1f2;
}

.stiJsViewerDropDownListButtonSelected {
    background: #c2d5f2;
}

.stiJsViewerDropDownListButtonDisabled {
    color: #d6d3d6;
}

.stiJsViewerForm {
    position: absolute;
    border: 1px solid #ababab;
    background: #ffffff;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,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: #ffffff;
    font-family: Corbel;
    font-size: 25px;
    color: #587cb1;
    text-align: center;
    cursor: default;
}

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

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

.stiJsViewerFormButtonsPanel {
    float: right;
}

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

/* Mouse */
.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: #ffffff;
    border: 1px solid #ababab;
}

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

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

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

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

/* Mouse */
.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;
}

.stiJsViewerHyperlinkButtonSelected {
    color: #5a83ad;
}

.stiJsViewerHyperlinkButtonDisabled {
    color: #5a83ad;
}

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

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

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

/* Mouse */
.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;
}

.stiJsViewerMenuStandartItemDisabled {
    color: #d6d3d6;
}

.stiJsViewerClearAllStyles {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

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

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

    .stiJsViewerReportPanel table,
    .stiJsViewerReportPanel td {
        padding: 0px;
        margin: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

.stiJsViewerDisabledPanel {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background: white;
    filter: alpha(Opacity=10);
    opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}

.stiJsViewerAboutPanel {
    width: 520px;
    height: 351px;
    z-index: 500;
    position: absolute;
    border: 1px solid #ababab;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    line-height: normal;
}

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

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

.stiJsViewerAboutPanelVersion {
    width: 100%;
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    color: #444444;
    margin-top: 20px;
}

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

.stiJsViewerProcessImage {
    z-index: 45;
    position: absolute;
    border: 1px solid #0070b8;
    background: #ffffff;
    font-size: 12px;
    color: #0070b8;
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,0,0,0.4);
}

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

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

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

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

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

.stiJsViewerFindLabel {
    position: absolute;
    z-index: 150;
    border: 2px solid #8a8a8a;
    background: yellow;
    opacity: 0.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 td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.stiJsViewerParametersPanel table {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

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

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

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

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

/* -------------------- Menu -----------------*/

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

    .stiJsViewerParametersMenuInnerTable td {
        padding: 0px;
    }

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

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

.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, 0.2);
    border-right: 6px solid rgba(25,71,138, 0.2);
    border-bottom: 6px solid rgba(25,71,138, 0.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;
    }

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

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

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

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

.stiJsViewerRadioButton {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.stiJsViewerRadioButtonDisabled {
    padding: 0px;
    margin: 0px;
    border: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 12px;
    color: #d6d3d6;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

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

.stiJsViewerRadioButtonOutCircle {
    border: 1px solid #ababab;
    background: #ffffff;
    -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;
}

/* Mouse */
.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: #ffffff;
    border-Left: 0px;
}

/* Mouse */
.stiJsViewerTextBox {
    font-size: 12px;
    margin: 0px;
    padding: 0px 0px 0px 4px;
    -webkit-border-radius: 0px;
    outline: none;
    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: #ffffff;
    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: #ffffff;
}

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

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

.stiJsViewerToolTip {
    position: absolute;
    border: 1px solid #c6c6c6;
    background: #ffffff;
    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: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
}

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

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

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

.stiJsViewerNavigatePanelDisabledPanel {
    z-index: 101;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    background: white;
    filter: alpha(Opacity=10);
    opacity: 0;
    -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;
}

/* Mouse */
.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: #ffffff;
    border: 1px solid transparent;
}

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

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

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

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

.stiJsViewerDashboardBackPanel {
    width: 100%;
    text-align: center;
    color: black;
    font-family: Arial;
    font-size: 100px;
    font-weight: bold;
    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;
}

/* DataGrid */
.stiJsViewerDataGridCellInnerContainer {
    overflow: hidden;
    whiteSpace: normal;
}

/* Menu Light */
.stiJsViewerDbsLightMenu {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #ababab;
    background: #ffffff;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,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: #d6d3d6;
}

/* Menu Dark */
.stiJsViewerDbsDarkMenu {
    position: absolute;
    padding: 1px;
    font-size: 12px;
    border: 1px solid #a0a0a0;
    background: #2b2b2b;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
    cursor: default;
    color: #dddddd;
}

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

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

.stiJsViewerDbsDarkMenuItemDisabled {
    color: #666666;
}

/* Filter Container */
.stiJsViewerFilterContainer {
    background: #ffffff;
    border-top: 1px dotted #c6c6c6;
    overflow: auto;
}

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

/* Filter Panel */
.stiJsViewerFilterPanel {
    border: 1px solid #c6c6c6;
    background: #ffffff;
    color: #444444;
    font-family: Arial;
    font-size: 12px;
    margin: 4px;
    -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.6);
    box-shadow: 0 0 7px rgba(0,0,0,0.3);
}

/* Opening Icon */
.stiJsViewerTreeItemIconOpening {
    margin: 0 3px 0 0;
}

/* Button */
.stiJsViewerTreeItem {
    color: #444444;
    cursor: default;
    font-family: Arial;
    font-size: 12px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

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

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

/* Button Image */
.stiJsViewerTreeItemImage {
    border: 0px;
    padding: 0px;
    margin: 1px 2px 1px 2px;
}

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

/*Editeddddddddddddddddddddddddddddddddddddddddddddd from down*/
@keyframes blick {
    0% {background-color: #fff}
    50% {background-color: #0ff}
    100% {background-color: #fff}
}
.stiJsViewerStandartSmallButton:nth-child(1) {
    animation: blick 2s infinite;
    width: 10rem;
}