/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.icon_rotate img {
	-webkit-animation: icon_rotation 2s infinite linear;
	animation: icon_rotation 2s infinite linear;
	border-radius: 50%;
}

@-webkit-keyframes icon_rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes icon_rotation {
	from {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.pbi-mp3-player .mp3-player-item-player button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0;
	background: none;
	padding: 0;
	margin: 0;
	outline: none;
	cursor: pointer;
}

.pbi-mp3-player .mp3-player-item-player button .icon-play {
	display: block;
}

.pbi-mp3-player .mp3-player-item-player button .icon-pause {
	display: none;
}

.pbi-mp3-player .mp3-player-item-player button .icon-loading {
	display: none;
}

.pbi-mp3-player.loading .mp3-player-item-player button .icon-play {
	display: none;
}

.pbi-mp3-player.loading .mp3-player-item-player button .icon-loading {
	display: block;
}

.pbi-mp3-player.playing .mp3-player-item-player button .icon-play {
	display: none;
}

.pbi-mp3-player.playing .mp3-player-item-player button .icon-pause {
	display: block;
}

.pbi-mp3-player .mp3-player-item-player-trackbar,
.pbi-mp3-player .mp3-player-item-player-volumebar {
	background-color: #BFBDC3;
	width: 100%;
	height: 8px;
	position: relative;
	border-radius: 16px;
	cursor: pointer;
}

.pbi-mp3-player .mp3-player-item-player-trackbar span,
.pbi-mp3-player .mp3-player-item-player-volumebar span {
	content: '';
	background-color: #858489;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	min-width: 12px;
	height: 100%;
	border-radius: 16px;
}

.pbi-mp3-player .mp3-player-item-player-trackbar span:after,
.pbi-mp3-player .mp3-player-item-player-volumebar span:after {
	content: '';
	background-color: #858489;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -2px;
	width: 16px;
	height: 16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 50%;
}

.pbi-mp3-player .mp3-player-item-player-volume,
.pbi-mp3-player .mp3-player-item-player-timers {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pbi-mp3-player .mp3-player-item-player-volumebar {
	margin: 0 10px;
}