/*

 * botui 0.2.2

 * A JS library to build the UI for your bot

 * https://botui.org

 *

 * Copyright 2017, Moin Uddin (https://moin.im)

 * Released under the MIT license.

*/

body {

    /* background-color: #2F2F2F */

}



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: 100%;

    line-height: 1;

    position: fixed;

    right: -400px;

    bottom: 0;

    z-index: 99999999999999999999;

    -webkit-transition: .5s;

    transition: .5s;

}



.home-demo2{

    right: 0;

}



.home-democolose{

    width: 40px;

    height: 40px;

    background: #2764c5 url(../images/democolose1.png) no-repeat center ;

    position: absolute;

    left: -40px;

    top: 0;

}



.home-democolose2{

    width: 40px;

    height: 40px;

    background: #2764c5 url(../images/democolose2.png) no-repeat center ;

    position: absolute;

    left: -40px;

    top: 0;

}

@media (min-width:400px) {

    .botui-app-container {

        width: 400px;

        height: 500px;

        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 {

    float: right

}



.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-left: 10px

}