.side-panel {
    background-color: transparent;
    border-radius: 8px;
}

.time-container {
    font-weight: 900;
}

.task-container {
    font: 14px Sans;
}

.task-item.complete {
    color: #888888;
}

.task-item.deadline {
    font-weight: bold;
}

.section {
    border-radius: 4px;
    background-color: rgba(0,0,0,0.50);
    color: #fff;
}

.task-time {
    font-weight: bold;
}

.progress {
    background-color: #000;
}
.progress-bar {
    background-color: #232323;
}


.icon-stat .icon {
    font: 14px FontAwesome;
    color: #ccc;
}
.icon-stat .text {
    font: 13px Sans;
}

.stat-box {
}

.icon {
    font: 12px FontAwesome;
}

.artist {
    font: 16px Sans;
    font-weight: bold;
}

.stat-box label {
    font: 12px Sans;
    font-weight: bold;
    color: #eee;
}

.stat-box .text {
    font: 32px Sans;
}

.separator {
    border-bottom: 1px solid #cc44dd;
}

.music-art {
    background-size: cover;
    border-radius: 8px;
}

trough {
    background-color: #444;
    border: 0;
}

.bat-discharging {
    color: #ff0000;
}

.bat-discharging trough progress {
    background-color: #ff0000;
    border-color: #ff0000;
    border: 0;
}

.bat-charging {
    color: #008800;
    border-color:  #008800;
}

.bat-charging trough progress {
    background-color: #00cc00;
    border: 0;
}