AudioPlayer.css

.audioplayer {
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.audioplayer .MuiSvgIcon-root {
    color: #53ccfc;
    cursor: pointer;
    width: 24px;
    height: 24px;
	transform: scale(2);
}

.audioplayer button {
	border: none;
	background: none;
}

.audio__error .MuiSvgIcon-root {
	color: #ff4c30;
	transform: none;
	width: 40px;
	height: 40px;
	margin-right: 15px;
}

.audio__error .MuiSlider-root {
	color: #ff4c30;
}

.audioplayer .btn__audio--sender {
	color: white
}

.audioplayer .MuiSlider-thumb {
	width: 15px;
	height: 15px;
}

.audioplayer .pause {
	transform: scale(1.7);
}

.audioplayer > div {
	width: calc(100% - 48px);
	height: 15px;
	display: flex;
	align-items: center;
	position: relative;
}

.audioplayer__time {
	margin-right: 10px;
	margin-left: 2px;
	min-width: 35px;
	display: inline-block;
	font-size: 14px !important;
	position: static !important
}

.audioplayer .MuiCircularProgress-root {
	margin-right: 15px;
	color: #a9a9a9;
}

.chat__reciever .chat__timestamp {
	color: white
}

.chat__reciever .audioplayer__time {
	color: white
}


/*#33d9ff*/