.db_media_player {
	min-height: 34px;
}
.media-controls {
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
	height: 34px;
}
.media-controls .col {
	padding: 0;
}
.btn-media {
	display: table-cell;
	width: 100%;
	background-color: transparent;
	border: none;
	padding: 0;
	vertical-align: middle;
	height: 100%;
}
.btn-media:focus {
	outline:none;
}
.btn-media.hidden {
	display: none;
}
.media-controls .col:nth-child(1) {
	max-width: 50px;
}
.media-controls .col:nth-child(3) {
	max-width: 120px;
}
.media-controls>.col>div {
	width: 60px;
	float: left;
	height: 100%;
}
.btn-media-color {
	fill:#FFFFFF;
}
.btn-media svg {
    margin: 0 auto;
    display: block;
}
.btn-full_screen svg {
	width: 31px;
}
.btn-play svg {
	width: 12.4px;
    top: 100%;
    position: absolute;
    left: 50%;
    margin-left: -6.2px;
    margin-top: -23px;
}
.btn-pause svg {
	width: 9.9px;
	top: 100%;
    position: absolute;
    left: 50%;
    margin-left: -6.2px;
    margin-top: -23px;
}
.media-controls .col div.progress_bar {
	width: 100%;
	position: relative;
	cursor: pointer;
}
.progress_bar .bbar {
	width: 100%;
	height: 3px;
	background-color: #fff;
	position: absolute;
	top: 16px;
	left:0;
}
.progress_bar .pbar {
	top: 16px;
	width: 0;
	height: 3px;
	background-color: #aaa;
	position: absolute;
	left: 0;
}
.time_display {
	color: #fff;
	font-size: 14px;
	text-align: center;
}