
.brtc-vs-worksheet {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: #F6F7F9;
}

.brtc-vs-splitted-worksheet-area {
    display: flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    box-sizing: border-box;
}

.brtc-vs-worksheet-layoutmanager {
    position: relative;
    width: 100%;
    height: 100%;
}

.brtc-vs-worksheet-layoutmanager-contentspanel {
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    background-color: #F6F7F9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #DDDEE0;
    border-top: solid 4px #ADB5C8;
}

.brtc-vs-worksheet-layoutmanager-contentspanel-selected {
    border: solid 1px #6A7BE5;
    border-top: solid 4px #6A7BE5;
}

.brtc-vs-worksheet-layoutmanager-splitter {
    width: 100%;
    height: 100%;
    border: none;
}

.brtc-vs-worksheet-layoutmanager-composite {
    width: 100%;
    height: 100%;
    border: none;
    background-color: #F4F6F8;
}

.brtc-vs-full-div {
    width: 100%;
    height: 100%;
}

.brtc-vs-full-div-50 {
    width: 100%;
    height: calc(100% - 50px);
    margin: 0px auto 0px auto;
    position: relative;
}

.brtc-vs-full-div-widthout-border {
    width: 100%;
    height: 100%;
    border: none;
}

.brtc-vs-worksheet-layoutmanager-contentspanel .bchart-grid-container {
    border-width: 0px;
}

.brtc-vs-column-area {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border-right: 1px solid #cccccc;
    height: 100%;
    width: 251px;
}

.brtc-vs-worksheet-area {
    flex: 1;
    background: #F5F7F9;
    padding: 0px 15px;
    box-sizing: border-box;
    display: inline-block;
    background: #F5F7F9;
    overflow: hidden;
}

.brtc-vs-toolbar {
    padding: 0px;
    border-width: 0px;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #999;
    background: #fff;
}

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

.brtc-vs-worksheet-panel {
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-color: #d4d4d4;
    background-color: #ffffff;
    overflow: hidden;
}

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

.brtc-vs-worksheet-panel-contents-control {
    height: calc(100% - 33px);
    width: 100%;
    position: relative;
}

.brtc-vs-worksheet-panel-title {
    float: left;
    cursor: pointer;
    margin-top: 3px;
}

.brtc-vs-worksheet-panel-title.ui-draggable-dragging {
    border: 2px solid rgb(124, 137, 247);
    padding: 2px 10px;
    box-shadow: none;
    padding-top: 5px;
}

.brtc-vs-worksheet-panel-title-button {
    float: left;
    width: 16px;
    height: 9px;
    cursor: pointer;
    display: flex;
    justify-content: center;
}

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

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

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

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

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

.brtc-vs-worksheet-panel-droppable-location {
    position: absolute;
    border: solid 1px transparent;
    z-index: 700;
    opacity: 0.5;
}

.brtc-vs-worksheet-drag-helper{
    z-index: 700;
}

.brtc-vs-worksheet-panel-tool {
    display: inline-block;
    background: url('images/icon_modeling.png') no-repeat;
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 7px;
    cursor: pointer;
}

.brtc-vs-worksheet-panel-tool-close {
    background-position: -75px -64px;
}

.brtc-vs-worksheet-panel-tool-copy {
    background-position: -50px -64px;
}

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

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

.brtc-vs-worksheet-panel-tool-customizedarea {
    float: right;
}

.brtc-vs-toolbar-tool-apply {
    float: right;
    margin-right: 20px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    margin-top: 7px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
    border: 1px solid #ccc;
}

.brtc-vs-toolbar-tool-apply:hover {
    background-color: #DFE3EB;
}

.brtc-vs-context-menu > ul > li {
    /*height: 36px;*/
    /*line-height: 36px;*/
    float: none !important;
    box-sizing: border-box;
    display: block;
    color: rgba(0, 0, 0, 0.8);
    border: none;
    font-size: 12px;
    /*padding-top: 10px;*/
    font-family: 'Arial', sans-serif;
    text-align: left;
}

