/* Volume color
/* Ovde se podesava boja. Moze se koristiti i heksadecimalna vrednost. */
.flowplayer .fp-color {
    background-color: rgb(255, 174, 0);
}

/* Ova vrednost sakriva LIVE teks i brojcanik */
.flowplayer .fp-elapsed,
.flowplayer .fp-duration,
.flowplayer .fp-remaining {
    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 sirenje 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 mozete menjati po izboru.
*/

/* Pozicija Play button - levo na marginu*/
.flowplayer .fp-playbtn { margin-left: -5px; }

/* 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: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

/* 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: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

/* Pozicija Volume button */
.flowplayer .fp-volumebtn { margin-bottom: 25px }
.flowplayer .fp-volume { margin-left: 0px }

/* Pozicija Volumebar */
.maksnet-volume-bar.foreground { margin-left: 0px }
.maksnet-volume-bar.background { margin-left: 0px }
.maksnet-volume-bar { margin-bottom: 25px }
.maksnet-volume-bar { margin-left: 0px }

/* 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: 36px;
    height: 36px;
}

/* 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: 36px;
    height: 36px;
}

/*Volumebar Responsive dimenzije*/
@media (min-width: 501px) {
  .maksnet-volume-bar { width: 150px; }
}
@media (min-width: 401px) and (max-width: 500px) {
  .maksnet-volume-bar { width: 100px; }
}
@media (min-width: 301px) and (max-width: 400px) {
  .maksnet-volume-bar { width: 60px; }
}
@media (max-width: 300px) {
  .maksnet-volume-bar { width: 40px; }
}