#query {
	width: 100%;
	height: 30px;
	font-size: 20px;
}

#dialog {
	height: 400px;
	overflow-y: scroll;
}

.col-50 {
	width: 50%;
	float: left;
}

.clearfix {
    clear:both;
}

.left-align {
	text-align: left;
}

.right-align {
	text-align: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.dialog-backdrop-node {
	background-color: red;
	width: 100%;
	padding-bottom: 5px;
}

.right-backdrop {
	background-color: lightgreen;
}

.right-backdrop .dialog-node {
	background-color: lime;
}

.left-backdrop {
	background-color: lightblue;
}

.left-backdrop .dialog-node {
	background-color: skyblue;
}

.dialog-node {
	display: inline-block;

	border: 1px solid gray;
	border-radius: 5px;
	width: auto;

	padding: 5px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.card {
	max-width: 400px;
	overflow: hidden;
	text-align: center;
}

.card img {
	max-width:100%;
}

.card p {
	margin: 10px;
}

.card .card-copy-1 {
	font-size: 30px;
}

.card .card-copy-2 {
	font-size: 20px;
}

.card .card-copy-3 {
	font-size: 10px;
}

.quick-replies p {
	margin: 5px;
}