#tlgrm-chat {
    width: 300px;
    height: 450px;
    background: #b1b1b1d1;
    display: inline-block;
    border-radius: 5px;
    bottom: 10px;
    position: fixed;
    right: 10px;
    border: none;
    box-shadow: 1px 10px 8px #bbb;
    z-index: 22;
}
#tlgrm-chat #tlgrm-chat-head{
    height: 50px;
    background: #191b1c;
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-chat-head-caption{
    color:#fff;
    position:absolute;
    top:15px;
    left:15px;
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn{
    position:absolute;
    top:3px;
    right:7px;
    width:40px;
    height:40px;
    cursor:pointer;
    opacity:.3;
    -webkit-transition:opacity .1s;
    transition:opacity .1s;
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn:before,#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn:after{
    content:"";position:absolute;
    top:21px;
    left:10px;
    width:26px;
    height:2px;
    background:#ffffff;
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
}
#tlgrm-chat #tlgrm-chat-head #tlgrm-close-btn:hover{
    opacity:1;
}
#tlgrm-chat #tlgrm-chat-flow{
    width:100%;
    height:320px;
    overflow:auto;
    padding-bottom:10px;
}
#tlgrm-chat #tlgrm-chat-flow .tlgrm-msg{
    padding:8px;
    margin:5px;
    width:200px;
    border-radius:5px;
}
#tlgrm-chat #tlgrm-chat-flow .tlgrm-msg.tlgrm-incoming{
    float:left;
    background:#F0F8FF;
}
#tlgrm-chat #tlgrm-chat-flow .tlgrm-msg.tlgrm-outgoing{
    float:right;
    background:#eee;
}
#tlgrm-chat #tlgrm-chat-send-panel{
    width:100%;
    height:80px;
    background:#eeeeee5e;
    position:absolute;
    bottom:0;
    border-top:1px solid #ccc;
}
#tlgrm-chat #tlgrm-chat-send-panel #tlgrm-send-btn{
    float:right;
    height:80px;
    width:38px;
    padding:0;
    background-color: #403e3ecf !important;
    border-color: #938d8c73 !important;
}
#tlgrm-chat #tlgrm-chat-send-panel #tlgrm-chat-msg{
    height:80px;
    display:inline-block;
    width:260px;
    float:left;
    resize:none;
    border:1px solid #fff;
    background-color: #ffffff94;
}
#tlgrm-init-btn{
    bottom: 10px;
    position: fixed;
    background-color: #100f0f;
    right: 10px; border: black;
    -webkit-box-shadow: 4px 2px 8px rgb(136 165 191 / 54%), -4px -2px 8px #fff;
    box-shadow: 4px 2px 8px rgb(136 165 191 / 54%), -4px -2px 8px #fff;
}
@media (max-width: 400px){
    #tlgrm-init-btn span{
        display:none;
    }
}