body {
    background: #eeeeee;
}

.card {
    margin: 10px 0 10px 0;
    background: #cccccc;
    border: 1px solid #222222;
}

.chart-card {
    padding: 0 0 20px 0;
}

.chart-card-title {
    margin: 20px;
    display: grid;
    grid-template-columns: 1fr auto;
}

.chart-card-header {
    margin: 0;
}

.chart-card-remove-button {
    justify-self: end;
}

.card-dropdown {
    background: #cccccc;
    -webkit-appearance: none;
}

.right-aligned {
    text-align: right;
}

.extension-card {
    text-align: center;
    padding: 10px;
}

.help-card {
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr auto;
}

.info-button {
    justify-self: end;
    margin: 10px;
}



svg.ct-chart-bar, svg.ct-chart-line {
	overflow: visible;
}

.ct-label.ct-label.ct-horizontal.ct-end {
    font-family: Lucida Console;
    transform-origin: 100% 0;
    transform: translate(-80%, 30px) rotate(-90deg);
    white-space: nowrap;
}