#navbar-main {
	box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}

#navbar-main.navbar-transparent {
	position: fixed;
	box-shadow: none;
}

#player-footer {
	box-shadow: 0 -4px 6px rgba(50, 50, 93, 0.11), 0 -1px 3px rgba(0, 0, 0, 0.08);
	background: #fff !important;
}

.shape-primary {
	background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%);
}

/* .section-hero.section-shaped .shape-primary {
	background: linear-gradient(150deg, rgb(133, 153, 66), rgb(236, 245, 228)) !important;
} */

#player-footer,
.section-hero.section-shaped .shape-primary {
	/* background: linear-gradient(150deg, #57642b, #abbe69) !important; */
	/* background: linear-gradient(150deg, #303952, #596275) !important; */
	/* background: linear-gradient(150deg, #0a3d62, #3c6382) !important; */
	/* background: linear-gradient(150deg, #2d3436, #636e72) !important; */
	background: linear-gradient(150deg, #37474f, #607d8b) !important;
}

.player-album-art {
	position: relative;
}

.player-album-control-container {
	display: none;
}

.player-album-art:hover img {
	opacity: 0.743;
}

.player-album-art:hover .player-album-control-container {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 15px;
	cursor: pointer;
}

.player-album-art-next img {
	opacity: 0.743;
}

.player-album-art-next:hover img {
	opacity: 0.5;
}

.player-album-control {
	padding-top: 30% !important;
	/* background: rgba(0, 0, 0, 0.6); */
	border-bottom-left-radius: 0.25rem !important;
	border-radius: 0.25rem !important;
	text-align: center;
	height: 100%;
}

.player-elapsed {
	position: relative;
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, 0.2);
}

.player-elapsed::after {
	position: absolute;
	content: '';
	width: 74.3%;
	height: 100%;
	background: #fff;
}

.text-no-break {
	white-space: nowrap;
}

table tr th:first-child, table tr td:first-child {
	padding-left: 0;
}

table tr th:last-child, table tr td:last-child {
	padding-right: 0;
}