#vs-filter-context-menu > ul > li {
    /*height: 36px;*/
    /*line-height: 36px;*/
    float: none !important;
    box-sizing: border-box;
    display: block;
    color: rgba(0, 0, 0, 0.8);
    border: none;
    font-size: 12px;
    /*padding-top: 10px;*/
    font-family: 'Arial', sans-serif;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
}

#brtc-vs-worksheet-context-menu-switch-item {
    border: none;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    /*height: 36px;*/
    /*line-height: 36px;*/
    text-align: left;
    width: 100%;
    float: none !important;
    box-sizing: border-box;
    display: block;
    color: rgba(0, 0, 0, 0.8);
}

#brtc-vs-worksheet-context-menu-switch-item :hover {
    background-color: #F2F2F2;
}

.kkk {
    padding-left: 0px;
    padding-right: 0px;
}

#brtc-vs-worksheet-context-menu-switch-item > div {
    background: url('images/icon_context.png') center no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    text-align: center;
}

#brtc-vs-worksheet-context-menu-switch-item[type=scatter] > div {
    background-position: -104px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=line] > div {
    background-position: -52px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=column] > div {
    background-position: 0 -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=bar] > div {
    background-position: -26px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=boxplot] > div {
    background-position: -78px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=heatmap] > div {
    background-position: -312px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=pie] > div {
    background-position: -130px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=network] > div {
    background-position: -208px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=treemap] > div {
    background-position: -182px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=treediagram] > div {
    background-position: -234px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=table] > div {
    background-position: -156px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=mcc] > div {
    background-position: -260px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=dendrogram] > div {
    background-position: -286px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=roc] > div {
    background-position: -338px -36px;
}

#brtc-vs-worksheet-context-menu-switch-item[type=correlation-matrix] > div {
    background-position: -312px -36px;
}

#brtc-vs-worksheet-context-menu-layout-item-arrange-evenly {
    /*background-image: url('images/tool-arrange-evenly-new.png');*/
    background-image: url('images/arrange-evenly_new.png');
    background-repeat: no-repeat;
    background-position: center center;
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*width: 17px;*/
    /*height: 17px;*/
    /*margin: 3px;*/
    /*background: url('images/icon_modeling.png') center no-repeat;*/
    /*background-position: -54px 0;*/
    /*border: none;*/
    /*cursor: pointer;*/
}

#brtc-vs-worksheet-context-menu-layout-item-arrange-side-by-side {
    /*background-image: url('images/tool-arrange-side-by-side-new.png');*/
    background-image: url('images/arrange-side-by-side_new.png');
    background-repeat: no-repeat;
    background-position: center center;
    /*display: inline-block;*/
    /*width: 17px;*/
    /*height: 17px;*/
    /*margin: 3px;*/
    /*background: url('images/icon_modeling.png') center no-repeat;*/
    /*background-position: -27px 0;*/
    /*border: none;*/
    /*cursor: pointer;*/
    /*-ms-transform: rotate(90deg);*/
    /*-webkit-transform: rotate(90deg);*/
    /*transform: rotate(90deg);*/
}

#brtc-vs-worksheet-context-menu-layout-item-arrange-stacked {
    /*background-image: url('images/tool-arrange-stacked-new.png');*/
    background-image: url('images/arrange-stacked_new.png');
    background-repeat: no-repeat;
    background-position: center center;
    /*display: inline-block;*/
    /*width: 17px;*/
    /*height: 17px;*/
    /*margin: 3px;*/
    /*background: url('images/icon_modeling.png') center no-repeat;*/
    /*background-position: -27px 0;*/
    /*border: none;*/
    /*cursor: pointer;*/
}

.vs-columns-header-title {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    font-size: 14px;
}

.vs-columns-search-area {
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
}

.vs-columns-search-input {
    float: left;
    width: calc(100% - 15px);
    margin-right: 15px;
}

.vs-columns-search-input:focus {
    border: 1px solid #626fdb !important;
}

