.rops_chatbot-appcontainer {
width: 400px;
height: 500px;
margin: 0 auto;
}
.rops_chatbot-UIcontainer {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
font-size: 14px;
font-family: "Open Sans",sans-serif;
}
.class_message_bubulle {
min-height: 30px;
}
.class_message_content {
padding: 7px 13px;
border-radius: 15px;
color: #595a5a;
background-color: #ebebeb;
width: auto;
max-width: 85%;
display: inline-block;
margin-top: 5px;
}
.class_message_content.text {
line-height: 1.3;
}
.class_message_content.card {
line-height: 1.3;
background-color: #FFFFFF;
color: #2590c3;
}
.class_title-card {
}
.class_subtitle-card {
font-style: italic;
}
.class_message_content.human {
float: right;
color: #f7f8f8;
background-color: #919292;
}
.class_quickreply_button {
cursor: pointer;
border: 0;
font-weight: 500;
padding: 7px 15px;
font-size: 14px;
background-color:#60c44d;
border-radius: 5px;
color: #FFFFFF;
background: #777979;
box-shadow: 2px 3px 4px 0 rgba(0,0,0,.25);
margin: 5px;
}
#quickreply:hover {
background-color: #60d44d;
}
.chatbot-message-content-image {
margin: 5px 0;
display: block;
max-width: 200px;
max-height: 200px;
}
.chatbot-message-content-iframe {
}
.chatbot-message-content-icon{
}
.chatbot-message-content-link{
}
.chatbot-message-content-link-card{
}
.class_input_chat {
background-color: transparent;
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 3rem;
width: 100%;
font-size: 1rem;
margin: 0 0 20px 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all 0.3s;
}