.mytext{
    border:0;padding:12px;background:white;
}
.text{
    width:93%;display:flex;flex-direction:column;
}
.text > p:first-of-type{
    width:100%;margin-top:0;margin-bottom:auto;line-height:19px;font-size:16px;
}
.text > p:last-of-type{
    /*width:100%;text-align:right;color:black;margin-bottom:-7px;margin-top:auto;*/
    width:100%;color:black;margin-bottom:-7px;margin-top:auto;
}
.text-l{
    float:left;padding-right:12px;
}        
.text-r{
    float:right;padding-left:12px;
}
.avatar{
    /*display:flex;*/
	display:relative;
    justify-content:center;
    align-items:center;
    /*width:25%;*/
    width:75px;
    float:left;
    padding-right:10px;
}
.macro{
    margin-top:5px;width:100%;border-radius:5px;padding:5px;display:flex;
}
.msj-user{
    float:right;background:#0187CE;
}
.msj-bot{
    float:left;background:#75AB53;
}
.frame{
    background:#e0e0e0;
    overflow:auto;
    padding:0;
    /*position:fixed;*/
    z-index:1000;
    right:2px;
    bottom:0px;
    /*width:325px;*/
}
.panel{
    margin-bottom:0px;
}
.panel-heading{
    /*cursor:pointer;*/
}
.innerframe{
    /*height:100%;*/
    /*height:450px;*/
}
.innerframe > div:last-of-type{
    position:absolute;bottom:0px;width:100%;display:flex;
}
.innerframe > ul{
     background-color:#e0e0e0;
}
#messages {
    color:white;
    width:100%;
    list-style-type:none;
    padding:18px;
    position:absolute;
    /*top:50px;*/
    /*top:42px;*/
    top:0px;
    /*bottom:50px;*/
    bottom:44px;
    display:flex;
    flex-direction:column;
    overflow-y:scroll;
    /*height:400px;*/
}
.msj-user:after{
    width:0;
    height:0;
    content:"";
    top:-5px;
    left:14px;
    position:relative;
    border-style:solid;
    border-width:13px 13px 0 0;
    border-color:#0187CE transparent transparent transparent;           
}  
.msj-bot:before{
    width:0;
    height:0;
    content:"";
    top:-5px;
    left:-14px;
    position:relative;
    border-style:solid;
    border-width:0 13px 13px 0;
    border-color:transparent #75AB53 transparent transparent;            
}
input:focus{
    outline:none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:#444444;
}
::-moz-placeholder { /* Firefox 19+ */
    color:#444444;
}
:-ms-input-placeholder { /* IE 10+ */
    color:#444444;
}
:-moz-placeholder { /* Firefox 18- */
    color:#444444;
}