/* Common embedded chat custom styles */

.chat-header {
	height: 50px;
	padding: 5px 10px;
	justify-content: space-between;
	font-weight: bold;
	font-size: larger !important;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.chat-header a:hover {
	opacity: .8;
}


.dynamic-content-area {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom: 1px solid #e0e0e0!important;
	padding: 5px;
}

.chat-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	overflow-y: hidden;
}

.message-area {
	height: 432px;
	max-height: 432px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.chat-signin {
	flex-direction: column;
	height: 500px;
}

.chat-signin .chat-logo {
	max-height: 60px;
	margin: 10px 0px;
}

.chat-user-info {
	border-bottom: 1px solid #e0e0e0;
	font-weight: bold;
	padding: 5px;
}

.ticket-fields {
	width: 100%;
	max-height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.message-input-textbox {
	width: 80%;
	height: 48px;
	resize: none;
	padding-bottom: 0;
	padding-top: 0;
	border: none;
	margin: 0;
	border-radius: 0;
	box-shadow: none !important;
}

.noMore-agents-available-message {
	font-size:1em; 
	padding: 10px!important;
}