.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bchart-layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.bchart-layout-bottom, .bchart-layout-top {
    width: 100%;
    height: 24px;
}

.bchart-title-area, .bchart-x-axis-area {
    width: 100%;
    height: 24px;
    display: flex;
    justify-content: center;
}

.bchart-layout-middle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bchart-middle-area {
    position: relative;
    -webkit-flex: 1;
    flex: 1;
}

.bchart-layout-middle-flex {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
}

.bchart-layout-middle-flex.left-top {
    flex-direction: row;
}
.bchart-layout-middle-flex.left-middle {
    flex-direction: row;
}
.bchart-layout-middle-flex.left-bottom {
    flex-direction: row;
}
.bchart-layout-middle-flex.right-top {
    flex-direction: row;
}
.bchart-layout-middle-flex.right-middle {
    flex-direction: row;
}
.bchart-layout-middle-flex.right-bottom {
    flex-direction: row;
}
.bchart-layout-middle-flex.center-top {
    flex-direction: column;
}
.bchart-layout-middle-flex.center-middle {
    flex-direction: column;
}
.bchart-layout-middle-flex.center-bottom {
    flex-direction: column;
}

.bchart-layout-middle-flex-legend {
    order: 2;
    flex: none;
}

/*.bchart-layout-middle-flex-legend.horizontal {*/
    /*max-width: 200px;*/
    /*width: auto;*/
/*}*/
/*.bchart-layout-middle-flex-legend.vertical {*/
    /*max-width: 200px;*/
    /*width: auto;*/
    /*height: 100%;*/
/*}*/

.bchart-layout-middle-flex-legend.left-top {
    order: 1;
}
.bchart-layout-middle-flex-legend.left-middle {
    order: 1;
}
.bchart-layout-middle-flex-legend.left-bottom {
    order: 1;
}
.bchart-layout-middle-flex-legend.right-top {
    order: 2;
}
.bchart-layout-middle-flex-legend.right-middle {
    order: 2;
}
.bchart-layout-middle-flex-legend-flex.right-bottom {
    order: 2;
}
.bchart-layout-middle-flex-legend.center-top {
    order: 1;
}
.bchart-layout-middle-flex-legend.center-middle {
    order: 1;
}
.bchart-layout-middle-flex-legend.center-bottom {
    order: 2;
}

.bchart-layout-middle-flex-chart.left-top {
    order: 2;
}
.bchart-layout-middle-flex-chart.left-middle {
    order: 2;
}
.bchart-layout-middle-flex-chart.left-bottom {
    order: 2;
}
.bchart-layout-middle-flex-chart.right-top {
    order: 1;
}
.bchart-layout-middle-flex-chart.right-middle {
    order: 1;
}
.bchart-layout-middle-flex-chart.right-bottom {
    order: 1;
}
.bchart-layout-middle-flex-chart.center-top {
    order: 2;
}
.bchart-layout-middle-flex-chart.center-middle {
    order: 2;
}
.bchart-layout-middle-flex-chart.center-bottom {
    order: 1;
}

.legend-panel.left-top {
    align-items: flex-start;
}
.legend-panel.left-middle {
    align-items: center;
}
.legend-panel.left-bottom {
    align-items: flex-end;
}
.legend-panel.right-top {
    align-items: flex-start;
}
.legend-panel.right-middle {
    align-items: center;
}
.legend-panel.right-bottom {
    align-items: flex-end;
}
.legend-panel.center-top {
    justify-content: center;
}
.legend-panel.center-middle {
    justify-content: center;
}
.legend-panel.center-bottom {
    justify-content: center;
}

.bchart-title-area {
    width: 100%;
    font-family: Calibri;
    font-weight: bold;
    text-align: center;
    height: 24px;
    align-self: flex-start;
}

.display-none {
    display: none;
}

.bchart-y-axis-area {
    position: relative;
    width: 24px;
    min-width: 24px;
    order: 1;
}