input[type=search].vs-columns-search-input.jqx-input-office {
    padding-right: 30px;
    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;
}

input[type=search].vs-columns-search-input.jqx-input-office::-webkit-search-cancel-button {
    position: absolute;
    right: 5px;
    top: 7px;
}

.vs-columns-search-delete-button {
    margin: 0;
    margin-left: -31px;
    margin-top: 1px;
    padding: 0 !important;
    padding-right: 4px !important;
    width: 30px;
    height: 29px !important;
    border: none;
    line-height: 37px;
    text-align: center;
}

.vs-columns-search-delete-button-icon {
    width: 17px;
    height: 17px;
    display: inline-block;
    background: url('images/icon_palette.png') no-repeat;
    background-position: -27px 0;
}

.vs-columns-search-delete-button-icon:hover {
    background-position: -54px 0;
}

.vs-columns-body {
    position: absolute;
    top: 100px;
    left: 15px;
    right: 0px;
    bottom: 2px;
    padding: 2px;
    height: auto;
}

.vs-columns-header {
    position: relative;
    height: 100px;
    padding: 10px 0px 10px 15px;
    box-sizing: border-box;
}

.vs-columns-group {
    margin: 0px;
    border: 0px;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    font-size: 12px;
}

.vs-columns-group.jqx-expander-office .jqx-icon-arrow-up-selected-office,
.vs-columns-group.jqx-expander-office .jqx-icon-arrow-down-office,
.vs-columns-group.jqx-expander-office .jqx-icon-arrow-down-selected-office {
    position: relative !important;
}

.vs-columns-group.jqx-expander-office .jqx-expander-arrow-expanded-office.jqx-expander-arrow-bottom-office {
    background-image: url('images/office-icon-up.png');
    margin-left: -7px;
}

.vs-columns-group .jqx-expander-header-office {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    padding-top: 0px;
    background: #fff;
    border: none;
    min-height: 17px !important;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.7);
    padding-bottom: 10px;
}

.vs-columns-group .jqx-expander-header-hover-office {
    background: #fff;
    border: none;
    min-height: 17px !important;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.7);
}

.vs-columns-group .jqx-expander-arrow-office {
    margin-left: -5px;
}

.vs-columns-group .jqx-fill-state-pressed-office.jqx-expander-header-office {
    border-bottom: 1px solid #b2b2b2;
    padding-bottom: 10px;
}

.vs-columns-group .jqx-expander-header-content-office {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    padding-left: 0;
    margin-left: 0 !important;
    vertical-align: middle;
    position: relative;
}

.vs-columns-group .jqx-expander-content-office {
    border: none;
    margin-top: 10px;
    padding-bottom: 20px;
    font-family: 'Arial', sans-serif;
}

.vs-columns-group-element {
    font-family: 'Arial', Dotum, Tahoma, sans-serif;
    height: 18px;
    padding: 2px 10px 2px 10px;
    border: solid 1px transparent;
    margin: 1px;
    line-height: 18px;
    cursor: default;
}

.vs-columns-group-element.ui-draggable-dragging {
    width: 210px;
    height: 26px;
}

.vs-columns-group-element.ui-draggable-dragging {
    text-align: left;
    border: 4px solid rgb(124, 137, 247);
    box-shadow: none;
    padding-top: 5px;
}

.vs-columns-group-element:hover {
    border: solid 1px transparent;
    background-color: transparent;
}

.vs-columns-group-element > .bchart-single-column-control-label {
    font-family: Arial, sans-serif;
    font-size: 13px;
    margin-left: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: left;
    height: 26px;
    line-height: 26px;
    padding-top: 0px;
    cursor: default;
}

