.ai-chat {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
.ai-chat form {
    padding: 0px 5px;
    display: flex;
    gap: 10px;
    justify-content: center;

}
.ai-chat form label {
    font-size: 1.5rem;
    font-weight: bold;
}
#chatbox {
    text-align: left;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 10px;
    background: #fff;
    height: 100px;
    width: 100%;
    border: 1px solid #a7a7a7;
    overflow: auto;
    border-radius: 4px;
    border-bottom: 4px solid #a7a7a7;
}
#usermsg {
    flex: 1;
    border-radius: 4px;
    border: 1px solid #a7a7a7;
    font-size:12px;
}
#name {
    border-radius: 4px;
    border: 1px solid #a7a7a7;
    padding: 2px 8px;
}

#submitmsg, #enter{
    background: #fff;
    border: 2px solid #000;
    color: #000;
    padding: 4px 10px;
    font-weight: 400;
    border-radius: 4px;
    cursor:pointer;
}

.msgln {
    margin: 0 0 5px 0;
    font-size:11px;
    max-width:70%;
}
.msgln:before, .msgln:after {
    content: '';
    display: block;
    clear: both;
}

.msglnRight {
  float: right;
  text-align: right;
}
.msglnRight b.user-name, .msglnRight b.user-name-left {
    float:right;
}
.msglnRight b.user-name {
  margin-left: 10px !important;
}
.msgln span.left-info {
    color: orangered;

}
.msgln span.chat-time {
    color: #666;
    font-size: 60%;
    vertical-align: super;
}
.msgln b.user-name, .msgln b.user-name-left {
    font-weight: bold;
    background: #546e7a;
    color: white;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 4px;
    margin: 0 5px 0 0;
}
.msgln b.user-name-left {
    background: orangered;
}