#chat-board {
    height: calc(100% - 200px) !important;
    margin-top:  100px;
}
#chat-container {
    overflow-y: auto;
    height: 400px;
    width: 60%;
}
#chatForm {
    width: 80%;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
#etryForm {
    width: 80%;
    /* position: absolute; */
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.message {
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.user-message {
    background-color: #d1ecf1;
    float: right;
    clear: both;
}
.bot-message {
    background-color: #f8d7da;
    float: left;
    clear: both;
}

.modald {
    height: 300px;
}