.vs-column-filter-panel {
    margin-top: 5px;
    /*maring-bottom: 5px;*/
    /*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 override */
.brtc-vs-worksheet-layoutmanager-splitter > .jqx-splitter-splitbar-vertical, .brtc-vs-worksheet-layoutmanager-splitter > .jqx-splitter-splitbar-horizontal {
    background-color: #F4F6F8;
    border-color: #F4F6F8;
}

.brtc-vs-worksheet-layoutmanager-splitter > .jqx-splitter-splitbar-horizontal:nth-child(4) {
    background-color: #D3F0E0;
    border-color: #86BFA0;
}

.brtc-vs-worksheet-layoutmanager-splitter > .jqx-splitter-splitbar-vertical:nth-child(4) {
    background-color: #D3F0E0;
    border-color: #86BFA0;
}

.brtc-vs-side-bar {
    padding: 20px;
    padding-right: 0px;
    display: inline-block;
    box-sizing: border-box;
    border-left: 1px solid #cccccc;
    height: 100%;
    width: 251px;
}

.brtc-vs-side-bar-area {
    border: none;
    width: 230px;
    height: 100%;
    /*padding: 22px;*/

    /*position: relative;*/
}

.brtc-vs-side-bar-area > .jqx-tabs-headerWrapper {
    border: none;
}

.brtc-vs-side-bar-area > .jqx-tabs-headerWrapper .jqx-tabs-titleContentWrapper {
    width: 100px;
    line-height: 20px;
}

.brtc-vs-side-bar-area li.jqx-tabs-title:first-child {
    /*margin-left: 18px;*/
    border-right-color: transparent;
}

.brtc-vs-side-bar-area li.jqx-tabs-title {
    border: 1px solid #D9D9D9;
    background-color: #F7F7F7;
    padding-bottom: 7px;
    margin-right: 0;
    width: 76px;
}

.brtc-vs-side-bar-area li.jqx-tabs-title-selected-top {
    border-top: 2px solid #6C79E9;
    color: rgba(0, 0, 0, 0.8);
    background-color: #FFFFFF;
    padding-bottom: 6px;
    border-bottom: 1px solid #FFF;
}

.brtc-vs-side-bar-area li.jqx-tabs-title-hover-top-office {
    color: #626fdb;
}

.jqx-tabs-title-selected-top-office {

}

.brtc-vs-side-bar-area div.jqx-tabs-content {
    padding-top: 0px;
    padding-bottom: 0px;
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    /*width: calc(100% - 40px) !important;*/
    font-family: Arial, Dotum, Tahoma, sans-serif;
    position: relative;
    /*background-color: #00a8c6;*/
    /*border: 1px solid;*/
    /*margin:10px;*/
}

.brtc-vs-filter-area {
    width: calc(100% - 28px);
    position: relative;
    margin-right: 20px;
    padding-left: 2px;
    padding-right: 2px
}

.brtc-vs-side-bar-area div.bchart-column-control-container-wrap {
    border: none;
    width: calc(100% - 8px);
}

.vs-filter-reset-area {
    width: 100%;
    border-bottom: solid 1px #EDEEF0;
    text-align: right;
}

.vs-filter-reset {
    line-height: 30px;
    margin-right: 8px;
    display: inline-block;
    /*float:right;*/
}

.vs-filter-reset-button {
    cursor: pointer;
    float: right;
    color: rgba(0, 0, 0, 0.8);
    font-size: 12px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
}

.vs-filter-reset-button > div {
    background-position: 0 0;
    width: 11px;
    height: 11px;
    background: url('images/icon_filter_case.png') no-repeat;
    display: inline-block;
}

.vs-filter-reset-button:hover {
    color: #828FFF;
}

.vs-filter-reset-button:hover > div {
    background-position: -21px 0;
}

.vs-filter-body {
    top: 5px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    height: auto;
    position: relative;
}

.vs-filter-container-area {
    height: auto;
}

.vs-filter-controls-select-area {
    position: relative;
    /*padding-bottom: 20px;*/
    /*margin-top: 20px;*/
    /*border-bottom: 1px solid #e5e5e5;*/
    /*position: relative;*/
}

.vs-filter-control-select-column {
    /*margin-bottom: 5px;*/
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    margin-bottom: 10px;
}

.vs-filter-add-area {
    /*width: 100%;*/
    border: 1px solid #CECCCD;
    line-height: 25px;
    border-radius: 18px;
    margin-top: 8px;
    color: #585858;
}

.vs-filter-add-area:hover {
    background-color: #F2F2F2;
}

.vs-filter-add {
    margin-left: 5px;
    line-height: 25px;
    position: relative;
}

.vs-filter-add-icon {
    /*display: inline-block;*/
    /*width: 16px;*/
    /*height: 16px;*/
    width: 15px;
    height: 15px;
    background: url('images/icon_filter_case.png') no-repeat;
    display: inline-block;
    background-position: -84px 0;
    vertical-align: middle;
    /*background: url('images/icon-add-filter.png') center no-repeat;*/
    /*position: absolute;*/
    /*display: inline-block;*/
    /*width: 26px;*/
    /*height: 16px;*/
    /*top: 6px;*/
    /*left: 0px;*/
}

.vs-filter-add-label {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
}

.vs-filter-control {
    padding-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.vs-filter-control-apply {
    /*position: absolute;*/
    /*right: 0px;*/
    /*min-width: 80px;*/
    width: 60px;
    height: 29px;
    margin: auto;
    margin-top: 10px;
    margin-right: 0;
    line-height: 29px;
    padding: 0 20px;
    background-color: #6c79e9 !important;
    color: #fff !important;
    border: 1px solid #6c79e9 !important;
    font-size: 12px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
}

.vs-filter-control-apply:hover {
    background-color: #F2F2F2;
}

.vs-filter-control-content-header {
    width: 100%;
    height: 30px;
    display: flex;
    /*align-items: center;*/
    /*justify-content: center;*/
    /*justify-content: space-between !important;*/
    /*flex-wrap: wrap;*/
    background-color: #EEEDED;
    border-radius: 20px;
}

.vs-filter-control-content-header-column-name {
    width: 78%;
}

.vs-filter-control-content-header-column-modify {
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 26px;*/
    /*margin-top: 2px;*/
    /*background: url('images/icon-modify.png') center no-repeat;*/
    /*cursor: pointer;*/

    width: 11px;
    height: 11px;
    background: url('images/icon_filter_case.png') no-repeat;
    display: inline-block;
    background-position: -42px 0;
    margin-right: 10px;
    margin-top: 10px;
    vertical-align: middle;
}

.vs-filter-control-content-header-column-modify:hover {
    background: url('images/icon_filter_case.png') no-repeat;
    background-position: -63px 0;
    cursor: pointer;
}

.vs-filter-control-content-header-column-close {
    /*display: inline-block;*/
    /*width: 20px;*/
    /*height: 26px;*/
    /*margin-top: 2px;*/
    /*background: url('images/icon-close.png') center no-repeat;*/
    /*cursor: pointer;*/

    width: 9px;
    height: 9px;
    display: inline-block;
    margin-top: 11px;
    background: url('images/icon_propertylayer.png') no-repeat;
    background-position: -54px 0px;
    vertical-align: middle;
}

.vs-filter-control-content-header-column-close:hover {
    background: url('images/icon_propertylayer.png') no-repeat;
    background-position: -73px 0px;
    cursor: pointer;
}

.vs-filter-control-select-condition {
    color: rgba(0, 0, 0, 0.7);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.vs-filter-change-filter-item {
    display: inline-block;
    float: right;
    margin-top: 5px;
    maring-right: 3px;
    width: 13px;
    height: 11px;
    background: url('images/icon_filter_case.png') center no-repeat;
    background-position: -109px 0;
    cursor: pointer;

}

.vs-filter-search {
    width: 100%;
    padding-top: 4px;
    padding-left: 4px;
    padding-right: 6px;
}

/*.jqx-input:focus {*/
/*border: 1px solid #6C79E9;*/
/*}*/

.vs-filter-control-column-control {
    font-family: Arial, Dotum, Tahoma, sans-serif;
    height: 20px;
    padding: 7px 6px 2px 6px;
    border: solid 1px transparent;
    line-height: 18px;
    cursor: default;
}

.vs-filter-control-column-control-label {
    font-family: Arial, helvetica, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: left;
    height: 20px;
    cursor: pointer;
    padding-left: 25px;
    padding-right: 12px;
    background-image: url('images/column-type-26.png');
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position-y: -4px;

}

/*.vs-filter-control-column-control-label[data-type=N] {*/
/*background-position-y: -31px;*/
/*}*/

/*.vs-filter-control-column-control-label[data-type=D] {*/
/*background-position-y: -57px;*/
/*}*/

/*.vs-filter-control-column-control-label[data-type="-"] {*/
/*background-position-y: -83px;*/
/*}*/

.vs-filter-control-content-body {
    /*padding: 10px;*/
    padding: 0 12px;
}

.vs-filter-control-content-body-item-select {
    display: inline-block;
    font-family: Arial, Dotum, Tahoma, sans-serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8);
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 5px;
}

.vs-filter-control-content-body-item-count {
    display: inline-block;
    font-weight: bold;
    font-family: Arial, Dotum, Tahoma, sans-serif;
    color: #6f7cea;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 5px;
}

.vs-filter-control-content-body-content {
    display: inline-block;
    /*width: 100%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 20px;
    /* padding: 5px; */
    /*padding-bottom: 0;*/

    max-height: 80px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
    color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    margin-top: 10px;
}

.vs-filter-control-select-column-button {
    /*font-size: 12px;*/
    width: calc(100% - 8px) !important;
    background-image: url('images/icon-down.png');
    background-repeat: no-repeat;
    background-position: right center;
    margin-top: 10px;
}

.vs-filter-control-selected-column-area {
    font-family: Arial, helvetica, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: left;
    height: 20px;
    cursor: pointer;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 12px;
    background-image: url('images/column-type-26.png');
    background-repeat: no-repeat;
    background-position: 0 -78px;
    box-sizing: border-box;
}

.vs-filter-control-column-control-label[internal-type=string] {
    background-position: 0 -4px;
}

.vs-filter-control-column-control-label[internal-type=number] {
    background-position: 0 -30px;
}

.vs-filter-control-column-control-label[internal-type=double] {
    background-position: 0 -56px;
}

.vs-filter-control-column-control-label[internal-type=date] {
    background-position: 0 -82px;
}

.vs-filter-control-column-control-label[internal-type=array] {
    background-position: 0 -108px;
}

.vs-filter-control-column-control-label[internal-type=boolean] {
    background-position: 0 -134px;
}

.vs-filter-control-column-control-label[internal-type=integer] {
    background-position: 0 -160px;
}

.vs-filter-control-column-control-label[internal-type=long] {
    background-position: 0 -186px;
}

.vs-filter-control-column-control-label[internal-type=byte] {
    background-position: 0 -212px;
}

.vs-filter-control-column-control-label[internal-type="double[]"] {
    background-position: 0 -238px;
}

.vs-filter-control-column-control-label[internal-type="string[]"] {
    background-position: 0 -264px;
}

.vs-filter-control-selected-column-area[internal-type=string] {
    background-position: 0 0px;
}

.vs-filter-control-selected-column-area[internal-type=number] {
    background-position: 0 -26px;
}

.vs-filter-control-selected-column-area[internal-type=double] {
    background-position: 0 -52px;
}

.vs-filter-control-selected-column-area[internal-type=date] {
    background-position: 0 -78px;
}

.vs-filter-control-selected-column-area[internal-type=array] {
    background-position: 0 -104px;
}

.vs-filter-control-selected-column-area[internal-type=boolean] {
    background-position: 0 -130px;
}

.vs-filter-control-selected-column-area[internal-type=integer] {
    background-position: 0 -156px;
}

.vs-filter-control-selected-column-area[internal-type=long] {
    background-position: 0 -182px;
}

.vs-filter-control-selected-column-area[internal-type=byte] {
    background-position: 0 -208px;
}

.vs-filter-control-selected-column-area[internal-type="double[]"] {
    background-position: 0 -234px;
}

.vs-filter-control-selected-column-area[internal-type="string[]"] {
    background-position: 0 -260px;
}

.vs-dialogs-body {
    position: relative;
}

.vs-dialogs-body-column-selector {
    font-family: Arial, Dotum, Tahoma, sans-serif;
    height: 20px;
    line-height: 18px;
    position: relative;

}

.vs-dialogs-body-columns-column {
    font-size: 12px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-align: left;
    height: 20px;
    cursor: pointer;
    padding: 2px 0 2px 25px;
    line-height: 20px;
    background-image: url('images/column-type-26.png');
    background-repeat: no-repeat;
    background-position: 0 -286px;
    box-sizing: border-box;
}

.vs-dialogs-body-columns-column[internal-type=string] {
    background-position: 0 0px;
}

.vs-dialogs-body-columns-column[internal-type=number] {
    background-position: 0 -26px;
}

.vs-dialogs-body-columns-column[internal-type=double] {
    background-position: 0 -52px;
}

.vs-dialogs-body-columns-column[internal-type=date] {
    background-position: 0 -78px;
}

.vs-dialogs-body-columns-column[internal-type=array] {
    background-position: 0 -104px;
}

.vs-dialogs-body-columns-column[internal-type=boolean] {
    background-position: 0 -130px;
}

.vs-dialogs-body-columns-column[internal-type=integer] {
    background-position: 0 -156px;
}

.vs-dialogs-body-columns-column[internal-type=long] {
    background-position: 0 -182px;
}

.vs-dialogs-body-columns-column[internal-type=byte] {
    background-position: 0 -208px;
}

.vs-dialogs-body-columns-column[internal-type="double[]"] {
    background-position: 0 -234px;
}

.vs-dialogs-body-columns-column[internal-type="string[]"] {
    background-position: 0 -260px;
}

.vs-dialogs-body-columns-column:hover {
    background-color: #F2F2F2;
}

/*.vs-dialogs-body-columns-column[data-type=N] {
    background-position-y: -27px;
}

.vs-dialogs-body-columns-column[data-type=D] {
    background-position-y: -53px;
}*/

.brtc-vs-toolbar-left-area {
    display: inline-flex;
    width: 300px;
}

.brtc-vs-add-chart {
    font-size: 12px;
    font-family: Arial, Dotum, Tahoma, sans-serif;
    display: inline-block;
    /*width: 100px;*/
    width: 90px;
    height: 25px;
    margin-left: 20px;
    margin-top: 7px;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.7);
    background: transparent;
    border: 1px solid #ccc;
}

.brtc-vs-add-chart:hover {
    background-color: #F2F2F2;
}

.brtc-vs-arrange {
    width: 23px;
    height: 23px;
    margin-top: 11px;
    margin-left: 20px;
    border: none;
    background: none;
    padding: 0;
    vertical-align: middle;
}

.brtc-vs-arrange:hover {
    background-color: #F2F2F2;
}

.arrange-evenly > div {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin: 3px;
    background: url('images/icon_modeling.png') center no-repeat;
    background-position: -54px 0;
    border: none;
    cursor: pointer;
}

.arrange-side-by-side {
    margin-left: 8px;
}

.arrange-side-by-side > div {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 3px;
    background: url('images/icon_modeling.png') center no-repeat;
    background-position: -27px 0;
    border: none;
    cursor: pointer;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.arrange-stacked {
    margin-left: 8px;
}

.arrange-stacked > div {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 3px;
    background: url('images/icon_modeling.png') center no-repeat;
    background-position: -27px 0;
    border: none;
    cursor: pointer;
}

.vs-dialogs-body-chart-selector {
    font-family: Arial, Dotum, Tahoma, sans-serif;
    /*height: 30px;*/
    line-height: 25px;
    position: relative;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
}

.vs-dialogs-body-chart-item {
    background: #fff;
    border: none;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    /*padding: 0 10px;*/
    height: 36px;

    line-height: 36px;
    text-align: left;
    width: 150px;
    margin-left: 0 !important;
    float: none !important;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    color: rgba(0, 0, 0, 0.8);
}

.vs-dialogs-body-chart-item:hover {
    background-color: #F2F2F2;
}

.vs-dialogs-body-chart-item > div {
    background: url('images/icon_context.png') center no-repeat;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    top: 3px;
    text-align: center;
}

.vs-dialogs-body-chart-item[type=scatter] > div {
    background-position: -104px -36px;
}

.vs-dialogs-body-chart-item[type=line] > div {
    background-position: -52px -36px;
}

.vs-dialogs-body-chart-item[type=column] > div {
    background-position: 0 -36px;
}

.vs-dialogs-body-chart-item[type=bar] > div {
    background-position: -26px -36px;
}

.vs-dialogs-body-chart-item[type=boxplot] > div {
    background-position: -78px -36px;
}

.vs-dialogs-body-chart-item[type=heatmap] > div {
    background-position: -312px -36px;
}

.vs-dialogs-body-chart-item[type=pie] > div {
    background-position: -130px -36px;
}

.vs-dialogs-body-chart-item[type=network] > div {
    background-position: -208px -36px;
}

.vs-dialogs-body-chart-item[type=treemap] > div {
    background-position: -182px -36px;
}

.vs-dialogs-body-chart-item[type=treediagram] > div {
    background-position: -234px -36px;
}

.vs-dialogs-body-chart-item[type=table] > div {
    background-position: -156px -36px;
}

.vs-dialogs-body-chart-item[type=mcc] > div {
    background-position: -260px -36px;
}

.vs-dialogs-body-chart-item[type=dendrogram] > div {
    background-position: -286px -36px;
}

.vs-dialogs-body-chart-item[type=roc] > div {
    background-position: -338px -36px;
}

.vs-dialogs-body-chart-item[type=correlation-matrix] > div {
    background-position: -312px -36px;
}

.vs-dialogs-body-chart-item[type=decisiontreediagram] > div {
    background-position: -234px -36px;
}

.vs-dialogs-body-chart:hover {
    background-color: #828FFF;
}

.vs-column-filter-slider {
    width: calc(100% - 18px) !important;
    padding-left: 8px;
    padding-top: 2px;
}

.vs-column-filter-control {
    overflow: hidden;
    text-overflow: ellipsis;
    /*max-width: 200px;*/
}

.brtc-vs-sidebar-filter-tab, .brtc-vs-sidebar-column-tab {
    position: relative;
}

.brtc-vs-worksheet-panel-header {
    max-height: 30px;
    min-width: 170px;
}

/*.bchart-column-control-container {*/
    /*width: calc(100% - 15px);*/
    /*margin-right: 15px;*/
/*}*/

/* Start: override Bchart.css*/
.bchart-legend-selector {
    display: none;
}

.bchart-x-axis-selector {
    display: block !important;
    background-image: none;
    border: none;
}

.bchart-x-axis-selector:active {
    pointer-events: none !important;
}

.bchart-y-axis-selector {
    display: block !important;
    background-image: none;
    border: none;
}

.bchart-y-axis-selector:active {
    pointer-events: none !important;
}

/*FIXME: delete*/
.brtc-vs-sidebar-column-tab .bchart-column-control-container{
    margin-right: 20px;
}

.brtc-vs-sidebar-column-tab div.bchart-column-control-container-panel-content {
    justify-content: space-between !important;
}

.brtc-vs-sidebar-column-tab div.bchart-single-column-control {
    width: 100% !important;
    height: 24px !important;
}

.brtc-vs-sidebar-column-tab div.bchart-single-column-control-label {
    width: 85% !important;
}

.brtc-vs-sidebar-column-tab div.bchart-column-control-container-panel-header-label {
    width: 90% !important;
}

.brtc-vs-sidebar-column-tab div.bchart-column-control-container-panel-header {
    width: 100% !important;
    margin-left: 0px !important;
    /*marigin-left: 10px !important;*/
}

/* End: override Bchart.css*/
