.newChat-chatlist-header,.recent-chatlist-header{max-width:385px;margin-right:auto;border-top-left-radius:15px;display:flex;position:relative;border-bottom:1px solid #efefef;padding:.5em .5em .5em 1.125em;background-color:#f8f9fc;height:4.063em}.newChat-chatlist-header .profile-img-name span,.recent-chatlist-header .profile-img-name span{font-size:1rem;overflow:hidden;font-family:SFUIDisplaySemibold,sans-serif;white-space:pre;text-overflow:ellipsis}.recent-chatlist-header{margin-left:auto;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-moz-align-items:center;-ms-align-items:center;align-items:center}.recent-chatlist-header .profile-img-name span{margin-left:.625em;flex:1 1}.newChat-chatlist-header .profile-options,.recent-chatlist-header .profile-options{margin-left:auto}.newChat-chatlist-header .profile-options i,.recent-chatlist-header .profile-options i{position:relative;margin:0 .3em;width:2.125em;height:2.125em;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.newChat-chatlist-header .profile-options i .callLogs svg,.recent-chatlist-header .profile-options i .callLogs svg{height:1.5em}.newChat-chatlist-header .profile-options i svg,.recent-chatlist-header .profile-options i svg{position:relative;width:1.5em;height:1.25em}.newChat-chatlist-header .profile-img-name,.recent-chatlist-header .profile-img-name{display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;flex:1 1;overflow:hidden}.newChat-chatlist-header .profile-img-name image,.recent-chatlist-header .profile-img-name image{height:2.688em;width:2.688em;border-radius:50%;overflow:hidden;cursor:pointer}.newChat-chatlist-header .profile-img-name i,.recent-chatlist-header .profile-img-name i{display:inline-block;height:1.5em;width:1.5em;color:#fff}.recent-chatlist-header span,.userProfileName{color:#fff}.newChat-chatlist-header{margin-left:47.5px;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;-moz-align-items:center;-ms-align-items:center;align-items:center}.newChat-chatlist-header span{color:#3753d1}.newChat-chatlist-header .profile-img-name span{margin-left:.625em;cursor:pointer;flex:1 1}.search,.searchCustomizedProfileHeader{background-color:#fff;padding:.625em 1.2em;position:relative;-moz-align-items:center;border-bottom:.0625em solid #141414;max-width:385px;margin-right:auto;display:flex}.search{margin-left:47.5px;-ms-align-items:center;align-items:center}.search input,.searchCustomizedProfileHeader input{height:2.5em;width:100%;border:1px solid #e8e8e8;border-radius:35px;padding:0 2.2em 0 .8125em;background-color:#f1f3f4;font-size:.875rem;font-family:SFUIDisplayRegular,sans-serif;color:#181818;line-height:100%}.search i.Search,.searchCustomizedProfileHeader i.Search{z-index:1}.search i,.searchCustomizedProfileHeader i{position:absolute;right:1.875em;height:.875em;width:.875em}.search i i,.searchCustomizedProfileHeader i i{display:inline-block;cursor:pointer}.searchCustomizedProfileHeader{margin-left:162.5px;-ms-align-items:center;align-items:center}.chat-list-ul{max-width:385px;margin-left:auto;margin-right:auto;height:calc(var(--maxParentheight) - 7.5em);overflow:hidden auto}.chatconversation-container .msg-content .receiver-row .receiver .message-time .receiverMsgTime,.chatconversation-container .msg-content .sender-row .sender .message-time .senderMsgTime,.colorpicker{margin-right:5px}.chat-list-ul .chat-list-li{display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;padding:-.45em 1.125em .45em;border-bottom:.5px solid #181717;cursor:pointer;margin-top:10px}.chat-list-ul .chat-list-li ol,.chat-list-ul .chat-list-li ul{list-style:none}.chat-list-ul .chat-list-li li{text-align:-webkit-match-parent}.chat-list-ul .chat-list-li .profile-image{position:relative!important;margin-top:-10px}.chat-list-ul .chat-list-li .profile-image .image{height:2.688em;width:2.688em;background:none;border-radius:50%;overflow:hidden}.chat-list-ul .chat-list-li .recentchats{max-width:calc(100% - 50px);flex:1 1;padding-left:.938em;font-size:100%;vertical-align:baseline}.chat-list-ul .chat-list-li .recentchats .recent-message-block,.chat-list-ul .chat-list-li .recentchats .recent-username-block,.footer .message-area-container,.footer .message-area-container .message-area{display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center}.chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username{display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;overflow:hidden}.chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .messagetime-plus{position:absolute;font-size:.625rem;line-height:.875em;font-family:SFUIDisplayRegular,sans-serif;display:block;white-space:nowrap;color:#2698f9;right:30px;margin-top:0;min-width:none}.chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username{display:inherit;overflow:inherit;text-overflow:inherit;white-space:inherit;height:20px}.chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username h3{font-size:.895rem;font-family:SFUIDisplaySemibold,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:pre;color:#181818;line-height:1.6em;letter-spacing:.3px;height:20px;width:auto}.chat-list-ul .chat-list-li .recentchats .recent-username-block .messagetime{font-size:.625rem;line-height:.875em;font-family:SFUIDisplayRegular,sans-serif;display:block;white-space:nowrap;letter-spacing:.17px;color:#2698f9}.chat-list-ul .chat-list-li .recentchats .recent-message-block .status-text{margin-bottom:10px;display:inline-block;max-width:100%;font-size:.69rem;font-family:SFUIDisplayRegular,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.517em;color:#73777e;letter-spacing:.2px}.chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon{position:absolute;margin-top:-40px;margin-bottom:10px;height:1.3em;width:1.3em;right:40px;border-radius:50%}.chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon .p{margin-top:-50px;font-size:.625rem;font-family:SFUIDisplayLight,sans-serif;text-align:center;display:inline-block;vertical-align:middle;height:1.3em;min-width:1.3em;width:auto;padding:0 4px;color:#e31111}.colorpicker{float:right;margin-top:-55px}.ProfileHeadercolorpicker{margin-left:150px;margin-top:10px}.copyButton{position:absolute;right:25px;top:8px;cursor:pointer;background-color:#323133;height:20px;color:#fff;border:none}.container{position:relative}.user-profile-name{height:50px;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;flex:1 1;overflow:hidden;cursor:pointer;background-color:#73777e;border-top-right-radius:15px}.user-profile-name .profile-name h4{color:#fff;display:inline-flex;align-items:center;padding-right:1.25em;font-family:var(--medium);font-size:12px;letter-spacing:.3px;margin-top:5px;margin-bottom:0}.user-profile-name .profile-name h6{color:#fff;font-size:8.5px;font-family:SFUIDisplayRegular,sans-serif;line-height:160%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:17px;letter-spacing:.3px;padding-right:1.25em}.user-profile-name .profile-name{overflow:hidden;padding-right:10px;margin-top:15px}.user-profile-name .profile-image{margin-left:20px;margin-right:.938em;position:relative}.user-profile-name .profile-image .image{height:2em;width:2em;border-radius:50%;overflow:hidden}.profile-name{width:calc(100% - 3.333em);flex-shrink:0;position:relative;display:flex;justify-content:center;flex-direction:column}.selected,.selectedBorder{border:3px solid #fc153c;box-shadow:1px 0 1px 1px #fc153c}.FontdropDown{float:right;margin-right:-138px;margin-top:200px}.ProfileHeaderFontdropDown,.mesageConversationFontdropDown{float:right;margin-right:180px;margin-top:-150px}.footer{position:relative;padding:5px 1.5625em 1.25em;z-index:3;transition:.6s}.footer .message-area-container .message-area{flex:100% 1;background:#cb4444;padding:.625em 3.75em;border-radius:31px;position:relative;border:1px solid #e8e8e8;overflow-x:hidden}.footer .message-area-container .message-area .em-slightly_smiling_face{position:absolute;left:.938em;width:1.563em!important;height:1.563em!important;background:url(../404.html) 50% no-repeat;background-size:96%!important}.footer .message-area-container .message-area .typing-area{display:block;position:relative;height:100%;width:100%;padding:0 1px;overflow-x:hidden;overflow-y:auto;max-height:6.5em;min-height:1.1em;margin:6px 0;line-height:20px;font-size:.7425rem;font-family:SFUIDisplayRegular,sans-serif;color:#e31111;white-space:pre-wrap;word-wrap:break-word}.footer .message-area-container .message-area .typing-area[data-text]:empty:before{content:attr(data-text);color:#b3b3b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer .message-area-container .message-area .intraction.icon{position:absolute;right:0;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center}.footer .message-area-container .message-area .intraction.icon i{position:relative;cursor:pointer;width:2.5em;height:2.5em;display:inline-block;border-radius:50%;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;margin-right:.938em}.footer .message-area-container .message-area .intraction.icon i .toggleAnimation{z-index:1;width:2.5em;height:2.5em}.footer .formbtns a{background:#fff}.footer .formbtns a,.footer .formbtns i{min-width:2.8em;width:2.8em;height:2.8em;border-radius:50%;display:flex;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.typing-area[data-text]:empty:before{content:attr(data-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatconversation-container{height:calc(var(--maxParentheight) - 4.063em);display:flex;-moz-flex-direction:column;flex-direction:column;width:100%;position:relative;background-attachment:fixed;z-index:2;background-color:#dcdcdc}.chatconversation-container .msg-content{height:100%;overflow-y:auto;padding-top:0}.chatconversation-container .msg-content .loader{display:flex;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-moz-align-items:center;-ms-align-items:center;align-items:center}.chatconversation-container .msg-content .loader img{top:0;position:absolute;left:50%;transform:translateX(-50%)}.chatconversation-container .msg-content .chatDate{min-width:40px;text-align:center;margin:0 auto;display:table;background:#dde2ef;padding:.4em;font-size:.57rem;border-radius:6px;color:#3c4452}.chatconversation-container .msg-content .chatDate span{text-align:center}.chatconversation-container .msg-content .receiver-row{-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end;align-items:center;margin-bottom:10px}.chatconversation-container .msg-content .receiver-row .receiver{border-radius:.313em;color:#fff;background-color:#2698f9;width:30%;margin-bottom:5px;margin-left:10px}.chatconversation-container .msg-content .receiver-row .receiver .message-text{color:#fff;margin-left:2px;word-break:break-word;white-space:pre-wrap}.chatconversation-container .msg-content .receiver-row .receiver .message-text .message-text span,.chatconversation-container .msg-content .sender-row .sender .message-text .message-text span{display:inline-block}.chatconversation-container .msg-content .receiver-row .receiver .message-time{color:#fff;z-index:1}.chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time,.chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time{font-family:SFUIDisplayLight,sans-serif;font-size:.525rem;line-height:110%;letter-spacing:0;display:flex;-moz-justify-content:right;-ms-justify-content:right;justify-content:right;-ms-flex-pack:right;-moz-align-items:right;-ms-align-items:right;align-items:right;vertical-align:middle}.chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time .msg-sent-time span,.chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time .msg-sent-time span{height:.9em;min-height:7px}.chatconversation-container .msg-content .receiver-row input[type=checkbox],.chatconversation-container .msg-content .sender-row input[type=checkbox]{opacity:0}.chatconversation-container .msg-content .sender-row{-moz-justify-content:right;-ms-justify-content:right;justify-content:right;-ms-flex-pack:right;vertical-align:middle;margin-bottom:10px}.chatconversation-container .msg-content .sender-row .sender{border-radius:.313em;color:#fff;background-color:#fff;width:30%;margin-bottom:5px;margin-left:485px}.chatconversation-container .msg-content .sender-row .sender .message-text{color:#000;word-break:break-word;white-space:pre-wrap;margin-left:2px}.chatconversation-container .msg-content .sender-row .sender .message-time{color:#000;z-index:1}.forwardLabel,.forwardedMessage{display:none}.message-containner{height:100%!important;z-index:1;display:flex;-moz-flex-direction:column;flex-direction:column;width:100%}.extraSpace{flex:1 1 auto;min-height:12px}.label,div{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}