.text_white {
	color: #fff;
}

.text_blue {
	color: #6be4fb;
}

.text_green {
	color: #63ff3d;
}

.text_red {
	color: #f00;
}

.text_orange {
	color: #fc0;
}

.text_yellow {
	color: #ffe700;
}

.text_pink {
	color: #ffc0cb;
}

.text_cyan {
	color: #6be4fb;
}

.text_grey {
	color: #bbb;
}

#client_chatcontainer {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
    font-family: sans-serif;
}

#client_name {
    display: block;
	position: absolute;
	height: 100%;
	width: 7%;
	text-align: left;
    color: #3d3c3f;
    font-weight: bold;
    background-image: linear-gradient(to top,#fe9500,#fee303,transparent);
	border-right: 0.3em solid #dfd8b8;
	box-shadow: 0.3em 0px 0 #ff9700;
	left: 0;
    bottom: 0;
}

#client_inner_name {
	padding: 0;
	margin: 0;
	transform: rotate(180deg);
    writing-mode: vertical-rl;    
    bottom: 25%;
    right: 0;
    position: absolute;
}

#client_chat {
	font-size: 1em;
	display: block;
	width: 91%;
	margin: auto;
	height: 25%;
    border-top: 0.1em solid white;    
	bottom: 0;
    right: 0;
    background-image: linear-gradient(to right, rgba(0,0,0,0.4), black);
	position: absolute;
	word-break: keep-all;
	overflow-wrap: break-word;
	text-align: left;
	overflow: hidden;
    scroll-behavior: smooth;
    z-index: 3;
}

#client_inner_chat {
    position: absolute;
	padding: 2% 4%;
	margin: 0;
    line-height: 97%;
    z-index: 4;
}

#client_chatwaiting {
	display: none;
}

#client_trackstatus {
	display: block;
	position: absolute;
	width: 30%;
	height: 35%;
	top: 0;
	left: 0;
	background-image: url("music_dr2.svg");
	background-size: contain;
    background-repeat: no-repeat;
}

#client_trackstatustext {
	position: absolute;
	top: 6%;
	left: 25%;
	width: 50%;
	color: #f84f00;
    font-family: monospace;
	font-size: 1.2em;
	white-space: nowrap;
}

#client_trackstatus {
	display: fuck;
}