.bchart-legend-area {
    /*width: 120px;*/
    /*min-width: 120px;*/
    width: 100%;
    height: 100%;
    border-color: #2a85a0;
}

.bchart-control-area {
    /*width: 200px;*/
    /*min-width: 200px;*/
    /*height: 100%;*/
    display: none;
}

.bchart-chart-area-wrap {
    -webkit-flex: 1;
    /*flex: 1;*/
    height: 100%;
    width: 100%;
    /* svg 밀림 현상 방지로 인해 추가하였음 ng1123.kim*/
    /*width: 10px;*/
    position: relative;
    order: 2;
}

.bchart-chart-area {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.bchart-behavior-icon {
    width: 35px;
    height: 35px;
    background-image: url('images/icon_behavior_type.png');
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.bchart-behavior-zoom {
    background-position: -270px 0;
}

.bchart-behavior-zoom:hover {
    background-position: -315px 0;
}

.bchart-behavior-zoom.bchart-behavior-icon-selected {
    background-position: -360px 0;
}

.bchart-behavior-refresh {
    background-position: -405px 0;
    display: none;
}

.bchart-behavior-refresh:hover {
    background-position: -450px 0;
}

.bchart-behavior-select {
    background-position: 0 0;
}

.bchart-behavior-select:hover {
    background-position: -45px 0;
}

.bchart-behavior-select.bchart-behavior-icon-selected {
    background-position: -90px 0;
}

.bchart-behavior-pan {
    background-position: -135px 0;
    display: none;
}

.bchart-behavior-pan:hover {
    background-position: -180px 0;
}

.bchart-behavior-pan.bchart-behavior-icon-selected {
    background-position: -225px 0;
}

.bchart-chart-behavior-area {
    position: absolute;
    right: 30px;
    top: 15px;
    height: 200px;
    width: 45px;
    display: none;
    z-index: 1001;
}

.bchart-chart-area-wrap:hover > .bchart-chart-behavior-area {
    display: block;
}

.bchart-chart-area-wrap:active > .bchart-chart-behavior-area {
    display: none;
}

.bchart-chart-area-wrap:hover > .bchart-chart-behavior-area:active {
    display: block;
}

.bchart-popup {
    opacity: 0.90;
}

.bchart-x-axis-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-x-axis-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ffffff;
}

.bchart-y-axis-selector {
    font-size: 12px;
    background-image: url('images/icon-right.png');
    background-repeat: no-repeat;
    background-position: center right;
    transform: rotate(-90deg);
    position: absolute;
    left: -43px;
    top: 45%;
}

/*.bchart-y-axis-selector > div {*/
/*position: absolute;*/
/*top: 50%;*/
/*left: 0;*/
/*msTransform: rotate(-90deg);*/
/*webkitTransform: rotate(-90deg);*/
/*transform: rotate(-90deg);*/
/*}*/

.bchart-y-axis-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ffffff;
    margin-top: 2px;
}

.bchart-composite {
    padding: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: #D4D4D4;
}

.bchart-container {
    background-color: white;
    position: relative;
    width: 100%;
    height: 100%;
}

.bchart-single-column-control {
    /*width: 160px;  */
    /*height: 30px;  */
    border-radius: 20px;
    background-color: #EEEDED;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    /* cursor: pointer; */
    margin-top: 5px;
    clear: both;
}

.bchart-single-column-control-label-close {
    width: 9px;
    height: 9px;
    display: inline-block;
    background: url('images/icon_propertylayer.png') no-repeat;
    background-position: -54px 0px;
    vertical-align: middle;
    margin-right: 10px; /*minkyung*/
}

.bchart-single-column-control-label {
    font-family: Arial, helvetica, sans-serif;
    margin-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    text-align: left;
    height: 26px;
    padding-top: 10px;
    padding-left: 25px;
    line-height: 8px;
    cursor: pointer;
    background-image: url('images/column-type-26.png');
    background-repeat: no-repeat;
    background-position: 0 -78px;
    box-sizing: border-box;
}

