/*   Brightics 2.0 Chart Build 190718 */
.jqx-widget {
    font-family: Arial, Dotum, Tahoma, sans-serif;
    font-size: 12px;

    color: rgba(0, 0, 0, .8);
}

.jqx-widget-header-office {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    color: rgba(0, 0, 0, .7);
}

.jqx-widget-content-office {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    color: rgba(0, 0, 0, .7);
}

.jqx-widget-office .jqx-grid-column-header-office,
.jqx-grid-cell-office,
.jqx-widget-office .jqx-grid-cell-office,
.jqx-widget-office .jqx-grid-group-cell-office,
.jqx-grid-group-cell-office {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
}

.jqx-fill-state-hover-office {
    border-color: #ccc;
    background: #e5e5e5;
}

.jqx-grid-cell-hover-office {
    color: #626fdb !important;
    background: transparent;
}

.jqx-fill-state-focus-office,
.jqx-combobox-content-focus-office,
.jqx-numberinput-focus,
.jqx-datetimeinput-office .jqx-fill-state-hover-office,
.jqx-datetimeinput-office .jqx-fill-state-pressed-office {
    border-color: #626fdb;
}

.jqx-fill-state-pressed-office {
    background: #eff1fd;
}

.jqx-grid-cell {
    white-space: pre;
}

.jqx-grid-content-office .jqx-fill-state-pressed-office {
    color: #626fdb !important;
}

.jqx-expander-header-content-office {
    font-size: 13px;

    margin-left: 12px !important;
}

.jqx-button-office {
    cursor: pointer;
}

.jqx-radiobutton-office {
    line-height: 18px;
}

.jqx-radiobutton-default-office {
    display: inline-block;

    width: 18px !important;
    height: 18px !important;
    margin: 0 7px 0 0;
    margin-top: 0 !important;

    vertical-align: middle;

    border: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: url('images/icon/radio_check.png') no-repeat;
    background-position: 0 0;

    -o-border-radius: 0 !important;
}

.jqx-radiobutton-check-checked-office {
    top: 0 !important;
    left: 0 !important;

    width: 18px !important;
    height: 18px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;

    border: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    background: url('images/icon/radio_check.png') no-repeat;
    background-position: 0 -56px;

    -o-border-radius: 0 !important;
}

.jqx-radiobutton-hover-office.jqx-fill-state-hover-office {
    border-color: #626fdb;
}

.jqx-checkbox-office {
    line-height: 19px;
}

.jqx-checkbox-default-office {
    margin-right: 7px;
}

.jqx-checkbox-default-office.jqx-fill-state-hover-office {
    border-color: #626fdb;
    background: transparent;
}

.jqx-checkbox-default-office > div:first-child {
    width: 17px !important;
    height: 17px !important;
}

.jqx-checkbox-check-checked-office {
    top: 0 !important;
    left: 0 !important;

    width: 17px !important;
    height: 17px !important;

    background: url('images/icon/radio_check.png') no-repeat;
    background-position: -38px -56px;
}

.jqx-checkbox-check-indeterminate.jqx-checkbox-check-indeterminate-office {
    top: 0 !important;
    left: 0 !important;

    width: 17px !important;
    height: 17px !important;

    background: url('images/icon/radio_check.png') no-repeat;
    background-position: -38px -140px;
}

.jqx-popover {
    box-shadow: none;
}

.jqx-popover-title-office {
    font-family: Arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;

    height: 60px;
    padding: 5px 30px;

    background: #fff;
}

.jqx-popover-content-office {
    padding: 7px;
}

