@charset "UTF-8";

.replayVideo-wrap {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.26%;
}

.replayVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.chat-div {
	border: 1px solid #D8D7D8;
}

.onair-logo-div {
	background-color: red;
	color: white;
	font-size: 15px;
	font-weight: 600;
	padding: 1px;
}

.chatsendbtn {
	right: -1px;
	position: absolute;
	bottom: -6px;
	height: 62px;
	width: 70px;
	border-radius: 0;
	background-color: #929292;
	border-color: #929292;
}

.form-control, .single-line {
	background-color: white;
	background-image: none;
	border: 0;
	border-top: 1px solid #e5e6e7;
	border-radius: 1px;
	color: inherit;
	display: block;
	padding: 0px 3px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s
		ease-in-out 0s;
	width: 100%;
	border-radius: 1px;
	border-top: 1px solid #e5e6e7;
}

.chat-discussion {
	background: white;
	padding: 1px;
	height: 540px;
	overflow-y: auto;
}

.chat-discussion .chat-message.left .message {
	text-align: left;
	margin-left: 0px;
}

.message {
	background-color: #F5F4F5;
	border: 0px solid #e7eaec;
	text-align: left;
	display: block;
	padding: 10px 20px;
	position: relative;
	border-radius: 4px;
}

.message-author {
	font-size: 11px;
	color: #888888;
}

.message-date {
	font-size: 10px;
	color: #888888;
}

.message-content {
	overflow: hidden;
	word-break: break-all;
	margin-top: 3px;
}

.chat-message {
	padding: 0px 0px;
	margin: 10px;
	border: 1px solid #e7eaec;
	border-radius: 4px;
}

.chat-title {
	font-size: 20px;
	padding: 3px;
	border-top: 1px solid #8888;
	border-bottom: 1px solid #8888;
	color: #27436E;
}

.login-required {
	padding: 30px !important;
	text-align: center;
	border-top: 1px solid #e7eaec;
}

.chat-div {
	border-left: 1px solid #e7eaec;
}

@media ( max-width :767px) {
}

@media ( max-width :1023px) {
	.chatting {
		display: none;
	}
}

@media ( min-width :768px) {
}