/* Chat Bot CSS */
.fixed-icon {position: absolute; right: 40px; bottom: 20px;}
.fixed-icon button {border-radius: 45px;}
.fixed-icon img {border-radius: 45px;}
.chat-footer a:hover { color: #198754;}
.chat-footer a {color: gray;}
.mlc-chat-boat {position: fixed;right: 20px;bottom: 10px;z-index: 1;}
.chat-box {width: 380px; background-color: #fff;}
.show {z-index: 9;}
.chat-box .card-body {max-height: 70vh;overflow: auto;}
.chat-box .quick-btn button {border-radius: 16px;padding: 10px 0;}
.chat-box .quick-btn a {border-radius: 16px;padding: 10px 0;}
.quick-btn input {border-radius: 16px;}
.chat-box,.header {border-radius: 16px;}
.chat-box .header {border-radius: 16px 16px 0 0;}
.chat-box .chat-footer {border-radius: 0 0 16px 16px;}
.quick-btn .send-btn {position: absolute;top: 2px;right: 54px;border: 0;background: transparent;}
.chat-content{max-height: calc(60vh - 50px); overflow: auto;}
.chat-body {min-height: 45vh;}
.query-box{/* position: absolute;bottom: 0px; */ width: 100%;}
.query-box .form-group button {position: absolute;top: 0;right: 0;border: 0;background: transparent;color: #000;}
.que {width: 100%; text-align: right; display:flex; padding: 2px 10px; margin: 10px  auto; align-items: start;justify-content: end;}
.que .query {background: #f4eeee;border-radius: 8px;padding: 8px 10px;max-width: 85%;display:inline-block;font-size: 14px;color: #797979;margin-right: 5px;text-align: left;}
.ans {width: 100%;text-align: left; padding: 2px 10px; margin: 10px auto;border-radius: 5px; display:flex;align-items: start;justify-content: start;}
.ans .response {background: #d3e7d6;border-radius: 8px;padding: 8px 10px;max-width: 85%;display:inline-block;font-size: 14px;margin-left: 5px;}
.que .bi, .ans .bi{background: #000; padding: 4px; border-radius: 100%;color: #fff;}
.lds-ellipsis {display: inline-block; position: relative; width: 80px; height: 32px;}
.lds-ellipsis div { position: absolute;top: 20px;width: 10px;height: 10px;border-radius: 50%; background: #e5e2e2; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 6px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 6px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 24px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 48px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 { 0% {transform: scale(0);}100% {transform: scale(1);}}
@keyframes lds-ellipsis3 {0% {transform: scale(1);} 100% {transform: scale(0);}}
@keyframes lds-ellipsis2 { 0% {transform: translate(0, 0);} 100% { transform: translate(24px, 0);}}
input#chat-input {padding-right: 45px;}
input#chat-input.error { border-color: #ff0000; box-shadow: 0 0 0 0.25rem rgb(253 13 13 / 25%);}
input#chat-input.form-control.error:focus {border-color: inherit;-webkit-box-shadow: none;box-shadow: none;}
.border-radius {border-radius: 25px; box-shadow: 1px 1px 2px #999;}
#showMe {
  animation: cssAnimation 0s 1s forwards;
  visibility: hidden;
}
@keyframes cssAnimation {
  to   { visibility: visible; }
}