#title {
text-align: "left";
}
#intro {
width: 100%;
}

input::placeholder {
color: #ccc;
font-style: italic;
}

p.userRequest {
margin: 6px;
padding: 10px;
border-radius: 4px;
min-width: 50%;
max-width: 85%;
float: right;
background-color: rgb(80 161 219 / 40%);
color: rgb(9 82 134);
}

p.lexResponse {
margin: 6px;
padding: 10px;
border-radius: 4px;
text-align: left;
min-width: 50%;
max-width: 85%;
float: left;
background-color: rgba(128, 128, 128, 0.247);
font-style: italic;
}

p.lexError {
margin: 4px;
padding: 4px 10px 4px 10px;
border-radius: 4px;
text-align: left;
min-width: 50%;
max-width: 85%;
float: left;
background-color: rgba(255, 119, 119, 0.37);
}
/*
  <!--snippet-end:[cross-service.JavaScript.lex-app.styleV3]-->
  */
.chatbot-parent-container {
width: 25em;
right: 1%;
position: fixed;
bottom: 1%;
display: flex;
flex-direction: column;
justify-content: end;
z-index: 100;
}
.chatbot-container {
width: 100%;
height: 100%;
border: 1px solid rgb(0 0 0 / 50%);
border-radius: 5px;
padding-bottom: 0.5em;
display: none;
background: white;
}
.chatbot-inner-container {
width: 100%;
height: 100%;
}
.chatbot-head-container {
/* width: 100%; */
height: 10%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0em 0.8em;
background-color: rgb(24, 109, 170);
}
.chatbot-name-container-image {
width: 10%;
}
.chatbot-name-container {
width: 100%;
height: 100%;
display: flex;
/* justify-content: center; */
align-items: center;
gap: 0.5em;
}
.chatbot-name-container-label {
color: white;
font-size: 1em;
letter-spacing: 0.1em;
}
.chatbot-close-btn > button {
background: transparent;
border: none;
color: white;
font-size: 1.2em;
cursor: pointer;
}
.chatbot-chat-container {
height: 80%;
overflow: auto;
padding: 0.5em;
}
.chatbot-messageinput-container {
display: flex;
justify-content: space-between;
padding: 0.5em;
/* align-items: center; */
}
.chatbot-messageinput-container-form {
display: flex;
justify-content: space-between;
padding: 0.5em;
width: 100%;
/* align-items: center; */
}
input#wisdom {
font-size: 1em;
width: 75%;
border-radius: 5px;
border: 1px solid #0000004f;
padding: 0.5em;
outline: none;
}
.chatbot-messageinput-container-button {
width: 22%;
border-radius: 5px;
background: rgb(24, 109, 170);
color: white;
border: none;
}
/* .chatbot-button {
  
} */
.chatbot-button-img {
display: block;
margin-left: auto;
width: 20%;
cursor: pointer;
pointer-events: all;
}
@media (max-width: 600px) {
.chatbot-parent-container {
width: auto;
}
}