/*   Brightics 2.0 Chart Build 190718 */
/*   Brightics 2.0 Chart Build 190718 */
.bcharts-tethys {
}

.bcharts-tethys-layout[layout='flex'] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative;
    max-height: 100%;
    padding-right: 16px;
}

.bcharts-tethys-layout-item {
    box-sizing: border-box;
    padding: 2px;
}

.bcharts-tethys-layout-item[layout=each] {
    box-sizing: border-box;
    padding: 2px;
    position: relative;
    width: 100%;
    height: 100%;
}

.bcharts-tethys-loading {
    display: none;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    opacity: .5;
    border: solid 1px #d3d3d3;
}

.bcharts-tethys-layout-item[status="ready"] > .bcharts-tethys-loading {
    display: flex;
}

.bcharts-tethys-layout-item[status="cached"] {
    cursor: progress;
}

.bcharts-tethys-layout-item[status="cached"] .bcharts-chart > img {
    width: 100%;
    height: 100%;
}

.bcharts-tethys-layout-item[status="cached"] .bcharts-legend-item {
    cursor: progress;
}

