/* CSS Document */

html {
	overflow-y: auto !important;
	overflow-x: auto !important;
	height: 600px !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {
  display: none !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
html {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}

body {
	height: 600px !important;
}

#message-chain .message-sent:before {
	border-right: none !important;
}

#message-chain .message-received:after {
	border-left: none !important;
}

#message-chain {
	max-height: 515px;
	overflow-y: scroll;
	padding-top:12px;
}

#message-chain::-webkit-scrollbar {
  display: none !important;
}

#message-chain {
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;  /* Firefox */
}

.message-sent {
	background-color: #0e68b0 !important;
	background-image: none !important;
	margin: 0 25px 12px 0 !important;
	color: #fff !important;
	max-width: 375px;
	float: right;
	clear: both;
	border-radius: 18px !important;
	-webkit-box-shadow: -5px 5px 13px -4px rgba(0,0,0,0.44); 
	box-shadow: -5px 5px 13px -4px rgba(0,0,0,0.44);
}

.message-received {
	background-image: none !important;
	background-color: #ccc !important;
	margin: 0 0 12px 25px !important;
	color: #000 !important;
	max-width: 375px;
	float: left;
	clear: both;
	border-radius: 18px !important;
	-webkit-box-shadow: 6px 5px 13px -4px rgba(0,0,0,0.44); 
	box-shadow: 6px 5px 13px -4px rgba(0,0,0,0.44);
}

#message-chain .message-received a {
	color: #0e68b0 !important;
}

#message-chain .message-received a:hover {
	color: #c83d82 !important;
}

.send-message-button, .send-message-button:visited, .send-message-button:focus, .send-message-button:hover, .send-message-button:active {
	text-decoration: none !important;
	outline: 0 !important;
}

.operator-is-typing-message {
	position: relative;
  float: left;
	clear: both;
	padding-bottom: 12px;
}	

.snippet {
    position: relative;
    border-radius: .25rem;
}

.stage {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 10px;
	background-color: #ccc;
    border-radius: 12px !important;
    width: 100px;
    float: left;
    margin-left: 25px;
	overflow: hidden;
}