@import url(https://fonts.googleapis.com/css?family=Open+Sans);
.botui-container{
	/* padding: 5% 0px; */
	font-size:14px;
	/*background-color:#fff;*/
	font-family:"Open Sans",sans-serif}

.botui-messages-container{
	padding:10px 20px}

.botui-actions-container{
	padding:10px 20px}

.botui-message{
	min-height:30px}

.botui-message-content{
	padding:10px 22px;
	border-radius:0px 15px 15px 15px;
	color:black;
	background-color:white;}



@media (min-width:375px) and (max-width: 790px){

.botui-container{
	/* padding: 5% 0px; */
	font-size:14px;
	/*background-color:#fff;*/
	font-family:"Open Sans",sans-serif
}
}

@media (min-width:790px){

.botui-container{
	padding: 0px;
	font-size:14px;
	/*background-color:#fff;*/
	font-family:"Open Sans",sans-serif
 }
}


.botui-message-content{
		max-width: 70%;
	}

}

.botui-message-content.human{
	border-radius:15px 0px 15px 15px;
}	

.botui-message-content.human{
	margin-bottom: 10px;
	color:white;
	background-color:#3f047d;}

.botui-message-content.text{
	line-height:2}

.botui-message-content.loading{
	background-color:rgba(206,206,206,.5);
	line-height:1.3;
	text-align:center}

.botui-message-content.embed{
	padding:5px;
	border-radius:5px}

.botui-message-content-link{
	color:#919292}

.botui-actions-text-input{
	float: right;
    border: 0;
    outline: 0;
    border-radius: 0;
    padding: 5px 7px;
    font-family: "Open Sans",sans-serif;
    background-color: transparent;
    color: #848282;
    border-bottom: 1px solid #ffffff;}

.botui-actions-text-submit{
	color:#fff;
	width:30px;
	padding:5px;
	height:30px;
	line-height:1;
	border-radius:50%;
	border:1px solid #919292;
	background:#777979}

@media (min-width: 540px) {
.botui-actions-buttons-button{
	border: white;
    color: #fff;
    border-style: solid;
    border-width: 2px;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 4px;
    font-family: "Open Sans",sans-serif;
    background: #77797900;
}
}

@media (min-width: 375px) and (max-width: 539px){
.botui-actions-buttons-button{
	width:100%;
	border: white;
    color: #fff;
    border-style: solid;
    border-width: 2px;
    line-height: 1;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 7px 15px;
    border-radius: 4px;
    font-family: "Open Sans",sans-serif;
    background: #77797900;
}
}

.slide-fade-enter-active{
	transition:all .3s ease}

.slide-fade-enter,.slide-fade-leave-to{
	opacity:0;transform:translateX(-10px)}

.dot{
	width:.5rem;
	height:.5rem;
	border-radius:.5rem;
	display:inline-block;
	background-color:#919292}

.dot:nth-last-child(1){
	margin-left:.3rem;
	animation:loading .6s .3s linear infinite}

.dot:nth-last-child(2){
	margin-left:.3rem;animation:loading .6s .2s linear infinite}

.dot:nth-last-child(3){
	animation:loading .6s .1s linear infinite}@keyframes loading{0{
		transform:translate(0,0);
		background-color:#ababab}25%{transform:translate(0,-3px)}50%{transform:translate(0,0);background-color:#ababab}75%{transform:translate(0,3px)}100%{transform:translate(0,0)}}