.chat-container{background-color:#fff;overflow:hidden;overflow-y:auto;min-height:calc(100vh - 100px);max-height:calc(100vh - 180px);position:relative;width:100%}@media only screen and (max-width:640px){.chat-container{min-height:calc(100vh - 110px);max-height:calc(100vh - 220px)}}.chat-container .chat-wrapper{overflow:hidden;overflow-y:auto;padding:15px 0;max-height:calc(100vh - 120px)}.chat-container .chat-wrapper .chat-box{display:flex;flex-direction:column;padding-bottom:20px;max-width:900px;margin:0 auto}@media only screen and (max-width:768px){.chat-container .chat-wrapper .chat-box{max-width:calc(100% - 20px)}}.chat-container .chat-wrapper .chat-box .chat-bubble{padding:5px 15px;margin:10px 20px;border-radius:15px;width:100%;word-wrap:break-word;min-height:50px;height:auto;position:relative}.chat-container .chat-wrapper .chat-box .chat-bubble:empty{display:none;visibility:hidden}.chat-container .chat-wrapper .chat-box .chat-bubble p{margin:0}.chat-container .chat-wrapper .chat-box .chat-bubble ul{list-style-type:none;gap:5px;padding:5px 0;margin:5px 0 0}.chat-container .chat-wrapper .chat-box .chat-bubble ul li{min-width:220px;border:1px solid rgb(193.0304568528,194.1370558376,207.9695431472);border-radius:10px;margin-bottom:10px;padding:10px}.chat-container .chat-wrapper .chat-box .chat-bubble ul li span{display:block}.chat-container .chat-wrapper .chat-box .chat-bubble.person1{background-color:rgba(85,87,112,.08);border:1px solid rgba(85,87,112,.1);margin-left:10px;width:100%;padding:10px 16px 10px 40px;font-size:20px;font-weight:600;text-transform:capitalize}.chat-container .chat-wrapper .chat-box .chat-bubble.person1:before{content:"";position:absolute;left:10px;top:15px;display:inline-block;width:22px;height:22px;background:url(https://storage.googleapis.com/lex_assets/send-plane.png) no-repeat 50%;background-size:100%;opacity:.9}.chat-container .chat-wrapper .chat-box .chat-bubble.person2{align-self:flex-start;margin-right:10px;padding-top:50px;padding-right:30px}.chat-container .chat-wrapper .chat-box .chat-bubble.person2:before{content:"Results";position:absolute;left:-10px;top:15px;display:inline-block;width:150px;height:22px;color:#094db3;font-weight:600;padding-left:30px;font-size:18px;background:url(https://storage.googleapis.com/lex_assets/Auto-awesome.png) no-repeat 0 0;background-size:22px;opacity:.9}.chat-container .chat-wrapper .chat-box .chat-bubble .chat-bubble-actions{position:absolute;right:30px;top:10px;display:flex;justify-content:flex-end;gap:10px}.chat-container .chat-wrapper .chat-box .conversationDetail-list{background:#fff;border-radius:6px;padding:10px 0 0}.chat-container .chat-wrapper .chat-box .conversationDetail-list h4{padding-left:15px}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol{list-style-type:none;margin:0;gap:12px;display:flex;overflow:hidden;overflow-x:auto;padding:2px 20px 20px}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol li{box-shadow:0 0 4px 0 rgb(222.0253807107,222.614213198,229.9746192893);border-radius:7px;min-width:220px;padding:10px;font-weight:600;cursor:pointer;background:rgba(83,189,245,.2)}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol li:hover{background:rgba(83,189,245,.4);box-shadow:0 0 8px 0 rgb(193.0304568528,194.1370558376,207.9695431472)}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol li:hover span+span{text-decoration:underline}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol li p{margin:0}.chat-container .chat-wrapper .chat-box .conversationDetail-list ol li span{display:block}.chat-container .chat-wrapper .chat-input-wrapper{position:absolute;bottom:0;left:0;width:100%;z-index:2}.chat-container .chat-wrapper .chat-input-wrapper .chat-input-container{display:flex;padding:10px;background-color:#fff;max-width:900px;margin:0 auto}.chat-container .chat-wrapper .chat-input-wrapper .chat-input-container .search-btn{position:absolute;right:11px;top:8px}.chat-container .chat-wrapper .chat-input-wrapper .chat-input-container .chat-input{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.chat-container.fancyLoader{min-height:150px;max-height:400px}.person1 .conversationDetail-list,.person1 hr{display:none}