/* ====================
    Basic
==================== */
.succulent-chart {
    text-align: center;
    background-color: #fdfdfd;
    border: 1px solid black;
    margin: 1%;
}

.succulent-chart-left {
    width: 48%;
    float: left;
}

.succulent-chart-right {
    width: 48%;
    float: right;
}
/* ====================
==================== */



/* ====================
    Labels
==================== */
.succulent-chart label {
    margin: 2%;
}

.succulent-chart-controls label {
    margin: 0;
}
/* ====================
==================== */



/* ====================
    Loader
==================== */
.succulent-chart-loader {
    background-image: url('chart-loader.gif');
    background-size: 287px 141px;
    background-repeat: no-repeat;
    margin: auto;
    width: 287px;
    height: 141px;
}
/* ====================
==================== */



/* ====================
    SVG
==================== */
.succulent-chart svg {
    width: 100%;
    height: 650px;
}

.succulent-chart svg text {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 10pt;
}
/* ====================
==================== */



/* ====================
    Controls
==================== */
.succulent-chart-controls {
    margin: 2% auto;
}

.succulent-chart-controls-date {
    width: 650px;
}
/* ====================
==================== */