.stream-quality-off {
	background-color:#333;
	color:white;
}
.stream-quality-on {
	background-color: #555;
	color:white;
}
.stream-quality-on-0 {
	background-color: #FFC501;
	color:black;
}
.stream-quality-on-1 {
	background-color: #EC18CC;
	color:black;
}
.stream-quality-on-2 {
	background-color: #2882FF;
	color:black;
}
.stream-quality-on-3 {
	background-color: #20D617;
	color:black;
}
.stream-quality-on-4 {
	background-color: #C9C6C6;
	color:black;
}
.stream-quality-on-5 {
	background-color: #9320B9;
	color:black;
}
.stream-quality-on-6 {
	background-color: #EC6666;
	color:black;
}
.stream-quality-on-7 {
	background-color: #00FFF7;
	color:black;
}


.stream-box-0 {
	background-color: #FFC501 !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-1 {
	background-color: #EC18CC !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-2 {
	background-color: #2882FF !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-3 {
	background-color: #20D617 !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-4 {
	background-color: #C9C6C6 !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-5 {
	background-color: #9320B9 !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-6 {
	background-color: #EC6666 !important;
    background-image: none !important;
    border: 0 !important;
	color:black;
}
.stream-box-7 {
	background-color: #00FFF7 !important;
    background-image: none !important;
    border: 0 !important;
	color: black;
}

.stream-element-0 {
	color: #FFC501;
}
.stream-element-1 {
	color: #EC18CC;;
}
.stream-element-2 {
	color: #2882FF;
}
.stream-element-3 {
	color: #20D617;
}
.stream-element-4 {
	color: #C9C6C6;
}
.stream-element-5 {
	color: #9320B9;
}
.stream-element-6 {
	color: #EC6666;
}
.stream-element-7 {
	color: #00FFF7;
}
.stream-box-name {
	font-size: 90%;
	bottom: 2px;
    position: relative;
}

.stream-box-moderator {
	bottom: 2px;
    position: relative;
}

.stream-box-style {
	bottom: 2px;
    position: relative;
}

.volume-slider-0 {
	accent-color: #FFC501;
}
.volume-slider-1 {
	accent-color: #EC18CC;;
}
.volume-slider-2 {
	accent-color: #2882FF;
}
.volume-slider-3 {
	accent-color: #20D617;
}
.volume-slider-4 {
	accent-color: #C9C6C6;
}
.volume-slider-5 {
	accent-color: #9320B9;
}
.volume-slider-6 {
	accent-color: #EC6666;
}
.volume-slider-7 {
	accent-color: #00FFF7;
}

.notification-0 {
	background-color: #FFC501;
	color:black;
}
.notification-1 {
	background-color: #EC18CC;
	color:black;
}
.notification-2 {
	background-color: #2882FF;
	color:black;
}
.notification-3 {
	background-color: #20D617;
	color:black;
}
.notification-4 {
	background-color: #C9C6C6;
	color:black;
}
.notification-5 {
	background-color: #9320B9;
	color:black;
}
.notification-6 {
	background-color: #EC6666;
	color:black;
}
.notification-7 {
	background-color: #00FFF7;
	color: black;
}

[class*="notification-"] a {
    color: inherit;
	text-decoration: underline;
}