.jqx-window-close-button-background > .jqx-window-close-button {
    position: absolute;
    top: 9px;
    right: 0;

    width: 18px !important;
    height: 18px !important;

    background-image: url('images/tool-close-18.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}

.jqx-window-close-button-background > .jqx-window-close-button-hover-office {
    background-position-x: -18px;
}

.jqx-popover-title-office > .jqx-window-close-button-background > .jqx-window-close-button {
    top: 25px;
    right: 25px;
}

.jqx-menu-wrapper {
    outline: none;
}

.jqx-menu-office {
    height: auto !important;
}

.jqx-menu li,
.jqx-menu-dropdown li {
    line-height: 30px !important;

    height: 30px;
}

.jqx-menu li[type=separator] {
    height: 1px !important;
}

.jqx-menu-item-top-hover-office {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.jqx-menu-item-hover-office {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.jqx-menu-item-top-selected-office {
    border-color: #f7f7f7;
    background: #f7f7f7;
}

.jqx-menu-item-top > .jqx-icon-arrow-right {
    margin-top: 8px;
}

.jqx-notification-office {
    background: rgba(0, 0, 0, .95) !important;
}

.jqx-notification-close-button {
    top: 50%;
    right: 0;

    background-image: url('images/tool-close-white-18.png');
}

.jqx-progressbar-value.jqx-fill-state-pressed {
    background: #58bd7c;
}

input[type=text].jqx-input-office,
input[type=password].jqx-input-office,
input[type=search].jqx-input-office {
    font-size: 13px;

    box-sizing: border-box;
    min-width: 16px;
    min-height: 16px;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    padding-left: 10px;

    border-width: 1px;
    border-style: solid;
}

input[type=search].jqx-input-office {
    padding-right: 30px;

    background: url('images/search-28.png') no-repeat;
    background-position: center right;
}

input[type=search].jqx-input-office::-webkit-search-cancel-button {
    position: relative;
    right: -3px !important;

    width: 17px;
    height: 17px;

    background: url('images/icon/icon_palette.png') no-repeat;
    background-position: -27px 0;

    -webkit-appearance: none;
}

input[type=search].jqx-input-office::-webkit-search-cancel-button:hover {
    position: relative;
    right: -3px !important;

    width: 17px;
    height: 17px;

    background: url('images/icon/icon_palette.png') no-repeat;
    background-position: -54px 0;

    -webkit-appearance: none;
}

input[type=search].jqx-input-office::-ms-clear {
    width: 17px;
    height: 17px;
    margin-right: 20px;

    color: #fff;
    background: url('images/icon/icon_palette.png') no-repeat;
    background-position: -27px 0;
}

input[type=search].jqx-input-office::-ms-clear:hover {
    width: 17px;
    height: 17px;
    margin-right: 20px;

    color: #fff;
    background: url('images/icon/icon_palette.png') no-repeat;
    background-position: -54px 0;
}

.bcharts-container {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}

.bcharts-chart {
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bcharts-chart.bchart-table {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -ms-overflow-style: scrollbar;
}

.bcharts-chart.bchart-table .handsontable thead tr:first-child th {
    border-top: none;
}

.bcharts-chart.bchart-table .handsontable tbody th:first-child,
.bcharts-chart.bchart-table .handsontable thead th:first-child {
    border-left: none;
}

.bcharts-chart[chart-vendor="echarts"] > div:nth-child(2) {
    border-radius: 0 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    max-width: 300px;
    max-height: 200px;
    overflow: auto;
    text-overflow: ellipsis;
    /* z-index < 1000 : this should be located under minimap*/
    z-index: 900 !important;
}

.bcharts-chart[chart-vendor="echarts"] > div:nth-child(2) > div {
    text-overflow: ellipsis;
    overflow: hidden;
}

.bcharts-legend {
    position: absolute;
    padding: 5px 15px 15px 5px;
    box-sizing: border-box;
    overflow: auto;
    z-index: 2;
}

.bcharts-legend-item {
    display: table;
    cursor: pointer;
    align-items: center;
}

.bcharts-legend-item.bcharts-legend-hide {
    color: #d4d4d4;
    text-decoration: inherit;
}

.bcharts-legend-item.bcharts-legend-hide circle, .bcharts-legend-item.bcharts-legend-hide rect, .bcharts-legend-item.bcharts-legend-hide polygon {
    fill: #d4d4d4;
}

.bcharts-legend-symbol {
    display: table-cell;
    vertical-align: middle;
}

.bcharts-legend-label {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
}

.bcharts-title {
    position: absolute;
    cursor: default;
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none;
}

.bcharts-container[status="error"] .bcharts-title {
    visibility: hidden;
}

.bcharts-toolbar {
    position: absolute;
    visibility: hidden;
    z-index: 2;
}

.bcharts-toolbar-handler {
    width: 10px;
    color: #d3d3d3;
    background-color: rgba(0, 0, 0, .7);
    text-align: center;
    line-height: 24px;
    font-size: 10px;
    cursor: move;
}

.bcharts-container:hover .bcharts-toolbar {
    visibility: visible;
}

.bcharts-container[status="error"] .bcharts-toolbar {
    visibility: hidden;
}

.bcharts-toolitem {
    background-image: url("images/toolbar.png");
    cursor: pointer;
    width: 30px;
    height: 24px;
    background-color: #535353;
    background-repeat: no-repeat;
}

.bcharts-toolitem[action="toggle-brush-type"][brushType="rect"] {
}

.bcharts-toolitem[action="toggle-brush-type"][brushType="lineX"] {
    background-position-x: -30px;
}

.bcharts-toolitem[action="toggle-brush-type"][brushType="lineY"] {
    background-position-x: -60px;
}

.bcharts-toolitem[action="toggle-brush-type"][brushType="polygon"] {
    background-position-x: -90px;
    display: none;
}

.bcharts-toolitem[action="toggle-brush-mode"] {
    background-position-x: -120px;
}

.bcharts-toolitem[action="btn-clear-selection"] {
    background-position-x: -150px;
}

.bcharts-toolitem[action="toggle-zoom-slider"] {
    background-position-x: -180px;
}

.bcharts-toolitem:hover {
    background-color: #474747;
}

.bcharts-toolitem-selected {
    background-color: #383838;
}

.bcharts-toolitem-dropdown {
    width: 30px;
    height: 24px;
    overflow: hidden;
}

.bcharts-toolitem-dropdown:hover {
    overflow: visible;
}

.bcharts-text-overflow-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 4px 10px 4px 10px;
}

.bcharts-subtext-overflow-hidden {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 10px 4px 10px;
    box-sizing: border-box;
}

.bcharts-loading {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #626fdb;
    background: rgba(255, 255, 255, .6);
}

.bcharts-error {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.bcharts-error-text {
    background: #555;
    color: #fff;
    pointer-events: none;
}

.bcharts-error-guide {
    display: flex;
    justify-content: center;
    max-width: 300px;
    margin-top: 20px;
}

.bcharts-error-guide-message {
    flex-grow: 1;
}

.bcharts-error-guide-icon {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: url('images/panel-tools-24x24.png') no-repeat;
    background-position: -2px -3px;
}

.bcharts-chart.jqx-grid,
.bcharts-chart.jqx-grid .jqx-grid-content {
    background-color: transparent;
}

.hidden {
    display: none;
}

.d3-node-tooltip, .d3-link-tooltip {
    /*line-height: 1;*/
    /*font-weight: bold;*/
    /*padding: 10px;*/
    /*background: rgba(0, 0, 0, 0.8);*/
    /*color: #fff;*/
    /*border-radius: 2px;*/
    /*z-index: 999;*/

    /*position: absolute;*/
    /*display: none;*/
    border-style: solid;
    white-space: nowrap;
    transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    border-width: 0px;
    border-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-stretch: normal;
    line-height: 21px;
    padding: 5px;
    border-radius: 0 !important;
    background-color: rgba(0, 0, 0, 0.8) !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size: 12px !important;
    max-width: 300px;
    max-height: 200px;
    overflow: auto;
    text-overflow: ellipsis;
    z-index: 900 !important;
}

/* Creates a small triangle extender for the tooltip */
/*.d3-tip:after {*/
/*box-sizing: border-box;*/
/*display: inline;*/
/*font-size: 10px;*/
/*width: 100%;*/
/*line-height: 1;*/
/*color: rgba(0, 0, 0, 0.8);*/
/*content: "\25BC";*/
/*position: absolute;*/
/*text-align: center;*/
/*}*/

/* Style northward tooltips differently */
/*.d3-tip.n:after {*/
/*margin: -1px 0 0 0;*/
/*top: 100%;*/
/*left: 0;*/
/*}*/

.bcharts-dialog-contents-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
}

.bcharts-cell-viewer {
    padding: 10px;
    display: inline-block;
    min-width: 100%;
    min-height: 100%;
    font-size: 13px;
    line-height: 1.42857143;
    box-sizing: border-box;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.bcharts-image-cell-viewer {
    display: inline-block;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
}

.bcharts-image-cell-image {
    float: left;
}

.bcharts-image-cell-desc {
    float: right;
}

.bcharts-image-cell-desc > table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 200px;
    border: 1px solid #ddd;
    table-layout: fixed;
}

.bcharts-image-cell-desc > table th, .bcharts-image-cell-desc > table td {
    border: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1px 5px;
}

.chart-test {
    width: 10px;
    height: 10px;
}

.img-grid__img-info-container table {
    border: 1px solid #ddd;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    margin-left: 5px;
    border-collapse: collapse;
}

.img-grid__img-info-container tr {
    padding: 0;
    border: 1px solid #ddd;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

.img-grid__img-info-container th {
    padding: 3px;
    border: 1px solid #ddd;
    text-align: left;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

.img-grid__img-info-container td {
    padding: 3px;
    border: 1px solid #ddd;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
}

.img-grid__img-container-container {
    display: flex;
    padding: 5px;
}

.img-grid__img-container {
    max-height: 800px;
    max-width: 800px;
    overflow: auto;
}

.img-grid__img-header {
    cursor: move;
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid rgb(212, 212, 212);
}

.img-grid__close-button {
    background-image: url('images/tool-close-18.png');
    background-repeat: no-repeat;
    float: right;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.img-grid__img-header-text-div {
    display: inline-block;
    vertical-align: middle;
}

.img-grid__tooltip {
    position: absolute;
    z-index: 1000000;
    border: 1px solid black;
    background-color: #fff;
}

.img-grid__canvas-wrapper {
    width: 100%;
    height: 100%;
}

.bcharts-dialog .bcharts-dialog-contents.cellviewer{
    position: relative;
    white-space: pre;
    width: 100%;
    height: 100%;
}

.bcharts-dialog .bcharts-dialog-header > div:first-child {
    line-height: 25px;
    height: 25px;
}

.bcharts-dialog .bcharts-dialog-header > .jqx-window-close-button-background {
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    right: 8px !important;
    top: 8px !important;
}

.bcharts-dialog .bcharts-dialog-header > .jqx-window-close-button-background > .jqx-window-close-button
{
    position: absolute;
    width: 18px !important;
    height: 18px !important;
    background-image: url('images/tool-close-18.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    top: 1px;
    right: 1px;
}

.bcharts-dialog .bcharts-dialog-header > .jqx-window-close-button-background > .jqx-window-close-button:hover {
    background-position-x: -18px
}
.bcharts-pagination {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.bcharts-pagination-navigator {
    display: inline-flex;
    min-width: 160px;
}

.bcharts-pagination-navigator > div {
    display: inline-flex;
}

.bcharts-pagination-navigator-button {
    width: 20px;
    margin: 2px 0 2px 0;
    cursor: pointer;
}

.bcharts-pagination-navigator-button > i {
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin: auto;
}

.bcharts-pagination-navigator-page.bcharts-non-editable {
    opacity: .6;
    pointer-events: none;
}

.bcharts-pagination-navigator-button.bcharts-non-editable {
    opacity: .3;
    pointer-events: none;
}

.bcharts-pagination-size {
    display: inline-flex;
}

.bcharts-pagination-size > div {
    display: inline-flex;
    margin-right: 6px;
}

.bcharts-pagination-navigator-page {
    margin-top: 2px;
}

.bcharts-pagination-size-input {
    width: 80px;
    height: 24px;
    border: solid 1px #d3d3d3;
    justify-content: center;
    line-height: 26px;
    background-image: url('images/icon-up-17.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    cursor: pointer;
    padding-right: 8px;
    margin-top: 2px;
}

.bcharts-pagination-size-input.disabled {
    cursor: default;
    background-color: #eee;
}

.bcharts-pagination-size-input-menu.jqx-menu li {
    height: 26px;
    line-height: 16px !important;
    box-sizing: border-box;
}

.bcharts-pagination-showing {
    display: inline-flex;
    float: right;
}

.bcharts-pagination-showing > div {
    display: inline-flex;
    margin: 0 2px 0 2px;
}
