/*cabinet-stream*/
.scrollbar-outer > .scroll-content.scroll-scrolly_visible{
	left: 0;
	margin-left: 0;
}

.cabinet-stream{

}

.cabinet-stream .video-wrapper{
	float: left;
	width: 70%;
}
.cabinet-stream  .chat-wrapper{
	float: left;
	padding-left: 30px;
	width: 30%;
	position: relative;
	padding-bottom: 170px;
}
.error-box{
	color: red;
	font-size: 12px;
	height: 1.2em;
	margin-bottom: 10px;
}


.cabinet-stream .chat-wrapper .chat-footer{
	position: absolute;
	width: calc(100% - 30px);
	bottom: 0;
}
.cabinet-stream .chat-wrapper .chat-box{
	overflow: hidden;
	height: 100%;
}
.cabinet-stream .chat-wrapper .message{
	margin-bottom: 15px;
	width: calc(100% - 20px);
}
.cabinet-stream .chat-wrapper .message:last-child{
	/* margin-bottom: 0; */
}
.cabinet-stream .chat-wrapper .message .message-body{
	background-color: #fff;
	padding: 15px;
	border-radius: 0px 5px 5px 20px;
	color: #525252;
	border: 1px solid #cecece;
	overflow-wrap: break-word;
}

.cabinet-stream .chat-wrapper .message.error-message .message-body{
	background-color: #f7d4d4;
	border-radius: 5px;
}

.cabinet-stream .chat-wrapper .chat-area{
	width: 100%;
	overflow: hidden;
	resize: none;
	padding: 10px;
	border: 1px solid #cecece;
	height: 100px;
	margin-bottom: 5px;
}
.cabinet-stream .chat-wrapper .send-message-button{
	display: block;
	width: 100%;
}



.stream-admin-panel{
	border: 1px solid #cecece;
	border-radius: 5px;
	/*padding: 15px;*/
	margin-bottom: 15px;
}

.stream-admin-panel .field-set{
	width: calc(100% / 4 - 3px);
	display: inline-block;
	vertical-align: middle;
	padding: 15px;
}

.stream-admin-panel .field-set input,
.stream-admin-panel .field-set select{
	width: 100%;
	font-size: 16px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #cecece;
	background-color: #fff;
}

.online-users{
	padding: 0 15px 15px 15px;
}
.online-users .user-watch{
	display: inline-block;
	margin-right: 5px;
	border-radius: 2px;
	padding: 3px 10px;
	background-color: #f5f5f5;
	margin-bottom: 5px;
}


@media(max-width: 1650px){
	.stream-admin-panel{
		padding: 10px 0 0 0;
	}
	.stream-admin-panel .field-set{
		padding: 0 10px;
		margin-bottom: 10px;
		width: calc(100% / 2 - 3px);
	}
	.button-2, form input[type="submit"].button-2{
		font-size: 14px;
		padding: 5px;
	}
}

@media(max-width: 1100px){
	.cabinet-stream .video-wrapper{
		width: 100%;
	}
	.cabinet-stream .chat-wrapper{
		width: 100%;
		padding-left: 0;
		margin-top: 15px;
		background-color: #f3f3f3;
		/* padding: 10px; */
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 30px;
	}
	.cabinet-stream .chat-wrapper .chat-footer{
		width: 100%;
		margin-bottom: 30px;
		width: calc(100% - 20px);
	}
	.cabinet-stream .video-wrapper .video-frame{
		width: 100%!important;
		height: 50vh!important;
	}
	.cabinet-stream .chat-wrapper .chat-area {
		width: calc(100% - 20px);
	}
	.cabinet-stream .chat-wrapper .inner-box{
		padding-bottom: 15px;
	}
}

/*cabinet-stream*/