/* BEGIN: Bootstrap Reset */

.chart .col {
    flex: none;
}

/* END: Bootstrap Reset */

.chart {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    height: 100vh;
}

.chart .col > *, .chart .row > * {
    padding: 0;
}

.chart .col.header,
.chart .row.header,
.chart .body {
    margin: 0px;
    padding: 0px;
}

div.inline {
    display: inline-block;
}

.chart .col.header {
    height: 40px;
    min-height: 40px;
    max-height: 40px;
}

.chart .row.header {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.chart .row.header svg {
    display: inline;
}

.chart .row.header {
    margin-top: 40px;
}

.chart .row.header svg {
    min-width: 200px;
    max-width: 200px;
}

.chart .col {
    display: inline-block;
    height: 100vh;
}


/*
#chart-col-header {
    width: 500px;
    height: 100px;
    min-width: 500px;
    min-height: 100px;
    max-width: 500px;
    max-height: 100px;
}

#chart-row-header {
    width: 100px;
    height: 500px;
    min-width: 100px;
    min-height: 500px;
    max-width: 100px;
    max-height: 500px;
}

#chart-content {
    width: 500px;
    height: 500px;
    min-width: 500px;
    min-height: 500px;
    max-width: 500px;
    max-height: 500px;
}
*/