/* Ovo je definicija za font koji sadrži simbole za volume dugmad. */
@font-face {font-family: "icomoon"; src: url("radiosfont.ttf"); }

/* Volume color
/* Ovde se podešava boja. Može se koristiti i heksadecimalna vrednost. */
.flowplayer .fp-color {
    background-color: rgb(255, 174, 0);
}

/* Ova vrednost sakriva LIVE teks i brojčanik */
.flowplayer .fp-elapsed,
.flowplayer .fp-duration {
    display:none;
}

/* Ova vrednost sakriva senku i standardnu pozadinu da bude transparentna */
.flowplayer.fp-ui-shown .fp-ui,
.flowplayer.is-paused .fp-ui,
.flowplayer.is-mouseover .fp-ui,
.flowplayer.is-loading .fp-ui {
    background-image: none;
}

/* Ova vrednost zaustavlja širenje i skupljanje volume bara. */
.flowplayer.fp-slim .fp-bar-slider {
    height: .9em;
}

/* Ova vrednost podešava visinu samog playera */
.is-audio-only.flowplayer.is-audio-only-7x .fp-controls,
.is-audio-only.flowplayer.is-audio-only-7x .fp-timeline {
    height: 100%;
}



/*
    Ove sledeće vrednosti dole se odnose da dugmad.
    Po standardu FlowPlayer koristi simbole koji su integrisani u font fajl.
    Ovaj dole primer se odnosi na postavljanje PNG, SVG i ostalih slika kao dugmad.
    background-image: url(""); je putanja za sliku. To možete menjati po izboru.
*/



/* Play button */
.flowplayer.fp-edgy.fp-outlined .fp-playbtn:before,
.flowplayer.fp-edgy.fp-minimal .fp-playbtn:before {
    display: block;
    content: "";
    background-image: url("play.svg");
    background-size: 48px 48px;
    background-position: center;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
}

/* Pause button */
.flowplayer.is-playing.fp-edgy.fp-outlined .fp-playbtn:before,
.flowplayer.is-playing.fp-edgy.fp-minimal .fp-playbtn:before {
    display: block;
    content: "";
    background-image: url("pause.svg");
    background-size: 36px 36px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

/* Normal volume icon */
.flowplayer.fp-edgy.fp-outlined .fp-volumebtn:before,
.flowplayer.fp-edgy.fp-minimal .fp-volumebtn:before {
    display: block;
    content: "";
    background-image: url("volume.svg");
    background-size: 36px 36px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

/* Muted volume icon */
.flowplayer.is-muted.fp-edgy.fp-outlined .fp-volumebtn:before,
.flowplayer.is-muted.fp-edgy.fp-minimal .fp-volumebtn:before {
    display: block;
    content: "";
    background-image: url("volumemute.svg");
    background-size: 36px 36px;
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}