/*.bchart-single-column-control-label[data-type=N] {
    background-position-y: -25px;
}

.bchart-single-column-control-label[data-type=D] {
    background-position-y: -51px;
}

.bchart-single-column-control-label[data-type="-"] {
    background-position-y: -77px;
}*/

.bchart-single-column-control-label[internal-type=string] {
    background-position: 0 0px;
}

.bchart-single-column-control-label[internal-type=number],
.bchart-single-column-control-label[internal-type=N] {
    background-position: 0 -26px;
}

.bchart-single-column-control-label[internal-type=double] {
    background-position: 0 -52px;
}

.bchart-single-column-control-label[internal-type=date] {
    background-position: 0 -78px;
}

.bchart-single-column-control-label[internal-type=array] {
    background-position: 0 -104px;
}

.bchart-single-column-control-label[internal-type=boolean] {
    background-position: 0 -130px;
}

.bchart-single-column-control-label[internal-type=integer] {
    background-position: 0 -156px;
}

.bchart-single-column-control-label[internal-type=long] {
    background-position: 0 -182px;
}

.bchart-single-column-control-label[internal-type=byte] {
    background-position: 0 -208px;
}

.bchart-single-column-control-label[internal-type="double[]"] {
    background-position: 0 -234px;
}

.bchart-single-column-control-label[internal-type="string[]"] {
    background-position: 0 -260px;
}

.bchart-single-column-control-label.has-error {
    color: #ea3539 !important;
}

/*FIXME: delete*/
.bchart-column-control-container-panel {
    width: 100%;
    /* height: 90px; */
    border-bottom: 1px solid;
    border-color: #EDEEF0;
    padding: 20px 0;
}
/*FIXME: delete*/
.bchart-column-control-container-panel-header {
    font-family: Arial, helvetica, sans-serif;
    /*width: 180px;*/
    height: 20px;
    /*margin-top: 20px;*/
    /*margin-left: 20px;*/
    display: inline-flex;
}
/*FIXME: delete*/
.bchart-column-control-container-panel-header-label {
    font-family: Arial, helvetica, sans-serif;
    width: 140px;
    height: 20px;
}
/*FIXME: delete*/
.bchart-column-control-container-panel-header-add-button {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url('images/icon_propertylayer.png') no-repeat;
    background-position: -27px 0px;
    vertical-align: middle;
    cursor: pointer;
}
/*FIXME: delete*/
.bchart-column-control-container-panel-content {
    width: 100%;
    /* height: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.bchart-grid-container, .bchart-column-listbox-scrol-wrap {
    width: 100%;
    height: 100%;
}

.bchart-column-control-container-wrap {
    width: calc(100% - 8px);
    height: calc(100% - 2px);
    margin-left: 4px;
    border: 1px solid;
    border-color: #BDC2CC;
    background-color: #FFFFFF;
    position: relative;
}

.bchart-dock-panel-button {
    font-size: 12px;
    background-image: url('images/mc_tool_open_detail.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-color-by-selector, .bchart-line-by-selector, .bchart-size-by-selector, .bchart-shape-by-selector, .bchart-value-by-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-color-by-selector div, .bchart-line-by-selector div, .bchart-size-by-selector div, .bchart-shape-by-selector div, .bchart-value-by-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-color-by-container, .bchart-line-by-container, .bchart-size-by-container, .bchart-shape-by-container, .bchart-value-by-container {
    padding-left: 4px;
    width: 100%;
    position: relative;
    /*padding-bottom: 4px;*/
}

.bchart-color-by-container.horizontal {
    display: flex;
    flex-direction: row;
    width: auto;
    justify-content: center;
}


.bchart-color-by-legend {
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 14px;
    display: flex;
    height: auto;
    padding-right: 10px;
}

