/*
-----------------------------
    Light theme - default
-----------------------------
*/
.amChartsDataSetSelector
{
    font-size:12px;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsPeriodSelector
{
    font-size:12px;
    color: #282828;
    font-family:verdana,helvetica,arial,sans-serif;
}

.amChartsButtonSelected
{
   background-color:#4caf50;
   border-style:solid;
   border-color:#4caf50;
   border-width:1px;
   color:#FFFFFF;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 1px;
   outline: none;
   box-sizing: border-box;
}

.amChartsButton {
    color: #282828;
    background: transparent;
    opacity: 0.7;
    border: 1px solid rgba(0, 0, 0, .3);
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 1px;
    outline: none;
    box-sizing: border-box;
}

/*
----------------------
    Dark theme
----------------------
*/
.md-dark-theme .amcharts-graph-volumn .amcharts-graph-column-element {
    fill: #92bbff;
    stroke: #dce9ff;
}

.md-dark-theme .amChartsPeriodSelector {
    color: #fff;
}

.md-dark-theme .amChartsButtonSelected {
    color: #fff;
}

.md-dark-theme .amChartsButton {
    border-color: #fff;
    background-color: #ddd;
    opacity: 1;
}