/*
 * 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}
.botui-app-container{
	width:100%;
	height:500px;
	line-height:1;}

@media (min-width:790px){
.botui-app-container{
	padding-top: 5%;
    padding-bottom: 5%;
	width:700px;
	height:425px;
	margin:0 auto}


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

@media (min-width:450px) and (max-width: 790px){
.botui-app-container{
	padding-top: 5%;
    padding-bottom: 5%;
	width:500px;
	height:425px;
	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-content{
	width:auto;max-width:85%;
	display:inline-block}

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

.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}


@media(min-width: 540px){
.botui-actions-buttons-button+.botui-actions-buttons-button
{margin-left:10px}
}

@media(min-width: 375px) and (max-width: 539px){
.botui-actions-buttons-button+.botui-actions-buttons-button
{margin:10px 0px 10px 0px}
}


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