.chat
{

    position:fixed;
    bottom:0;
    right:0;
    margin-right: 20px;
    max-width:300px;
    z-index:999;
    box-shadow: 4px 4px 4px 4px;
    border: : 2px solid rgb(22,118,134);
}



.chat #sc
{
    background-color: rgb(22,118,134);
    padding:15px;
    color:white;
    font-size: 16px;
    width:300px;
    height: 45px;


}

.chat #panel
{

    background-color: white;
    display: none;
    margin:0;
    width:300px;
    height: 300px;

}

.chat #div
{
    padding:10px;
    height: 240px;
    position: relative;
    overflow-y: auto;

}

.chat input[type=text] 
{
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
}

.chat .ou
{
    background-color:rgb(241,240,240);
    color:black;
    padding:10px; 
    left:5; 
    width:130px;
    text-align: center;
    height:auto;
    border-radius: 15px;

}
.chat .stt
{
    margin-top:5px;

}

.chat .chatbot_input{
    position:absolute; 
    bottom:0; 
    height:30px;
    width:100%; 
    height:50px;
    left: 0;
}