.leaflet-control-playback{position:relative;background-color:#7cbdf5;padding:10px;}
.leaflet-control-playback .optionsContainer{position:relative;}
.leaflet-control-playback .optionsContainer > div {
    display: inline-block;
}
.leaflet-control-playback .buttonContainer {}
.leaflet-control-playback .buttonContainer  a {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-decoration: none;
}
.leaflet-control-playback .buttonContainer .btn-stop {
    background: url(./images/icon-play.svg) no-repeat center;
    background-size: cover;
}
.leaflet-control-playback .buttonContainer .btn-start {
    background: url(./images/icon-stop.svg) no-repeat center;
    background-size: cover;
}
.leaflet-control-playback .buttonContainer .btn-restart {
    background: url(./images/icon-replay.svg) no-repeat center;
}
.leaflet-control-playback .buttonContainer .btn-slow {
    background: url(./images/icon-slow.svg) no-repeat center;
    background-size: cover;
}
.leaflet-control-playback .buttonContainer .btn-quick {
    background:  url(./images/icon-quick.svg) no-repeat center;
    background-size: cover;
}

    .leaflet-control-playback .buttonContainer .btn-stop:hover,
    .leaflet-control-playback .buttonContainer .btn-start:hover,
    .leaflet-control-playback .buttonContainer .btn-restart:hover,
    .leaflet-control-playback .buttonContainer .btn-slow:hover,
    .leaflet-control-playback .buttonContainer .btn-quick:hover {
        cursor: pointer;
    }

.leaflet-control-playback .infoContainer {}
.leaflet-control-playback .sliderContainer {}