/*
 * botui 0.3.4
 * A JS library to build the UI for your bot
 * https://botui.org
 *
 * Copyright 2017, Moin Uddin
 * Released under the MIT license.
*/

a.botui-message-content-link:focus{
	outline:thin dotted
}

a.botui-message-content-link:focus:active,
a.botui-message-content-link:focus:hover{
	outline:0
}

form.botui-actions-text{
	margin:0
}

button.botui-actions-buttons-button,
input.botui-actions-text-input{
	margin:0;
	font-size:100%;
	line-height:normal;
	vertical-align:baseline
}

button.botui-actions-buttons-button::-moz-focus-inner,
input.botui-actions-text-input::-moz-focus-inner{
	border:0;padding:0
}

button.botui-actions-buttons-button{
	cursor:pointer;
	-webkit-appearance:button;
	margin-right:10px;margin-bottom:10px;
}

.botui-app-container{
	width:100%;
	height:100%;
	line-height:1
}
@media (min-width:400px){.botui-app-container{
	width:auto;
	height:800px;
	margin:0 auto
}}

.botui-container{
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden
}

.botui-message{
	margin:10px 0;
	min-height:20px
}

.botui-message:after{
	display: block;
    content: "";
    clear: both;
}

.botui-message-content{
	width:auto;
	max-width:75%;
	display:inline-block;
	word-wrap:break-word
}

.botui-message-content.human{
	float:right;
	word-wrap:break-word
}

.botui-message-content iframe{
	width:100%
}

.botui-message-content-image{
	margin:5px 0;
	display:block;
	max-width:200px;
	max-height:200px
}

.botui-message-content-link{
	text-decoration:underline
}

.botui-actions-buttons-button+.botui-actions-buttons-button{
	margin-right:10px;
	margin-bottom:10px;
}

@media (min-width:400px){
	.botui-actions-text-submit{
		display:none
	}
}

.profil {
  display: inline-block;
  position: relative;
  border-radius: 50%;
}

.profil.human {
	float: right;
    margin-left: 5px;
}
.profil.agent {
	float: left;
    margin-right: 5px;
}
.profil > img {
  width: 30px;
  height: 30px;
  /* border: 2px solid #e8e8e8; */
}

.profil>img.agent {
    /* content: url(http://decodemoji.com/img/logos/blue_moji_hat.svg); */
    border-radius: 50%;
}