*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box;font-family:Roboto,Helvetica Neue,Arial,Noto Sans}img{height:100%;object-fit:contain}#messages.container{max-width:1170px;margin:auto}img{max-width:100%}#root{width:100vw;height:100vh;overflow:hidden}.inbox_people{background:#f8f8f8 none repeat scroll 0 0;overflow:hidden;width:40%;height:100vh;border-right:1px solid #c4c4c4}.inbox_msg{border:1px solid #c4c4c4;clear:both;overflow:hidden;display:flex}.top_spac{margin:20px 0 0}.recent_heading{float:left;width:40%}.srch_bar{display:inline-block;text-align:right;width:60%}.headind_srch{padding:10px 29px 10px 20px;border-bottom:1px solid #c4c4c4}.recent_heading h4{color:#05728f;font-size:21px;margin:auto}.srch_bar input{border:1px solid #cdcdcd;border-width:0 0 1px 0;width:80%;padding:2px 0 4px 6px;background:0 0}.srch_bar .input-group-addon button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;padding:0;color:#707070;font-size:18px}.srch_bar .input-group-addon{margin:0 0 0 -27px}.chat_ib h5{font-size:15px;color:#464646;margin:0 0 8px 0}.chat_ib h5 span{font-size:13px;float:right}.chat_ib p{font-size:14px;color:#989898;margin:auto}.chat_img{float:left;width:11%;position:relative}.node-seen{content:'';width:10px;height:10px;border-radius:10px;background:red;position:absolute;top:0;left:0}.chat_ib{float:left;padding:0 0 0 15px;width:88%}.chat_people{overflow:hidden;clear:both;display:flex}.chat_list{border-bottom:1px solid #c4c4c4;margin:0;padding:15px;cursor:pointer}.inbox_chat{overflow-y:scroll}.active_chat{background:#ebebeb;border-right:5px solid red}.incoming_msg_img{display:inline-block;width:6%}.received_msg{display:inline-block;padding:0 0 0 10px;vertical-align:top;width:92%}.received_withd_msg p{background:#ebebeb none repeat scroll 0 0;border-radius:3px;color:#000;font-size:14px;margin:0;padding:5px 10px 5px 12px;display:inline-block}.time_date{color:#747474;display:block;font-size:12px;margin:8px 0 0}.received_withd_msg{max-width:57%}.mesgs{padding:0 15px 0 25px;width:60%;position:relative}.sent_msg p{background:#05728f none repeat scroll 0 0;border-radius:3px;font-size:14px;margin:0;color:#fff;padding:5px 10px 5px 12px;width:100%}.incoming_msg,.outgoing_msg{overflow:hidden;margin:12px 0}.sent_msg{float:right;max-width:46%}.input_msg_write input{background:rgba(0,0,0,0) none repeat scroll 0 0;padding-left:10px;padding-right:40px;border:medium none;color:#4c4c4c;font-size:15px;min-height:48px;width:100%}.type_msg{border-top:1px solid #c4c4c4;position:relative}.msg_send_btn{background:#05728f none repeat scroll 0 0;border:medium none;border-radius:50%;color:#fff;cursor:pointer;font-size:17px;height:33px;position:absolute;right:0;top:11px;width:33px}.msg_history{height:calc(100vh - 85px);overflow-y:auto;padding-top:10px}.srch_bar select{padding:4px;margin-left:4px}.mesgs select{padding:4px;margin-left:4px}.show-dropdown{height:74px;transition:height .25s ease-in}.hidden-dropdown{height:37px;transition:height .25s ease-out}.tools{background:#fff;display:flex;position:relative;flex-wrap:wrap;justify-content:space-between;overflow:hidden}.tools>div{flex:50%;margin:5px 0}.tools input{padding:4px;margin-left:4px}.tools input,.tools select{width:155px}.tools>div label{width:75px;display:inline-block}.button-close-tools{position:absolute;top:0;right:0;width:30px;height:30px}.header-chat{display:none}@media screen and (min-width:600px) and (max-width:850px){.msg_history{height:calc(100vh - 125px)}.hidden-dropdown{height:60px}.show-dropdown{height:125px}}@media screen and (max-width:595px){.input_msg_write input,.received_withd_msg p,.sent_msg p{font-size:1.1em}.chat_ib p{font-size:1.1rem}.chat_ib h5{font-size:1.1rem}.tools>div label{display:none}.tools{flex-direction:column;flex-wrap:nowrap;position:absolute;z-index:100;background-color:#05728f;right:10px;width:220px}.header-chat{margin-left:10px;display:flex}.header-chat button{margin-right:10px}.header-chat a{flex:2;text-align:center;line-height:31px}.hidden-dropdown{height:auto;top:-200px}.show-dropdown{height:auto;top:50px}.button-close-tools{position:fixed;top:7px;right:5px}.d-hidden{display:none}.d-block{display:block}.inbox_people{width:100vw;padding:20px 0}#root{overflow-x:scroll}.inbox_msg{width:100vw;position:relative}.inbox_people{position:absolute;z-index:101;left:-100vw;transition:left .25s ease-out}.show-chat-list{left:0;transition:left .25s ease-out}.mesgs{position:relative;width:100vw;padding:10px 0}.msg_history{height:calc(100vh - 120px);padding:10px}.received_withd_msg,.sent_msg{max-width:80%}.msg_send_btn{margin-right:10px}.input_msg_write input{padding-right:50px}.srch_bar select,.tools input,.tools select{font-size:1.2em}.tools input,.tools select{width:210px}}