.player {
    /* height: 45px; */
    /* width: 330px; */
    background: #ff9804;
    padding: 1em;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.player >*{
    margin-left:1.5em;
}

.player .start, .player .stop{
    margin-left:0;
}

.player .start, .player .stop{
    height: 25px;
    width: 25px;
    cursor: pointer;
}
.player .vol_icon{
    height: 15px;
}
.player .progress_conteiner{
    display: flex;
    flex: 1 1;
    align-items: center;
}
.player .progress{
    width: 100%;
}
.player .pos{
    flex: 0 0;
    flex-wrap: nowrap;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    margin-left: .5em;
}
.player .pos span{
    font-size: 12px;
}
.player .volume{
    width: 50px;
    margin-left: .25em;
}

.player_area{
    margin-bottom: 10px;
}
/*перекрытие ui стилей*/
.ui-slider-horizontal {
    height: 10px;
}
.ui-slider .ui-slider-handle {
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #FFFFFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -4px;
    margin-left: -.6em;
}