body{
margin: 0px;
    
}


.onair-time-line{

width: 432px;
background: #756a66;
height: 3px;

}


.onair-player-container{

position: fixed;
bottom: 0;
z-index: 1000;
background: #5D004F;
width: 100%;
text-align: center;
color: white;
height: 10%;
transition: all 1000ms;
opacity: 0.9;


}

.player-content{

    float: right;
    height: 100%;
    display: flex;
    align-items: center;
}


.onair-player{
    cursor: pointer;
    width: 70px;
    height: 45px;
    border: 2px solid #fff;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.onair-playstop-button{
    cursor: pointer;
    height: 16px;
    width: 16px;
    border: 0;
}


.onair-next-button{

    background: url(img/btn-next.png) center center no-repeat;

}
.onair-previous-button{

    background: url(img/btn-prev.png) center center no-repeat;

}

.onair-pause-button{

    background: url(img/btn-pause.png) center center no-repeat;

}

.onair-play-button{  
    
    background: url(img/btn-play.png) center center no-repeat;
}



.hide-player-content{


}

.show-player-content{


}