.bchart-from-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-from-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-to-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-to-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-condition-col-selector, .bchart-node-label-col-selector, .bchart-edge-label-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-condition-col-selector div, .bchart-node-label-col-selector div, .bchart-edge-label-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-parent-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-parent-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-child-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-child-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-value-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.bchart-value-col-selector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-cluster-col-selector div, .bchart-cluster-group-col-selector div, .bchart-height-col-selectorselector div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bchart-cluster-col-selector, .bchart-cluster-group-col-selector, .bchart-height-col-selector {
    font-size: 12px;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.canvasjs-chart-toolbar button {
    border-radius: 0%;
    border-width: 1px;
}

.bchart-toolbar {
    padding: 0px;
    border-width: 0px;
}

.bchart-toolbar-tool {
}

.bchart-toolbar-tool-table {
    background-image: url('images/fa-chart-table.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-scatter {
    background-image: url('images/fa-chart-scatter.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-line {
    background-image: url('images/fa-chart-line.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-column {
    background-image: url('images/fa-chart-column.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-bar {
    background-image: url('images/fa-chart-bar.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-boxplot {
    background-image: url('images/fa-chart-boxplot.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-pie {
    background-image: url('images/fa-chart-pie.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-heatmap {
    background-image: url('images/fa-chart-heatmap.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-network {
    background-image: url('images/fa-chart-network.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-treemap {
    background-image: url('images/fa-chart-treemap.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-treediagram {
    background-image: url('images/fa-chart-treediagram.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-evenly {
    background-image: url('images/arrange-evenly.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-side-by-side {
    background-image: url('images/arrange-side-by-side.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-stacked {
    background-image: url('images/arrange-stacked.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-dendrogram {
    background-image: url('images/fa-chart-dendrogram.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-icon {
    margin: -1px 0 0 -1px;
    width: 16px;
    height: 16px;
}

.bchart-multichart-loder {
    background-image: url('images/loader.gif');
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
}

.multichart-tool-item {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 1px;
    zIndex: 10;
    cursor: hand;
    width: 22px;
    height: 22px;
    background-color: #D3F0E0;
    border: solid 1px #86BFA0;
}

.bchart-error-container {
    width: 100%;
    height: 100%;
    display: table;
}

.bchart-error-message {
    width: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
    color: #444444;
}

.bchart-grid-row-number {
    background-color: #F9F9F9;
}

.bchart-toolbar {
    padding: 0px;
    border-width: 0px;
}

.bchart-toolbar-tool {
}

.bchart-toolbar-tool-table {
    background-image: url('images/fa-chart-table.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-scatter {
    background-image: url('images/fa-chart-scatter.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-line {
    background-image: url('images/fa-chart-line.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-column {
    background-image: url('images/fa-chart-column.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-bar {
    background-image: url('images/fa-chart-bar.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-boxplot {
    background-image: url('images/fa-chart-boxplot.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-pie {
    background-image: url('images/fa-chart-pie.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-heatmap {
    background-image: url('images/fa-chart-heatmap.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-network {
    background-image: url('images/fa-chart-network.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-treemap {
    background-image: url('images/fa-chart-treemap.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-treediagram {
    background-image: url('images/fa-chart-treediagram.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-evenly {
    background-image: url('images/arrange-evenly.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-side-by-side {
    background-image: url('images/arrange-side-by-side.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-arrange-stacked {
    background-image: url('images/arrange-stacked.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.bchart-toolbar-tool-icon {
    margin: -1px 0 0 -1px;
    width: 16px;
    height: 16px;
}

.bchart-droppable-state-active {
    background-color: #F8FBF9;
    border-color: #86BFA0;
    -webkit-animation-name: droppable-state-ani; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation-name: droppable-state-ani;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes droppable-state-ani {
    25% {
        background-color: #F8FBF9;
    }
    50% {
        background-color: #ECF7F1;
    }
    75% {
        background-color: #E4F4EB;
    }
    100% {
        background-color: #ECF7F1;
    }
}

/* Standard syntax */
@keyframes droppable-state-ani {
    25% {
        background-color: #F8FBF9;
    }
    50% {
        background-color: #ECF7F1;
    }
    75% {
        background-color: #E4F4EB;
    }
    100% {
        background-color: #ECF7F1;
    }
}

.bchart-droppable-state-hover {
    background-color: #D3F0E0;
    border-color: #86BFA0;
    -webkit-animation-name: droppable-state-ani; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.1s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1;
    animation-name: droppable-state-ani;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
}

/*.vs-toolbar {*/
/*padding: 0px;*/
/*border-width: 0px;*/
/*}*/

/*.vs-toolbar-tool-icon {*/
/*margin: -1px 0 0 -1px;*/
/*width: 16px;*/
/*height: 16px;*/
/*}*/

/*.vs-toolbar-tool-table {*/
/*background-image: url('images/vs-chart-table.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-scatter {*/
/*background-image: url('images/vs-chart-scatter.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-line {*/
/*background-image: url('images/vs-chart-line.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-column {*/
/*background-image: url('images/vs-chart-column.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-bar {*/
/*background-image: url('images/vs-chart-bar.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-boxplot {*/
/*background-image: url('images/vs-chart-boxplot.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-pie {*/
/*background-image: url('images/vs-chart-pie.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-heatmap {*/
/*background-image: url('images/vs-chart-heatmap.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-network {*/
/*background-image: url('images/vs-chart-network.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-treemap {*/
/*background-image: url('images/vs-chart-treemap.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-treediagram {*/
/*background-image: url('images/vs-chart-treediagram.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-arrange-evenly {*/
/*background-image: url('images/arrange-evenly.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-arrange-side-by-side {*/
/*background-image: url('images/arrange-side-by-side.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-toolbar-tool-arrange-stacked {*/
/*background-image: url('images/arrange-stacked.png');*/
/*background-repeat: no-repeat;*/
/*background-position: center center;*/
/*}*/

/*.vs-columns-group {*/
/*margin: 0 2px 2px 2px;*/
/*border: solid 1px #D4D4D4;*/
/*min-height: 25px;*/
/*}*/

/*.vs-columns-group-header {*/
/*height: 16px;*/
/*border-bottom: solid 1px #D4D4D4;*/
/*padding: 4px;*/
/*font-weight: bold;*/
/*cursor: default;*/
/*}*/

/*.vs-columns-group-expanded {*/
/*background-image: url('images/icon-up.png');*/
/*background-repeat: no-repeat;*/
/*background-position: right center;*/
/*border-bottom-width: 1px;*/
/*}*/

/*.vs-columns-group-collapsed {*/
/*background-image: url('images/icon-down.png');*/
/*background-repeat: no-repeat;*/
/*background-position: right center;*/
/*border-bottom-width: 0px;*/
/*}*/

/*.vs-columns-group-element {*/
/*font-family: Calibri;*/
/*height: 18px;*/
/*padding: 2px 10px 2px 10px;*/
/*border: solid 1px transparent;*/
/*margin: 1px;*/
/*line-height: 18px;*/
/*cursor: default;*/
/*}*/

/*.vs-column-filter-panel {*/
/*padding-bottom: 6px;*/
/*padding-left: 4px;*/
/*padding-right: 6px;*/
/*}*/

/*.vs-column-filter-label {*/
/*font-weight: bold;*/
/*padding-bottom: 6px;*/
/*}*/

/*.vs-panel-tool {*/
/*border: solid 1px transparent;*/
/*width: 16px;*/
/*height: 16px;*/
/*}*/

/*.vs-panel-tool-separator {*/
/*border-right: solid 1px #d4d4d4;*/
/*width: 1px;*/
/*height: 16px;*/
/*margin-right: 1px;*/
/*}*/

/*.vs-panel-tool-selected {*/
/*background-color: #86BFA0;*/
/*border-color: #429366;*/
/*}*/

/*.vs-panel-droppable-location {*/
/*position: absolute;*/
/*border: solid 1px transparent;*/
/*opacity: 0.5;*/
/*}*/

/*.vs-panel-droppable-anchor-over {*/
/*text-align: center;*/
/*background-color: #D3F0E0;*/
/*border: solid 1px #86BFA0;*/
/*position: absolute;*/
/*width: 30px;*/
/*height: 30px;*/
/*display: none;*/
/*}*/

/*.vs-panel-droppable-anchor-over-top {*/
/*top: 10%;*/
/*left: 50%;*/
/*}*/

/*.vs-panel-droppable-anchor-over-left {*/
/*top: 50%;*/
/*left: 10%*/
/*}*/

/*.vs-panel-droppable-anchor-over-right {*/
/*top: 50%;*/
/*right: 10%;*/
/*}*/

/*.vs-panel-droppable-anchor-over-bottom {*/
/*bottom: 10%;*/
/*left: 50%;*/
/*}*/

/*.vs-fill-state-hover {*/
/*background-color: #D3F0E0;*/
/*border-color: #86BFA0;*/
/*}*/

.jqx-grid-table > tbody > tr > td {
    border: none
}

/*override canvasjs toolbar*/
.canvasjs-chart-toolbar {
    display: none !important;
}

.bchart-legend-selector {
    background-color: transparent;
}

/* override jquery-ui  */
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    border: 1px solid #b2b2b2;
    font-family: Arial, helvetica, sans-serif;
}

.ui-widget-content {
    background: #ffffff;
    font-size: 12px;
}

.bchart-column-listbox {
    width: 100%;
    height: calc(100% - 56px);
    padding: 10px 0;
}

.bchart-aggregation-listbox {
    width: 100%;
    height: calc(100% - 56px);
    padding: 10px 0;
}

.bchart-column-listbox-row-wrap {
    /* padding: 0 10px; */
    height: 25px;
    clear: both;
    padding: 0 12px 0 6px;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
}

.bchart-column-listbox-row-button {
    width: 18px;
    height: 18px;
    background: url('images/radio_check.png') no-repeat;
    background-position: -38px 0;
    float: left;
}

.bchart-column-listbox-row-button:hover {
    background-position: -38px -28px;
}

.bchart-column-listbox-row-button.button-checked {
    background-position: -38px -56px;
}

.bchart-column-listbox-single .bchart-column-listbox-row-button {
    width: 18px;
    height: 18px;
    background: url('images/radio_check.png') no-repeat;
    background-position: 0 0;
    /* line-height: 24px!important; */
}

.bchart-column-listbox-single .bchart-column-listbox-row-button:hover {
    background-position: 0 -28px;
}

.bchart-column-listbox-single .bchart-column-listbox-row-button.button-checked {
    background-position: 0 -56px;
}

.bchart-column-listbox-row-label-wrap {
    float: left;
    width: calc(100% - 18px);
}

.bchart-column-listbox-row-label-type {
    width: 17px;
    height: 17px;
    background: url('images/column-type-26.png') no-repeat;
    background-position: -3px -81px;
    margin-left: 7px;
    float: left;
    margin-right: 5px;
}

/*.bchart-column-listbox-row-label-type[type=double],
.bchart-column-listbox-row-label-type[type=date] {
    background-position: -249px 0;
}

.bchart-column-listbox-row-label-type[type=number] {
    background-position: -222px 0;
}

.bchart-column-listbox-row-label-type[type=string] {
    background-position: -195px 0;
}*/
.bchart-column-listbox-row-label-type[internal-type=string] {
    background-position: -3px -3px;
}

.bchart-column-listbox-row-label-type[internal-type=number],
.bchart-column-listbox-row-label-type[internal-type=N] {
    background-position: -3px -29px;
}

.bchart-column-listbox-row-label-type[internal-type=double] {
    background-position: -3px -55px;
}

.bchart-column-listbox-row-label-type[internal-type=date] {
    background-position: -3px -81px;
}

.bchart-column-listbox-row-label-type[internal-type=array] {
    background-position: -3px -107px;
}

.bchart-column-listbox-row-label-type[internal-type=boolean] {
    background-position: -3px -133px;
}

.bchart-column-listbox-row-label-type[internal-type=integer] {
    background-position: -3px -159px;
}

.bchart-column-listbox-row-label-type[internal-type=long] {
    background-position: -3px -185px;
}

.bchart-column-listbox-row-label-type[internal-type=byte] {
    background-position: -3px -211px;
}

.bchart-column-listbox-row-label-type[internal-type="double[]"] {
    background-position: -3px -237px;
}

.bchart-column-listbox-row-label-type[internal-type="string[]"] {
    background-position: -3px -263px;
}

.bchart-column-listbox-row-label-text {
    float: left;
    width: calc(100% - 30px);
    text-overflow: ellipsis;
    overflow: hidden;
}

.bchart-column-listbox-aggregation-row-label-text {
    float: left;
    width: calc(100% - 7px);
    margin-left: 7px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bchart-column-listbox-search-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url('images/icon_palette.png') no-repeat;
    background-position: 0 0;
    margin-top: 4px;
}

.bchart-column-listbox-wrap {
    margin: 5px 0 10px 0;
    border: 1px solid #cccccc;
    width: 100% !important;
    box-sizing: border-box;
    height: calc(100% - 6px) !important;
}

.bchart-column-listbox-input-search > input:focus {
    border: 1px solid #626fdb !important;
}

.bchart-column-listbox-input-search > input {
    width: 100%;
    height: 31px;
    display: block;
    background: url('images/icon_palette.png') no-repeat;
    background-position: 164px 7px;
}

input[type=search].jqx-input-office {
    min-height: 16px;
    min-width: 16px;
    border: 1px solid #ccc;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 25px;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    box-sizing: border-box;
    position: relative;
}

input[type=search]::-ms-clear {
    margin-right: 5px;
    height: 17px;
    width: 17px;
    background: url('images/icon_palette.png') no-repeat;
    background-position: -27px 0;
    color: #FFFFFF
}

input[type=search]::-ms-clear:hover {
    margin-right: 5px;
    height: 17px;
    width: 17px;
    background: url('images/icon_palette.png') no-repeat;
    background-position: -54px 0;
    color: #FFFFFF
}

input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    height: 17px;
    width: 17px;
    background: url('images/icon_palette.png') no-repeat;
    background-position: -27px 0;
}

input[type=search]::-webkit-search-cancel-button:hover {
    -webkit-appearance: none;
    height: 17px;
    width: 17px;
    background: url('images/icon_palette.png') no-repeat;
    background-position: -54px 0;
}

.multichart_each_area {
    width: 100%;
    height: 100%;
}

.bchart-range-selector-control {
    width: 160px;
    height: 30px;
    border-radius: 20px;
    background-color: #EEEDED;
    display: flex;
    align-items: center;
    border: none;
    /* cursor: pointer; */
    margin-top: 5px;
    clear: both;
}

.bchart-range-selector-container-wrap {
    width: calc(100% - 8px);
    height: calc(100% - 2px);
    margin-left: 4px;
    border: 1px solid;
    border-color: #BDC2CC;
    background-color: #FFFFFF;
}

.bchart-legend-dialog-haeder {
    top: 0;
    padding-left: 20px !important;
    font-size: 18px !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: bold !important;
    border-bottom: none !important;
    padding-top: 15px !important;
    width: 245px !important;
}

.bchart-legend-dialog-haeder .jqx-window-close-button {
    top: 0px;
}

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

.bchart-dialogs-buttonbar {
    height: 32px;
}

.bchart-legend-dialog-body {
    overflow: hidden;
}

.bchart-dialogs-buttonbar-ok {
    float: right;
    width: 100px;
    height: 32px;
    cursor: pointer;
    background-color: #656eea !important;
    color: #fff !important;
    border: 1px solid #656eea !important;
}

tr.multichart_tr_area > td {
    position: relative;
}

.bchart-column-control-container-panel-wrapper {
    width: 100%;
    margin-top: 10px;
}

.bchart-column-control-container-panel-column {
    width: 97%;
}

.bchart-column-control-container-panel-type {
    width: calc(100% - 14px);
    margin-top: 5px;
}

.bchart-column-control-container-panel-additional {
    width: 100%;
    margin-top: 5px;
}

.bchart-column-control-container-panel-additional-numberinput {
    width: calc(100% - 4px) !important;
    float: left;
}

.bchart-column-control-container-panel-additional-input {
    width: calc(100% - 2px) !important;
    padding-right: 30px;
    padding-left: 10px !important;
    box-sizing: border-box;
    font-size: 12px;
    border: 1px solid #ccc;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    position: relative;
}

.bchart-input-control-item-label {
    text-align: left;
    line-height: 25px;
    height: 25px;
}
.bchart-input-control-item-label.stripline{
    height: 25px;
    align-items: center;
    display: flex;
}

.bchart-input-control-item-label > .jqx-checkbox-default-office {
    margin: 0 3px 0 0;
}

/*.bchart-input-control-item-label.trendline{*/
    /*!*width: 50px;*!*/
    /*height: 25px;*/
/*}*/

.bchart-input-control-item-start{
    margin-top: 10px;
}

.bchart-input-control-item-input {
    width: calc(100% - 60px);

}

.bchart-control-numericinput {
    width: 100%;
    height: 25px;
    border: 1px solid #d4d4d4;
    padding: 0 5px;
    text-align: right;
    box-sizing: border-box;
}

.bchart-border-red {
    border-color: red;
}

.bchart-column-control-container-panel-stripLine {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    margin-top: 5px;
    clear: both;
}
.bchart-column-control-container-panel-stripLine-x, .bchart-column-control-container-panel-stripLine-y {
    margin-top: 5px;
    display: flex;
    width: 100%;
}

.bchart-rangeselector-control {
    margin-bottom: 10px;
}

.bchart-input-control {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    border: none;
    /* cursor: pointer; */
    margin-top: 5px;
    clear: both;
}

.bchart-input-control-wrapper {
    width: 100%;
}

.bchart-input-control-item {
    height: 25px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.legend-panel {
    display: flex;
    /*flex-direction: column;*/
    height: 100%;
    /*align-items: center;*/
}

.legend-panel-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
}

.legend-panel-wrapper.horizontal {
    justify-content: center;
}

.bchart-color-by-legend-text {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px;
}

.bchart-color-by-legend-symbol {
    width: auto;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.bchart-layout-middle-flex-chart {
    order: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.bchart-layout-middle-flex-chart-row-1 {
    order: 1;
    display: flex;
    flex-direction: row;
    height: 100%;
}

.bchart-layout-middle-flex-chart-row-2 {
    order: 2;
}

.bchart-chart-area-wrap:hover .canvasjs-chart-tooltip {
    display: block;
}

.bchart-chart-area-wrap .canvasjs-chart-tooltip {
    display: none;
}

.display-none-important {
    display: none !important;
}

/*FIXME: delete*/
.bchart-column-control-container-panel-content-trendline {
    position: relative;
    background-color: #f2f2f2;
    align-items: center;
    border: none;
    margin-top: 5px;
    clear: both;
    padding: 10px 10px 5px 10px;
}

/*FIXME: delete*/
.bchart-trendline-control-close {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    display: inline-block;
    background: url('images/tool-close-18.png') no-repeat;
    background-position: -4px -5px;
    /*vertical-align: middle;*/
    /*float: right;*/
}