@charset "UTF-8";
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .withcheckbox > label .recentchats .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .withcheckbox > label .recentchats .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
    min-width: 6.875em;
  }
}
.popup-wraper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  background: #fff url(../../assets/images/bg-use-here.png) no-repeat 100% 100%;
  background-size: cover;
  z-index: 1;
}
.popup-wraper .popup-inner {
  width: 24em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 12px 16px rgba(0, 0, 0, 0.12);
  margin-bottom: 10vh;
}
.popup-wraper .popup-inner .popup-header label {
  font-size: 0.875rem;
  font-family: var(--regular);
  color: var(--mf-secondary-dark);
}
.popup-wraper .popup-inner .popup-footer {
  margin-top: 1.875em;
  text-align: right;
}
.popup-wraper .popup-inner .popup-footer button {
  height: 2.5em;
  width: 6.667em;
  border: none;
  font-size: 0.75rem;
  font-family: var(--semibold);
  margin-left: 0.833em;
  background-color: #e5e5e5;
  color: #818181;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}
.popup-wraper .popup-inner .popup-footer button.btn-action {
  background-color: var(--mf-theme-color);
  color: var(--white);
  text-transform: uppercase;
}

.mobileView {
  min-width: 320px;
  min-height: 480px;
  width: 100%;
  height: 100%;
  position: relative;
}
.mobileView .boxLayout {
  border: 1px solid rgba(0, 0, 0, 0.062745098);
}
.mobileView.mirrorfly-root .boxLayout {
  height: 100%;
  --parent-gap: 0px;
  --maxParentheight: calc(100% - var(--parent-top-gap)) !important;
}
.mobileView.mirrorfly-root .boxLayout .containerLayout {
  border-radius: 0;
}
.mobileView.mirrorfly-root .container {
  height: 100%;
}
.mobileView.mirrorfly-root .container .chat-banner {
  display: none;
}
.mobileView.mirrorfly-root .container .recent-chatlist {
  width: 100%;
  height: 100%;
}
.mobileView.mirrorfly-root .container .recent-chatlist > div {
  height: auto;
}
.mobileView.mirrorfly-root .container .chat-conversion {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
}
.mobileView.mirrorfly-root .container .chat-conversion.popup-open {
  z-index: 3;
}
.mobileView.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name i.arrow-icon {
  display: block;
  margin-right: 1em;
  color: var(--mf-secondary-dark);
}
.mobileView.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .userprofile-popup, .mobileView.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .userprofile {
  min-width: 0 !important;
}
.mobileView.mirrorfly-root .container .chat-conversion .contactinfo-popup .outsideHandler {
  display: none;
}
.mobileView.mirrorfly-root .container .chat-conversion .recent-chatlist .contactlist {
  bottom: 0;
}
.mobileView.mirrorfly-root .container .chat-conversion .info-inner, .mobileView.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo, .mobileView.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo,
.mobileView.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo {
  width: 100%;
}
.mobileView.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo {
  width: 100%;
}
.mobileView.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo > div {
  height: 100%;
}
.mobileView.mirrorfly-root .container .call-logs, .mobileView.mirrorfly-root .container .contactlist, .mobileView.mirrorfly-root .container .messageInfo {
  bottom: 0;
}
.mobileView.mirrorfly-root .recent-chatlist-header + div:not(.search) {
  height: 100%;
}
.mobileView.mirrorfly-root .messageInfo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  background: var(--mf-conversation-header-bg);
  width: 100%;
  flex: 100% 1 1;
}
.mobileView .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment.open:before {
  display: none;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

@media only screen and (min-width: 1441px) {
  .mirrorfly-root {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1600px) {
  .mirrorfly-root {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1800px) {
  .mirrorfly-root {
    font-size: 20px;
  }
}
@media only screen and (min-width: 2000px) {
  .mirrorfly-root {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .mirrorfly-root {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .mirrorfly-root .container .chat-conversion .emojiPicker-container .emoji-mart-category-list > li > button > span {
    width: 32px !important;
    height: 32px !important;
  }
}
@media only screen and (max-width: 1366px) {
  .mirrorfly-root {
    font-size: 16px;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyVideo:before {
    width: 12px;
    height: 8px;
    background-size: 12px 8px !important;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyCamera:before {
    width: 12px;
    height: 8px;
    background-size: 12px 9px !important;
  }
}
@media only screen and (max-width: 1200px) {
  .mirrorfly-root {
    font-size: 14px;
  }
  .mirrorfly-root .login-container {
    background-image: none;
    flex-direction: column;
  }
  .mirrorfly-root .login-container .left-side {
    width: 100%;
    height: auto;
    order: 2;
    margin: 1.667em 0 1.333em 0;
  }
  .mirrorfly-root .login-container .left-side .banner {
    display: none;
  }
  .mirrorfly-root .login-container .left-side .login-instructions {
    margin-left: 0em;
  }
  .mirrorfly-root .login-container .left-side .login-instructions h2 {
    color: #313131;
  }
  .mirrorfly-root .login-container .left-side .login-instructions ul li {
    color: #313131;
  }
  .mirrorfly-root .login-container .right-side {
    width: 100%;
    height: auto;
    order: 1;
    margin-left: 0;
  }
  .mirrorfly-root .login-container .right-side .logo-side-block {
    flex-direction: column;
    margin-top: 6.667em;
  }
  .mirrorfly-root .login-container .right-side .logo-side-block .logo {
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  .mirrorfly-root {
    font-size: 15px;
  }
  .mirrorfly-root .container .recent-chatlist {
    width: 100%;
  }
  .mirrorfly-root .container .chat-banner {
    display: none;
  }
  .mirrorfly-root .container .chat-conversion .conversation-header {
    padding: 0.5em 1em;
  }
  .mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name i.arrow-icon {
    display: block;
    margin-right: 1em;
  }
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo {
    width: 100%;
  }
  .mirrorfly-root .container .chat-conversion {
    width: 100%;
    position: absolute;
    top: 0;
  }
  .mirrorfly-root .container .chat-conversion.popup-open {
    z-index: 3;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo {
    width: 100%;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 17%;
    height: 6.875em;
  }
  .mirrorfly-root .messageInfo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    background: var(--mf-conversation-header-bg);
    width: 100%;
    flex: 100% 1 1;
  }
}
@media only screen and (max-width: 991px) {
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media {
    padding: 2.5em;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 18%;
    height: 6.875em;
  }
}
@media only screen and (max-width: 900px) {
  .mirrorfly-root .mirrorfly .login-wrapper .login-content {
    margin: 0px 30px;
  }
}
@media only screen and (max-width: 767px) {
  html {
    font-size: 1em;
  }
  .mirrorfly-root .mediaAttachCamera .popup-controls {
    left: 50% !important;
    right: unset !important;
    transform: translate(-50%, 0);
    bottom: 1em !important;
  }
  .mirrorfly-root .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyCamera:before {
    width: 12px;
    height: 11px;
    background-size: 12px 10px !important;
    position: relative;
    top: 2px;
  }
  .mirrorfly-root .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-camera {
    height: 0.9em;
  }
  .mirrorfly-root .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-video {
    height: auto !important;
  }
  .mirrorfly-root .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-contact {
    position: relative;
    top: 1px;
  }
  .mirrorfly-root .mirrorfly .login-wrapper .login-content {
    flex-direction: column;
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    padding: 0.9375em;
    margin: 0 auto;
  }
  .mirrorfly-root .mirrorfly .login-wrapper .left-section {
    width: 100%;
    position: relative;
    text-align: center;
  }
  .mirrorfly-root .mirrorfly .login-wrapper .right-section {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-top: 30px;
    margin-bottom: 20px;
  }
  .mirrorfly-root .mirrorfly .login-wrapper {
    overflow: hidden auto;
  }
  .mirrorfly-root .mirrorfly .login-wrapper.otpWrapper {
    height: auto;
  }
  .mirrorfly-root .mirrorfly .login-wrapper .left-section:after {
    display: none;
  }
  .mirrorfly-root .mirrorfly .login-wrapper:after {
    display: none;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media {
    padding: 30px;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 20%;
  }
  .mirrorfly-root .container .userprofile-popup, .mirrorfly-root .container .userprofile {
    min-width: 22em !important;
    width: 100%;
  }
  .mirrorfly-root .container .popup-controls {
    display: flex;
  }
  .mirrorfly-root .newLoginScreen .right-col {
    margin: 2em auto;
  }
  .mirrorfly-root .newLoginScreen .right-col .company_logo, .mirrorfly-root .newLoginScreen .right-col h4, .mirrorfly-root .newLoginScreen .right-col .register_help_text span {
    text-align: center;
  }
}
@media only screen and (max-width: 650px) {
  .mirrorfly-root {
    font-size: 0.875em;
  }
  .mirrorfly-root .mirrorfly .login-wrapper:after {
    display: none;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media {
    padding: 1.25em;
  }
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 25%;
  }
  .mirrorfly-root .choose-upload-files {
    right: 0em !important;
    bottom: 6em;
    padding: 0;
  }
  .mirrorfly-root .selected-files-preview, .mirrorfly-root .container .chat-conversion .chatconversation-container footer .emojiPicker-container {
    right: 15px !important;
    left: 15px !important;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment.open:before {
    bottom: 3.5em;
  }
}
@media only screen and (max-width: 480px) {
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 33%;
  }
  .mirrorfly-root .container .chat-conversion .conversation-header {
    padding: 0.625em 0.625em;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .image-block {
    max-width: 90% !important;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container footer {
    padding: 0 0.625em;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area {
    padding: 0.625em 7.5em 0.625em 1.75em;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area .intraction.icon i {
    margin-right: 20px;
  }
  .mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area .intraction.icon i.send {
    margin-right: 10px;
  }
  .mirrorfly-root .container .chat-conversion .login-instructions h2 {
    font-size: 1.5rem !important;
  }
  .mirrorfly-root .container .chat-conversion .login-container .right-side .logo-side-block {
    margin-top: 3em !important;
  }
}
@media only screen and (max-width: 380px) {
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .mediainfo-popup .contactinfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .mediainfo .contactinfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .mediainfo-media ul.mediadocs li,
  .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
    width: 50%;
  }
}
@media only screen and (max-width: 320px) {
  .mirrorfly-root .container .chat-conversion .message-group {
    width: 100%;
  }
}
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  margin-left: -160px;
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}

.Toastify__toast--info {
  background: #3498db;
}

.Toastify__toast--success {
  background: #07bc0c;
}

.Toastify__toast--warning {
  background: #f1c40f;
}

.Toastify__toast--error {
  background: #e74c3c;
}

.Toastify__toast-body {
  margin: auto 0;
  -ms-flex: 1;
  flex: 1;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}


:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .withcheckbox > label .recentchats .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .withcheckbox > label .recentchats .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
    min-width: 6.875em;
  }
}
.userprofile-popup, .userprofile {
  display: inline-block;
  width: 30em;
  background-color: var(--mf-bgc-userprofile-popup);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  margin: 1px;
}
.userprofile-popup .userprofile-header, .userprofile .userprofile-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 2.813em 1em 1.25em;
  border-bottom: 1px solid #cfcfcf;
  background-color: var(--mf-bgc-userprofile-header);
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.userprofile-popup .userprofile-header i, .userprofile .userprofile-header i {
  height: 1.625em;
  width: 1.625em;
}
.userprofile-popup .userprofile-header i svg, .userprofile .userprofile-header i svg {
  fill: #fff;
  color: #fff;
}
.userprofile-popup .userprofile-header h5, .userprofile .userprofile-header h5 {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.25rem;
  font-family: var(--medium);
  color: #fff;
}
.userprofile-popup .userprofile-body .userprofile-image, .userprofile .userprofile-body .userprofile-image {
  height: 9.375em;
  width: 9.375em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 1em auto 0em auto;
  position: relative;
  background: #fff;
  background-size: cover;
}
.userprofile-popup .userprofile-body .userprofile-image input, .userprofile .userprofile-body .userprofile-image input {
  position: absolute;
  z-index: -999;
  opacity: 0;
}
.userprofile-popup .userprofile-body .userprofile-image > div, .userprofile .userprofile-body .userprofile-image > div {
  width: 100%;
  height: 100%;
}
.userprofile-popup .userprofile-body .userprofile-image > div .profile-image, .userprofile .userprofile-body .userprofile-image > div .profile-image {
  width: 100%;
  height: 100%;
}
.userprofile-popup .userprofile-body .userprofile-image > div .profile-image > .image, .userprofile .userprofile-body .userprofile-image > div .profile-image > .image {
  width: 100%;
  height: 100%;
}
.userprofile-popup .userprofile-body .userprofile-image img, .userprofile .userprofile-body .userprofile-image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-size: cover;
  object-fit: cover;
}
.userprofile-popup .userprofile-body .userprofile-image i.camera-edit, .userprofile .userprofile-body .userprofile-image i.camera-edit {
  position: absolute;
  right: 0;
  bottom: 7px;
  height: 2.188em;
  width: 2.188em;
  color: var(--mf-profile-view-icon);
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown, .userprofile .userprofile-body .userprofile-image .profile-dropdown {
  position: absolute;
  right: 0;
  top: 9.375em;
  background-color: var(--white);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.563em 0;
  z-index: 1;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li, .userprofile .userprofile-body .userprofile-image .profile-dropdown li {
  padding: 0.463em 1em;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li:hover, .userprofile .userprofile-body .userprofile-image .profile-dropdown li:hover {
  background-color: var(--mf-list-hover-bg);
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li.upload_photo, .userprofile .userprofile-body .userprofile-image .profile-dropdown li.upload_photo {
  position: relative;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .UploadLabel, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .UploadLabel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
  z-index: 1;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li i.profileedit-options, .userprofile .userprofile-body .userprofile-image .profile-dropdown li i.profileedit-options {
  height: 0.875em;
  width: 0.875em;
  vertical-align: -2px;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li i.profileedit-options svg, .userprofile .userprofile-body .userprofile-image .profile-dropdown li i.profileedit-options svg {
  width: 0.875em;
  height: 0.875em;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li span, .userprofile .userprofile-body .userprofile-image .profile-dropdown li span {
  font-size: 0.75rem;
  color: var(--mf-secondary-light);
  font-family: var(--regular);
  margin-left: 0.625em;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li span .uploadphoto, .userprofile .userprofile-body .userprofile-image .profile-dropdown li span .uploadphoto {
  margin-left: 0;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto {
  margin-left: 0 !important;
  position: relative;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto input, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto input {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  opacity: 0;
  width: 100%;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container {
  cursor: default;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls img, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls img {
  background: none;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset {
  position: relative;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label input, .userprofile .userprofile-body .userprofile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container, .userprofile .userprofile-body .userprofile-image .Viewphoto-container,
.userprofile-popup .userprofile-body .userprofile-image .camera-container,
.userprofile .userprofile-body .userprofile-image .camera-container,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container,
.userprofile .userprofile-body .userprofile-image .removephoto-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .Viewphoto-preview,
.userprofile .userprofile-body .userprofile-image .camera-container .Viewphoto-preview,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview,
.userprofile .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview {
  max-width: 65%;
  height: 80%;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview img, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview img,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .Viewphoto-preview img,
.userprofile .userprofile-body .userprofile-image .camera-container .Viewphoto-preview img,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview img,
.userprofile .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview img {
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  object-fit: contain;
  object-position: center;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview .preview-close, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .Viewphoto-preview .preview-close,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .Viewphoto-preview .preview-close,
.userprofile .userprofile-body .userprofile-image .camera-container .Viewphoto-preview .preview-close,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview .preview-close,
.userprofile .userprofile-body .userprofile-image .removephoto-container .Viewphoto-preview .preview-close {
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  top: 1.25em;
  right: 2.5em;
  color: var(--mf-secondary-dark);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup h4, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup h4,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup h4,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup h4,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup h4,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup h4 {
  text-align: center;
  font-size: 1rem;
  color: var(--mf-theme-color);
  font-family: var(--bold);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup i, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup i,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup i,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup i,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup i,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup i {
  max-width: 4.875em;
  margin: 0 auto;
  display: block;
  margin-top: 0.938em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup p, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup p,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup p,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup p,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup p,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup p {
  text-align: left;
  font-size: 0.875rem;
  color: #767676;
  font-family: var(--semibold);
  margin-top: 0.938em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls {
  text-align: right;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls img, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls img,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls img,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls img,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls img,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls img {
  background: none;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls button, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup .popup-controls button,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls button,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup .popup-controls button,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls button,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup .popup-controls button {
  min-width: 60px;
  margin-left: 0.625em;
  background-color: var(--mf-theme-color);
  color: var(--white);
  margin-top: 0.938em;
  text-align: center;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  cursor: pointer;
  transition: 200ms linear;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible {
  width: 28.125em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header {
  border-bottom: none;
  padding: 0.813em 2.813em 0.813em 1.25em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header i, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header i,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header i,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header i,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header i,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header i {
  height: 1.5em;
  width: 1.5em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header h5, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .userprofile-header h5,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header h5,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .userprofile-header h5,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header h5,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .userprofile-header h5 {
  font-size: 1.25rem;
  font-family: var(--medium);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > img, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > img,
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > video,
.userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > video,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .react-html5-camera-photo > img,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .react-html5-camera-photo > img,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .react-html5-camera-photo > video,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .react-html5-camera-photo > video,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .react-html5-camera-photo > img,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .react-html5-camera-photo > img,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .react-html5-camera-photo > video,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .react-html5-camera-photo > video {
  width: 100%;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview img.camera-pic, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview img.camera-pic,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview img.camera-pic,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview img.camera-pic,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview img.camera-pic,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview img.camera-pic {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview img, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview img,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview img,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview img,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview img,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview img {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary {
  width: 100% !important;
  height: 18.813em !important;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 13.75em;
  height: 13.75em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap {
  margin: 1em 0px 0px 1em;
  width: 66%;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider {
  opacity: 1;
  position: static;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo {
  overflow: hidden;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video {
  width: 100%;
  margin-bottom: -0.375em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle {
  cursor: pointer;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .loader, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .cameraview .loader,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .loader,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .cameraview .loader,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .loader,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .cameraview .loader {
  position: absolute;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls {
  text-align: right;
  padding: 0em 1em 0 0;
  width: 30%;
  float: right;
  position: relative;
  top: -1.938em;
  height: 2.5em;
  margin-bottom: -1.75em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls img, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls img,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls img,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls img,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls img,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls img {
  background: none;
  height: 2.438em;
  width: 2.438em;
  position: absolute;
  top: 50%;
  left: 70%;
  transform: translate(-30%, -50%);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls i, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .camera-popup-visible .popup-controls i,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls i,
.userprofile .userprofile-body .userprofile-image .camera-container .camera-popup-visible .popup-controls i,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls i,
.userprofile .userprofile-body .userprofile-image .removephoto-container .camera-popup-visible .popup-controls i {
  height: 2.438em;
  width: 2.438em;
  margin-left: 0.938em;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .removephoto-popup,
.userprofile .userprofile-body .userprofile-image .camera-container .removephoto-popup,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .removephoto-popup,
.userprofile .userprofile-body .userprofile-image .removephoto-container .removephoto-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-label label, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-label label,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-label label,
.userprofile .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-label label,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-label label,
.userprofile .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-label label {
  font-size: 0.9375rem;
  font-family: var(--semibold);
  color: var(--mf-secondary-dark);
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo,
.userprofile .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo,
.userprofile .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo {
  margin-top: 1.875em;
  text-align: right;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo button, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo button,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo button,
.userprofile .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo button,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo button,
.userprofile .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo button {
  margin-left: 0.625em;
  background-color: #e5e5e5;
  color: #818181;
  cursor: pointer;
  text-align: center;
  min-width: 60px;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  letter-spacing: 0px;
  transition: 200ms linear;
}
.userprofile-popup .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto, .userprofile .userprofile-body .userprofile-image .Viewphoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.userprofile-popup .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.userprofile .userprofile-body .userprofile-image .camera-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.userprofile-popup .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.userprofile .userprofile-body .userprofile-image .removephoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto {
  background-color: var(--mf-theme-color);
  color: #fff;
}
.userprofile-popup .userprofile-body .profile, .userprofile .userprofile-body .profile {
  color: var(--mf-profile-popup-text);
  padding: 0em 1.313em;
  margin: 0.5em 0em 0.8em 0em;
}
.userprofile-popup .userprofile-body .profile .profile-details, .userprofile .userprofile-body .profile .profile-details {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin: 0em 0em 0 0;
}
.userprofile-popup .userprofile-body .profile .profile-details i.status, .userprofile .userprofile-body .profile .profile-details i.status {
  display: none;
  height: 1.25em;
  width: 1em;
  margin-right: 1.25em;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control, .userprofile .userprofile-body .profile .profile-details .form-control {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: pre-wrap;
  padding-right: 1.2em;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control input, .userprofile .userprofile-body .profile .profile-details .form-control input {
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 1rem;
  font-family: var(--medium);
  padding: 0.625em 0em;
  padding-right: 3.75em;
  margin-right: 1.2em;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control .char-count, .userprofile .userprofile-body .profile .profile-details .form-control .char-count {
  position: absolute;
  right: 3.917em;
  font-size: 0.75rem;
  font-family: var(--regular);
  color: #484848;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control i.emoji, .userprofile .userprofile-body .profile .profile-details .form-control i.emoji {
  position: absolute;
  right: 1.625em;
  height: 0.875em;
  width: 0.875em;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control .em-slightly_smiling_face, .userprofile .userprofile-body .profile .profile-details .form-control .em-slightly_smiling_face {
  background-image: url(../../assets/images/emoji.svg);
  font-size: 0.625rem;
  margin-top: -0.6em;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control aside.emoji-picker-react, .userprofile .userprofile-body .profile .profile-details .form-control aside.emoji-picker-react {
  background: var(--white);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 19.375em;
  width: 15.625em;
  font-family: sans-serif;
  border: 1px solid #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 5px 10px #efefef;
  -moz-box-shadow: 0 5px 10px #efefef;
  box-shadow: 0 5px 10px #efefef;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-top: -335px;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control .emoji-search, .userprofile .userprofile-body .profile .profile-details .form-control .emoji-search {
  display: none;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control .skin-tones-list, .userprofile .userprofile-body .profile .profile-details .form-control .skin-tones-list {
  display: none;
}
.userprofile-popup .userprofile-body .profile .profile-details .form-control h4, .userprofile .userprofile-body .profile .profile-details .form-control h4 {
  color: var(--mf-profile-img-name);
  font-size: 1.625rem;
  font-family: var(--medium);
  text-align: center;
  width: 100%;
  word-break: break-all;
  display: block;
}
.userprofile-popup .userprofile-body .profile .profile-details .controls, .userprofile .userprofile-body .profile .profile-details .controls {
  height: 0.875em;
  position: absolute;
  right: 0;
}
.userprofile-popup .userprofile-body .profile .profile-details .controls i.edit, .userprofile .userprofile-body .profile .profile-details .controls i.edit {
  height: 0.875em;
  width: 0.875em;
  display: block;
  color: var(--mf-profile-popup-edit-icons);
}
.userprofile-popup .userprofile-body .profile .profile-details .controls i.done, .userprofile .userprofile-body .profile .profile-details .controls i.done {
  height: 0.875em;
  width: 0.875em;
  color: var(--mf-profile-popup-edit-icons);
}
.userprofile-popup .userprofile-body .profile .username i.status, .userprofile .userprofile-body .profile .username i.status {
  visibility: hidden;
  opacity: 0;
}
.userprofile-popup .userprofile-body .profile label, .userprofile .userprofile-body .profile label {
  color: rgba(var(--mf-theme-color-rgb), 0.5);
  font-size: 0.675rem;
  font-family: var(--semibold);
  display: block;
  margin: 0.625em 0;
}
.userprofile-popup .userprofile-body .profile .status .form-control input, .userprofile .userprofile-body .profile .status .form-control input {
  font-size: 0.875rem;
  padding: 0.714em 0em;
  padding-right: 4em;
}
.userprofile-popup .userprofile-body .profile .status .form-control textarea, .userprofile .userprofile-body .profile .status .form-control textarea {
  font-size: 0.875rem;
  padding: 0.714em 0em;
  padding-right: 4em;
  width: 100%;
  outline: 0;
  border: none;
  resize: none;
  height: auto;
  max-height: 250px;
  overflow: hidden auto;
}
.userprofile-popup .userprofile-body .profile .status .form-control textarea::-webkit-scrollbar, .userprofile .userprofile-body .profile .status .form-control textarea::-webkit-scrollbar {
  width: 0px;
}
.userprofile-popup .userprofile-body .profile .status .form-control h4, .userprofile .userprofile-body .profile .status .form-control h4 {
  font-size: 1rem;
  font-family: var(--medium);
  text-align: left;
  white-space: pre-wrap;
}
.userprofile-popup .userprofile-body .profile .info, .userprofile .userprofile-body .profile .info {
  margin-top: 1.375em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.userprofile-popup .userprofile-body .profile .info i, .userprofile .userprofile-body .profile .info i {
  height: 1em;
  width: 0.875em;
  margin-right: 0.313em;
  cursor: default;
  color: var(--mf-profile-view-icon);
}
.userprofile-popup .userprofile-body .profile .info i svg, .userprofile .userprofile-body .profile .info i svg {
  width: 0.875em !important;
  height: 0.875em !important;
}
.userprofile-popup .userprofile-body .profile .info span, .userprofile .userprofile-body .profile .info span {
  font-size: 0.65rem;
  font-family: var(--regular);
  color: rgba(138, 141, 145, 0.65);
  vertical-align: 0px;
}

.userprofile {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  z-index: 11;
}

.mirrorfly-root {
  font-family: SFUIDisplayRegular, sans-serif;
}
.mirrorfly-root div, .mirrorfly-root span, .mirrorfly-root applet, .mirrorfly-root object, .mirrorfly-root iframe,
.mirrorfly-root h1, .mirrorfly-root h2, .mirrorfly-root h3, .mirrorfly-root h4, .mirrorfly-root h5, .mirrorfly-root h6, .mirrorfly-root p, .mirrorfly-root blockquote, .mirrorfly-root pre,
.mirrorfly-root a, .mirrorfly-root abbr, .mirrorfly-root acronym, .mirrorfly-root address, .mirrorfly-root big, .mirrorfly-root cite, .mirrorfly-root code,
.mirrorfly-root del, .mirrorfly-root dfn, .mirrorfly-root em, .mirrorfly-root img, .mirrorfly-root ins, .mirrorfly-root kbd, .mirrorfly-root q, .mirrorfly-root s, .mirrorfly-root samp,
.mirrorfly-root small, .mirrorfly-root strike, .mirrorfly-root strong, .mirrorfly-root sub, .mirrorfly-root sup, .mirrorfly-root tt, .mirrorfly-root var,
.mirrorfly-root b, .mirrorfly-root u, .mirrorfly-root i, .mirrorfly-root center,
.mirrorfly-root dl, .mirrorfly-root dt, .mirrorfly-root dd, .mirrorfly-root ol, .mirrorfly-root ul, .mirrorfly-root li,
.mirrorfly-root fieldset, .mirrorfly-root form, .mirrorfly-root label, .mirrorfly-root legend,
.mirrorfly-root table, .mirrorfly-root caption, .mirrorfly-root tbody, .mirrorfly-root tfoot, .mirrorfly-root thead, .mirrorfly-root tr, .mirrorfly-root th, .mirrorfly-root td,
.mirrorfly-root article, .mirrorfly-root aside, .mirrorfly-root canvas, .mirrorfly-root details, .mirrorfly-root embed,
.mirrorfly-root figure, .mirrorfly-root figcaption, .mirrorfly-root footer, .mirrorfly-root header, .mirrorfly-root hgroup,
.mirrorfly-root menu, .mirrorfly-root nav, .mirrorfly-root output, .mirrorfly-root ruby, .mirrorfly-root section, .mirrorfly-root summary,
.mirrorfly-root time, .mirrorfly-root mark, .mirrorfly-root audio, .mirrorfly-root video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
.mirrorfly-root article, .mirrorfly-root aside, .mirrorfly-root details, .mirrorfly-root figcaption, .mirrorfly-root figure,
.mirrorfly-root footer, .mirrorfly-root header, .mirrorfly-root hgroup, .mirrorfly-root menu, .mirrorfly-root nav, .mirrorfly-root section {
  display: block;
}
.mirrorfly-root body {
  line-height: normal;
  box-sizing: border-box;
}
.mirrorfly-root ol, .mirrorfly-root ul {
  list-style: none;
}
.mirrorfly-root blockquote, .mirrorfly-root q {
  quotes: none;
}
.mirrorfly-root blockquote:before, .mirrorfly-root blockquote:after,
.mirrorfly-root q:before, .mirrorfly-root q:after {
  content: "";
  content: none;
}
.mirrorfly-root table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mirrorfly-root img {
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.mirrorfly-root svg {
  height: 100%;
  width: 100%;
}
.mirrorfly-root i {
  display: inline-block;
  cursor: pointer;
}
.mirrorfly-root ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BBC1C3;
  font-size: 14px;
}
.mirrorfly-root textarea:focus, .mirrorfly-root input:focus {
  outline: none;
}
.mirrorfly-root input:focus {
  outline: none;
}
.mirrorfly-root select {
  -webkit-appearance: none;
  margin: 0;
}
.mirrorfly-root input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.em {
  background: url(../images/emoji/apple_sprite.png) top left no-repeat;
  width: 20px !important;
  height: 20px !important;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  zoom: 1;
  background-size: auto !important;
}

.emj1359 {
  background-position: 0 0 !important;
}

.emj1403 {
  background-position: -20px 0 !important;
}

.emj1360 {
  background-position: -40px 0 !important;
}

.emj1361 {
  background-position: -60px 0 !important;
}

.emj1362 {
  background-position: -80px 0 !important;
}

.emj1363 {
  background-position: -100px 0 !important;
}

.emj1364 {
  background-position: 0 -20px !important;
}

.emj1365 {
  background-position: -20px -20px !important;
}

.emj1366 {
  background-position: -40px -20px !important;
}

.emj1368 {
  background-position: -60px -20px !important;
}

.emj1369 {
  background-position: -80px -20px !important;
}

.emj1425 {
  background-position: -100px -20px !important;
}

.emj1426 {
  background-position: 0 -40px !important;
}

.emj78 {
  background-position: -20px -40px !important;
}

.emj1370 {
  background-position: -40px -40px !important;
}

.emj1371 {
  background-position: -60px -40px !important;
}

.emj1372 {
  background-position: -80px -40px !important;
}

.emj1383 {
  background-position: -100px -40px !important;
}

.emj1382 {
  background-position: 0 -60px !important;
}

.emj1384 {
  background-position: -20px -60px !important;
}

.emj1385 {
  background-position: -40px -60px !important;
}

.emj1387 {
  background-position: -60px -60px !important;
}

.emj1388 {
  background-position: -80px -60px !important;
}

.emj1386 {
  background-position: -100px -60px !important;
}

.emj1592 {
  background-position: 0 -80px !important;
}

.emj1594 {
  background-position: -20px -80px !important;
}

.emj1373 {
  background-position: -40px -80px !important;
}

.emj1598 {
  background-position: -60px -80px !important;
}

.emj1374 {
  background-position: -80px -80px !important;
}

.emj1413 {
  background-position: -100px -80px !important;
}

.emj1375 {
  background-position: 0 -100px !important;
}

.emj1376 {
  background-position: -20px -100px !important;
}

.emj1377 {
  background-position: -40px -100px !important;
}

.emj1427 {
  background-position: -60px -100px !important;
}

.emj1595 {
  background-position: -80px -100px !important;
}

.emj1410 {
  background-position: -100px -100px !important;
}

.emj1389 {
  background-position: 0 -120px !important;
}

.emj1390 {
  background-position: -20px -120px !important;
}

.emj1391 {
  background-position: -40px -120px !important;
}

.emj1392 {
  background-position: -60px -120px !important;
}

.emj1379 {
  background-position: -80px -120px !important;
}

.emj1380 {
  background-position: -100px -120px !important;
}

.emj1424 {
  background-position: 0 -140px !important;
}

.emj77 {
  background-position: -20px -140px !important;
}

.emj1394 {
  background-position: -40px -140px !important;
}

.emj1381 {
  background-position: -60px -140px !important;
}

.emj1402 {
  background-position: -80px -140px !important;
}

.emj1400 {
  background-position: -100px -140px !important;
}

.emj1395 {
  background-position: 0 -160px !important;
}

.emj1405 {
  background-position: -20px -160px !important;
}

.emj1408 {
  background-position: -40px -160px !important;
}

.emj1399 {
  background-position: -60px -160px !important;
}

.emj1407 {
  background-position: -80px -160px !important;
}

.emj1406 {
  background-position: -100px -160px !important;
}

.emj1397 {
  background-position: 0 -180px !important;
}

.emj1398 {
  background-position: -20px -180px !important;
}

.emj1393 {
  background-position: -40px -180px !important;
}

.emj1396 {
  background-position: -60px -180px !important;
}

.emj1401 {
  background-position: -80px -180px !important;
}

.emj1378 {
  background-position: -100px -180px !important;
}

.emj1404 {
  background-position: 0 -200px !important;
}

.emj1409 {
  background-position: -20px -200px !important;
}

.emj1412 {
  background-position: -40px -200px !important;
}

.emj1591 {
  background-position: -60px -200px !important;
}

.emj1414 {
  background-position: -80px -200px !important;
}

.emj1593 {
  background-position: -100px -200px !important;
}

.emj1596 {
  background-position: 0 -220px !important;
}

.emj1411 {
  background-position: -20px -220px !important;
}

.emj1114 {
  background-position: -40px -220px !important;
}

.emj1119 {
  background-position: -60px -220px !important;
}

.emj1367 {
  background-position: -80px -220px !important;
}

.emj1043 {
  background-position: -100px -220px !important;
}

.emj1032 {
  background-position: 0 -240px !important;
}

.emj1033 {
  background-position: -20px -240px !important;
}

.emj1044 {
  background-position: -40px -240px !important;
}

.emj1034 {
  background-position: -60px -240px !important;
}

.emj1041 {
  background-position: -80px -240px !important;
}

.emj1597 {
  background-position: -100px -240px !important;
}

.emj1417 {
  background-position: 0 -260px !important;
}

.emj1415 {
  background-position: -20px -260px !important;
}

.emj1416 {
  background-position: -40px -260px !important;
}

.emj1418 {
  background-position: -60px -260px !important;
}

.emj1419 {
  background-position: -80px -260 !important;
}

.emj1420 {
  background-position: -100px -260px !important;
}

.emj1423 {
  background-position: 0 -280px !important;
}

.emj1422 {
  background-position: -20px -280px !important;
}

.emj1421 {
  background-position: -40px -280px !important;
}

.emj1455 {
  background-position: -60px -280px !important;
}

.emj1456 {
  background-position: -80px -280px !important;
}

.emj1457 {
  background-position: -100px -280px !important;
}

.emj1458 {
  background-position: 0 -300px !important;
}

.emj1459 {
  background-position: -20px -300px !important;
}

.emj1460 {
  background-position: -40px -300px !important;
}

.emj896 {
  background-position: -60px -300px !important;
}

.emj897 {
  background-position: -80px -300px !important;
}

.emj898 {
  background-position: -100px -300px !important;
}

.emj899 {
  background-position: 0 -320px !important;
}

.emj900 {
  background-position: -20px -320px !important;
}

.emj901 {
  background-position: -40px -320px !important;
}

.emj872 {
  background-position: -60px -320px !important;
}

.emj873 {
  background-position: -80px -320px !important;
}

.emj874 {
  background-position: -100px -320px !important;
}

.emj875 {
  background-position: 0 -340px !important;
}

.emj876 {
  background-position: -20px -340px !important;
}

.emj877 {
  background-position: -40px -340px !important;
}

.emj884 {
  background-position: -60px -340px !important;
}

.emj885 {
  background-position: -80px -340px !important;
}

.emj886 {
  background-position: -100px -340px !important;
}

.emj887 {
  background-position: 0 -360px !important;
}

.emj888 {
  background-position: -20px -360px !important;
}

.emj889 {
  background-position: -40px -360px !important;
}

.emj890 {
  background-position: -60px -360px !important;
}

.emj891 {
  background-position: -80px -360px !important;
}

.emj892 {
  background-position: -100px -360px !important;
}

.emj893 {
  background-position: 0 -380px !important;
}

.emj894 {
  background-position: -20px -380px !important;
}

.emj895 {
  background-position: -40px -380px !important;
}

.emj866 {
  background-position: -60px -380px !important;
}

.emj867 {
  background-position: -80px -380px !important;
}

.emj868 {
  background-position: -100px -380px !important;
}

.emj869 {
  background-position: 0 -400px !important;
}

.emj870 {
  background-position: -20px -400px !important;
}

.emj871 {
  background-position: -40px -400px !important;
}

.emj144 {
  background-position: -60px -400px !important;
}

.emj145 {
  background-position: -80px -400px !important;
}

.emj146 {
  background-position: -100px -400px !important;
}

.emj147 {
  background-position: 0 -420px !important;
}

.emj148 {
  background-position: -20px -420px !important;
}

.emj149 {
  background-position: -40px -420px !important;
}

.emj156 {
  background-position: -60px -420px !important;
}

.emj157 {
  background-position: -80px -420px !important;
}

.emj158 {
  background-position: -100px -420px !important;
}

.emj159 {
  background-position: 0 -440px !important;
}

.emj160 {
  background-position: -20px -440px !important;
}

.emj161 {
  background-position: -40px -440px !important;
}

.emj878 {
  background-position: -60px -440px !important;
}

.emj879 {
  background-position: -80px -440px !important;
}

.emj880 {
  background-position: -100px -440px !important;
}

.emj881 {
  background-position: 0 -460px !important;
}

.emj882 {
  background-position: -20px -460px !important;
}

.emj883 {
  background-position: -40px -460px !important;
}

.emj150 {
  background-position: -60px -460px !important;
}

.emj151 {
  background-position: -80px -460px !important;
}

.emj152 {
  background-position: -100px -460px !important;
}

.emj153 {
  background-position: 0 -480px !important;
}

.emj154 {
  background-position: -20px -480px !important;
}

.emj155 {
  background-position: -40px -480px !important;
}

.emj902 {
  background-position: -60px -480px !important;
}

.emj903 {
  background-position: -80px -480px !important;
}

.emj904 {
  background-position: -100px -480px !important;
}

.emj905 {
  background-position: 0 -500px !important;
}

.emj906 {
  background-position: -20px -500px !important;
}

.emj907 {
  background-position: -40px -500px !important;
}

.emj1120 {
  background-position: -60px -500px !important;
}

.emj1121 {
  background-position: -80px -500px !important;
}

.emj1122 {
  background-position: -100px -500px !important;
}

.emj1123 {
  background-position: 0 -520px !important;
}

.emj1124 {
  background-position: -20px -520px !important;
}

.emj1125 {
  background-position: -40px -520px !important;
}

.emj1473 {
  background-position: -60px -520px !important;
}

.emj1474 {
  background-position: -80px -520px !important;
}

.emj1475 {
  background-position: -100px -520px !important;
}

.emj1476 {
  background-position: 0 -540px !important;
}

.emj1477 {
  background-position: -20px -540px !important;
}

.emj1478 {
  background-position: -40px -540px !important;
}

.emj63 {
  background-position: -60px -540px !important;
}

.emj64 {
  background-position: -80px -540px !important;
}

.emj65 {
  background-position: -100px -540px !important;
}

.emj66 {
  background-position: 0 -560px !important;
}

.emj67 {
  background-position: -20px -560px !important;
}

.emj68 {
  background-position: -40px -560px !important;
}

.emj842 {
  background-position: -60px -560px !important;
}

.emj843 {
  background-position: -80px -560px !important;
}

.emj844 {
  background-position: -100px -560px !important;
}

.emj845 {
  background-position: 0 -580px !important;
}

.emj846 {
  background-position: -20px -580px !important;
}

.emj847 {
  background-position: -40px -580px !important;
}

.emj848 {
  background-position: -60px -580px !important;
}

.emj849 {
  background-position: -80px -580px !important;
}

.emj850 {
  background-position: -100px -580px !important;
}

.emj851 {
  background-position: 0 -600px !important;
}

.emj852 {
  background-position: -20px -600px !important;
}

.emj853 {
  background-position: -40px -600px !important;
}

.emj854 {
  background-position: -60px -600px !important;
}

.emj855 {
  background-position: -80px -600px !important;
}

.emj856 {
  background-position: -100px -600px !important;
}

.emj857 {
  background-position: 0 -620px !important;
}

.emj858 {
  background-position: -20px -620px !important;
}

.emj859 {
  background-position: -40px -620px !important;
}

.emj860 {
  background-position: -60px -620px !important;
}

.emj861 {
  background-position: -80px -620px !important;
}

.emj862 {
  background-position: -100px -620px !important;
}

.emj863 {
  background-position: 0 -640px !important;
}

.emj864 {
  background-position: -20px -640px !important;
}

.emj865 {
  background-position: -40px -640px !important;
}

.emj1322 {
  background-position: -60px -640px !important;
}

.emj1323 {
  background-position: -80px -640px !important;
}

.emj1324 {
  background-position: -100px -640px !important;
}

.emj1325 {
  background-position: 0 -660px !important;
}

.emj1326 {
  background-position: -20px -660px !important;
}

.emj1327 {
  background-position: -40px -660px !important;
}

.emj1316 {
  background-position: -60px -660px !important;
}

.emj1317 {
  background-position: -80px -660px !important;
}

.emj1318 {
  background-position: -100px -660px !important;
}

.emj1319 {
  background-position: 0 -680px !important;
}

.emj1320 {
  background-position: -20px -680px !important;
}

.emj1321 {
  background-position: -40px -680px !important;
}

.emj1599 {
  background-position: -60px -680px !important;
}

.emj1600 {
  background-position: -80px -680px !important;
}

.emj1601 {
  background-position: -100px -680px !important;
}

.emj1602 {
  background-position: 0 -700px !important;
}

.emj1603 {
  background-position: -20px -700px !important;
}

.emj1604 {
  background-position: -40px -700px !important;
}

.emj1328 {
  background-position: -60px -700px !important;
}

.emj1329 {
  background-position: -80px -700px !important;
}

.emj1330 {
  background-position: -100px -700px !important;
}

.emj1331 {
  background-position: 0 -720px !important;
}

.emj1332 {
  background-position: -20px -720px !important;
}

.emj1333 {
  background-position: -40px -720px !important;
}

.emj162 {
  background-position: -60px -720px !important;
}

.emj163 {
  background-position: -80px -720px !important;
}

.emj164 {
  background-position: -100px -720px !important;
}

.emj165 {
  background-position: 0 -740px !important;
}

.emj166 {
  background-position: -20px -740px !important;
}

.emj167 {
  background-position: -40px -740px !important;
}

.emj1064 {
  background-position: -60px -740px !important;
}

.emj1065 {
  background-position: -80px -740px !important;
}

.emj1066 {
  background-position: -100px -740px !important;
}

.emj1067 {
  background-position: 0 -760px !important;
}

.emj1068 {
  background-position: -20px -760px !important;
}

.emj1069 {
  background-position: -40px -760px !important;
}

.emj840 {
  background-position: -60px -760px !important;
}

.emj841 {
  background-position: -80px -760px !important;
}

.emj828 {
  background-position: -100px -760px !important;
}

.emj829 {
  background-position: 0 -780px !important;
}

.emj830 {
  background-position: -20px -780px !important;
}

.emj831 {
  background-position: -40px -780px !important;
}

.emj832 {
  background-position: -60px -780px !important;
}

.emj833 {
  background-position: -80px -780px !important;
}

.emj834 {
  background-position: -100px -780px !important;
}

.emj835 {
  background-position: 0 -800px !important;
}

.emj836 {
  background-position: -20px -800px !important;
}

.emj837 {
  background-position: -40px -800px !important;
}

.emj838 {
  background-position: -60px -800px !important;
}

.emj839 {
  background-position: -80px -800px !important;
}

.emj826 {
  background-position: -100px -800px !important;
}

.emj825 {
  background-position: 0 -820px !important;
}

.emj927 {
  background-position: -20px -820px !important;
}

.emj928 {
  background-position: -40px -820px !important;
}

.emj1349 {
  background-position: -60px -820px !important;
}

.emj1014 {
  background-position: -80px -820px !important;
}

.emj1015 {
  background-position: -100px -820px !important;
}

.emj1016 {
  background-position: 0 -840px !important;
}

.emj1017 {
  background-position: -20px -840px !important;
}

.emj1018 {
  background-position: -40px -840px !important;
}

.emj1019 {
  background-position: -60px -840px !important;
}

.emj929 {
  background-position: -80px -840px !important;
}

.emj930 {
  background-position: -100px -840px !important;
}

.emj931 {
  background-position: 0 -860px !important;
}

.emj932 {
  background-position: -20px -860px !important;
}

.emj933 {
  background-position: -40px -860px !important;
}

.emj934 {
  background-position: -60px -860px !important;
}

.emj935 {
  background-position: -80px -860px !important;
}

.emj936 {
  background-position: -100px -860px !important;
}

.emj937 {
  background-position: 0 -880px !important;
}

.emj938 {
  background-position: -20px -880px !important;
}

.emj939 {
  background-position: -40px -880px !important;
}

.emj940 {
  background-position: -60px -880px !important;
}

.emj941 {
  background-position: -80px -880px !important;
}

.emj942 {
  background-position: -100px -880px !important;
}

.emj943 {
  background-position: 0 -900px !important;
}

.emj944 {
  background-position: -20px -900px !important;
}

.emj945 {
  background-position: -40px -900px !important;
}

.emj946 {
  background-position: -60px -900px !important;
}

.emj947 {
  background-position: -80px -900px !important;
}

.emj948 {
  background-position: -100px -900px !important;
}

.emj949 {
  background-position: 0 -920px !important;
}

.emj950 {
  background-position: -20px -920px !important;
}

.emj951 {
  background-position: -40px -920px !important;
}

.emj952 {
  background-position: -60px -920px !important;
}

.emj984 {
  background-position: -80px -920px !important;
}

.emj985 {
  background-position: -100px -920px !important;
}

.emj986 {
  background-position: 0 -940px !important;
}

.emj987 {
  background-position: -20px -940px !important;
}

.emj988 {
  background-position: -40px -940px !important;
}

.emj989 {
  background-position: -60px -940px !important;
}

.emj1002 {
  background-position: -80px -940px !important;
}

.emj1003 {
  background-position: -100px -940px !important;
}

.emj1004 {
  background-position: 0 -960px !important;
}

.emj1005 {
  background-position: -20px -960px !important;
}

.emj1006 {
  background-position: -40px -960px !important;
}

.emj1007 {
  background-position: -60px -960px !important;
}

.emj1008 {
  background-position: -80px -960px !important;
}

.emj1009 {
  background-position: -100px -960px !important;
}

.emj1010 {
  background-position: 0 -980px !important;
}

.emj1011 {
  background-position: -20px -980px !important;
}

.emj1012 {
  background-position: -40px -980px !important;
}

.emj1013 {
  background-position: -60px -980px !important;
}

.emj990 {
  background-position: -80px -980px !important;
}

.emj991 {
  background-position: -100px -980px !important;
}

.emj992 {
  background-position: 0 -1000px !important;
}

.emj993 {
  background-position: -20px -1000px !important;
}

.emj994 {
  background-position: -40px -1000px !important;
}

.emj995 {
  background-position: -60px -1000px !important;
}

.emj996 {
  background-position: -80px -1000px !important;
}

.emj997 {
  background-position: -100px -1000px !important;
}

.emj998 {
  background-position: 0 -1020px !important;
}

.emj999 {
  background-position: -20px -1020px !important;
}

.emj1000 {
  background-position: -40px -1020px !important;
}

.emj1001 {
  background-position: -60px -1020px !important;
}

.emj971 {
  background-position: -80px -1020px !important;
}

.emj972 {
  background-position: -100px -1020px !important;
}

.emj973 {
  background-position: 0 -1040px !important;
}

.emj974 {
  background-position: -20px -1040px !important;
}

.emj975 {
  background-position: -40px -1040px !important;
}

.emj976 {
  background-position: -60px -1040px !important;
}

.emj1020 {
  background-position: -80px -1040px !important;
}

.emj1021 {
  background-position: -100px -1040px !important;
}

.emj1022 {
  background-position: 0 -1060px !important;
}

.emj1023 {
  background-position: -20px -1060px !important;
}

.emj1024 {
  background-position: -40px -1060px !important;
}

.emj1025 {
  background-position: -60px -1060px !important;
}

.emj1051 {
  background-position: -80px -1060px !important;
}

.emj1052 {
  background-position: -100px -1060px !important;
}

.emj1053 {
  background-position: 0 -1080px !important;
}

.emj1054 {
  background-position: -20px -1080px !important;
}

.emj1055 {
  background-position: -40px -1080px !important;
}

.emj1056 {
  background-position: -60px -1080px !important;
}

.emj1306 {
  background-position: -80px -1080px !important;
}

.emj616 {
  background-position: -100px -1080px !important;
}

.emj617 {
  background-position: 0 -1100px !important;
}

.emj618 {
  background-position: -20px -1100px !important;
}

.emj619 {
  background-position: -40px -1100px !important;
}

.emj620 {
  background-position: -60px -1100px !important;
}

.emj621 {
  background-position: -80px -1100px !important;
}

.emj1035 {
  background-position: -100px -1100px !important;
}

.emj1036 {
  background-position: 0 -1120px !important;
}

.emj1037 {
  background-position: -20px -1120px !important;
}

.emj1038 {
  background-position: -40px -1120px !important;
}

.emj1039 {
  background-position: -60px -1120px !important;
}

.emj1040 {
  background-position: -80px -1120px !important;
}

.emj1026 {
  background-position: -100px -1120px !important;
}

.emj1027 {
  background-position: 0 -1140px !important;
}

.emj1028 {
  background-position: -20px -1140px !important;
}

.emj1029 {
  background-position: -40px -1140px !important;
}

.emj1030 {
  background-position: -60px -1140px !important;
}

.emj1031 {
  background-position: -80px -1140px !important;
}

.emj978 {
  background-position: -100px -1140px !important;
}

.emj979 {
  background-position: 0 -1160px !important;
}

.emj980 {
  background-position: -20px -1160px !important;
}

.emj981 {
  background-position: -40px -1160px !important;
}

.emj982 {
  background-position: -60px -1160px !important;
}

.emj983 {
  background-position: -80px -1160px !important;
}

.emj1548 {
  background-position: -100px -1160px !important;
}

.emj1549 {
  background-position: 0 -1180px !important;
}

.emj1550 {
  background-position: -20px -1180px !important;
}

.emj1551 {
  background-position: -40px -1180px !important;
}

.emj1552 {
  background-position: -60px -1180px !important;
}

.emj1553 {
  background-position: -80px -1180px !important;
}

.emj678 {
  background-position: -100px -1180px !important;
}

.emj679 {
  background-position: 0 -1200px !important;
}

.emj680 {
  background-position: -20px -1200px !important;
}

.emj681 {
  background-position: -40px -1200px !important;
}

.emj682 {
  background-position: -60px -1200px !important;
}

.emj683 {
  background-position: -80px -1200px !important;
}

.emj1057 {
  background-position: -100px -1200px !important;
}

.emj1058 {
  background-position: 0 -1220px !important;
}

.emj1059 {
  background-position: -20px -1220px !important;
}

.emj1060 {
  background-position: -40px -1220px !important;
}

.emj1061 {
  background-position: -60px -1220px !important;
}

.emj1062 {
  background-position: -80px -1220px !important;
}

.emj977 {
  background-position: -100px -1220px !important;
}

.emj968 {
  background-position: 0 -1240px !important;
}

.emj969 {
  background-position: -20px -1240px !important;
}

.emj970 {
  background-position: -40px -1240px !important;
}

.emj1440 {
  background-position: -60px -1240px !important;
}

.emj1441 {
  background-position: -80px -1240px !important;
}

.emj1442 {
  background-position: -100px -1240px !important;
}

.emj1443 {
  background-position: 0 -1260px !important;
}

.emj1444 {
  background-position: -20px -1260px !important;
}

.emj1445 {
  background-position: -40px -1260px !important;
}

.emj1045 {
  background-position: -60px -1260px !important;
}

.emj1046 {
  background-position: -80px -1260px !important;
}

.emj1047 {
  background-position: -100px -1260px !important;
}

.emj1048 {
  background-position: 0 -1280px !important;
}

.emj1049 {
  background-position: -20px -1280px !important;
}

.emj1050 {
  background-position: -40px -1280px !important;
}

.emj1428 {
  background-position: -60px -1280px !important;
}

.emj1429 {
  background-position: -80px -1280px !important;
}

.emj1430 {
  background-position: -100px -1280px !important;
}

.emj1431 {
  background-position: 0 -1300px !important;
}

.emj1432 {
  background-position: -20px -1300px !important;
}

.emj1433 {
  background-position: -40px -1300px !important;
}

.emj1434 {
  background-position: -60px -1300px !important;
}

.emj1435 {
  background-position: -80px -1300px !important;
}

.emj1436 {
  background-position: -100px -1300px !important;
}

.emj1437 {
  background-position: 0 -1320px !important;
}

.emj1438 {
  background-position: -20px -1320px !important;
}

.emj1439 {
  background-position: -40px -1320px !important;
}

.emj1449 {
  background-position: -60px -1320px !important;
}

.emj1450 {
  background-position: -80px -1320px !important;
}

.emj1451 {
  background-position: -100px -1320px !important;
}

.emj1452 {
  background-position: 0 -1340px !important;
}

.emj1453 {
  background-position: -20px -1340px !important;
}

.emj1454 {
  background-position: -40px -1340px !important;
}

.emj1467 {
  background-position: -60px -1340px !important;
}

.emj1468 {
  background-position: -80px -1340px !important;
}

.emj1469 {
  background-position: -100px -1340px !important;
}

.emj1470 {
  background-position: 0 -1360px !important;
}

.emj1471 {
  background-position: -20px -1360px !important;
}

.emj1472 {
  background-position: -40px -1360px !important;
}

.emj1461 {
  background-position: -60px -1360px !important;
}

.emj1462 {
  background-position: -80px -1360px !important;
}

.emj1463 {
  background-position: -100px -1360px !important;
}

.emj1464 {
  background-position: 0 -1380px !important;
}

.emj1465 {
  background-position: -20px -1380px !important;
}

.emj1466 {
  background-position: -40px -1380px !important;
}

.emj1076 {
  background-position: -60px -1380px !important;
}

.emj1077 {
  background-position: -80px -1380px !important;
}

.emj1078 {
  background-position: -100px -1380px !important;
}

.emj1079 {
  background-position: 0 -1400px !important;
}

.emj1080 {
  background-position: -20px -1400px !important;
}

.emj1081 {
  background-position: -40px -1400px !important;
}

.emj1070 {
  background-position: -60px -1400px !important;
}

.emj1071 {
  background-position: -80px -1400px !important;
}

.emj1072 {
  background-position: -100px -1400px !important;
}

.emj1073 {
  background-position: 0 -1420px !important;
}

.emj1074 {
  background-position: -20px -1420px !important;
}

.emj1075 {
  background-position: -40px -1420px !important;
}

.emj1093 {
  background-position: -60px -1420px !important;
}

.emj1095 {
  background-position: -80px -1420px !important;
}

.emj1094 {
  background-position: -100px -1420px !important;
}

.emj1089 {
  background-position: 0 -1440px !important;
}

.emj1091 {
  background-position: -20px -1440px !important;
}

.emj1090 {
  background-position: -40px -1440px !important;
}

.emj953 {
  background-position: -60px -1440px !important;
}

.emj960 {
  background-position: -80px -1440px !important;
}

.emj961 {
  background-position: -100px -1440px !important;
}

.emj959 {
  background-position: 0 -1460px !important;
}

.emj962 {
  background-position: -20px -1460px !important;
}

.emj963 {
  background-position: -40px -1460px !important;
}

.emj965 {
  background-position: -60px -1460px !important;
}

.emj966 {
  background-position: -80px -1460px !important;
}

.emj964 {
  background-position: -100px -1460px !important;
}

.emj967 {
  background-position: 0 -1480px !important;
}

.emj954 {
  background-position: -20px -1480px !important;
}

.emj956 {
  background-position: -40px -1480px !important;
}

.emj957 {
  background-position: -60px -1480px !important;
}

.emj955 {
  background-position: -80px -1480px !important;
}

.emj958 {
  background-position: -100px -1480px !important;
}

.emj917 {
  background-position: 0 -1500px !important;
}

.emj912 {
  background-position: -20px -1500px !important;
}

.emj913 {
  background-position: -40px -1500px !important;
}

.emj911 {
  background-position: -60px -1500px !important;
}

.emj914 {
  background-position: -80px -1500px !important;
}

.emj916 {
  background-position: -100px -1500px !important;
}

.emj915 {
  background-position: 0 -1520px !important;
}

.emj1063 {
  background-position: -20px -1520px !important;
}

.emj1085 {
  background-position: -40px -1520px !important;
}

.emj926 {
  background-position: -60px -1520px !important;
}

.emj923 {
  background-position: -80px -1520px !important;
}

.emj924 {
  background-position: -100px -1520px !important;
}

.emj925 {
  background-position: 0 -1540px !important;
}

.emj921 {
  background-position: -20px -1540px !important;
}

.emj922 {
  background-position: -40px -1540px !important;
}

.emj909 {
  background-position: -60px -1540px !important;
}

.emj652 {
  background-position: -80px -1540px !important;
}

.emj635 {
  background-position: -100px -1540px !important;
}

.emj908 {
  background-position: 0 -1560px !important;
}

.emj119 {
  background-position: -20px -1560px !important;
}

.emj634 {
  background-position: -40px -1560px !important;
}

.emj920 {
  background-position: -60px -1560px !important;
}

.emj918 {
  background-position: -80px -1560px !important;
}

.emj919 {
  background-position: -100px -1560px !important;
}

.emj1143 {
  background-position: 0 -1580px !important;
}

.emj910 {
  background-position: -20px -1580px !important;
}

.emj1307 {
  background-position: -40px -1580px !important;
}

.emj1087 {
  background-position: -60px -1580px !important;
}

.emj487 {
  background-position: -80px -1580px !important;
}

.emj815 {
  background-position: 0 -1600px !important;
}

.emj810 {
  background-position: -20px -1600px !important;
}

.emj806 {
  background-position: -40px -1600px !important;
}

.emj818 {
  background-position: -60px -1600px !important;
}

.emj809 {
  background-position: -80px -1600px !important;
}

.emj820 {
  background-position: -100px -1600px !important;
}

.emj821 {
  background-position: 0 -1620px !important;
}

.emj801 {
  background-position: -20px -1620px !important;
}

.emj808 {
  background-position: -40px -1620px !important;
}

.emj1606 {
  background-position: -60px -1620px !important;
}

.emj807 {
  background-position: -80px -1620px !important;
}

.emj816 {
  background-position: -100px -1620px !important;
}

.emj822 {
  background-position: 0 -1640px !important;
}

.emj817 {
  background-position: -20px -1640px !important;
}

.emj786 {
  background-position: -40px -1640px !important;
}

.emj814 {
  background-position: -60px -1640px !important;
}

.emj1446 {
  background-position: -80px -1640px !important;
}

.emj1447 {
  background-position: -100px -1640px !important;
}

.emj1448 {
  background-position: 0 -1660px !important;
}

.emj779 {
  background-position: -20px -1660px !important;
}

.emj781 {
  background-position: -40px -1660px !important;
}

.emj800 {
  background-position: -60px -1660px !important;
}

.emj799 {
  background-position: -80px -1660px !important;
}

.emj797 {
  background-position: -100px -1660px !important;
}

.emj796 {
  background-position: 0 -1680px !important;
}

.emj798 {
  background-position: -20px -1680px !important;
}

.emj819 {
  background-position: -40px -1680px !important;
}

.emj784 {
  background-position: -60px -1680px !important;
}

.emj813 {
  background-position: -80px -1680px !important;
}

.emj1609 {
  background-position: -100px -1680px !important;
}

.emj790 {
  background-position: 0 -1700px !important;
}

.emj788 {
  background-position: -20px -1700px !important;
}

.emj773 {
  background-position: -40px -1700px !important;
}

.emj791 {
  background-position: -60px -1700px !important;
}

.emj789 {
  background-position: -80px -1700px !important;
}

.emj1308 {
  background-position: -100px -1700px !important;
}

.emj1607 {
  background-position: 0 -1720px !important;
}

.emj1605 {
  background-position: -20px -1720px !important;
}

.emj774 {
  background-position: -40px -1720px !important;
}

.emj795 {
  background-position: -60px -1720px !important;
}

.emj793 {
  background-position: -80px -1720px !important;
}

.emj792 {
  background-position: -100px -1720px !important;
}

.emj794 {
  background-position: 0 -1740px !important;
}

.emj805 {
  background-position: -20px -1740px !important;
}

.emj812 {
  background-position: -40px -1740px !important;
}

.emj772 {
  background-position: -60px -1740px !important;
}

.emj771 {
  background-position: -80px -1740px !important;
}

.emj767 {
  background-position: -100px -1740px !important;
}

.emj766 {
  background-position: 0 -1760px !important;
}

.emj764 {
  background-position: -20px -1760px !important;
}

.emj763 {
  background-position: -40px -1760px !important;
}

.emj765 {
  background-position: -60px -1760px !important;
}

.emj803 {
  background-position: -80px -1760px !important;
}

.emj804 {
  background-position: -100px -1760px !important;
}

.emj785 {
  background-position: 0 -1780px !important;
}

.emj777 {
  background-position: -20px -1780px !important;
}

.emj776 {
  background-position: -40px -1780px !important;
}

.emj778 {
  background-position: -60px -1780px !important;
}

.emj775 {
  background-position: -80px -1780px !important;
}

.emj783 {
  background-position: -100px -1780px !important;
}

.emj761 {
  background-position: 0 -1800px !important;
}

.emj762 {
  background-position: -20px -1800px !important;
}

.emj780 {
  background-position: -40px -1800px !important;
}

.emj1608 {
  background-position: -60px -1800px !important;
}

.emj1273 {
  background-position: -80px -1800px !important;
}

.emj782 {
  background-position: -100px -1800px !important;
}

.emj802 {
  background-position: 0 -1820px !important;
}

.emj769 {
  background-position: -20px -1820px !important;
}

.emj768 {
  background-position: -40px -1820px !important;
}

.emj824 {
  background-position: -60px -1820px !important;
}

.emj823 {
  background-position: -80px -1820px !important;
}

.emj770 {
  background-position: -100px -1820px !important;
}

.emj811 {
  background-position: 0 -1840px !important;
}

.emj536 {
  background-position: -20px -1840px !important;
}

.emj615 {
  background-position: -40px -1840px !important;
}

.emj533 {
  background-position: -60px -1840px !important;
}

.emj534 {
  background-position: -80px -1840px !important;
}

.emj535 {
  background-position: -100px -1840px !important;
}

.emj532 {
  background-position: 0 -1860px !important;
}

.emj546 {
  background-position: -20px -1860px !important;
}

.emj62 {
  background-position: -40px -1860px !important;
}

.emj547 {
  background-position: -60px -1860px !important;
}

.emj629 {
  background-position: -80px -1860px !important;
}

.emj627 {
  background-position: -100px -1860px !important;
}

.emj550 {
  background-position: 0 -1880px !important;
}

.emj549 {
  background-position: -20px -1880px !important;
}

.emj548 {
  background-position: -40px -1880px !important;
}

.emj545 {
  background-position: -60px -1880px !important;
}

.emj541 {
  background-position: -80px -1880px !important;
}

.emj542 {
  background-position: -100px -1880px !important;
}

.emj540 {
  background-position: 0 -1900px !important;
}

.emj538 {
  background-position: -20px -1900px !important;
}

.emj543 {
  background-position: -40px -1900px !important;
}

.emj539 {
  background-position: -60px -1900px !important;
}

.emj1092 {
  background-position: -80px -1900px !important;
}

.emj551 {
  background-position: -100px -1900px !important;
}

.emj531 {
  background-position: 0 -1920px !important;
}

.emj614 {
  background-position: -20px -1920px !important;
}

.emj787 {
  background-position: -40px -1920px !important;
}

.emj1309 {
  background-position: -60px -1920px !important;
}

.emj499 {
  background-position: -80px -1920px !important;
}

.emj498 {
  background-position: -100px -1920px !important;
}

.emj500 {
  background-position: 0 -1940px !important;
}

.emj506 {
  background-position: -20px -1940px !important;
}

.emj507 {
  background-position: -40px -1940px !important;
}

.emj508 {
  background-position: -60px -1940px !important;
}

.emj509 {
  background-position: -80px -1940px !important;
}

.emj502 {
  background-position: -100px -1940px !important;
}

.emj503 {
  background-position: 0 -1960px !important;
}

.emj504 {
  background-position: -20px -1960px !important;
}

.emj505 {
  background-position: -40px -1960px !important;
}

.emj511 {
  background-position: -60px -1960px !important;
}

.emj514 {
  background-position: -80px -1960px !important;
}

.emj512 {
  background-position: -100px -1960px !important;
}

.emj513 {
  background-position: 0 -1980px !important;
}

.emj515 {
  background-position: -20px -1980px !important;
}

.emj510 {
  background-position: -40px -1980px !important;
}

.emj200 {
  background-position: -60px -1980px !important;
}

.emj516 {
  background-position: -80px -1980px !important;
}

.emj1126 {
  background-position: -100px -1980px !important;
}

.emj174 {
  background-position: 0 -2000px !important;
}

.emj57 {
  background-position: -20px -2000px !important;
}

.emj53 {
  background-position: -40px -2000px !important;
}

.emj519 {
  background-position: -60px -2000px !important;
}

.emj115 {
  background-position: -80px -2000px !important;
}

.emj520 {
  background-position: -100px -2000px !important;
}

.emj521 {
  background-position: 0 -2020px !important;
}

.emj54 {
  background-position: -20px -2020px !important;
}

.emj522 {
  background-position: -40px -2020px !important;
}

.emj116 {
  background-position: -60px -2020px !important;
}

.emj524 {
  background-position: -80px -2020px !important;
}

.emj107 {
  background-position: -100px -2020px !important;
}

.emj1247 {
  background-position: 0 -2040px !important;
}

.emj1115 {
  background-position: -20px -2040px !important;
}

.emj177 {
  background-position: -40px -2040px !important;
}

.emj523 {
  background-position: -60px -2040px !important;
}

.emj56 {
  background-position: -80px -2040px !important;
}

.emj114 {
  background-position: -100px -2040px !important;
}

.emj527 {
  background-position: 0 -2060px !important;
}

.emj1118 {
  background-position: -20px -2060px !important;
}

.emj525 {
  background-position: -40px -2060px !important;
}

.emj526 {
  background-position: -60px -2060px !important;
}

.emj55 {
  background-position: -80px -2060px !important;
}

.emj60 {
  background-position: -100px -2060px !important;
}

.emj1117 {
  background-position: 0 -2080px !important;
}

.emj1116 {
  background-position: -20px -2080px !important;
}

.emj495 {
  background-position: -40px -2080px !important;
}

.emj562 {
  background-position: 0 -2100px !important;
}

.emj561 {
  background-position: -20px -2100px !important;
}

.emj563 {
  background-position: -40px -2100px !important;
}

.emj557 {
  background-position: -60px -2100px !important;
}

.emj558 {
  background-position: -80px -2100px !important;
}

.emj559 {
  background-position: -100px -2100px !important;
}

.emj556 {
  background-position: 0 -2120px !important;
}

.emj554 {
  background-position: -20px -2120px !important;
}

.emj566 {
  background-position: -40px -2120px !important;
}

.emj555 {
  background-position: -60px -2120px !important;
}

.emj565 {
  background-position: -80px -2120px !important;
}

.emj564 {
  background-position: -100px -2120px !important;
}

.emj560 {
  background-position: 0 -2140px !important;
}

.emj552 {
  background-position: -20px -2140px !important;
}

.emj553 {
  background-position: -40px -2140px !important;
}

.emj537 {
  background-position: -60px -2140px !important;
}

.emj544 {
  background-position: -80px -2140px !important;
}

.emj579 {
  background-position: -100px -2140px !important;
}

.emj594 {
  background-position: 0 -2160px !important;
}

.emj577 {
  background-position: -20px -2160px !important;
}

.emj1610 {
  background-position: -40px -2160px !important;
}

.emj570 {
  background-position: -60px -2160px !important;
}

.emj569 {
  background-position: -80px -2160px !important;
}

.emj583 {
  background-position: -100px -2160px !important;
}

.emj598 {
  background-position: 0 -2180px !important;
}

.emj567 {
  background-position: -20px -2180px !important;
}

.emj578 {
  background-position: -40px -2180px !important;
}

.emj528 {
  background-position: -60px -2180px !important;
}

.emj568 {
  background-position: -80px -2180px !important;
}

.emj576 {
  background-position: -100px -2180px !important;
}

.emj529 {
  background-position: 0 -2200px !important;
}

.emj530 {
  background-position: -20px -2200px !important;
}

.emj575 {
  background-position: -40px -2200px !important;
}

.emj597 {
  background-position: -60px -2200px !important;
}

.emj584 {
  background-position: -80px -2200px !important;
}

.emj582 {
  background-position: -100px -2200px !important;
}

.emj596 {
  background-position: 0 -2220px !important;
}

.emj574 {
  background-position: -20px -2220px !important;
}

.emj572 {
  background-position: -40px -2220px !important;
}

.emj573 {
  background-position: -60px -2220px !important;
}

.emj571 {
  background-position: -80px -2220px !important;
}

.emj581 {
  background-position: -100px -2220px !important;
}

.emj580 {
  background-position: 0 -2240px !important;
}

.emj586 {
  background-position: -20px -2240px !important;
}

.emj587 {
  background-position: -40px -2240px !important;
}

.emj585 {
  background-position: -60px -2240px !important;
}

.emj595 {
  background-position: -80px -2240px !important;
}

.emj613 {
  background-position: -100px -2240px !important;
}

.emj593 {
  background-position: 0 -2260px !important;
}

.emj591 {
  background-position: -20px -2260px !important;
}

.emj592 {
  background-position: -40px -2260px !important;
}

.emj590 {
  background-position: -60px -2260px !important;
}

.emj610 {
  background-position: -80px -2260px !important;
}

.emj588 {
  background-position: -100px -2260px !important;
}

.emj589 {
  background-position: 0 -2280px !important;
}

.emj605 {
  background-position: -20px -2280px !important;
}

.emj606 {
  background-position: -40px -2280px !important;
}

.emj602 {
  background-position: -60px -2280px !important;
}

.emj603 {
  background-position: -80px -2280px !important;
}

.emj604 {
  background-position: -100px -2280px !important;
}

.emj609 {
  background-position: 0 -2300px !important;
}

.emj601 {
  background-position: -20px -2300px !important;
}

.emj600 {
  background-position: -40px -2300px !important;
}

.emj61 {
  background-position: -60px -2300px !important;
}

.emj607 {
  background-position: -80px -2300px !important;
}

.emj599 {
  background-position: -100px -2300px !important;
}

.emj608 {
  background-position: 0 -2320px !important;
}

.emj112 {
  background-position: 0 -2340px !important;
}

.emj675 {
  background-position: -20px -2340px !important;
}

.emj698 {
  background-position: -40px -2340px !important;
}

.emj113 {
  background-position: -60px -2340px !important;
}

.emj673 {
  background-position: -80px -2340px !important;
}

.emj716 {
  background-position: -100px -2340px !important;
}

.emj699 {
  background-position: 0 -2360px !important;
}

.emj660 {
  background-position: -20px -2360px !important;
}

.emj127 {
  background-position: -40px -2360px !important;
}

.emj712 {
  background-position: -60px -2360px !important;
}

.emj719 {
  background-position: -80px -2360px !important;
}

.emj753 {
  background-position: -100px -2360px !important;
}

.emj718 {
  background-position: 0 -2380px !important;
}

.emj717 {
  background-position: -20px -2380px !important;
}

.emj715 {
  background-position: -40px -2380px !important;
}

.emj674 {
  background-position: -60px -2380px !important;
}

.emj130 {
  background-position: -80px -2380px !important;
}

.emj677 {
  background-position: -100px -2380px !important;
}

.emj131 {
  background-position: 0 -2400px !important;
}

.emj754 {
  background-position: -20px -2400px !important;
}

.emj646 {
  background-position: -40px -2400px !important;
}

.emj1514 {
  background-position: -60px -2400px !important;
}

.emj1515 {
  background-position: -80px -2400px !important;
}

.emj1516 {
  background-position: -100px -2400px !important;
}

.emj1517 {
  background-position: 0 -2420px !important;
}

.emj1518 {
  background-position: -20px -2420px !important;
}

.emj1519 {
  background-position: -40px -2420px !important;
}

.emj700 {
  background-position: -60px -2420px !important;
}

.emj701 {
  background-position: -80px -2420px !important;
}

.emj702 {
  background-position: -100px -2420px !important;
}

.emj703 {
  background-position: 0 -2440px !important;
}

.emj704 {
  background-position: -20px -2440px !important;
}

.emj705 {
  background-position: -40px -2440px !important;
}

.emj684 {
  background-position: -60px -2440px !important;
}

.emj685 {
  background-position: -80px -2440px !important;
}

.emj686 {
  background-position: -100px -2440px !important;
}

.emj687 {
  background-position: 0 -2460px !important;
}

.emj688 {
  background-position: -20px -2460px !important;
}

.emj689 {
  background-position: -40px -2460px !important;
}

.emj1563 {
  background-position: -60px -2460px !important;
}

.emj1564 {
  background-position: -80px -2460px !important;
}

.emj1565 {
  background-position: -100px -2460px !important;
}

.emj1566 {
  background-position: 0 -2480px !important;
}

.emj1567 {
  background-position: -20px -2480px !important;
}

.emj1568 {
  background-position: -40px -2480px !important;
}

.emj132 {
  background-position: -60px -2480px !important;
}

.emj133 {
  background-position: -80px -2480px !important;
}

.emj134 {
  background-position: -100px -2480px !important;
}

.emj135 {
  background-position: 0 -2500px !important;
}

.emj136 {
  background-position: -20px -2500px !important;
}

.emj137 {
  background-position: -40px -2500px !important;
}

.emj706 {
  background-position: -60px -2500px !important;
}

.emj707 {
  background-position: -80px -2500px !important;
}

.emj708 {
  background-position: -100px -2500px !important;
}

.emj709 {
  background-position: 0 -2520px !important;
}

.emj710 {
  background-position: -20px -2520px !important;
}

.emj711 {
  background-position: -40px -2520px !important;
}

.emj1536 {
  background-position: -60px -2520px !important;
}

.emj1537 {
  background-position: -80px -2520px !important;
}

.emj1538 {
  background-position: -100px -2520px !important;
}

.emj1539 {
  background-position: 0 -2540px !important;
}

.emj1540 {
  background-position: -20px -2540px !important;
}

.emj1541 {
  background-position: -40px -2540px !important;
}

.emj1542 {
  background-position: -60px -2540px !important;
}

.emj1543 {
  background-position: -80px -2540px !important;
}

.emj1544 {
  background-position: -100px -2540px !important;
}

.emj1545 {
  background-position: 0 -2560px !important;
}

.emj1546 {
  background-position: -20px -2560px !important;
}

.emj1547 {
  background-position: -40px -2560px !important;
}

.emj692 {
  background-position: -60px -2560px !important;
}

.emj693 {
  background-position: -80px -2560px !important;
}

.emj694 {
  background-position: -100px -2560px !important;
}

.emj695 {
  background-position: 0 -2580px !important;
}

.emj696 {
  background-position: -20px -2580px !important;
}

.emj697 {
  background-position: -40px -2580px !important;
}

.emj1305 {
  background-position: -60px -2580px !important;
}

.emj691 {
  background-position: -80px -2580px !important;
}

.emj672 {
  background-position: -100px -2580px !important;
}

.emj690 {
  background-position: 0 -2600px !important;
}

.emj636 {
  background-position: -20px -2600px !important;
}

.emj637 {
  background-position: -40px -2600px !important;
}

.emj751 {
  background-position: -60px -2600px !important;
}

.emj654 {
  background-position: -80px -2600px !important;
}

.emj642 {
  background-position: -100px -2600px !important;
}

.emj656 {
  background-position: 0 -2620px !important;
}

.emj651 {
  background-position: -20px -2620px !important;
}

.emj653 {
  background-position: -40px -2620px !important;
}

.emj647 {
  background-position: -60px -2620px !important;
}

.emj650 {
  background-position: -80px -2620px !important;
}

.emj671 {
  background-position: -100px -2620px !important;
}

.emj668 {
  background-position: 0 -2640px !important;
}

.emj666 {
  background-position: -20px -2640px !important;
}

.emj669 {
  background-position: -40px -2640px !important;
}

.emj667 {
  background-position: -60px -2640px !important;
}

.emj670 {
  background-position: -80px -2640px !important;
}

.emj655 {
  background-position: -100px -2640px !important;
}

.emj657 {
  background-position: 0 -2660px !important;
}

.emj1042 {
  background-position: -20px -2660px !important;
}

.emj658 {
  background-position: -40px -2660px !important;
}

.emj661 {
  background-position: -60px -2660px !important;
}

.emj659 {
  background-position: -80px -2660px !important;
}

.emj662 {
  background-position: -100px -2660px !important;
}

.emj1502 {
  background-position: 0 -2680px !important;
}

.emj1500 {
  background-position: -20px -2680px !important;
}

.emj1504 {
  background-position: -40px -2680px !important;
}

.emj1491 {
  background-position: -60px -2680px !important;
}

.emj1493 {
  background-position: -80px -2680px !important;
}

.emj714 {
  background-position: -100px -2680px !important;
}

.emj1498 {
  background-position: 0 -2700px !important;
}

.emj1496 {
  background-position: -20px -2700px !important;
}

.emj1497 {
  background-position: -40px -2700px !important;
}

.emj1495 {
  background-position: -60px -2700px !important;
}

.emj1505 {
  background-position: -80px -2700px !important;
}

.emj1506 {
  background-position: -100px -2700px !important;
}

.emj1507 {
  background-position: 0 -2720px !important;
}

.emj713 {
  background-position: -20px -2720px !important;
}

.emj1534 {
  background-position: -40px -2720px !important;
}

.emj1524 {
  background-position: -60px -2720px !important;
}

.emj1499 {
  background-position: -80px -2720px !important;
}

.emj1492 {
  background-position: -100px -2720px !important;
}

.emj1503 {
  background-position: 0 -2740px !important;
}

.emj1501 {
  background-position: -20px -2740px !important;
}

.emj1512 {
  background-position: -40px -2740px !important;
}

.emj1511 {
  background-position: -60px -2740px !important;
}

.emj1510 {
  background-position: -80px -2740px !important;
}

.emj1482 {
  background-position: -100px -2740px !important;
}

.emj1490 {
  background-position: 0 -2760px !important;
}

.emj1508 {
  background-position: -20px -2760px !important;
}

.emj1483 {
  background-position: -40px -2760px !important;
}

.emj1484 {
  background-position: -60px -2760px !important;
}

.emj1487 {
  background-position: -80px -2760px !important;
}

.emj1509 {
  background-position: -100px -2760px !important;
}

.emj1481 {
  background-position: 0 -2780px !important;
}

.emj1485 {
  background-position: -20px -2780px !important;
}

.emj1486 {
  background-position: -40px -2780px !important;
}

.emj1489 {
  background-position: -60px -2780px !important;
}

.emj1488 {
  background-position: -80px -2780px !important;
}

.emj1480 {
  background-position: -100px -2780px !important;
}

.emj1586 {
  background-position: 0 -2800px !important;
}

.emj142 {
  background-position: -20px -2800px !important;
}

.emj1587 {
  background-position: -40px -2800px !important;
}

.emj1588 {
  background-position: -60px -2800px !important;
}

.emj129 {
  background-position: -80px -2800px !important;
}

.emj1585 {
  background-position: -100px -2800px !important;
}

.emj1520 {
  background-position: 0 -2820px !important;
}

.emj128 {
  background-position: -20px -2820px !important;
}

.emj1590 {
  background-position: -40px -2820px !important;
}

.emj1479 {
  background-position: -60px -2820px !important;
}

.emj1589 {
  background-position: -80px -2820px !important;
}

.emj1141 {
  background-position: -100px -2820px !important;
}

.emj99 {
  background-position: 0 -2840px !important;
}

.emj1523 {
  background-position: -20px -2840px !important;
}

.emj139 {
  background-position: -40px -2840px !important;
}

.emj1494 {
  background-position: -60px -2840px !important;
}

.emj1521 {
  background-position: -80px -2840px !important;
}

.emj1522 {
  background-position: -100px -2840px !important;
}

.emj676 {
  background-position: 0 -2860px !important;
}

.emj1513 {
  background-position: -20px -2860px !important;
}

.emj644 {
  background-position: -40px -2860px !important;
}

.emj645 {
  background-position: -60px -2860px !important;
}

.emj643 {
  background-position: -80px -2860px !important;
}

.emj723 {
  background-position: -100px -2860px !important;
}

.emj486 {
  background-position: 0 -2880px !important;
}

.emj1355 {
  background-position: -20px -2880px !important;
}

.emj745 {
  background-position: -40px -2880px !important;
}

.emj126 {
  background-position: -60px -2880px !important;
}

.emj633 {
  background-position: -80px -2880px !important;
}

.emj124 {
  background-position: -100px -2880px !important;
}

.emj720 {
  background-position: 0 -2900px !important;
}

.emj1354 {
  background-position: -20px -2900px !important;
}

.emj496 {
  background-position: -40px -2900px !important;
}

.emj1357 {
  background-position: -60px -2900px !important;
}

.emj721 {
  background-position: -80px -2900px !important;
}

.emj138 {
  background-position: -100px -2900px !important;
}

.emj730 {
  background-position: 0 -2920px !important;
}

.emj1583 {
  background-position: -20px -2920px !important;
}

.emj1584 {
  background-position: -40px -2920px !important;
}

.emj490 {
  background-position: -60px -2920px !important;
}

.emj489 {
  background-position: -80px -2920px !important;
}

.emj728 {
  background-position: -100px -2920px !important;
}

.emj722 {
  background-position: 0 -2940px !important;
}

.emj729 {
  background-position: -20px -2940px !important;
}

.emj492 {
  background-position: -40px -2940px !important;
}

.emj491 {
  background-position: -60px -2940px !important;
}

.emj725 {
  background-position: -80px -2940px !important;
}

.emj488 {
  background-position: -100px -2940px !important;
}

.emj494 {
  background-position: 0 -2960px !important;
}

.emj497 {
  background-position: -20px -2960px !important;
}

.emj517 {
  background-position: -40px -2960px !important;
}

.emj623 {
  background-position: -60px -2960px !important;
}

.emj622 {
  background-position: -80px -2960px !important;
}

.emj493 {
  background-position: -100px -2960px !important;
}

.emj724 {
  background-position: 0 -2980px !important;
}

.emj748 {
  background-position: -20px -2980px !important;
}

.emj747 {
  background-position: -40px -2980px !important;
}

.emj731 {
  background-position: -60px -2980px !important;
}

.emj1356 {
  background-position: -80px -2980px !important;
}

.emj732 {
  background-position: -100px -2980px !important;
}

.emj733 {
  background-position: 0 -3000px !important;
}

.emj726 {
  background-position: -20px -3000px !important;
}

.emj734 {
  background-position: -40px -3000px !important;
}

.emj744 {
  background-position: -60px -3000px !important;
}

.emj735 {
  background-position: -80px -3000px !important;
}

.emj736 {
  background-position: -100px -3000px !important;
}

.emj737 {
  background-position: 0 -3020px !important;
}

.emj738 {
  background-position: -20px -3020px !important;
}

.emj740 {
  background-position: -40px -3020px !important;
}

.emj742 {
  background-position: -60px -3020px !important;
}

.emj743 {
  background-position: -80px -3020px !important;
}

.emj741 {
  background-position: -100px -3020px !important;
}

.emj1096 {
  background-position: 0 -3040px !important;
}

.emj727 {
  background-position: -20px -3040px !important;
}

.emj123 {
  background-position: -40px -3040px !important;
}

.emj1275 {
  background-position: -60px -3040px !important;
}

.emj1276 {
  background-position: -80px -3040px !important;
}

.emj1274 {
  background-position: -100px -3040px !important;
}

.emj122 {
  background-position: 0 -3060px !important;
}

.emj27 {
  background-position: 0 -3080px !important;
}

.emj1196 {
  background-position: -20px -3080px !important;
}

.emj1197 {
  background-position: -40px -3080px !important;
}

.emj1142 {
  background-position: -60px -3080px !important;
}

.emj29 {
  background-position: -80px -3080px !important;
}

.emj1334 {
  background-position: -100px -3080px !important;
}

.emj1335 {
  background-position: 0 -3100px !important;
}

.emj1336 {
  background-position: -20px -3100px !important;
}

.emj1337 {
  background-position: -40px -3100px !important;
}

.emj1310 {
  background-position: -60px -3100px !important;
}

.emj1345 {
  background-position: -80px -3100px !important;
}

.emj1144 {
  background-position: -100px -3100px !important;
}

.emj1145 {
  background-position: 0 -3120px !important;
}

.emj1146 {
  background-position: -20px -3120px !important;
}

.emj1147 {
  background-position: -40px -3120px !important;
}

.emj1207 {
  background-position: -60px -3120px !important;
}

.emj1202 {
  background-position: -80px -3120px !important;
}

.emj1203 {
  background-position: -100px -3120px !important;
}

.emj1204 {
  background-position: 0 -3140px !important;
}

.emj648 {
  background-position: -20px -3140px !important;
}

.emj1208 {
  background-position: -40px -3140px !important;
}

.emj641 {
  background-position: -60px -3140px !important;
}

.emj1177 {
  background-position: -80px -3140px !important;
}

.emj58 {
  background-position: -100px -3140px !important;
}

.emj1178 {
  background-position: 0 -3160px !important;
}

.emj1179 {
  background-position: -20px -3160px !important;
}

.emj1205 {
  background-position: -40px -3160px !important;
}

.emj1206 {
  background-position: -60px -3160px !important;
}

.emj638 {
  background-position: -80px -3160px !important;
}

.emj639 {
  background-position: -100px -3160px !important;
}

.emj640 {
  background-position: 0 -3180px !important;
}

.emj38 {
  background-position: -20px -3180px !important;
}

.emj39 {
  background-position: -40px -3180px !important;
}

.emj37 {
  background-position: -60px -3180px !important;
}

.emj1303 {
  background-position: -80px -3180px !important;
}

.emj40 {
  background-position: -100px -3180px !important;
}

.emj28 {
  background-position: 0 -3200px !important;
}

.emj1180 {
  background-position: -20px -3200px !important;
}

.emj1221 {
  background-position: -40px -3200px !important;
}

.emj1222 {
  background-position: -60px -3200px !important;
}

.emj1111 {
  background-position: -80px -3200px !important;
}

.emj1248 {
  background-position: -100px -3200px !important;
}

.emj1302 {
  background-position: 0 -3220px !important;
}

.emj1342 {
  background-position: -20px -3220px !important;
}

.emj1582 {
  background-position: -40px -3220px !important;
}

.emj1139 {
  background-position: -60px -3220px !important;
}

.emj1136 {
  background-position: -80px -3220px !important;
}

.emj1135 {
  background-position: -100px -3220px !important;
}

.emj1137 {
  background-position: 0 -3240px !important;
}

.emj1138 {
  background-position: -20px -3240px !important;
}

.emj1131 {
  background-position: -40px -3240px !important;
}

.emj1134 {
  background-position: -60px -3240px !important;
}

.emj1088 {
  background-position: -80px -3240px !important;
}

.emj101 {
  background-position: -100px -3240px !important;
}

.emj1249 {
  background-position: 0 -3260px !important;
}

.emj1250 {
  background-position: -20px -3260px !important;
}

.emj98 {
  background-position: -40px -3260px !important;
}

.emj1580 {
  background-position: -60px -3260px !important;
}

.emj118 {
  background-position: -80px -3260px !important;
}

.emj1251 {
  background-position: -100px -3260px !important;
}

.emj103 {
  background-position: 0 -3280px !important;
}

.emj120 {
  background-position: -20px -3280px !important;
}

.emj1253 {
  background-position: -40px -3280px !important;
}

.emj1113 {
  background-position: -60px -3280px !important;
}

.emj1252 {
  background-position: -80px -3280px !important;
}

.emj1348 {
  background-position: -100px -3280px !important;
}

.emj100 {
  background-position: 0 -3300px !important;
}

.emj1581 {
  background-position: -20px -3300px !important;
}

.emj1528 {
  background-position: -40px -3300px !important;
}

.emj69 {
  background-position: -60px -3300px !important;
}

.emj110 {
  background-position: -80px -3300px !important;
}

.emj111 {
  background-position: -100px -3300px !important;
}

.emj755 {
  background-position: 0 -3320px !important;
}

.emj1256 {
  background-position: -20px -3320px !important;
}

.emj1209 {
  background-position: -40px -3320px !important;
}

.emj1082 {
  background-position: -60px -3320px !important;
}

.emj102 {
  background-position: -80px -3320px !important;
}

.emj1255 {
  background-position: -100px -3320px !important;
}

.emj1254 {
  background-position: 0 -3340px !important;
}

.emj1304 {
  background-position: -20px -3340px !important;
}

.emj1084 {
  background-position: -40px -3340px !important;
}

.emj1083 {
  background-position: -60px -3340px !important;
}

.emj518 {
  background-position: -80px -3340px !important;
}

.emj752 {
  background-position: -100px -3340px !important;
}

.emj1232 {
  background-position: 0 -3360px !important;
}

.emj1560 {
  background-position: -20px -3360px !important;
}

.emj1562 {
  background-position: -40px -3360px !important;
}

.emj1569 {
  background-position: -60px -3360px !important;
}

.emj1227 {
  background-position: -80px -3360px !important;
}

.emj1346 {
  background-position: -100px -3360px !important;
}

.emj1574 {
  background-position: 0 -3380px !important;
}

.emj1575 {
  background-position: -20px -3380px !important;
}

.emj1578 {
  background-position: -40px -3380px !important;
}

.emj1526 {
  background-position: -60px -3380px !important;
}

.emj1577 {
  background-position: -80px -3380px !important;
}

.emj1338 {
  background-position: -100px -3380px !important;
}

.emj1353 {
  background-position: 0 -3400px !important;
}

.emj125 {
  background-position: -20px -3400px !important;
}

.emj1358 {
  background-position: -40px -3400px !important;
}

.emj1576 {
  background-position: -60px -3400px !important;
}

.emj624 {
  background-position: -80px -3400px !important;
}

.emj631 {
  background-position: -100px -3400px !important;
}

.emj611 {
  background-position: 0 -3420px !important;
}

.emj612 {
  background-position: -20px -3420px !important;
}

.emj626 {
  background-position: -40px -3420px !important;
}

.emj625 {
  background-position: -60px -3420px !important;
}

.emj630 {
  background-position: -80px -3420px !important;
}

.emj632 {
  background-position: -100px -3420px !important;
}

.emj628 {
  background-position: 0 -3440px !important;
}

.emj746 {
  background-position: -20px -3440px !important;
}

.emj143 {
  background-position: -40px -3440px !important;
}

.emj1188 {
  background-position: -60px -3440px !important;
}

.emj1187 {
  background-position: -80px -3440px !important;
}

.emj1186 {
  background-position: -100px -3440px !important;
}

.emj1086 {
  background-position: 0 -3460px !important;
}

.emj1193 {
  background-position: -20px -3460px !important;
}

.emj1189 {
  background-position: -40px -3460px !important;
}

.emj1190 {
  background-position: -60px -3460px !important;
}

.emj1191 {
  background-position: -80px -3460px !important;
}

.emj1192 {
  background-position: -100px -3460px !important;
}

.emj1185 {
  background-position: 0 -3480px !important;
}

.emj1194 {
  background-position: -20px -3480px !important;
}

.emj1184 {
  background-position: -40px -3480px !important;
}

.emj1183 {
  background-position: -60px -3480px !important;
}

.emj1175 {
  background-position: -80px -3480px !important;
}

.emj1150 {
  background-position: -100px -3480px !important;
}

.emj1164 {
  background-position: 0 -3500px !important;
}

.emj1157 {
  background-position: -20px -3500px !important;
}

.emj1155 {
  background-position: -40px -3500px !important;
}

.emj1156 {
  background-position: -60px -3500px !important;
}

.emj1151 {
  background-position: -80px -3500px !important;
}

.emj1152 {
  background-position: -100px -3500px !important;
}

.emj1153 {
  background-position: 0 -3520px !important;
}

.emj1344 {
  background-position: -20px -3520px !important;
}

.emj1154 {
  background-position: -40px -3520px !important;
}

.emj1340 {
  background-position: -60px -3520px !important;
}

.emj1352 {
  background-position: -80px -3520px !important;
}

.emj1341 {
  background-position: -100px -3520px !important;
}

.emj1158 {
  background-position: 0 -3540px !important;
}

.emj1343 {
  background-position: -20px -3540px !important;
}

.emj1148 {
  background-position: -40px -3540px !important;
}

.emj1149 {
  background-position: -60px -3540px !important;
}

.emj1339 {
  background-position: -80px -3540px !important;
}

.emj1347 {
  background-position: -100px -3540px !important;
}

.emj1195 {
  background-position: 0 -3560px !important;
}

.emj1166 {
  background-position: -20px -3560px !important;
}

.emj1168 {
  background-position: -40px -3560px !important;
}

.emj1170 {
  background-position: -60px -3560px !important;
}

.emj1171 {
  background-position: -80px -3560px !important;
}

.emj1172 {
  background-position: -100px -3560px !important;
}

.emj1167 {
  background-position: 0 -3580px !important;
}

.emj1165 {
  background-position: -20px -3580px !important;
}

.emj1173 {
  background-position: -40px -3580px !important;
}

.emj1169 {
  background-position: -60px -3580px !important;
}

.emj1233 {
  background-position: -80px -3580px !important;
}

.emj1161 {
  background-position: -100px -3580px !important;
}

.emj1311 {
  background-position: 0 -3600px !important;
}

.emj140 {
  background-position: -20px -3600px !important;
}

.emj1163 {
  background-position: -40px -3600px !important;
}

.emj1162 {
  background-position: -60px -3600px !important;
}

.emj1159 {
  background-position: -80px -3600px !important;
}

.emj1160 {
  background-position: -100px -3600px !important;
}

.emj1525 {
  background-position: 0 -3620px !important;
}

.emj749 {
  background-position: -20px -3620px !important;
}

.emj750 {
  background-position: -40px -3620px !important;
}

.emj1226 {
  background-position: -60px -3620px !important;
}

.emj1228 {
  background-position: -80px -3620px !important;
}

.emj1229 {
  background-position: -100px -3620px !important;
}

.emj1225 {
  background-position: 0 -3640px !important;
}

.emj1312 {
  background-position: -20px -3640px !important;
}

.emj1313 {
  background-position: -40px -3640px !important;
}

.emj169 {
  background-position: -60px -3640px !important;
}

.emj1176 {
  background-position: -80px -3640px !important;
}

.emj168 {
  background-position: -100px -3640px !important;
}

.emj1315 {
  background-position: 0 -3660px !important;
}

.emj1314 {
  background-position: -20px -3660px !important;
}

.emj1223 {
  background-position: -40px -3660px !important;
}

.emj1224 {
  background-position: -60px -3660px !important;
}

.emj186 {
  background-position: 0 -3680px !important;
}

.emj1105 {
  background-position: -20px -3680px !important;
}

.emj1104 {
  background-position: -40px -3680px !important;
}

.emj1103 {
  background-position: -60px -3680px !important;
}

.emj1106 {
  background-position: -80px -3680px !important;
}

.emj1098 {
  background-position: -100px -3680px !important;
}

.emj185 {
  background-position: 0 -3700px !important;
}

.emj1099 {
  background-position: -20px -3700px !important;
}

.emj1108 {
  background-position: -40px -3700px !important;
}

.emj1097 {
  background-position: -60px -3700px !important;
}

.emj1101 {
  background-position: -80px -3700px !important;
}

.emj1100 {
  background-position: -100px -3700px !important;
}

.emj1102 {
  background-position: 0 -3720px !important;
}

.emj1107 {
  background-position: -20px -3720px !important;
}

.emj1109 {
  background-position: -40px -3720px !important;
}

.emj74 {
  background-position: -60px -3720px !important;
}

.emj172 {
  background-position: -80px -3720px !important;
}

.emj73 {
  background-position: -100px -3720px !important;
}

.emj1272 {
  background-position: 0 -3740px !important;
}

.emj76 {
  background-position: -20px -3740px !important;
}

.emj173 {
  background-position: -40px -3740px !important;
}

.emj1257 {
  background-position: -60px -3740px !important;
}

.emj1277 {
  background-position: -80px -3740px !important;
}

.emj75 {
  background-position: -100px -3740px !important;
}

.emj72 {
  background-position: 0 -3760px !important;
}

.emj1579 {
  background-position: -20px -3760px !important;
}

.emj117 {
  background-position: -40px -3760px !important;
}

.emj79 {
  background-position: -60px -3760px !important;
}

.emj80 {
  background-position: -80px -3760px !important;
}

.emj81 {
  background-position: -100px -3760px !important;
}

.emj82 {
  background-position: 0 -3780px !important;
}

.emj83 {
  background-position: -20px -3780px !important;
}

.emj84 {
  background-position: -40px -3780px !important;
}

.emj85 {
  background-position: -60px -3780px !important;
}

.emj86 {
  background-position: -80px -3780px !important;
}

.emj87 {
  background-position: -100px -3780px !important;
}

.emj88 {
  background-position: 0 -3800px !important;
}

.emj89 {
  background-position: -20px -3800px !important;
}

.emj90 {
  background-position: -40px -3800px !important;
}

.emj216 {
  background-position: -60px -3800px !important;
}

.emj104 {
  background-position: -80px -3800px !important;
}

.emj475 {
  background-position: -100px -3800px !important;
}

.emj481 {
  background-position: 0 -3820px !important;
}

.emj70 {
  background-position: -20px -3820px !important;
}

.emj71 {
  background-position: -40px -3820px !important;
}

.emj1199 {
  background-position: -60px -3820px !important;
}

.emj1198 {
  background-position: -80px -3820px !important;
}

.emj478 {
  background-position: -100px -3820px !important;
}

.emj472 {
  background-position: 0 -3840px !important;
}

.emj480 {
  background-position: -20px -3840px !important;
}

.emj482 {
  background-position: -40px -3840px !important;
}

.emj479 {
  background-position: -60px -3840px !important;
}

.emj176 {
  background-position: -80px -3840px !important;
}

.emj222 {
  background-position: -100px -3840px !important;
}

.emj484 {
  background-position: 0 -3860px !important;
}

.emj1129 {
  background-position: -20px -3860px !important;
}

.emj483 {
  background-position: -40px -3860px !important;
}

.emj205 {
  background-position: -60px -3860px !important;
}

.emj204 {
  background-position: -80px -3860px !important;
}

.emj476 {
  background-position: -100px -3860px !important;
}

.emj477 {
  background-position: 0 -3880px !important;
}

.emj474 {
  background-position: -20px -3880px !important;
}

.emj208 {
  background-position: -40px -3880px !important;
}

.emj209 {
  background-position: -60px -3880px !important;
}

.emj212 {
  background-position: -80px -3880px !important;
}

.emj213 {
  background-position: -100px -3880px !important;
}

.emj210 {
  background-position: 0 -3900px !important;
}

.emj220 {
  background-position: -20px -3900px !important;
}

.emj121 {
  background-position: -40px -3900px !important;
}

.emj1174 {
  background-position: -60px -3900px !important;
}

.emj1527 {
  background-position: -80px -3900px !important;
}

.emj179 {
  background-position: -100px -3900px !important;
}

.emj201 {
  background-position: 0 -3920px !important;
}

.emj1112 {
  background-position: -20px -3920px !important;
}

.emj95 {
  background-position: -40px -3920px !important;
}

.emj1554 {
  background-position: -60px -3920px !important;
}

.emj1531 {
  background-position: -80px -3920px !important;
}

.emj1535 {
  background-position: -100px -3920px !important;
}

.emj1533 {
  background-position: 0 -3940px !important;
}

.emj1240 {
  background-position: -20px -3940px !important;
}

.emj1200 {
  background-position: -40px -3940px !important;
}

.emj184 {
  background-position: -60px -3940px !important;
}

.emj183 {
  background-position: -80px -3940px !important;
}

.emj181 {
  background-position: -100px -3940px !important;
}

.emj182 {
  background-position: 0 -3960px !important;
}

.emj15 {
  background-position: -20px -3960px !important;
}

.emj16 {
  background-position: -40px -3960px !important;
}

.emj1130 {
  background-position: -60px -3960px !important;
}

.emj1215 {
  background-position: -80px -3960px !important;
}

.emj1216 {
  background-position: -100px -3960px !important;
}

.emj1259 {
  background-position: 0 -3980px !important;
}

.emj105 {
  background-position: -20px -3980px !important;
}

.emj203 {
  background-position: -40px -3980px !important;
}

.emj106 {
  background-position: -60px -3980px !important;
}

.emj1555 {
  background-position: -80px -3980px !important;
}

.emj1258 {
  background-position: -100px -3980px !important;
}

.emj96 {
  background-position: 0 -4000px !important;
}

.emj473 {
  background-position: -20px -4000px !important;
}

.emj1140 {
  background-position: -40px -4000px !important;
}

.emj178 {
  background-position: -60px -4000px !important;
}

.emj175 {
  background-position: -80px -4000px !important;
}

.emj180 {
  background-position: -100px -4000px !important;
}

.emj141 {
  background-position: 0 -4020px !important;
}

.emj1110 {
  background-position: -20px -4020px !important;
}

.emj485 {
  background-position: -40px -4020px !important;
}

.emj192 {
  background-position: -60px -4020px !important;
}

.emj501 {
  background-position: -80px -4020px !important;
}

.emj44 {
  background-position: -100px -4020px !important;
}

.emj739 {
  background-position: 0 -4040px !important;
}

.emj471 {
  background-position: -20px -4040px !important;
}

.emj1570 {
  background-position: -40px -4040px !important;
}

.emj1571 {
  background-position: -60px -4040px !important;
}

.emj1572 {
  background-position: -80px -4040px !important;
}

.emj1573 {
  background-position: -100px -4040px !important;
}

.emj97 {
  background-position: 0 -4060px !important;
}

.emj1529 {
  background-position: -20px -4060px !important;
}

.emj1561 {
  background-position: -40px -4060px !important;
}

.emj211 {
  background-position: -60px -4060px !important;
}

.emj1532 {
  background-position: -80px -4060px !important;
}

.emj1556 {
  background-position: -100px -4060px !important;
}

.emj1557 {
  background-position: 0 -4080px !important;
}

.emj1559 {
  background-position: -20px -4080px !important;
}

.emj1558 {
  background-position: -40px -4080px !important;
}

.emj1530 {
  background-position: -60px -4080px !important;
}

.emj649 {
  background-position: -80px -4080px !important;
}

.emj1201 {
  background-position: -100px -4080px !important;
}

.emj470 {
  background-position: 0 -4100px !important;
}

.emj218 {
  background-position: -20px -4100px !important;
}

.emj219 {
  background-position: -40px -4100px !important;
}

.emj221 {
  background-position: -60px -4100px !important;
}

.emj214 {
  background-position: -80px -4100px !important;
}

.emj217 {
  background-position: -100px -4100px !important;
}

.emj215 {
  background-position: 0 -4120px !important;
}

.emj3 {
  background-position: -20px -4120px !important;
}

.emj4 {
  background-position: -40px -4120px !important;
}

.emj5 {
  background-position: -60px -4120px !important;
}

.emj6 {
  background-position: -80px -4120px !important;
}

.emj7 {
  background-position: -100px -4120px !important;
}

.emj8 {
  background-position: 0 -4140px !important;
}

.emj9 {
  background-position: -20px -4140px !important;
}

.emj10 {
  background-position: -40px -4140px !important;
}

.emj11 {
  background-position: -60px -4140px !important;
}

.emj12 {
  background-position: -80px -4140px !important;
}

.emj1241 {
  background-position: -100px -4140px !important;
}

.emj1244 {
  background-position: 0 -4160px !important;
}

.emj47 {
  background-position: -20px -4160px !important;
}

.emj41 {
  background-position: -40px -4160px !important;
}

.emj36 {
  background-position: -60px -4160px !important;
}

.emj42 {
  background-position: -80px -4160px !important;
}

.emj43 {
  background-position: -100px -4160px !important;
}

.emj34 {
  background-position: 0 -4180px !important;
}

.emj35 {
  background-position: -20px -4180px !important;
}

.emj30 {
  background-position: -40px -4180px !important;
}

.emj31 {
  background-position: -60px -4180px !important;
}

.emj1210 {
  background-position: -80px -4180px !important;
}

.emj1211 {
  background-position: -100px -4180px !important;
}

.emj1212 {
  background-position: 0 -4200px !important;
}

.emj48 {
  background-position: -20px -4200px !important;
}

.emj1270 {
  background-position: -40px -4200px !important;
}

.emj1271 {
  background-position: -60px -4200px !important;
}

.emj32 {
  background-position: -80px -4200px !important;
}

.emj33 {
  background-position: -100px -4200px !important;
}

.emj190 {
  background-position: 0 -4220px !important;
}

.emj195 {
  background-position: -20px -4220px !important;
}

.emj196 {
  background-position: -40px -4220px !important;
}

.emj197 {
  background-position: -60px -4220px !important;
}

.emj22 {
  background-position: -80px -4220px !important;
}

.emj23 {
  background-position: -100px -4220px !important;
}

.emj24 {
  background-position: 0 -4240px !important;
}

.emj21 {
  background-position: -20px -4240px !important;
}

.emj20 {
  background-position: -40px -4240px !important;
}

.emj19 {
  background-position: -60px -4240px !important;
}

.emj1214 {
  background-position: -80px -4240px !important;
}

.emj26 {
  background-position: -100px -4240px !important;
}

.emj25 {
  background-position: 0 -4260px !important;
}

.emj193 {
  background-position: -20px -4260px !important;
}

.emj194 {
  background-position: -40px -4260px !important;
}

.emj1 {
  background-position: -60px -4260px !important;
}

.emj2 {
  background-position: -80px -4260px !important;
}

.emj18 {
  background-position: -100px -4260px !important;
}

.emj1246 {
  background-position: 0 -4280px !important;
}

.emj1243 {
  background-position: -20px -4280px !important;
}

.emj1242 {
  background-position: -40px -4280px !important;
}

.emj1245 {
  background-position: -60px -4280px !important;
}

.emj664 {
  background-position: -80px -4280px !important;
}

.emj665 {
  background-position: -100px -4280px !important;
}

.emj202 {
  background-position: 0 -4300px !important;
}

.emj191 {
  background-position: -20px -4300px !important;
}

.emj170 {
  background-position: -40px -4300px !important;
}

.emj1213 {
  background-position: -60px -4300px !important;
}

.emj187 {
  background-position: -80px -4300px !important;
}

.emj188 {
  background-position: -100px -4300px !important;
}

.emj189 {
  background-position: 0 -4320px !important;
}

.emj171 {
  background-position: -20px -4320px !important;
}

.emj1133 {
  background-position: -40px -4320px !important;
}

.emj1132 {
  background-position: -60px -4320px !important;
}

.emj13 {
  background-position: -80px -4320px !important;
}

.emj14 {
  background-position: -100px -4320px !important;
}

.emj17 {
  background-position: 0 -4340px !important;
}

.emj1236 {
  background-position: -20px -4340px !important;
}

.emj1235 {
  background-position: -40px -4340px !important;
}

.emj1237 {
  background-position: -60px -4340px !important;
}

.emj1239 {
  background-position: -80px -4340px !important;
}

.emj1238 {
  background-position: -100px -4340px !important;
}

.emj59 {
  background-position: 0 -4360px !important;
}

.emj1234 {
  background-position: -20px -4360px !important;
}

.emj108 {
  background-position: -40px -4360px !important;
}

.emj109 {
  background-position: -60px -4360px !important;
}

.emj1262 {
  background-position: -80px -4360px !important;
}

.emj1263 {
  background-position: -100px -4360px !important;
}

.emj1266 {
  background-position: 0 -4380px !important;
}

.emj1267 {
  background-position: -20px -4380px !important;
}

.emj1264 {
  background-position: -40px -4380px !important;
}

.emj1265 {
  background-position: -60px -4380px !important;
}

.emj1268 {
  background-position: -80px -4380px !important;
}

.emj45 {
  background-position: -100px -4380px !important;
}

.emj46 {
  background-position: 0 -4400px !important;
}

.emj198 {
  background-position: -20px -4400px !important;
}

.emj199 {
  background-position: -40px -4400px !important;
}

.emj1269 {
  background-position: -60px -4400px !important;
}

.emj50 {
  background-position: -80px -4400px !important;
}

.emj49 {
  background-position: -100px -4400px !important;
}

.emj52 {
  background-position: 0 -4420px !important;
}

.emj51 {
  background-position: -20px -4420px !important;
}

.emj1260 {
  background-position: -40px -4420px !important;
}

.emj1261 {
  background-position: -60px -4420px !important;
}

.emj1218 {
  background-position: -80px -4420px !important;
}

.emj1219 {
  background-position: -100px -4420px !important;
}

.emj1220 {
  background-position: 0 -4440px !important;
}

.emj1217 {
  background-position: -20px -4440px !important;
}

.emj1182 {
  background-position: -40px -4440px !important;
}

.emj1181 {
  background-position: -60px -4440px !important;
}

.emj1230 {
  background-position: -80px -4440px !important;
}

.emj1231 {
  background-position: -100px -4440px !important;
}

.emj207 {
  background-position: 0 -4460px !important;
}

.emj206 {
  background-position: -20px -4460px !important;
}

.emj91 {
  background-position: -40px -4460px !important;
}

.emj92 {
  background-position: -60px -4460px !important;
}

.emj93 {
  background-position: -80px -4460px !important;
}

.emj94 {
  background-position: -100px -4460px !important;
}

.emj663 {
  background-position: 0 -4480px !important;
}

.emj827 {
  background-position: -20px -4480px !important;
}

.emj1128 {
  background-position: -40px -4480px !important;
}

.emj1351 {
  background-position: -60px -4480px !important;
}

.emj1127 {
  background-position: -80px -4480px !important;
}

.emj1278 {
  background-position: -100px -4480px !important;
}

.emj1279 {
  background-position: 0 -4500px !important;
}

.emj1280 {
  background-position: -20px -4500px !important;
}

.emj1281 {
  background-position: -40px -4500px !important;
}

.emj1282 {
  background-position: -60px -4500px !important;
}

.emj1283 {
  background-position: -80px -4500px !important;
}

.emj1284 {
  background-position: -100px -4500px !important;
}

.emj1285 {
  background-position: 0 -4520px !important;
}

.emj1286 {
  background-position: -20px -4520px !important;
}

.emj1287 {
  background-position: -40px -4520px !important;
}

.emj1288 {
  background-position: -60px -4520px !important;
}

.emj1289 {
  background-position: -80px -4520px !important;
}

.emj1290 {
  background-position: -100px -4520px !important;
}

.emj1291 {
  background-position: 0 -4540px !important;
}

.emj1292 {
  background-position: -20px -4540px !important;
}

.emj1293 {
  background-position: -40px -4540px !important;
}

.emj1294 {
  background-position: -60px -4540px !important;
}

.emj1295 {
  background-position: -80px -4540px !important;
}

.emj1296 {
  background-position: -100px -4540px !important;
}

.emj1297 {
  background-position: 0 -4560px !important;
}

.emj1298 {
  background-position: -20px -4560px !important;
}

.emj1299 {
  background-position: -40px -4560px !important;
}

.emj1300 {
  background-position: -60px -4560px !important;
}

.emj1301 {
  background-position: -80px -4560px !important;
}

.emj225 {
  background-position: 0 -4580px !important;
}

.emj237 {
  background-position: -20px -4580px !important;
}

.emj228 {
  background-position: -40px -4580px !important;
}

.emj283 {
  background-position: -60px -4580px !important;
}

.emj233 {
  background-position: -80px -4580px !important;
}

.emj223 {
  background-position: -100px -4580px !important;
}

.emj230 {
  background-position: 0 -4600px !important;
}

.emj227 {
  background-position: -20px -4600px !important;
}

.emj231 {
  background-position: -40px -4600px !important;
}

.emj226 {
  background-position: -60px -4600px !important;
}

.emj232 {
  background-position: -80px -4600px !important;
}

.emj229 {
  background-position: -100px -4600px !important;
}

.emj236 {
  background-position: 0 -4620px !important;
}

.emj235 {
  background-position: -20px -4620px !important;
}

.emj234 {
  background-position: -40px -4620px !important;
}

.emj238 {
  background-position: -60px -4620px !important;
}

.emj254 {
  background-position: -80px -4620px !important;
}

.emj245 {
  background-position: -100px -4620px !important;
}

.emj241 {
  background-position: 0 -4640px !important;
}

.emj240 {
  background-position: -20px -4640px !important;
}

.emj257 {
  background-position: -40px -4640px !important;
}

.emj242 {
  background-position: -60px -4640px !important;
}

.emj258 {
  background-position: -80px -4640px !important;
}

.emj247 {
  background-position: -100px -4640px !important;
}

.emj249 {
  background-position: 0 -4660px !important;
}

.emj255 {
  background-position: -20px -4660px !important;
}

.emj251 {
  background-position: -40px -4660px !important;
}

.emj239 {
  background-position: -60px -4660px !important;
}

.emj256 {
  background-position: -80px -4660px !important;
}

.emj253 {
  background-position: -100px -4660px !important;
}

.emj328 {
  background-position: 0 -4680px !important;
}

.emj458 {
  background-position: -20px -4680px !important;
}

.emj250 {
  background-position: -40px -4680px !important;
}

.emj244 {
  background-position: -60px -4680px !important;
}

.emj243 {
  background-position: -80px -4680px !important;
}

.emj246 {
  background-position: -100px -4680px !important;
}

.emj339 {
  background-position: 0 -4700px !important;
}

.emj268 {
  background-position: -20px -4700px !important;
}

.emj259 {
  background-position: -40px -4700px !important;
}

.emj322 {
  background-position: -60px -4700px !important;
}

.emj273 {
  background-position: -80px -4700px !important;
}

.emj252 {
  background-position: -100px -4700px !important;
}

.emj346 {
  background-position: 0 -4720px !important;
}

.emj262 {
  background-position: -20px -4720px !important;
}

.emj435 {
  background-position: -40px -4720px !important;
}

.emj267 {
  background-position: -60px -4720px !important;
}

.emj269 {
  background-position: -80px -4720px !important;
}

.emj275 {
  background-position: -100px -4720px !important;
}

.emj260 {
  background-position: 0 -4740px !important;
}

.emj270 {
  background-position: -20px -4740px !important;
}

.emj341 {
  background-position: -40px -4740px !important;
}

.emj263 {
  background-position: -60px -4740px !important;
}

.emj261 {
  background-position: -80px -4740px !important;
}

.emj266 {
  background-position: -100px -4740px !important;
}

.emj271 {
  background-position: 0 -4760px !important;
}

.emj265 {
  background-position: -20px -4760px !important;
}

.emj319 {
  background-position: -40px -4760px !important;
}

.emj272 {
  background-position: -60px -4760px !important;
}

.emj274 {
  background-position: -80px -4760px !important;
}

.emj276 {
  background-position: -100px -4760px !important;
}

.emj277 {
  background-position: 0 -4780px !important;
}

.emj280 {
  background-position: -20px -4780px !important;
}

.emj279 {
  background-position: -40px -4780px !important;
}

.emj281 {
  background-position: -60px -4780px !important;
}

.emj282 {
  background-position: -80px -4780px !important;
}

.emj284 {
  background-position: -100px -4780px !important;
}

.emj286 {
  background-position: 0 -4800px !important;
}

.emj430 {
  background-position: -20px -4800px !important;
}

.emj310 {
  background-position: -40px -4800px !important;
}

.emj288 {
  background-position: -60px -4800px !important;
}

.emj285 {
  background-position: -80px -4800px !important;
}

.emj290 {
  background-position: -100px -4800px !important;
}

.emj291 {
  background-position: 0 -4820px !important;
}

.emj294 {
  background-position: -20px -4820px !important;
}

.emj296 {
  background-position: -40px -4820px !important;
}

.emj293 {
  background-position: -60px -4820px !important;
}

.emj292 {
  background-position: -80px -4820px !important;
}

.emj297 {
  background-position: -100px -4820px !important;
}

.emj302 {
  background-position: 0 -4840px !important;
}

.emj396 {
  background-position: -20px -4840px !important;
}

.emj436 {
  background-position: -40px -4840px !important;
}

.emj298 {
  background-position: -60px -4840px !important;
}

.emj307 {
  background-position: -80px -4840px !important;
}

.emj301 {
  background-position: -100px -4840px !important;
}

.emj278 {
  background-position: 0 -4860px !important;
}

.emj304 {
  background-position: -20px -4860px !important;
}

.emj305 {
  background-position: -40px -4860px !important;
}

.emj311 {
  background-position: -60px -4860px !important;
}

.emj306 {
  background-position: -80px -4860px !important;
}

.emj300 {
  background-position: -100px -4860px !important;
}

.emj309 {
  background-position: 0 -4880px !important;
}

.emj314 {
  background-position: -20px -4880px !important;
}

.emj313 {
  background-position: -40px -4880px !important;
}

.emj303 {
  background-position: -60px -4880px !important;
}

.emj308 {
  background-position: -80px -4880px !important;
}

.emj315 {
  background-position: -100px -4880px !important;
}

.emj316 {
  background-position: 0 -4900px !important;
}

.emj320 {
  background-position: -20px -4900px !important;
}

.emj318 {
  background-position: -40px -4900px !important;
}

.emj317 {
  background-position: -60px -4900px !important;
}

.emj321 {
  background-position: -80px -4900px !important;
}

.emj331 {
  background-position: -100px -4900px !important;
}

.emj327 {
  background-position: 0 -4920px !important;
}

.emj323 {
  background-position: -20px -4920px !important;
}

.emj330 {
  background-position: -40px -4920px !important;
}

.emj329 {
  background-position: -60px -4920px !important;
}

.emj324 {
  background-position: -80px -4920px !important;
}

.emj326 {
  background-position: -100px -4920px !important;
}

.emj325 {
  background-position: 0 -4940px !important;
}

.emj332 {
  background-position: -20px -4940px !important;
}

.emj334 {
  background-position: -40px -4940px !important;
}

.emj336 {
  background-position: -60px -4940px !important;
}

.emj333 {
  background-position: -80px -4940px !important;
}

.emj335 {
  background-position: -100px -4940px !important;
}

.emj347 {
  background-position: 0 -4960px !important;
}

.emj337 {
  background-position: -20px -4960px !important;
}

.emj340 {
  background-position: -40px -4960px !important;
}

.emj464 {
  background-position: -60px -4960px !important;
}

.emj345 {
  background-position: -80px -4960px !important;
}

.emj338 {
  background-position: -100px -4960px !important;
}

.emj348 {
  background-position: 0 -4980px !important;
}

.emj357 {
  background-position: -20px -4980px !important;
}

.emj349 {
  background-position: -40px -4980px !important;
}

.emj354 {
  background-position: -60px -4980px !important;
}

.emj353 {
  background-position: -80px -4980px !important;
}

.emj358 {
  background-position: -100px -4980px !important;
}

.emj351 {
  background-position: 0 -5000px !important;
}

.emj355 {
  background-position: -20px -5000px !important;
}

.emj356 {
  background-position: -40px -5000px !important;
}

.emj369 {
  background-position: -60px -5000px !important;
}

.emj365 {
  background-position: -80px -5000px !important;
}

.emj363 {
  background-position: -100px -5000px !important;
}

.emj377 {
  background-position: 0 -5020px !important;
}

.emj379 {
  background-position: -20px -5020px !important;
}

.emj376 {
  background-position: -40px -5020px !important;
}

.emj366 {
  background-position: -60px -5020px !important;
}

.emj374 {
  background-position: -80px -5020px !important;
}

.emj364 {
  background-position: -100px -5020px !important;
}

.emj371 {
  background-position: 0 -5040px !important;
}

.emj372 {
  background-position: -20px -5040px !important;
}

.emj375 {
  background-position: -40px -5040px !important;
}

.emj466 {
  background-position: -60px -5040px !important;
}

.emj378 {
  background-position: -80px -5040px !important;
}

.emj295 {
  background-position: -100px -5040px !important;
}

.emj361 {
  background-position: 0 -5060px !important;
}

.emj360 {
  background-position: -20px -5060px !important;
}

.emj368 {
  background-position: -40px -5060px !important;
}

.emj362 {
  background-position: -60px -5060px !important;
}

.emj373 {
  background-position: -80px -5060px !important;
}

.emj359 {
  background-position: -100px -5060px !important;
}

.emj380 {
  background-position: 0 -5080px !important;
}

.emj367 {
  background-position: -20px -5080px !important;
}

.emj381 {
  background-position: -40px -5080px !important;
}

.emj390 {
  background-position: -60px -5080px !important;
}

.emj389 {
  background-position: -80px -5080px !important;
}

.emj387 {
  background-position: -100px -5080px !important;
}

.emj382 {
  background-position: 0 -5100px !important;
}

.emj392 {
  background-position: -20px -5100px !important;
}

.emj386 {
  background-position: -40px -5100px !important;
}

.emj383 {
  background-position: -60px -5100px !important;
}

.emj385 {
  background-position: -80px -5100px !important;
}

.emj391 {
  background-position: -100px -5100px !important;
}

.emj384 {
  background-position: 0 -5120px !important;
}

.emj343 {
  background-position: -20px -5120px !important;
}

.emj370 {
  background-position: -40px -5120px !important;
}

.emj388 {
  background-position: -60px -5120px !important;
}

.emj393 {
  background-position: -80px -5120px !important;
}

.emj399 {
  background-position: -100px -5120px !important;
}

.emj406 {
  background-position: 0 -5140px !important;
}

.emj404 {
  background-position: -20px -5140px !important;
}

.emj394 {
  background-position: -40px -5140px !important;
}

.emj397 {
  background-position: -60px -5140px !important;
}

.emj407 {
  background-position: -80px -5140px !important;
}

.emj395 {
  background-position: -100px -5140px !important;
}

.emj398 {
  background-position: 0 -5160px !important;
}

.emj402 {
  background-position: -20px -5160px !important;
}

.emj400 {
  background-position: -40px -5160px !important;
}

.emj405 {
  background-position: -60px -5160px !important;
}

.emj403 {
  background-position: -80px -5160px !important;
}

.emj408 {
  background-position: -100px -5160px !important;
}

.emj409 {
  background-position: 0 -5180px !important;
}

.emj410 {
  background-position: -20px -5180px !important;
}

.emj412 {
  background-position: -40px -5180px !important;
}

.emj413 {
  background-position: -60px -5180px !important;
}

.emj463 {
  background-position: -80px -5180px !important;
}

.emj424 {
  background-position: -100px -5180px !important;
}

.emj429 {
  background-position: 0 -5200px !important;
}

.emj414 {
  background-position: -20px -5200px !important;
}

.emj425 {
  background-position: -40px -5200px !important;
}

.emj411 {
  background-position: -60px -5200px !important;
}

.emj416 {
  background-position: -80px -5200px !important;
}

.emj423 {
  background-position: -100px -5200px !important;
}

.emj419 {
  background-position: 0 -5220px !important;
}

.emj431 {
  background-position: -20px -5220px !important;
}

.emj422 {
  background-position: -40px -5220px !important;
}

.emj421 {
  background-position: -60px -5220px !important;
}

.emj312 {
  background-position: -80px -5220px !important;
}

.emj415 {
  background-position: -100px -5220px !important;
}

.emj426 {
  background-position: 0 -5240px !important;
}

.emj467 {
  background-position: -20px -5240px !important;
}

.emj344 {
  background-position: -40px -5240px !important;
}

.emj428 {
  background-position: -60px -5240px !important;
}

.emj289 {
  background-position: -80px -5240px !important;
}

.emj352 {
  background-position: -100px -5240px !important;
}

.emj248 {
  background-position: 0 -5260px !important;
}

.emj420 {
  background-position: -20px -5260px !important;
}

.emj342 {
  background-position: -40px -5260px !important;
}

.emj350 {
  background-position: -60px -5260px !important;
}

.emj401 {
  background-position: -80px -5260px !important;
}

.emj456 {
  background-position: -100px -5260px !important;
}

.emj417 {
  background-position: 0 -5280px !important;
}

.emj427 {
  background-position: -20px -5280px !important;
}

.emj433 {
  background-position: -40px -5280px !important;
}

.emj418 {
  background-position: -60px -5280px !important;
}

.emj264 {
  background-position: -80px -5280px !important;
}

.emj432 {
  background-position: -100px -5280px !important;
}

.emj448 {
  background-position: 0 -5300px !important;
}

.emj439 {
  background-position: -20px -5300px !important;
}

.emj449 {
  background-position: -40px -5300px !important;
}

.emj438 {
  background-position: -60px -5300px !important;
}

.emj441 {
  background-position: -80px -5300px !important;
}

.emj437 {
  background-position: -100px -5300px !important;
}

.emj440 {
  background-position: 0 -5320px !important;
}

.emj444 {
  background-position: -20px -5320px !important;
}

.emj446 {
  background-position: -40px -5320px !important;
}

.emj443 {
  background-position: -60px -5320px !important;
}

.emj445 {
  background-position: -80px -5320px !important;
}

.emj442 {
  background-position: -100px -5320px !important;
}

.emj434 {
  background-position: 0 -5340px !important;
}

.emj447 {
  background-position: -20px -5340px !important;
}

.emj459 {
  background-position: -40px -5340px !important;
}

.emj451 {
  background-position: -60px -5340px !important;
}

.emj450 {
  background-position: -80px -5340px !important;
}

.emj224 {
  background-position: -100px -5340px !important;
}

.emj299 {
  background-position: 0 -5360px !important;
}

.emj452 {
  background-position: -20px -5360px !important;
}

.emj453 {
  background-position: -40px -5360px !important;
}

.emj454 {
  background-position: -60px -5360px !important;
}

.emj461 {
  background-position: -80px -5360px !important;
}

.emj455 {
  background-position: -100px -5360px !important;
}

.emj457 {
  background-position: 0 -5380px !important;
}

.emj460 {
  background-position: -20px -5380px !important;
}

.emj462 {
  background-position: -40px -5380px !important;
}

.emj287 {
  background-position: -60px -5380px !important;
}

.emj465 {
  background-position: -80px -5380px !important;
}

.emj468 {
  background-position: -100px -5380px !important;
}

.emj469 {
  background-position: 0 -5400px !important;
}

.emj756 {
  background-position: 0 -5420px !important;
}

.emj757 {
  background-position: -20px -5420px !important;
}

.emj758 {
  background-position: -40px -5420px !important;
}

.emj759 {
  background-position: -60px -5420px !important;
}

.emj760 {
  background-position: -80px -5420px !important;
}

.emj1350 {
  background-position: -100px -5420px !important;
}

@font-face {
  font-family: "ProximaNova-Bold";
  src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Light";
  src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Regular";
  src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ProximaNova-Semibold";
  src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SFUIDisplayBlack";
  src: url("../fonts/SFUIDisplay-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Black.otf") format("opentype"), url("../fonts/SFUIDisplay-Black.woff") format("woff"), url("../fonts/SFUIDisplay-Black.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplayBold";
  src: url("../fonts/SFUIDisplay-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Bold.otf") format("opentype"), url("../fonts/SFUIDisplay-Bold.woff") format("woff"), url("../fonts/SFUIDisplay-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplayHeavy";
  src: url("../fonts/SFUIDisplay-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Heavy.otf") format("opentype"), url("../fonts/SFUIDisplay-Heavy.woff") format("woff"), url("../fonts/SFUIDisplay-Heavy.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplayMedium";
  src: url("../fonts/SFUIDisplay-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Medium.otf") format("opentype"), url("../fonts/SFUIDisplay-Medium.woff") format("woff"), url("../fonts/SFUIDisplay-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplayRegular";
  src: url("../fonts/SFUIDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Regular.otf") format("opentype"), url("../fonts/SFUIDisplay-Regular.woff") format("woff"), url("../fonts/SFUIDisplay-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplaySemibold";
  src: url("../fonts/SFUIDisplay-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/SFUIDisplay-Semibold.otf") format("opentype"), url("../fonts/SFUIDisplay-Semibold.woff") format("woff"), url("../fonts/SFUIDisplay-Semibold.ttf") format("truetype");
}
@font-face {
  font-family: "SFUIDisplayLight";
  src: url("../fonts/SFUIDisplayLight.eot");
  src: url("../fonts/SFUIDisplayLight.eot") format("embedded-opentype"), url("../fonts/SFUIDisplayLight.woff2") format("woff2"), url("../fonts/SFUIDisplayLight.woff") format("woff"), url("../fonts/SFUIDisplayLight.ttf") format("truetype");
}
/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .withcheckbox > label .recentchats .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .withcheckbox > label .recentchats .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
    min-width: 6.875em;
  }
}
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .withcheckbox > label .recentchats .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .withcheckbox > label .recentchats .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
    min-width: 6.875em;
  }
}
.web_calling_layout {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  border-radius: 0px;
  overflow: hidden;
}

.calling-Popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  border-radius: 0px;
  overflow: hidden;
  background: var(--bgc-call-gradient);
}
.calling-Popup .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -60%);
}
.calling-Popup .avatar > img {
  background: var(--bgc-call-gradient);
  border-radius: 50%;
  height: 200px;
  width: 200px;
  max-width: 200px;
  max-height: 200px;
  z-index: 2;
}
.calling-Popup .avatar .group-profile {
  z-index: 2;
  height: 200px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calling-Popup .avatar .group-profile .image {
  height: 153px;
  width: 153px;
  background-image: none !important;
}
.calling-Popup .avatar .group-profile .image img {
  user-select: none;
  object-fit: cover;
}
.calling-Popup .avatar .group-profile .image ul {
  height: 153px;
  width: 153px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.calling-Popup .avatar .group-profile .image ul li {
  width: 50%;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
}
.calling-Popup .avatar .group-profile .image ul li a, .calling-Popup .avatar .group-profile .image ul li img {
  overflow: hidden;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
}
.calling-Popup .avatar .group-profile .image ul.four:nth-child(1) {
  top: 30px;
  left: 16px;
  width: 38px;
  height: 38px;
}
.calling-Popup .avatar .group-profile .image ul.four:nth-child(2) {
  top: 10px;
  right: 16px;
  width: 5em;
  height: 5em;
  z-index: 1;
  border: 0.125em solid #fff;
}
.calling-Popup .avatar .group-profile .image ul.four:nth-child(3) {
  bottom: 15px;
  left: 20px;
  width: 4.438em;
  height: 4.438em;
}
.calling-Popup .avatar .group-profile .image ul.four:nth-child(4) {
  bottom: 31px;
  right: 31px;
  width: 1.875em;
  height: 1.875em;
  background-color: #4879F9;
}
.calling-Popup .avatar .group-profile .image ul.four:nth-child(4) span {
  font-size: 0.9375rem;
  color: #EDEFF3;
}
.calling-Popup .avatar .group-profile .image ul.two li {
  width: 5em;
  height: 5em;
}
.calling-Popup .avatar .group-profile .image ul.two li:nth-child(1) {
  left: 0.625em;
  top: 1.25em;
  z-index: 1;
  border: 0.125em solid #fff;
}
.calling-Popup .avatar .group-profile .image ul.two li:nth-child(2) {
  right: 0.625em;
  bottom: 1.25em;
}
.calling-Popup .calleeImg {
  width: 130px;
  height: 100px;
  position: absolute;
  bottom: 10px;
  right: 1em;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
.calling-Popup .calleeImg img {
  object-fit: cover;
  object-position: center;
  background-color: #fff;
}
.calling-Popup .calleeImg span {
  font-family: SFUIDisplayMedium, sans-serif;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px 6px;
  font-size: 0.9em;
  line-height: 1em;
  color: #fff;
  background: rgba(0, 0, 0, 0.32);
  border-radius: 10px 0px 0px 0px;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.calling-Popup .button-group-center {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
}
.calling-Popup .button-group-center span {
  background: var(--bgc-call-action-btn-audio-video);
  width: 3.063em;
  height: 3.063em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.625em;
  margin: 0 0.625em;
  cursor: pointer;
}
.calling-Popup .button-group-center span i {
  height: 1.25em;
  color: #fff;
  width: 1.3em;
}
.calling-Popup .button-group-center span i.togled {
  background: #2a3a4b;
  border: 1px solid #5e6d7a;
}
.calling-Popup .button-group-center span:hover {
  background: rgba(255, 255, 255, 0.918);
}
.calling-Popup .button-group-center span:hover.btnHangup {
  background: var(--bgc-call-action-btn-hangup-hover);
}
.calling-Popup .button-group-center span.btnHangup {
  background: var(--bgc-call-action-btn-hangup);
}
.calling-Popup .button-group-center span.btnHangup svg {
  fill: #fff;
}
.calling-Popup .button-group-center span.disabled {
  cursor: not-allowed;
}
.calling-Popup .button-group-center .toolbox-icon {
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #d1dbe8;
  margin: 0 4px;
  width: 38px;
  height: 38px;
}
.calling-Popup .button-group-center .attenCall {
  background-color: var(--bgc-call-action-attend) !important;
  border: 1px solid var(--bgc-call-action-attend) !important;
}
.calling-Popup .button-group-center .attenCall svg {
  fill: var(--clr-call-action-attend);
}
.calling-Popup .button-group-center .rejectCall svg {
  fill: #fff;
}
.calling-Popup .button-group-center .audioBtn {
  color: #fff;
}
.calling-Popup .button-group-center .audioBtn svg {
  fill: #fff;
}
.calling-Popup .rejectCall {
  background-color: var(--bgc-call-action-btn-hangup) !important;
  border: 1px solid var(--bgc-call-action-btn-hangup) !important;
}
.calling-Popup .rejectCall:hover {
  background-color: var(--bgc-call-action-btn-hangup-hover) !important;
}
.calling-Popup .callDetails {
  text-align: center;
  color: #fff;
  width: 100%;
}
.calling-Popup .callerName {
  font-size: 1.125rem;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  vertical-align: middle;
}
.calling-Popup .memmber-details {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #0089FF;
  margin-left: 0.288em;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  position: relative;
}
.calling-Popup .memmber-details:hover {
  color: #1f95fc;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
}
.calling-Popup .memmber-details .popup-group-member {
  cursor: default;
  color: #fff;
  text-align: left;
  position: absolute;
  left: 0;
  top: 2.5em;
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0em 0.188em 0.375em rgba(0, 0, 0, 0.1019607843);
  max-width: 14.25em;
  max-height: 30em;
  border-radius: 0.25em;
}
.calling-Popup .memmber-details .popup-group-member:after {
  content: "";
  cursor: default;
  position: absolute;
  left: 15px;
  top: -6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 6px solid rgba(255, 255, 255, 0.5);
  z-index: 16;
}
.calling-Popup .memmber-details .popup-group-member ul {
  cursor: default;
  padding: 0.5em 0.688em;
  border-radius: 3px;
  overflow: hidden auto;
}
.calling-Popup .memmber-details .popup-group-member ul li {
  cursor: default;
  padding: 0.5em 0.688em;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.calling-Popup .callingStatus {
  width: 100%;
  position: relative;
  font-size: 0.8em;
  display: inline-block;
  margin: 2.063em auto 0.688em;
  font-family: SFUIDisplayLight, sans-serif;
}
.calling-Popup .callingStatus > span {
  position: relative;
}
.calling-Popup .callLoader {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.calling-Popup .callLoader i svg {
  width: 40px;
  height: 40px;
}

.container .add-participant.webcall .webcallConnet {
  padding: 0.85em 0;
  background-color: var(--bgc-call-action-attend);
  color: var(--clr-call-action-attend);
  text-align: center;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  cursor: pointer;
}
.container .add-participant.webcall .webcallConnet:hover {
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  background-color: var(--bgc-call-action-attend-hover);
}
.container .add-participant.webcall .webcallConnet .callBtn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.container .add-participant.webcall .webcallConnet .callBtn span {
  font-size: 0.8125rem;
}
.container .add-participant.webcall .webcallConnet .callBtn i {
  width: 0.875em;
  height: auto;
  margin-right: 0.288em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.container .add-participant.webcall .webcallConnet .callBtn i svg {
  width: 0.875em;
  height: auto;
}
.container .add-participant.webcall .webcallConnet.disabled {
  pointer-events: none;
  background-color: #3BA34C;
}
.container .add-participant.webcall .popup-container-header {
  padding: 0.625em 1.25em;
  background-color: #EDEDED;
  color: #000000;
}
.container .add-participant.webcall .popup-container-header .closePopup {
  width: 0.938em;
  position: absolute;
}
.container .add-participant.webcall .popup-container-header .closePopup svg path {
  fill: #fff;
}
.container .add-participant.webcall .popup-container-header h5 {
  width: calc(100% - 0.938em);
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: var(--semibold);
}
.container .add-participant.webcall .popup-container-header h5 .calltype {
  font-size: 1rem;
  margin-bottom: 0.188em;
}
.container .add-participant.webcall .popup-container-header h5 .groupName {
  font-size: 0.6875rem;
  max-width: 75%;
  min-width: 220px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.container .add-participant.webcall .errorMesage {
  display: flex;
  align-items: center;
  line-height: 1.2em;
  color: #F44336;
  padding: 0 1.2em;
  margin-bottom: 0.625em;
  width: 96%;
}
.container .add-participant.webcall .errorMesage span {
  font-size: 0.75em;
}
.container .add-participant.webcall .errorMesage svg {
  line-height: 1.2em;
  margin-right: 0.188em;
  transform: rotate(180deg);
  width: 0.875em;
  height: 0.875em;
}
.container .add-participant.webcall .calllimtinfo {
  display: none;
  margin-top: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.container .add-participant.webcall .calllimtinfo i {
  margin-right: 0.188em;
}
.container .add-participant.webcall .calllimtinfo i svg {
  width: 0.688em;
  height: 0.688em;
}
.container .add-participant.webcall .calllimtinfo span {
  font-size: 0.6875rem;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer:hover {
  background-color: transparent;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer {
  padding: 0em 1.25em 0.2em;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer > label {
  width: 100%;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image {
  margin: 0 !important;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats {
  border: none !important;
  padding: 0 0 0 1em;
  min-width: 0;
  margin-right: 0em;
}
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .checkbox {
  margin-right: 0.25em;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul {
  display: flex;
  flex-flow: row wrap;
  max-height: 5.313em;
  overflow: auto;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li {
  display: inline-block;
  padding: 3px;
  border: 1px solid #E8E8E8;
  border-radius: 18px;
  margin: 0 3px 6px 3px;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 9.375em;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div .badgeImg {
  min-width: 14px;
  width: 14px;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  border-radius: 50%;
  display: none;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div .badgeImg img {
  overflow: hidden;
  border-radius: 50%;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div .badgeTitle {
  font-size: 10px;
  margin: 0 5px;
  color: #181818;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div .badgeAction {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #C5C5C5;
  font-size: 8px;
  text-align: center;
  line-height: 12px;
  color: var(--white);
  transition: all linear 200ms;
}
.container .add-participant.webcall .chat-list-li .selectedBadge ul li div .badgeAction:hover {
  background: #8a8585;
  transition: all linear 200ms;
}
.container .add-participant.webcall .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.container .add-participant.webcall .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.container .add-participant.webcall .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.container .add-participant.webcall .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.container .add-participant.webcall .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.container .add-participant.webcall .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.container .add-participant.webcall .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.container .add-participant.webcall .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.container .add-participant.webcall .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.container .add-participant.webcall .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.container .add-participant.webcall .chat-list-li.Blocked .recent-message-block, .container .add-participant.webcall .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.container .add-participant.webcall .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.container .add-participant.webcall .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.container .add-participant.webcall .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.container .add-participant.webcall .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.container .add-participant.webcall .meetingLinkCopy {
  padding: 0.9375em 1.1em 0.3125em;
  --clr-meeting-dark:#181818;
  --clr-meeting-lite:#767676;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_heading {
  font: normal normal 0.875rem/120% var(--semibold);
  color: var(--clr-meeting-dark);
  padding-bottom: 0.625em;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body {
  height: 3.125em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkIcon {
  cursor: default;
  border-radius: 50%;
  width: 3.125em;
  height: 3.125em;
  background: rgba(50, 118, 226, 0.3882352941);
  color: var(--clr-meeting-dark);
  margin-right: 0.875em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkIcon svg {
  width: 1em;
  height: auto;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .link_desc {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .link_desc .link_details {
  font: normal normal 0.875rem/120% var(--semibold);
  letter-spacing: 0px;
  color: var(--clr-meeting);
  margin-bottom: 0.25em;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .link_desc .link_created {
  font: normal normal 0.75rem/120% var(--regular);
  letter-spacing: 0px;
  color: var(--clr-meeting-lite);
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkCopyIcon {
  transition: 200ms linear;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkCopyIcon:hover {
  transition: 200ms linear;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkCopyIcon:hover svg path {
  fill: var(--mf-theme-color);
  transition: 200ms linear;
}
.container .add-participant.webcall .meetingLinkCopy .meeting_body .linkCopyIcon:active svg path {
  fill: #356dff;
  transition: 200ms linear;
}
.container .add-participant.webcall .meetingLinkCopy.disabled .meeting_body {
  position: relative;
  pointer-events: none;
}
.container .add-participant.webcall .meetingLinkCopy.disabled .meeting_body:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0.5;
}
.container .add-participant.webcall .meetingLinkCopy.disabled .meeting_body .linkIcon {
  pointer-events: none;
}
.container .add-participant.webcall .copy_toast {
  padding: 0.1875em 0.625em;
  position: absolute;
  left: 50%;
  top: 50%;
  background: #e0e0e0;
  transform: translate(-50%, -50%);
  border-radius: 0.8125em;
}
.container .add-participant.webcall .copy_toast span {
  font: normal normal 0.875rem/120% var(--medium);
  letter-spacing: 0.24px;
  color: #565656;
}
.container .add-participant.webcall .popup-body {
  min-height: auto;
}
.container .add-participant.webcall .popup-body .searchErrorMsg {
  justify-content: center;
}

.connecting {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background: rgba(0, 0, 0, 0.7098039216);
  border-radius: 0px;
  overflow: hidden;
}
.connecting .avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -60%);
  border-radius: 50%;
  height: 9.375em;
  width: 9.375em;
}
.connecting .avatar .profile-image {
  height: 9.375em;
  width: 9.375em;
}
.connecting .avatar .profile-image img {
  background: var(--bgc-call-gradient);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  max-width: 200px;
  max-height: 200px;
  z-index: 2;
  cursor: default !important;
}
.connecting .svgProfile {
  width: 9.375em;
  height: 9.375em;
  max-width: 100%;
  max-height: 100%;
  z-index: 2;
}

.connecting.visible {
  z-index: -1;
}

@media only screen and (min-width: 1367px) {
  .calling-Popup .caling-button-group {
    bottom: 20px !important;
  }
  .calling-Popup .calleeImg {
    bottom: 15px !important;
  }
}
/* chrome 90% zoom out 1518px */
@media only screen and (min-width: 1518px) {
  .calling-Popup .caling-button-group {
    bottom: 20px !important;
  }
  .calling-Popup .calleeImg {
    bottom: 30px !important;
  }
}
/* 80% */
@media only screen and (min-width: 1707.5px) {
  .calling-Popup .caling-button-group {
    bottom: 20px !important;
  }
  .calling-Popup .calleeImg {
    bottom: 40px !important;
  }
}
/* 67 */
@media only screen and (min-width: 2038.8px) {
  .calling-Popup .caling-button-group {
    bottom: 20px !important;
  }
  .calling-Popup .calleeImg {
    bottom: 50px !important;
  }
}
.webcall-calling .RemoteVideo-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  min-height: 82px;
  margin-bottom: 3.875em;
  text-align: right;
  overflow: auto hidden;
  transition: bottom 0.3s ease-in;
  z-index: 2;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-contianer.pin-user {
  border: 2px solid var(--mf-theme-color);
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list {
  display: inline-block;
  overflow: hidden;
  padding: 0.5em 0.938em;
  white-space: nowrap;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer {
  background: var(--bgc-call-default);
  min-width: 233px;
  min-height: 137px;
  width: 233px;
  height: 137px;
  border-radius: 0.625em;
  overflow: hidden;
  margin-right: 0.188em;
  display: flex;
  position: relative;
  justify-content: end;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image {
  position: absolute;
  width: 100%;
  height: 100%;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image img, .webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image .svgProfile {
  min-width: 3em;
  min-height: 3em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  overflow: hidden;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus {
  position: static;
  align-self: flex-start;
  padding-top: 0.5em;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i {
  background: var(--bgc-call-video-audio-pin-status);
  min-width: 22px;
  min-height: 22px;
  width: 1.375em;
  height: 1.375em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  margin-bottom: 0.25em;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i svg {
  width: 0.65em;
  height: auto;
  max-height: 0.65em;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i svg path {
  fill: var(--clr-call-participant-status-icon);
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i:last-child {
  margin-bottom: 0;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus .audio_indication {
  margin: 0 0.625em 0.625em;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer img {
  width: 100%;
  height: 100%;
  min-width: 107px;
  min-height: 82px;
  object-position: center;
  object-fit: cover;
  border: none;
  border-radius: 0.625em;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer video {
  width: 100%;
  height: 100%;
  min-width: 107px;
  min-height: 82px;
  object-position: center;
  object-fit: contain;
  border: none;
  border-radius: 0.625em;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:last-child {
  margin-right: 0px;
}
.webcall-calling .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.speaker {
  box-shadow: 0 0 6px -1px #00e24b;
  border: 1px solid #00e24b;
}
.webcall-calling .RemoteVideo-wrapper.visible {
  bottom: 0;
  transition: bottom 0.3s ease-in;
}
.webcall-calling .RemoteVideo-wrapper.top {
  bottom: 5.313em;
}
.webcall-calling .RemoteVideo-wrapper .ParticipantInfo {
  background: var(--bgc-call-Participant-info-gradient);
  color: var(--clr-call-Participant-info);
  position: absolute;
  padding: 0.625em 0.75em;
  bottom: 0px;
  right: 0px;
  left: 0;
  text-align: left;
  max-width: 100%;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
}
.webcall-calling .RemoteVideo-wrapper .ParticipantInfo.lg {
  font-size: 14px;
}
.webcall-calling .avatar::before, .webcall-calling .avatar::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
  animation: pulse1 2s infinite;
  z-index: -1;
}
.webcall-calling .avatar::before .pulse:hover, .webcall-calling .avatar::after .pulse:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 231, 231, 0.5);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.webcall-calling .avatar-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.calling-animation-wrapper {
  position: relative;
  display: flex;
  height: 9.375em;
  width: 9.375em;
}
.calling-animation-wrapper > img {
  border-radius: 50%;
  z-index: 1;
  object-fit: cover;
  object-position: center;
}
.calling-animation-wrapper .ripple-1,
.calling-animation-wrapper .ripple-2,
.calling-animation-wrapper .ripple-3 {
  height: 25%;
  width: 25%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  animation-name: ripple;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.calling-animation-wrapper .ripple-1 {
  animation-delay: 0;
}
.calling-animation-wrapper .ripple-2 {
  animation-delay: 0.5s;
}
.calling-animation-wrapper .ripple-3 {
  animation-delay: 1s;
}
@keyframes ripple {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(6);
    opacity: 0;
  }
}

.calling-Popup.webcall-calling .remoteCallStatus {
  position: absolute !important;
  right: 0.5em;
  top: 0.5em;
  padding: 0 !important;
}
.calling-Popup.webcall-calling .optionButton {
  top: 0;
  position: absolute;
  width: 100%;
  height: 3.438em;
  left: 0;
  z-index: 10;
  transition: top 0.3s ease-in;
}
.calling-Popup.webcall-calling .optionButton.visible {
  top: 0;
  transition: top 0.3s ease-in;
}
.calling-Popup.webcall-calling .optionButton .backIcon {
  position: relative;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.calling-Popup.webcall-calling .optionButton .backIcon > svg {
  width: 1.25em;
  height: 0.938em;
}
.calling-Popup.webcall-calling .optionButton .backIcon:hover .toggleAnimation {
  background: var(--clr-call-toggle-animation);
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  z-index: -1;
}
.calling-Popup.webcall-calling .BackToChat {
  width: 1.25em;
  display: inline-block;
  position: absolute;
  left: 0.875em;
  top: 1.25em;
  cursor: pointer;
}
.calling-Popup.webcall-calling .calleeDetails {
  margin-top: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.calling-Popup.webcall-calling .calleeDetails .callerName {
  font: normal normal 1.125rem/1.3125rem var(--medium);
  letter-spacing: 0px;
  margin: 0 !important;
}
.calling-Popup.webcall-calling .calleeDetails .callingStatus {
  font: normal normal 0.75rem/0.875rem var(--light);
  margin: 0.2em 0 0.25em 0;
  color: #fff;
}
.calling-Popup.webcall-calling .calleeDetails .calle-info {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.3em !important;
}
.calling-Popup.webcall-calling .avatar .calleeDetails {
  margin-top: 2.3em;
}

.call-state-busy {
  color: #F43753;
}

.call-status {
  font: normal normal 0.875rem/1rem var(--semibold);
  letter-spacing: 0px;
}

.document-message-block.fileThumb .fileThumb-img {
  max-height: 5.625em;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  overflow: hidden;
}
.document-message-block.fileThumb .fileThumb-img img {
  object-fit: cover;
  object-position: top;
  border-radius: 0.5625em;
}
.document-message-block.fileThumb .file-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
}

.receiver-row .video-message .starredIcon svg path, .receiver-row .location-message .starredIcon svg path, .receiver-row .image-message .starredIcon svg path, .receiver-row .image-block .starredIcon svg path, .sender-row .video-message .starredIcon svg path, .sender-row .location-message .starredIcon svg path, .sender-row .image-message .starredIcon svg path, .sender-row .image-block .starredIcon svg path {
  fill: #fff !important;
}

.chat-conversion .chatconversation-container .msg-content .receiver-row + .sender-row .sender {
  border-bottom-left-radius: 0 !important;
}
.chat-conversion .chatconversation-container .msg-content .sender-row + .receiver-row .receiver {
  border-bottom-right-radius: 0 !important;
}

.reply-block.file-message .reply-container {
  margin: 0.25em;
}

.mirrorfly-root {
  font-family: var(--regular);
  font-size: 16px;
  overflow: hidden;
}

body > iframe {
  display: none !important;
}

.mirrorfly-root {
  /******************* New Design ****************/
  /* Drop Down fix**/
}
.mirrorfly-root .boxLayout {
  --parent-gap: 16px;
  --parent-top-gap: calc(var(--parent-gap) * 2);
  --maxParentheight:calc( 100vh - var(--parent-top-gap));
}
@media screen and (max-width: 1440px) {
  .mirrorfly-root .boxLayout {
    --parent-gap: 0px;
    --maxParentheight:calc( 100vh - var(--parent-top-gap));
  }
}
.mirrorfly-root * {
  box-sizing: border-box;
}
.mirrorfly-root ::-webkit-scrollbar {
  width: 9px;
}
.mirrorfly-root ::-webkit-scrollbar-track {
  background-color: #e8e8e8;
}
.mirrorfly-root ::-webkit-scrollbar-track:hover {
  background-color: var(--white);
}
.mirrorfly-root ::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid var(--white);
}
.mirrorfly-root ::-webkit-scrollbar-thumb:hover {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
}
.mirrorfly-root ::-webkit-scrollbar-button {
  display: none;
}
.mirrorfly-root button:active {
  outline: none;
}
.mirrorfly-root button:hover {
  outline: none;
}
.mirrorfly-root button:focus {
  outline: none;
}
.mirrorfly-root button:visited {
  outline: none;
}
.mirrorfly-root .menu-dropdown {
  position: absolute;
  right: 0;
  top: 20px;
  background-color: var(--white);
  cursor: pointer;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  border-radius: 3px;
  z-index: 1;
}
.mirrorfly-root .menu-dropdown li {
  text-transform: capitalize;
  padding: 0.463em 1em;
  min-width: 6.5em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .menu-dropdown li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .menu-dropdown li span {
  font-size: 0.75rem;
  color: var(--mf-secondary-light);
  font-family: var(--regular);
  margin-left: 0.625em;
}
.mirrorfly-root .container {
  min-height: var(--maxParentheight);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mirrorfly-root .container .recent-chatlist {
  min-height: var(--maxParentheight);
  width: 26.3%;
  background-color: var(--white);
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .loader-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  background-color: var(--white);
  left: 0;
  top: 0;
  height: 100%;
}
.mirrorfly-root .container .recent-chatlist .loader-container.style-2 {
  background: rgba(0, 0, 0, 0.062745098);
  z-index: 2;
  cursor: wait;
}
.mirrorfly-root .container .recent-chatlist .loader-container.style-2 svg, .mirrorfly-root .container .recent-chatlist .loader-container.style-2 img {
  width: 60px !important;
  height: 60px !important;
  position: relative;
  z-index: 3;
  cursor: wait;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em 0.5em 0.5em 1.125em;
  position: relative;
  height: 4.063em;
  background-color: var(--mf-recentchat-header-bg);
  border-bottom: 1px solid var(--mf-border-common);
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-img-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  color: var(--mf-profile-img-name);
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-img-name .image {
  height: 2.688em;
  width: 2.688em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-img-name .image img {
  height: 100%;
  width: 100%;
  background: #fff;
  object-fit: cover;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-img-name span {
  font-size: 1rem;
  font-family: var(--semibold);
  margin-left: 0.625em;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  -webkit-box-flex: 1 1 0;
  -moz-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  white-space: pre;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-img-name span .em {
  margin-left: 0;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options {
  margin-left: auto;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options i {
  position: relative;
  margin: 0 0.3em;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #3c3c3c;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options i svg {
  position: relative;
  width: 1.5em;
  height: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options i.menu-icon svg {
  height: 1.35em;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options i.callLogs svg {
  height: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options i:hover .toggleAnimation {
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options .callLogCount {
  width: 100%;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .profile-options .callLogCount span {
  position: absolute;
  top: 0.1em;
  left: 1.6em;
  background-color: var(--mf-theme-color);
  font-size: 0.625rem;
  font-family: var(--light);
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
  height: 1.7em;
  min-width: 1.7em;
  width: auto;
  padding: 0 4px;
  color: #fff;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .menu-dropdown {
  opacity: 1;
  visibility: visible;
  position: absolute;
  right: 1.125em;
  top: 3.375em;
  padding: 0.625em 0;
  background-color: var(--white);
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1019607843);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1019607843);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 5;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .menu-dropdown li {
  padding: 0.463em 1em;
  cursor: pointer;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .menu-dropdown li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .menu-dropdown li i {
  height: 0.875em;
  width: 0.875em;
  vertical-align: -2px;
  color: var(--mf-icons-dropdown-options);
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .menu-dropdown li span {
  font-size: 0.75rem;
  color: var(--mf-secondary-light);
  font-family: var(--regular);
  margin-left: 0.714em;
  white-space: nowrap;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .setting {
  width: 1.25em;
  height: 1.25em;
  color: #F5FDFF;
  margin-right: 0.75em;
}
.mirrorfly-root .container .recent-chatlist .recent-chatlist-header .setting svg {
  width: 100%;
  height: 100%;
  fill: #F5FDFF;
}
.mirrorfly-root .container .recent-chatlist .search {
  padding: 0.625em 1.2em 0.625em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 0.0625em solid var(--mf-border-common);
  flex-grow: 0;
  flex-shrink: 0;
}
.mirrorfly-root .container .recent-chatlist .search input {
  height: 2.5em;
  width: 100%;
  border: 1px solid var(--mf-search-input-border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 2.2em 0px 0.8125em;
  background-color: var(--mf-search-input-bg);
  font-size: 0.875rem;
  font-family: var(--regular);
  color: var(--mf-secondary-dark);
  border-radius: 35px;
  line-height: 100%;
}
.mirrorfly-root .container .recent-chatlist .search input::placeholder {
  color: #C5C5C5;
  opacity: 1; /* Firefox */
  font-size: 0.75rem;
}
.mirrorfly-root .container .recent-chatlist .search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C5C5C5;
  font-size: 0.75rem;
}
.mirrorfly-root .container .recent-chatlist .search input::-ms-input-placeholder { /* Microsoft Edge */
  color: #C5C5C5;
  font-size: 0.75rem;
}
.mirrorfly-root .container .recent-chatlist .search i {
  position: absolute;
  right: 1.875em;
  height: 16px;
  width: 16px;
  line-height: 0;
  color: var(--mf-search-input-icon);
}
.mirrorfly-root .container .recent-chatlist .search i svg {
  display: inline-block;
  line-height: 0;
}
.mirrorfly-root .container .recent-chatlist .search i.Search {
  z-index: 1;
}
.mirrorfly-root .container .recent-chatlist .chat-list {
  height: calc(var(--maxParentheight) - 7.55em);
  overflow: auto;
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .chat-list.no-chat {
  position: absolute;
  height: calc(var(--maxParentheight) - 7.063em);
  top: 7.063em;
  width: 100%;
}
.mirrorfly-root .container .recent-chatlist .chat-list.no-chat-archive {
  height: calc(var(--maxParentheight) - 4.063em);
}
.mirrorfly-root .container .recent-chatlist .chat-list.archive {
  height: calc(var(--maxParentheight) - 4.063em);
}
.mirrorfly-root .container .recent-chatlist .chat-list.archive.offline {
  height: calc(var(--maxParentheight) - 6.04em);
}
.mirrorfly-root .container .recent-chatlist .chat-list.archive .chat-list-ul {
  height: 100%;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.45em 1.125em 0.45em 1.125em;
  border-bottom: 0.5px solid var(--mf-border-common);
  cursor: pointer;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li:hover .recentMenu {
  width: 1.5em !important;
  height: auto !important;
  transition: 200ms linear;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li:hover .recentMenu svg, .mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li:hover .recentMenu path {
  fill: var(--mf-theme-color);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .callDetails {
  display: none;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall {
  background: #1bb261 !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .iconOnGoingCall {
  width: 1.2em;
  height: 0.625em;
  padding-bottom: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .iconOnGoingCall .iconAudioCall {
  position: relative;
  top: -3px;
  width: 0.6875em;
  height: 0.6875em;
  line-height: 0;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .iconOnGoingCall .iconAudioCall svg {
  width: 0.6875em;
  height: 0.6875em;
  line-height: 0;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .iconOnGoingCall .iconvideoCall {
  height: 1em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .iconOnGoingCall .iconvideoCall svg {
  width: 0.8em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .recentchats .recent-username-block .recent-username .username h3 {
  color: #fff;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .recentchats .recent-username-block span.messagetime {
  color: #fff;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .recent-message-block span {
  color: #fff !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .messagetime, .mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .recentText {
  display: none !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .callDetails {
  display: block !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .MuteChat {
  color: #fff !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeCall .recentMenu svg path {
  fill: #fff !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction {
  height: 1.75em;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 1.125em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i {
  color: #3276E2;
  width: 1.75em;
  height: 1.75em;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1215686275);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i:hover {
  background-color: rgb(226, 226, 226);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i svg {
  width: 0.75em;
  height: 0.75em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i.Hangup {
  color: #f43753;
  width: 1.75em;
  height: 1.75em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i.Hangup svg {
  width: 1.75em;
  height: 1.75em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i.Hangup:hover {
  color: rgb(214, 34, 61);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i.Mute {
  background: var(--bgc-call-video-audio-pin-status);
  color: #fff;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i.Mute svg {
  width: 0.6875em;
  height: 0.6875em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .CallAction i:first-child {
  margin-right: 0.6875em;
  margin-left: 0.6875em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall {
  background: #daffd1 !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall:hover {
  background: #c9f5be;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .recevingCall,
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .receviedCallType {
  font-family: SFUIDisplayMedium, sans-serif !important;
  color: #474747 !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .call-btn-grp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 5em;
  height: 0.75em;
  margin-left: 0.625em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .call-btn-grp span,
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .call-btn-grp i {
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.activeIncommingCall .call-btn-grp span {
  box-shadow: 1px 1px 16px -4px #b7b7b7;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .profile-image {
  position: relative !important;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .profile-image .image img {
  object-fit: cover;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1em;
  min-width: 0;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.795rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 1.3em;
  letter-spacing: 0.3px;
  position: relative;
  top: 0.125em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block span.messagetime-plus, .mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block span.messagetime {
  font-size: 0.625rem;
  line-height: 0.875em;
  font-family: var(--regular);
  display: block;
  white-space: nowrap;
  letter-spacing: 0.17px;
  color: var(--mf-theme-color);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-username-block span.messagetime {
  color: #4b5667;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block > span {
  max-width: 90%;
  flex: 1;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
  text-overflow: ellipsis;
  color: var(--mf-chat-Sub-details);
  line-height: 1.4em;
  letter-spacing: 0.2px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span > i + span {
  margin-left: 3px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status,
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-height: 5px;
  min-width: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 1.4em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status {
  background-color: rgb(0, 226, 75);
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status-sent {
  background-color: gray;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.user-status-receive {
  background-color: orange;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i > svg {
  position: relative;
  top: 1px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-camera {
  height: 12px;
  width: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.recallMsgIcon {
  height: 12px;
  width: 12px;
  margin-right: 0.2em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-video {
  height: 12px;
  width: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-missedcall {
  height: 12px;
  width: 12px;
  margin-right: 0.25em;
  line-height: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-audio {
  height: 12px;
  width: 12px;
  overflow: hidden;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-audio.audio svg {
  position: relative;
  top: 1px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-audio svg {
  height: 12px;
  width: 12px;
  line-height: 0;
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-docu {
  height: 12px;
  width: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-location {
  height: 12px;
  width: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block span i.chat-contact {
  height: 12px;
  width: 12px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon .MuteChat {
  color: var(--mf-theme-color-bright);
  width: 1.1em;
  height: 1.25em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon p {
  background-color: var(--mf-theme-color-bright);
  font-size: 0.625rem;
  font-family: var(--light);
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
  height: 1.7em;
  min-width: 1.7em;
  width: auto;
  padding: 0 4px;
  color: #fff;
  margin-left: 0.5em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon i {
  margin-left: 0.313em;
  height: 1.063em;
  width: 1.25em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon i.downarrow {
  height: 0.688em;
  width: 0.75em;
  margin-left: 0.313em;
  display: none;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .recent-message-icon .recent-badge {
  margin-left: 0.6em;
  border-radius: 0.1875em;
  color: var(--mf-theme-color-bright);
  font-family: var(--regular);
  font-size: 0.5625rem;
  padding: 0.125em 0.375em;
  border: 1px solid var(--mf-theme-color-bright);
  line-height: 100%;
  height: auto;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .recent-message-block .innerSpan {
  padding-right: 0.625em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .time-notification {
  margin-left: auto;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentMenu {
  position: relative;
  color: #C6CBD8;
  fill: #C6CBD8;
  transition: 200ms linear;
  z-index: 1;
  text-align: right;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentMenu .recentMenuOverlay {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li .recentMenu svg {
  width: 12px;
  height: 7px;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom {
  padding: 0;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .profile-image {
  padding-left: 1.125em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats {
  padding-right: 1.125em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats .recent-username-block {
  padding-top: 0.6em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats .recent-message-block {
  height: auto;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats .recent-message-block > span {
  padding-bottom: 0.7em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats .recent-message-block.recentText {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.recentLiCustom .recentchats .recent-message-block .recent-message-icon {
  padding-bottom: 0.6em;
  height: 1.85em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
  z-index: 2;
}
.mirrorfly-root .container .recent-chatlist .chat-list .chat-list-ul .chat-list-li.set-top {
  z-index: 3;
}
.mirrorfly-root .container .recent-chatlist .chat-list .search-head {
  padding: 1.167em 1.5em 0 1.5em;
  font-size: 0.75rem;
  font-family: var(--semibold);
}
.mirrorfly-root .container .recent-chatlist .chat-list .norecent-chat {
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .container .recent-chatlist .chat-list .norecent-chat i.norecent-chat-img {
  max-width: 12.813em;
  margin-bottom: 2em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .norecent-chat h4 {
  font-family: var(--regular);
  font-size: 0.875rem;
  color: var(--mf-secondary-dark);
  margin-bottom: 0.938em;
  padding: 0px 1.875em;
  text-align: center;
}
.mirrorfly-root .container .recent-chatlist .chat-list .norecent-chat h4 i {
  vertical-align: middle;
  width: 1.438em;
}
.mirrorfly-root .container .recent-chatlist .chat-list .norecent-chat.has-archive {
  height: calc(100% - 4em);
}
.mirrorfly-root .container .recent-chatlist .chat-list .no-search-record-found {
  text-align: center;
  font-size: 0.875rem;
  font-family: var(--regular);
  color: #818181;
  height: calc(var(--maxParentheight) - 9em);
}
.mirrorfly-root .container .recent-chatlist .chat-list .no-search-record-found.has-archive {
  height: calc(100% - 4em);
}
.mirrorfly-root .container .recent-chatlist .chat-list.offline {
  height: calc(var(--maxParentheight) - 9.5em);
}
.mirrorfly-root .container .recent-chatlist .chat-list.search_restrict {
  height: calc(var(--maxParentheight) - 4em);
}
.mirrorfly-root .container .recent-chatlist .norecent-chat {
  height: calc(var(--maxParentheight) - 9em);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .container .recent-chatlist .norecent-chat i.norecent-chat-img {
  max-width: 12.813em;
  margin-bottom: 2em;
}
.mirrorfly-root .container .recent-chatlist .norecent-chat h6 {
  font-family: var(--regular);
  font-size: 0.875rem;
  color: var(--mf-secondary-light);
  line-height: 1em;
  margin-bottom: 0.938em;
  padding: 0px 1.875em;
  text-align: center;
}
.mirrorfly-root .container .recent-chatlist .norecent-chat h4 {
  font-family: var(--regular);
  font-size: 1.125rem;
  color: var(--mf-secondary-light);
  margin-bottom: 0.938em;
  padding: 0px 1.875em;
  text-align: center;
  line-height: 1.313em;
}
.mirrorfly-root .container .recent-chatlist .norecent-chat h4 svg {
  width: 1.438em;
  height: 1.438em;
}
.mirrorfly-root .container .recent-chatlist .norecent-chat i {
  vertical-align: middle;
}
.mirrorfly-root .container .recent-chatlist .call-logs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .container .recent-chatlist .call-logs .chat-list-ul {
  position: relative;
  z-index: 5;
  background: var(--white);
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat i.norecent-chat-img {
  margin-bottom: 5em !important;
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat h4 {
  margin-bottom: 0.875em !important;
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat h3 {
  text-align: center;
  font: normal normal 1.125rem/1.3125rem var(--regular);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat h3 i {
  width: 1em;
  min-width: 1em;
  margin-top: 2px;
}
.mirrorfly-root .container .recent-chatlist .call-logs .norecent-chat h3 i svg {
  width: 1em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  width: calc(100% - 2.4em) !important;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .CallStatus {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.1875em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .CallStatus i {
  position: relative;
  top: -2px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 14px;
  height: 14px;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .CallStatus i svg {
  width: 14px;
  height: 14px;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .CallStatus > * {
  margin-right: 0.375em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callOn, .mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callTime, .mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callDuration {
  color: #767676;
  font-size: 0.6rem;
  font-family: var(--light);
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callAction {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callAction .callType {
  margin-left: 0.375em;
  width: 0.938em;
  height: 0.938em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callAction .callType svg {
  width: 0.938em;
  fill: #181818;
}
.mirrorfly-root .container .recent-chatlist .call-logs .recentchats .callAction .callType svg path {
  fill: #181818;
  stroke: #181818;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image {
  background-image: none !important;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image img {
  user-select: none;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul {
  height: 2.688em;
  width: 2.688em;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul li {
  width: 50%;
  overflow: hidden;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul li a, .mirrorfly-root .container .recent-chatlist .call-logs .image ul li img {
  overflow: hidden;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.three li:nth-child(1) {
  top: 0.313em;
  left: 0.313em;
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.three li:nth-child(2) {
  top: 0.063em;
  right: 0.063em;
  width: 1.563em;
  height: 1.563em;
  z-index: 1;
  border: 0.09em solid #fff;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.three li:nth-child(3) {
  bottom: 0.25em;
  left: 0.188em;
  width: 1.375em;
  height: 1.375em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.three li:nth-child(4) {
  bottom: 0.313em;
  right: 0.313em;
  width: 0.75em;
  height: 0.75em;
  background-color: #4879F9;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.three li:nth-child(4) span {
  font-size: 0.5rem;
  color: #fff;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.two li {
  width: 1.563em;
  height: 1.563em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.two li:nth-child(1) {
  left: 0.063em;
  top: 0.313em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .image ul.two li:nth-child(2) {
  right: 0.063em;
  bottom: 0.313em;
}
.mirrorfly-root .container .recent-chatlist .call-logs .loader-container {
  height: calc(var(--maxParentheight) - 7.5em);
  overflow: auto;
  top: auto;
  z-index: 4;
  bottom: 0;
}
.mirrorfly-root .container .recent-chatlist .call-logs .callInfo {
  width: 75%;
}
.mirrorfly-root .container .recent-chatlist .call-logs .callAction {
  width: 25%;
  min-width: 55px;
}
.mirrorfly-root .container .recent-chatlist .contactlist {
  min-height: var(--maxParentheight);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--white);
  z-index: 2;
  display: flex;
  flex-direction: column;
}
.mirrorfly-root .container .recent-chatlist .contactlist .errorMesage {
  display: flex;
  align-items: center;
  line-height: 1.2em;
  color: #f44336;
  font-size: 0.75rem;
  padding: 0 1.2em;
  margin-bottom: 0.625em;
  width: 96%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .errorMesage svg {
  line-height: 1.2em;
  width: 0.875em;
  margin-right: 0.188em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .newGroup .errorMesage {
  padding: 0 0.188em 0.375em 0;
  margin: 0px 1.25em 0.625em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header {
  padding: 0.5em 0.5em 0.5em 1.125em;
  background-color: var(--mf-bgc-recent-chatlist-header);
  height: 4.063em;
  flex: 0 0 4.063em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i {
  height: 1.5em;
  width: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i svg {
  color: var(--mf-menu-name);
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-loader, .mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-icon, .mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.nextGroup-icon {
  height: 1.5em;
  width: 1.5em;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  margin-right: 0.75em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-loader svg, .mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-icon svg, .mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.nextGroup-icon svg {
  width: 0.4em;
  vertical-align: middle;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-icon svg {
  color: var(--mf-theme-color);
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.createGroup-loader svg {
  width: 1em;
  vertical-align: middle;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.nextGroup-icon {
  width: auto;
  border-radius: 0%;
  background: transparent;
  margin-left: 0.625em;
  font-size: 1em;
  line-height: 1.5em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name i.nextGroup-icon svg path {
  width: 0.5em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header .profile-img-name div {
  color: var(--mf-menu-name);
  font-size: 1rem;
  font-family: var(--semibold);
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .recent-chatlist .contactlist .recent-chatlist-header span {
  color: var(--mf-menu-name);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul {
  height: calc(var(--maxParentheight) - 7.5em);
  overflow: hidden auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.45em 1.125em 0.45em 1.125em;
  border-bottom: 0.5px solid var(--mf-border-common);
  cursor: pointer;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li:active {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .profile-image {
  position: relative !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .profile-image i {
  position: absolute;
  right: -0.5em;
  bottom: -0.188em;
  width: 1.188em;
  height: 1.188em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .profile-image .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .profile-image .img-placeholder {
  background-size: contain;
  position: relative;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recentchats {
  max-width: calc(100% - 50px);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.938em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recentchats .recent-username-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.795rem;
  font-family: var(--semibold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 1.3em;
  letter-spacing: 0.3px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recent-message-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recent-message-block > span {
  max-width: 90%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recent-message-block .status-text {
  margin-top: 0.22em;
  display: inline-block;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recent-message-block span {
  max-width: 100%;
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.417em;
  color: #73777e;
  letter-spacing: 0.2px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .recent-message-block span .em {
  margin-right: 0;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked {
  background-color: var(--bg-blocked) !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup {
  position: relative;
  z-index: 2;
  background: var(--white);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.BadgeContainer:hover {
  background-color: transparent;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label {
  width: 100%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image {
  margin: 0 !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats {
  border: none !important;
  padding: 0 0 0 1em !important;
  min-width: 0;
  margin-right: 0em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .checkbox {
  margin-right: 0.25em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked {
  background-color: var(--bg-blocked) !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul {
  display: flex;
  flex-flow: row wrap;
  max-height: 5.313em;
  overflow: auto;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li {
  display: inline-block;
  padding: 3px;
  border: 1px solid #E8E8E8;
  border-radius: 18px;
  margin: 0 3px 6px 3px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li div {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 9.375em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li div .badgeImg {
  min-width: 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li div .badgeTitle {
  font-size: 10px;
  margin: 0 5px;
  color: var(--mf-secondary-dark);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  user-select: none;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li div .badgeAction {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c5c5c5;
  font-size: 8px;
  text-align: center;
  line-height: 12px;
  color: var(--white);
  transition: all linear 200ms;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .selectedBadge ul li div .badgeAction:hover {
  background: #8a8585;
  transition: all linear 200ms;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup.adjustHeight {
  --adjustHeight: 0em;
  height: calc(var(--maxParentheight) - 7.5em - 3.5em + var(--adjustHeight));
  flex-grow: 1;
}
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup.offline {
  --adjustHeight: -2em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .norecent-chat {
  height: calc(var(--maxParentheight) - 4.063em);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .container .recent-chatlist .contactlist .norecent-chat i.norecent-chat-img {
  max-width: 7.813em;
  margin-bottom: 2em;
}
.mirrorfly-root .container .recent-chatlist .contactlist .norecent-chat h4 {
  font-family: var(--regular);
  font-size: 0.875rem;
  color: var(--mf-secondary-dark);
  margin-bottom: 1.071em;
  padding: 0 0.625em;
  text-align: center;
}
.mirrorfly-root .container .recent-chatlist .contactlist .norecent-chat i {
  vertical-align: middle;
}
.mirrorfly-root .container .recent-chatlist .contactlist .no-search-record-found {
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  font-family: var(--regular);
  color: #818181;
  height: calc(var(--maxParentheight) - 9em);
}
.mirrorfly-root .container .recent-chatlist .groupProfile {
  position: absolute;
  margin: 0;
  z-index: 10;
}
.mirrorfly-root .container .recent-chatlist .groupProfile .camera-container,
.mirrorfly-root .container .recent-chatlist .groupProfile .removephoto-container,
.mirrorfly-root .container .recent-chatlist .groupProfile .Viewphoto-container {
  z-index: 6;
}
.mirrorfly-root .container .recent-chatlist .groupProfile .userprofile-image {
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
  background: none;
}
.mirrorfly-root .container .chat-conversion {
  width: 47.4%;
  flex: 47.4% 1 1;
  background-color: var(--mf-chat-conversion-bg);
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  z-index: 2;
  /**aside popup starts**/
  /**common styles for aside popup starts**/
  /**common styles for aside popup ends**/
  /**aside popup ends**/
}
.mirrorfly-root .container .chat-conversion.showCallDuration + div + div + div > div {
  top: 0;
  height: calc(100% - 6.363em);
}
.mirrorfly-root .container .chat-conversion.showCallDuration .onGoingcallDuration {
  height: 2.5em;
  width: 100%;
  background: #1bb261;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 3.5em 0.5em 2.5em;
  color: var(--white);
  font-family: SFUIDisplaySemibold, sans-serif;
  font-size: 0.9375rem;
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .chat-conversion.showCallDuration .onGoingcallDuration .tapToCall .callerName {
  color: #50ffad;
}
.mirrorfly-root .container .chat-conversion.showCallDuration .conversation-header {
  z-index: 2;
}
.mirrorfly-root .container .chat-conversion.showCallDuration .chatconversation-container {
  height: calc(var(--maxParentheight) - 4.063em - 2.5em);
  flex: 1;
}
.mirrorfly-root .container .chat-conversion.showCallDuration .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment.open:before {
  top: 2.3em;
}
.mirrorfly-root .container .chat-conversion.showCallDuration .mediaAttachCamera {
  top: 2.3em;
}
.mirrorfly-root .container .chat-conversion .conversation-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--mf-conversation-header-bg);
  -webkit-box-shadow: 0px 0.25em 0.2em -0.313em rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0.25em 0.2em -0.313em rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0.25em 0.2em -0.313em rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
  padding: 0.5em 1.5625em;
  height: 4.063em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1 1 0;
  -moz-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  overflow: hidden;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name i.arrow-icon {
  height: 1.5em;
  width: 1.5em;
  display: none;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-image {
  margin-right: 0.938em;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-image .image img {
  object-fit: cover;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-image i {
  position: absolute;
  right: -0.5em;
  bottom: -0.188em;
  width: 1.188em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-name {
  overflow: hidden;
  padding-right: 10px;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-name h4 {
  display: inline-flex;
  align-items: center;
  padding-right: 1.25em;
  font-family: var(--medium);
  font-size: 0.795rem;
  letter-spacing: 0.3px;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-name h4 span {
  display: inline-block;
  color: var(--mf-secondary-dark);
  font-size: 0.7975rem;
  font-family: var(--semibold);
  overflow: hidden;
  white-space: pre;
  text-overflow: ellipsis;
  letter-spacing: 0.3px;
}
.mirrorfly-root .container .chat-conversion .conversation-header .user-profile-name .profile-name h6 {
  color: var(--mf-chat-Sub-details);
  font-size: 0.65rem;
  font-family: var(--regular);
  line-height: 160%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 17px;
  letter-spacing: 0.3px;
  padding-right: 1.25em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i {
  position: relative;
  margin: 0 0.3em;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i svg {
  position: relative;
  width: 1.5em;
  height: 1.25em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i.videoCall svg {
  color: #3c3c3c;
  width: 1.5em;
  height: 1.4em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i.audioCall svg {
  color: #3c3c3c;
  width: 1.65em;
  height: 1.65em;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i:hover .toggleAnimation {
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
}
.mirrorfly-root .container .chat-conversion .conversation-header .profile-options i.search {
  display: none;
  height: 1.25em;
  width: 1.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container {
  height: calc(var(--maxParentheight) - 4.063em);
  background-image: url(../images/chatbg.png);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  position: relative;
  background-attachment: fixed;
  z-index: 2;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content {
  height: 100%;
  overflow-y: auto;
  padding-top: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content input[type=checkbox] {
  opacity: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .loader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .loader img {
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .deleted_messge {
  display: flex !important;
  font-family: Arial, sans-serif;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .deleted_messge > i {
  width: 0.9375em !important;
  height: 0.9375em !important;
  margin: 0 0.8125em;
  line-height: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .deleted_messge > i svg {
  width: 0.9375em !important;
  height: auto !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status {
  height: 0.7em;
  width: 0.7em;
  max-height: 0.7em;
  max-width: 0.7em;
  min-width: 7px;
  min-height: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.313em;
  margin-right: 0.3125em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.sent {
  background-color: #66e69a;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.notsent {
  background-color: #ffc400;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.offline {
  background-color: #dfdfdf;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.processing {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.processing i {
  position: absolute;
  top: -0.35em;
  width: 1.3em;
  height: 1.3em;
  min-width: 1.3em;
  min-height: 1.3em;
  left: -0.3em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .status.processing i svg {
  width: 1.3em;
  height: 1.3em;
  min-width: 1.3em;
  min-height: 1.3em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .date-indication {
  text-align: center;
  position: relative;
  margin: 1.25em 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .date-indication span {
  background: #97b2ce;
  padding: 0.5em 0.75em 0.417em 0.75em;
  display: inline-block;
  color: var(--white);
  font-family: var(--medium);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  font-size: 0.75rem;
  text-transform: capitalize;
  position: relative;
  line-height: 14px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .chatDate {
  margin-bottom: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row {
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  -webkit-border-radius: 10px 10px 10px 0;
  -moz-border-radius: 10px 10px 10px 0;
  -ms-border-radius: 10px 10px 10px 0;
  border-radius: 10px 10px 10px 0;
  background-color: var(--mf-chat-bubble-receiver-bg);
  border: 1px solid #ECECEC;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  color: var(--mf-chat-bubble-receiver-text);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text a {
  color: var(--mf-theme-color);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text a:hover {
  text-decoration: underline;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text span {
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message {
  overflow: hidden;
  margin-bottom: 0em;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message img {
  width: 100%;
  object-fit: cover;
  background: var(--white) no-repeat center center;
  background-size: 50px 50px;
  object-position: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay .duration {
  position: absolute;
  top: 0.5em;
  left: 0.625em;
  font-size: 0.625rem;
  font-family: var(--light);
  color: var(--white);
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay .duration .video-duration {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.25rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay .duration i {
  width: 1.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay .duration svg {
  width: 1.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay i {
  height: 2em;
  width: 2em;
  vertical-align: middle;
  border-radius: 50%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay i svg .a {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-message .image-overlay i.playbtn svg {
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
  width: 2em;
  height: 2em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-caption {
  max-width: 29.5em;
  width: auto;
  font-size: 0.7125rem;
  font-family: var(--regular);
  color: #313131;
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-caption > span {
  display: inline-block;
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-caption > span > span {
  padding-left: 0.25em;
  display: inline-block;
  margin: 0.188em 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .image-caption > span > span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time {
  color: var(--mf-send-message-time);
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star {
  width: 0.625em;
  height: 0.625em;
  margin-right: 0.3em;
  display: inherit;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg {
  fill: #545454;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time span {
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time .starredIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .msg-sent-time .starredIcon svg {
  object-fit: contain;
  width: auto;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow {
  opacity: 0;
  top: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender:hover .drop-arrow {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  top: 2px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row + .receiver-row {
  margin-top: 0.625em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .file-details {
  color: var(--mf-secondary-dark) !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .file-details .dot-sm {
  background: var(--mf-secondary-dark) !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .message-group.grouped {
  background: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .reply-message-type {
  background: #d8d8d8 !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block {
  padding: 0.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block .image-wrapper {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block .message-time {
  right: 0.36em;
  bottom: 0.36em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block .duration {
  top: 0.3125em !important;
  right: 0.225em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block .message-dropdown {
  height: 1.75em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.image-block .message-dropdown i {
  height: 1.75em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message {
  padding: 0;
  min-width: 11.375em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-message-block {
  position: relative;
  padding: 0.938em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--white);
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-message-block .Contactdetails svg path {
  fill: #313131;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-message-block .contact-text p {
  color: #313131 !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-message-block .message-time {
  bottom: 0.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-option {
  background: var(--mf-bgc-reply-block-container);
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom-right-radius: 0.313em;
  overflow: hidden;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-option span {
  border: 1px solid #d8d6d6;
  width: 50%;
  text-align: center;
  font-size: 10px;
  padding: 6px;
  transition: all linear 200ms;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-option span:first-child {
  border-right-color: transparent;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message .contact-option span:hover {
  background: var(--white);
  transition: all linear 200ms;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message {
  padding: 0;
  min-width: 190px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .sender-name {
  font-size: 0.75rem;
  font-family: var(--semibold);
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-left: 3px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .image-caption, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .image-caption {
  padding: 0 0.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block {
  cursor: pointer;
  margin: 0.1875em;
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.25em;
  -webkit-border-radius: 0.5625em;
  -moz-border-radius: 0.5625em;
  -ms-border-radius: 0.5625em;
  border-radius: 0.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc {
  height: 2.063em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc svg {
  width: 2.063em;
  height: 2.063em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc img, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc img {
  width: 2em;
  min-width: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block a, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block a {
  font-size: 0.7125rem;
  font-family: var(--regular);
  text-decoration: none;
  color: var(--white);
  margin: 0px 0em 0px 0.625em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc-download, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc-download {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc-download svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc-download svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .document-message-block i.doc-download svg path, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .document-message-block i.doc-download svg path {
  fill: #747474;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.document-message .doc_name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.file-message .doc_name {
  font-size: 0.7125rem;
  font-family: var(--light);
  color: #313131;
  margin: 0 1em 0 0.5em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver {
  -webkit-border-radius: 10px 10px 0em 10px;
  -moz-border-radius: 10px 10px 0em 10px;
  -ms-border-radius: 10px 10px 0em 10px;
  border-radius: 10px 10px 0em 10px;
  color: var(--mf-chat-bubble-sender-text);
  background-color: var(--mf-chat-bubble-sender-bg);
  border: 1px solid #ECECEC;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text {
  color: var(--mf-chat-bubble-sender-text);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text a {
  color: #ffffff;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text a:hover {
  text-decoration: underline;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text span {
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message {
  overflow: hidden;
  margin-bottom: 0em;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message img {
  width: 100%;
  object-fit: cover;
  background: var(--white) no-repeat center center;
  background-size: 50px 50px;
  object-position: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay .duration {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 0.625rem;
  font-family: var(--light);
  color: var(--white);
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay .duration .video-duration {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.25rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay .duration i {
  width: 1.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay .duration svg {
  width: 1.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay i {
  height: 2em;
  width: 2em;
  vertical-align: middle;
  border-radius: 50%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay i svg .a {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-message .image-overlay i.playbtn svg {
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
  width: 2em;
  height: 2em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-caption {
  max-width: 29.5em;
  width: auto;
  font-size: 0.7125rem;
  font-family: var(--regular);
  color: var(--white);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-caption > span {
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-caption > span > span {
  line-height: 1.5em;
  padding-left: 0.25em;
  display: inline-block;
  margin: 0.188em 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .image-caption > span > span:after {
  padding-right: 3.7em;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time {
  color: var(--mf-rev-message-time);
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time .star {
  width: 0.625em;
  height: 0.625em;
  margin-right: 0.313em;
  display: inherit;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time span {
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time .starredIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time .msg-sent-time .starredIcon svg {
  object-fit: contain;
  width: auto;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow {
  opacity: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow:after {
  content: "";
  background-image: linear-gradient(0deg, rgba(130, 127, 127, 0.38), rgba(0, 0, 0, 0.12));
  position: absolute;
  top: -8px;
  height: 29px;
  width: 30px;
  right: -4px;
  z-index: -1;
  -webkit-border-radius: 0px 0px 0px 31px;
  -moz-border-radius: 0px 0px 0px 31px;
  -ms-border-radius: 0px 0px 0px 31px;
  border-radius: 0px 0px 0px 31px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver:hover .drop-arrow {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .sendingFailed {
  left: auto;
  right: -1.5rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row + .sender-row {
  margin-top: 0.625em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block {
  padding: 0.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block .image-wrapper {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block .message-time {
  right: 0.36em;
  bottom: 0.36em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block .duration {
  top: 0.3125em !important;
  right: 0.225em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block .message-dropdown {
  height: 1.75em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.image-block .message-dropdown i {
  height: 1.75em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message {
  padding: 0;
  min-width: 11.375em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-message-block {
  position: relative;
  padding: 0.938em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-message-block .message-time {
  bottom: 0.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-option {
  background: var(--mf-theme-color);
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom-left-radius: 0.313em;
  overflow: hidden;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-option span {
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 50%;
  text-align: center;
  font-size: 10px;
  padding: 6px;
  transition: all linear 200ms;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-option span:first-child {
  border-right-color: transparent;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message .contact-option span:hover {
  background: #2a58d8;
  transition: all linear 200ms;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message {
  padding: 0;
  min-width: 190px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .image-caption, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .image-caption {
  padding: 0 0.25em;
  line-height: 16px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block {
  cursor: pointer;
  margin: 0.1875em;
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.25em;
  background-color: transparent;
  border-radius: 0.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc {
  height: 2.063em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc svg {
  width: 2.063em;
  height: 2.063em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc img, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc img {
  width: 2em;
  min-width: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block a, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block a {
  font-size: 0.7125rem;
  font-family: var(--regular);
  text-decoration: none;
  color: var(--white);
  margin: 0px 0em 0px 0.625em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc-download, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc-download {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc-download svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc-download svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .document-message-block i.doc-download svg path, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .document-message-block i.doc-download svg path {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.document-message .doc_name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.file-message .doc_name {
  font-size: 0.7125rem;
  font-family: var(--light);
  color: var(--white);
  margin: 0 1em 0 0.5em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .file-caption {
  color: var(--white) !important;
  margin-top: 0.188em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .starredIcon svg path {
  fill: #E3EBFE;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender:hover .message-dropdown-menu .message-dropdown i, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender:hover .message-dropdown-menu .message-dropdown .translateIcon,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver:hover .message-dropdown-menu .message-dropdown i,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver:hover .message-dropdown-menu .message-dropdown .translateIcon {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  color: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .popup-top {
  top: -75px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block {
  min-width: 6.875em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .reply-container {
  background: var(--mf-theme-color-dark);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image i svg path {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image .doc-icon rect {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image .doc-icon path {
  fill: var(--mf-theme-color);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image .doc-icon path.c {
  fill: #3464e3;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image .audio-icon svg path {
  fill: #fff !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block.receiver .webchat-conver-image.audio-icon-record {
  fill: #3464e3 !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: var(--mf-bgc-reply-block-container);
  overflow: hidden;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message {
  padding: 0.375em;
  width: 100% !important;
  min-width: 100px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message.reply-text {
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .sender-name {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  font-family: var(--semibold);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 100px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .sender-sends {
  font-size: 0.64rem;
  font-family: var(--regular);
  width: 100%;
  overflow: hidden;
  padding-right: 0.625em;
  min-width: 6em;
  max-height: 3.2em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: pre;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .sender-sends.filename {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyCamera:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-camera.svg) no-repeat;
  background-size: contain;
  vertical-align: baseline;
  width: 14px;
  height: 8px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyVideo:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-video-white.svg) no-repeat;
  background-size: contain;
  vertical-align: baseline;
  width: 14px;
  height: 10px;
  position: relative;
  top: 1px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .ReplyContact:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-contact.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-text-message .location:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background: url(../../assets/images/reply-icons/location-icon-white.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type {
  min-height: 2.65em;
  margin-left: 0.625em;
  overflow: hidden;
  min-width: 38px;
  align-self: stretch;
  width: 3.438em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image {
  max-width: 4em;
  max-height: 4em;
  object-fit: cover;
  object-position: center;
  text-align: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i {
  height: 2.125em;
  line-height: 2.125em;
  vertical-align: middle;
  cursor: default;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.doc-icon img {
  width: 1.3em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.doc-icon svg {
  width: 2.375em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.rec-icon svg {
  width: 1.875em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.vcard-icon svg {
  width: 2.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon svg {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon svg path {
  fill: #767676;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon-record {
  width: 1.875em;
  height: 1.875em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon-record svg {
  width: 1.875em;
  height: 1.875em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption {
  height: 2.83em;
  max-height: 2.83em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption .message-location {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption img, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption a {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.49);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type .webchat-conver-play svg {
  width: 0.625em;
  height: 0.625em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type.audio {
  background-color: #FEAD29 !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-container .reply-message-type.audio svg path {
  fill: #fff !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-message span {
  font-size: 0.8125rem;
  font-family: var(--regular);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 100%;
  padding: 0.375em 0.625em 0.125em 0.375em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .reply-block .reply-message span.reply-text {
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group {
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group ul + span,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group ul > span {
  display: none;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group ul li {
  margin-bottom: 0.313em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group ul {
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group .image-caption,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group .message-time {
  opacity: 1;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped {
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
  width: auto;
  position: relative;
  background: var(--mf-theme-color);
  padding: 0.063em 0.063em 1em 0.063em;
  -webkit-border-radius: 10px 10px 0em 10px;
  -moz-border-radius: 10px 10px 0em 10px;
  -ms-border-radius: 10px 10px 0em 10px;
  border-radius: 10px 10px 0em 10px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 11.625em;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .receiver,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .sender {
  min-width: 5.813em !important;
  height: 5.938em !important;
  max-width: 5.813em !important;
  max-height: 5.938em !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .receiver.image-block,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .sender.image-block {
  padding: 0.125em;
  margin-bottom: -5px;
  margin-right: -1px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .receiver .image-message,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .sender .image-message {
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .receiver .image-message .duration,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .sender .image-message .duration {
  top: 3px;
  right: 6px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .receiver .image-message .duration i,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .sender .image-message .duration i {
  width: 12px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .image-caption,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .message-time {
  display: none !important;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul .message-group-count {
  cursor: pointer;
  display: block;
  opacity: 1;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
  position: absolute;
  z-index: 2;
  bottom: 16%;
  right: 16%;
  transform: translate(-16%, -84%);
  -webkit-transform: translate(-16%, -84%);
  -moz-transform: translate(-16%, -84%);
  -o-transform: translate(-16%, -84%);
  -ms-transform: translate(-16%, -84%);
  color: var(--white);
  font-size: 1.125rem;
  font-family: var(--medium);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul li:nth-of-type(4) {
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul li:nth-of-type(4) .image-message:before {
  cursor: pointer;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 6, 0.6);
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped ul li:nth-of-type(4) ~ li {
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  display: none;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  vertical-align: middle;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .message-group.grouped .message-time {
  display: block;
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #b6caff;
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message {
  border-radius: 0.5625em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message .message-time {
  right: 0.3em !important;
  bottom: 0.5em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message .file-caption, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message .file-caption {
  display: inline-block;
  max-width: 29.5em;
  font-size: 0.7125rem;
  font-family: SFUIDisplayRegular, sans-serif;
  color: #313131;
  word-break: break-word;
  white-space: pre-wrap;
  padding: 0 0.25em 0.25em 0.4em;
  margin-top: 0.188em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message .file-caption:after, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message .file-caption:after {
  padding-right: 3.7em;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .document-message .message-dropdown i, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .file-message .message-dropdown i {
  height: 1.3em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .audio-message .message-time {
  bottom: 0.35em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender {
  line-height: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver.location-message,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.location-message {
  max-width: 12.9em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i {
  position: relative;
  margin: 0 0.3em;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i svg {
  position: relative;
  width: 1.5em;
  height: 1.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i path {
  fill: #828282;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i.videoCall svg {
  width: 1.5em;
  height: 1.4em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i.audioCall svg {
  width: 1.65em;
  height: 1.65em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i:hover .toggleAnimation {
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .profile-options i.search {
  display: none;
  height: 1.25em;
  width: 1.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .more-messages {
  position: absolute;
  bottom: 1.25em;
  right: 1.2em;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  min-width: 32px;
  min-height: 32px;
  z-index: 2;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .more-messages .downarrow-a {
  opacity: 0.33;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .more-messages .downarrow-b {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .more-messages .count-unread {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .more-messages .count-unread span {
  position: absolute;
  right: -0.6em;
  top: -1.4em;
  display: inline-block;
  min-width: 0.9em;
  min-height: 1em;
  font-size: 10px;
  font-weight: 600;
  line-height: 1em;
  color: #2A3E6A;
  vertical-align: top;
  padding: 0.4em 0.7em;
  text-align: center;
  background-color: #C1D4F8;
  border-radius: 1.1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block {
  padding: 0.2em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name {
  margin-left: 3px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group {
  width: 17em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name {
  padding: 0.25em 0.25em 0 0.25em;
  margin-left: 0.125em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .audio-message-container {
  margin-bottom: 0 !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name {
  padding: 0.25em 0.25em 0 0.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer {
  position: relative;
  padding: 0 1.5625em;
  padding-bottom: 1.25em;
  padding-top: 5px;
  z-index: 4;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer > .em-slightly_smiling_face {
  position: absolute;
  top: calc(50% - 1.25em + 13px);
  left: 70px;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  background: none !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .emojiPicker-container {
  position: static !important;
  bottom: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  left: 2.5em;
  right: 2.5em !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .emojiPicker-container .emoji-mart {
  width: 100% !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .emojiPicker-container .emoji-mart-category-list {
  padding-bottom: 20px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area {
  -webkit-box-flex: 100%;
  -moz-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--mf-message-input-bg);
  padding: 0.625em 3.75em 0.625em 1.75em;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  -ms-border-radius: 31px;
  border-radius: 31px;
  position: relative;
  border: 1px solid var(--mf-message-input-border);
  overflow-x: hidden;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .typing-area {
  display: block;
  background: var(--mf-message-input-bg);
  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: 0.7425rem;
  font-family: var(--regular);
  color: var(--mf-clr-typing-area);
  white-space: pre-wrap;
  /* css-3 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .typing-area:focus {
  outline: none;
  color: var(--mf-clr-typing-area);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .typing-area > span {
  line-height: 18px;
  font-size: 0.7425rem !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area [contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #b3b3b3;
  line-height: 20px;
  font-size: 0.7425rem;
  font-family: var(--regular);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .em-slightly_smiling_face {
  position: absolute;
  left: 0.938em;
  width: 1.563em !important;
  height: 1.563em !important;
  background-size: 96% !important;
  object-position: center;
  object-fit: contain;
  color: var(--mf-chat-input-icons);
  background-image: none !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--mf-chat-input-icons);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container 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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 0.938em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment.open:before {
  position: fixed;
  width: 100%;
  left: 0;
  top: 4.063em;
  bottom: 4.5em;
  z-index: -1;
  content: "";
  background: var(--mf-attachment-bg);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment svg {
  position: relative;
  z-index: 1;
  width: 1.25rem;
  height: 1.25rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon i .toggleAnimation {
  z-index: 1;
  width: 2.5em;
  height: 2.5em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon a.send {
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns a {
  margin-left: 5px;
  border: 1px solid #e8e8e8;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns a, .mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns i {
  min-width: 44px;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--mf-chat-bubble-sender-bg);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns .recordAudio {
  border: none;
  background: transparent;
  padding: 0;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns .recordAudioIcon {
  color: var(--mf-chat-input-icons);
  margin-left: 6px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns .recordAudioIcon svg {
  height: 1.2em;
  width: 1.2em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns .send svg {
  height: 1em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .chatDate span {
  min-width: 40px;
  text-align: center;
  margin: 0 auto;
  display: table;
  background: var(--mf-chat-badge-bg);
  padding: 0.4em;
  font-size: 0.57rem;
  border-radius: 6px;
  color: var(--mf-chat-badge-text);
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .recallstatus {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .recallstatus i {
  width: 1.25em;
  height: 1.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .recallstatus i svg {
  width: 1.25em;
  height: 1.25em;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .recallstatus i svg path {
  fill: #999999;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .SingleForward {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background: #c8cacb;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  transition: linear 200ms;
  color: #fff;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .SingleForward i {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 0.6875rem;
  height: 0.6875rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .SingleForward i svg {
  width: 0.6875rem;
  height: 0.6875rem;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .receiver .deleted_messge {
  color: #DAE4FE;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .receiver .recallstatus i path {
  fill: #DAE4FE;
}
.mirrorfly-root .container .chat-conversion .info-popup, .mirrorfly-root .container .chat-conversion .mediainfo-popup, .mirrorfly-root .container .chat-conversion .contactinfo-popup {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  min-height: var(--maxParentheight);
  display: flex;
}
.mirrorfly-root .container .chat-conversion .info-inner, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo {
  width: 22.813em;
  background-color: var(--white);
  display: inline-block;
  height: var(--maxParentheight);
  min-height: 100%;
}
.mirrorfly-root .container .chat-conversion .info-header, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-header, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.063em;
  padding: 1.375em 1.25em;
  background-color: var(--mf-bgc-recent-chatlist-header);
}
.mirrorfly-root .container .chat-conversion .info-header i, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-header i, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-header i {
  margin-right: 0.813em;
  height: 1.625em;
  width: 1.625em;
}
.mirrorfly-root .container .chat-conversion .info-header i svg, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-header i svg, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-header i svg {
  fill: var(--mf-menu-name);
  color: var(--mf-menu-name);
}
.mirrorfly-root .container .chat-conversion .info-header h4, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-header h4, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-header h4 {
  font-size: 1rem;
  font-family: var(--medium);
  color: var(--mf-menu-name);
}
.mirrorfly-root .container .chat-conversion .info-media-video, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li.media-video, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li.media-video {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .info-media-video .overlay, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li.media-video .overlay, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li.media-video .overlay {
  position: absolute;
  bottom: 0.65em;
  top: 0;
  left: 0.25em;
  right: 0.25em;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  transition: 0.5s ease;
  text-align: center;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .info-media-video .overlay .video-icon, .mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li.media-video .overlay .video-icon, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li.media-video .overlay .video-icon {
  fill: var(--white);
  width: 1.438em;
  height: 1.438em;
}
.mirrorfly-root .container .chat-conversion .media-inner-img .media-inner img, .mirrorfly-root .container .chat-conversion .media-file .media-inner img, .mirrorfly-root .container .chat-conversion .media-audio .media-inner img {
  width: 3.6em;
  height: 3.6em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.mirrorfly-root .container .chat-conversion .media-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: var(--mf-secondary-light);
  font-size: 0.625em;
  line-height: 1.25em;
  position: relative;
  background: #e3e3e3;
  border: 0.111em solid #bebebe;
  -webkit-border-radius: 0.563em;
  -moz-border-radius: 0.563em;
  -ms-border-radius: 0.563em;
  border-radius: 0.563em;
}
.mirrorfly-root .container .chat-conversion .media-inner span {
  position: absolute;
  bottom: 0.313em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0px 0.313em;
}
.mirrorfly-root .container .chat-conversion .media-inner img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.mirrorfly-root .container .chat-conversion .media-audio .media-inner {
  background-color: #fba843;
}
.mirrorfly-root .container .chat-conversion .media-audio .media-inner img {
  width: 2.5em;
  height: 2.5em;
  object-fit: contain !important;
}
.mirrorfly-root .container .chat-conversion .media-file .media-inner {
  text-align: center;
}
.mirrorfly-root .container .chat-conversion .media-file .media-inner img {
  object-fit: contain !important;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup {
  z-index: 5;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .single-details-container {
  overflow: auto;
  height: calc(var(--maxParentheight) - 4.4em);
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .single-details-container .contactinfo-image-block .email-info .email-icon {
  position: absolute;
  right: 0.3em;
  bottom: 0;
  height: 1.188em;
  width: 1.188em;
  background: var(--mf-theme-color);
  border-radius: 50%;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .single-details-container .contactinfo-image-block .email-info .image {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .single-details-container .contactinfo-image-block .email-info .image img {
  object-fit: cover;
  object-position: center;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-image-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 1.188em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-image-block .profile-image {
  height: 5.313em;
  width: 5.313em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1.188em;
  min-height: 5.313em;
  min-width: 5.313em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-image-block span {
  font-size: 1rem;
  font-family: var(--semibold);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--mf-contact-info);
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media {
  padding: 0em 1.25em;
  margin: 1.313em 0 0;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media h5 {
  font-size: 0.875rem;
  font-family: var(--semibold);
  color: #4dadf2;
  display: inline-block;
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media h5 span.count {
  float: right;
  color: var(--mf-primary-dark);
  font-size: 1rem;
  font-family: var(--medium);
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media h5 span.count i {
  height: 0.75em;
  width: 0.5em;
  margin-left: 0.75em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media .noMedia {
  padding: 1.25em 0 1.25em 0;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media .noMedia span {
  font-size: 0.9em;
  color: #BDBDBD;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media .noMedia i {
  cursor: default;
  padding: 0.625em 0 0.813em 0;
  width: 6.25em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media .noMedia i svg {
  width: 6.25em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
  margin: 0.625rem -0.25em 0.3125rem;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs * {
  cursor: default !important;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 0.25em 0.5em;
  width: 33.33%;
  height: 5.625em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li img {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  object-fit: cover;
  object-position: center;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li img :after {
  display: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media ul.mediadocs li span {
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media + .contactinfo-about-no .about-no {
  border-top: 0.05em solid var(--mf-border-common);
  margin-top: -1px;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media + .contactinfo-about-no .about-no .btn-block {
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media + .contactinfo-about-no .about-no .delete, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media + .contactinfo-about-no .about-no .report {
  font-size: 0.9375rem;
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media + .contactinfo-about-no .about-no:last-child i svg .a {
  fill: #e24848;
  stroke: #e24848;
  stroke-width: 0.2px;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-media .media-text {
  display: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no {
  padding: 0 1.25em;
  margin-bottom: 1.25em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no h5 {
  font-size: 0.875rem;
  font-family: var(--semibold);
  color: #4dadf2;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no {
  width: 100%;
  padding: 0.7em 0;
  border-bottom: 0.05em solid var(--mf-border-common);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--mf-contact-info);
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no.active {
  color: #36BB0E;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no.active span {
  color: #36BB0E !important;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no i {
  vertical-align: middle;
  height: 1.125em;
  width: 1.125em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no > span {
  flex: 1 1 auto;
  display: inline-block;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  padding-left: 1.071em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span {
  cursor: pointer;
  font-size: 0.775rem;
  font-family: var(--medium);
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span.btn-block {
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span.unblock {
  color: #36BB0E;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span.delete, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span .report {
  cursor: pointer;
  user-select: none;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no span .em {
  margin-left: 0;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no .delete, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no .report, .mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no .reportIcon {
  color: #e24848;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .about-no:first-child {
  border-top: 0.05em solid var(--mf-border-common);
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no .grp-exit svg {
  width: 1.125em;
  height: 1.125em;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .contactinfo .contactinfo-about-no.action .about-no span {
  font-size: 0.775rem;
}
.mirrorfly-root .container .chat-conversion .contactinfo-popup .outsideHandler {
  width: calc(100% - 22.813em);
  height: 100%;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup {
  z-index: 6;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-header {
  height: 4.063em;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media {
  padding: 2.25em;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -0.25em;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li {
  padding: 0 0.25em 0.625em;
  width: 50%;
  height: 7em;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li img {
  -webkit-border-radius: 0.563em;
  -moz-border-radius: 0.563em;
  -ms-border-radius: 0.563em;
  border-radius: 0.563em;
}
.mirrorfly-root .container .chat-conversion .mediainfo-popup .mediainfo .mediainfo-media ul.mediadocs li .media-inner img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .userprofile-popup, .mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .userprofile {
  width: auto;
  background-color: transparent;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image {
  position: relative;
  height: 5.313em;
  width: 5.313em;
  overflow: visible;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image > div > img, .mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image > img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image i.camera-edit {
  position: absolute;
  right: 0;
  bottom: 0.1875em;
  height: 1.5em;
  width: 1.5em;
  color: var(--mf-profile-view-icon);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown {
  min-width: 166px;
  position: absolute;
  left: 0;
  top: 100%;
  background-color: var(--white);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  padding: 0.563em 0;
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li {
  padding: 0.463em 1em;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li.upload_photo {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .UploadLabel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li i.profileedit-options {
  height: 0.875em;
  width: 0.875em;
  vertical-align: -2px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li i.profileedit-options svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li span {
  font-size: 0.75rem;
  color: var(--mf-secondary-light);
  font-family: var(--regular);
  margin-left: 0.625em;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li span .uploadphoto {
  margin-left: 0;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li #fileContainer input {
  position: relative !important;
  opacity: 1 !important;
  z-index: 9 !important;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto {
  margin-left: 0 !important;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto input {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  height: 0;
  opacity: 0;
  width: 100%;
  z-index: -999;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container {
  font-size: 0.9rem;
  cursor: default;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls {
  padding: 0 1em 0 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls img {
  background: none;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset {
  position: relative;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image .profile-dropdown li .uploadphoto .camera-container .popup-controls .reset label input {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: -1;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 7.751em);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details input {
  width: 100%;
  border: none;
  padding: 5px 44px 5px 5px;
  border-bottom: 1px solid #ccc;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .group-count {
  position: absolute;
  right: 25px;
  font-size: 0.75rem;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .smiley {
  position: absolute;
  right: 35px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details h4 {
  font-size: 1rem;
  font-family: var(--medium);
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--mf-menu-name);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji {
  position: absolute;
  right: 2px;
  top: -1px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji .emojiPicker-container {
  top: 120%;
  right: -32px !important;
  height: 250px !important;
  margin: 0 !important;
  overflow: visible !important;
  bottom: unset !important;
  white-space: normal !important;
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji .emojiPicker-container .emoji-mart-category-list span {
  width: 24px !important;
  height: 24px !important;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .em-slightly_smiling_face {
  background-image: url(../images/emoji.svg);
  font-size: 0.625rem;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls {
  margin-left: auto;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls .editgroupedit {
  height: 0.875em;
  width: 0.875em;
  display: block;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls .editgroupdone {
  height: 0.875em;
  width: 0.875em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .errorMessageContact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2em;
  bottom: 2em;
  right: 5.5em;
  position: absolute;
  color: #f44336;
  font-size: 0.75rem;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .errorMessageContact svg {
  line-height: 1.2em;
  width: 0.875em;
  margin-right: 0.188em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .errorMessageContact span {
  font-size: 0.75rem !important;
  font-family: unset !important;
  color: #f44336 !important;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body {
  overflow-y: scroll;
  height: var(--maxParentheight);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image .profile-dropdown {
  position: absolute;
  right: 0;
  top: 3.375em;
  background-color: var(--white);
  -webkit-box-shadow: 0px 3px 6px #000;
  -moz-box-shadow: 0px 3px 6px #000;
  box-shadow: 0px 3px 6px #000;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image .profile-dropdown li {
  padding: 0.463em 1em;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image .profile-dropdown li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image .profile-dropdown li i.profileedit-options {
  height: 0.875em;
  width: 0.875em;
  vertical-align: -2px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .profile-image .profile-dropdown li span {
  font-size: 0.75rem;
  color: #333;
  font-family: var(--regular);
  margin-left: 0.625em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .controls {
  height: 0.875em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .controls i.edit {
  height: 0.75em;
  width: 0.75em;
  display: block;
  color: var(--mf-profile-popup-edit-icons);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .controls i.done {
  height: 0.875em;
  width: 0.875em;
  color: var(--mf-profile-popup-edit-icons);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.813em;
  padding-left: 20px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control h4 {
  color: #333;
  font-weight: bold;
  font-family: var(--semibold);
  font-size: 1.063em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control input {
  height: 1.5em;
  width: 100%;
  border: none;
  font-size: 1rem;
  font-family: var(--medium);
  padding: 0.625em 0em;
  padding-right: 3.75em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .group-count {
  position: absolute;
  right: 2.917em;
  font-family: var(--regular);
  color: #4b5667;
  font-size: 0.875rem;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control i.smiley {
  position: absolute;
  right: 0.625em;
  height: 0.875em;
  width: 0.875em;
  font-size: 1.125rem;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .em-slightly_smiling_face {
  background-image: url(../images/emoji.svg);
  font-size: 0.625rem;
  margin-top: -0.6em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .box {
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .box .contactinfo-image-block {
  display: none;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .box.green {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-image-block .form-control .box.green .contactinfo-image-block {
  display: block;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-about-no {
  border-bottom: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-about-no .about-no .btn-block {
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo .contactinfo-body .contactinfo-about-no .about-no .delete {
  font-size: 0.9375rem;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-image-block .profile-image .img-placeholder {
  background-image: url(../images/sample-profile.svg);
  background-size: contain;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-image-block .profile-image .img-placeholder :after {
  display: none;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container {
  height: calc(var(--maxParentheight) - 4em);
  overflow-y: auto;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block {
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group {
  position: absolute;
  left: 3.125em;
  top: 3.125em;
  background-color: var(--white);
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1019607843);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
  width: 9.25em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group li {
  padding: 0.463em 1em;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group li i.profileedit-options {
  vertical-align: -2px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group li i svg {
  height: 0.875em;
  width: 0.875em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .contactinfo-image-block .profile-dropdown.group li span {
  font-size: 0.75rem;
  color: #333;
  font-family: var(--regular);
  margin-left: 0.625em;
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name {
  width: calc(100% - 3.333em);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span h4, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div h4 {
  display: inline-block;
  width: calc(100% - 1.875em);
  margin-right: 1.2em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span .menu-icon, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div .menu-icon {
  min-width: 12px;
  vertical-align: middle;
  display: none;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 5px;
  -webkit-box-flex: 12px 0 0;
  -moz-box-flex: 12px 0 0;
  -webkit-flex: 12px 0 0;
  -ms-flex: 12px 0 0;
  flex: 12px 0 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span h6, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div h6 {
  -webkit-box-flex: 40% 1 1;
  -moz-box-flex: 40% 1 1;
  -webkit-flex: 40% 1 1;
  -ms-flex: 40% 1 1;
  flex: 40% 1 1;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span h6 i svg, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div h6 i svg {
  width: 1.25em;
  height: 1.25em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span h6 i svg path, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div h6 i svg path {
  fill: var(--mf-theme-color) !important;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > span:hover .menu-icon, .mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name > div:hover .menu-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name .profile-status {
  padding-right: 1.3em;
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  height: 1.7em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name .profile-status > .status {
  width: calc(100% - 3em);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name .profile-status > .status .status-text {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.125em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-name .profile-status .adminicon {
  color: #bb6666;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .group-details-container .user-profile-name .profile-image {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  z-index: 5;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name i.arrow-icon {
  height: 1.5em;
  width: 1.5em;
  display: none;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image {
  height: 2.688em;
  width: 2.688em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 1.125em;
  position: relative;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image .image img {
  object-fit: cover;
  cursor: default;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image svg {
  width: 1.188em;
  height: 1.188em;
  position: absolute;
  right: 0;
  bottom: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image svg .group-mail-a {
  fill: var(--mf-theme-color);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image svg .group-mail-b {
  fill: var(--white);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-image img {
  background-image: url(../images/sample-profile.svg);
  object-fit: cover;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-name h4 {
  font-size: 0.795rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 16px;
  letter-spacing: 0.3px;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .profile-name h6 {
  color: #878787;
  font-size: 0.75rem;
  font-family: var(--regular);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 7.5em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .user-profile-name .group-img-user {
  margin-left: auto;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media {
  border-bottom: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members {
  border-bottom: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul {
  width: 100%;
  display: inline-block;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul > li {
  width: 100%;
  padding-bottom: 0.625em !important;
  margin: 0.625em 0;
  border-bottom: 0.05em solid var(--mf-border-common);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul > li > div {
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul li:last-child {
  padding-bottom: 0;
  margin: 0;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul .addMembers {
  cursor: pointer;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul .addMembers h3 {
  font-size: 0.9rem;
  display: inline-block;
  flex: 75% 1 1;
  color: var(--mf-primary-dark);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul .addMembers .profile-image {
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--mf-theme-color);
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members > ul .addMembers .profile-image svg {
  position: static;
  fill: #fff;
  width: 1.25em;
}
.mirrorfly-root .container .chat-conversion .groupinfo-popup .contactinfo-media.group-members .contactinfo-about-no {
  padding: 0;
  margin-top: -0.0625em;
}
.mirrorfly-root .container .chat-conversion #hideshow {
  display: none;
}
.mirrorfly-root .container .chat-conversion.modal-open {
  z-index: 5;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image {
  height: 5.313em;
  width: 5.313em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image > div {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .profile-image img {
  object-fit: cover;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: calc(100% - 7.751em);
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details input {
  width: 100%;
  border: none;
  padding: 5px 44px 5px 5px;
  border-bottom: 1px solid #ccc;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .group-count {
  position: absolute;
  right: 25px;
  font-size: 0.75rem;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .smiley {
  position: absolute;
  right: 35px;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details h4 {
  font-size: 1rem;
  font-family: var(--medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--mf-primary-dark) !important;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji {
  position: absolute;
  right: 2px;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji .emojiPicker-container {
  top: 120%;
  right: -32px !important;
  height: 250px !important;
  margin: 0 !important;
  overflow: visible !important;
  bottom: unset !important;
  white-space: normal !important;
  z-index: 1;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details i.emoji .emojiPicker-container .emoji-mart-category-list span {
  width: 24px !important;
  height: 24px !important;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-details .em-slightly_smiling_face {
  background-image: url(../images/emoji.svg);
  font-size: 0.625rem;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls {
  margin-left: auto;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls .editgroupedit {
  height: 0.875em;
  width: 0.875em;
  display: block;
}
.mirrorfly-root .container .groupinfo-popup .contactinfo .contactinfo-image-block .groupinfo-controls .editgroupdone {
  height: 0.875em;
  width: 0.875em;
}
.mirrorfly-root .popup-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100vh;
  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;
  background-color: rgba(0, 0, 0, 0.5);
}
.mirrorfly-root .popup-container .popup-container-inner {
  width: 28.313em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  border-radius: 5px;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.mirrorfly-root .popup-container .popup-container-inner .popup-label label {
  font-size: 0.9375rem;
  font-family: var(--medium);
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo {
  margin-top: 1.5em;
  text-align: right;
}
.mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button {
  min-width: 60px;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  color: #383636;
  margin-left: 0.833em;
  border-radius: 0.3125em;
  cursor: pointer;
  letter-spacing: 0px;
  transition: 200ms linear;
}
.mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button.btn-active, .mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button.btn-action {
  background-color: var(--mf-theme-color) !important;
  color: #fff;
}
.mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button.btn-active.danger, .mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button.btn-action.danger {
  background-color: #E24848 !important;
}
.mirrorfly-root .popup-container .popup-container-inner .popup-noteinfo button.btn-ok {
  background-color: #3276E2;
  color: var(--white);
}
.mirrorfly-root .sender .starredIcon {
  margin-right: 0.313em;
}
.mirrorfly-root .sender a.link {
  color: var(--mf-theme-color);
}
.mirrorfly-root .sender .SingleForward {
  right: -2.5em;
}
.mirrorfly-root .sender .ReplyCamera:before {
  background: url(../../assets/images/reply-icons/reply-camera-Dark.svg) no-repeat !important;
  vertical-align: baseline;
  position: relative;
  top: 1px;
}
.mirrorfly-root .sender .ReplyVideo:before {
  background: url(../../assets/images/reply-icons/reply-video-Dark.svg) no-repeat !important;
  vertical-align: baseline;
}
.mirrorfly-root .sender .ReplyContact:before {
  background: url(../../assets/images/reply-icons/reply-contact-Dark.svg) no-repeat !important;
}
.mirrorfly-root .sender .location:before {
  background: url(../../assets/images/reply-icons/location-icon.svg) no-repeat !important;
}
.mirrorfly-root .sender .deleted_messge {
  color: #999999;
}
.mirrorfly-root .receiver a.link {
  color: #FFFFFF;
}
.mirrorfly-root .receiver .SingleForward {
  left: -2em;
}
.mirrorfly-root .receiver .message-dropdown-menu .message-dropdown i svg path {
  fill: #fff;
}
.mirrorfly-root .receiver .message-dropdown-menu .menu-dropdown {
  right: 5px;
}
.mirrorfly-root .receiver .message-dropdown-menu .menu-dropdown.bottom {
  top: -190px;
}
.mirrorfly-root .SingleForward {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background: #c8cacb;
  width: 2em;
  height: 2em;
  border-radius: 50%;
}
.mirrorfly-root .SingleForward i {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 1.188em;
  height: 1.188em;
}
.mirrorfly-root .SingleForward i svg {
  width: 1.188em;
  height: 1.188em;
}
.mirrorfly-root .typing-area {
  border: none;
  cursor: text;
}
.mirrorfly-root .toggleAnimation {
  opacity: 0;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
  background: var(--mf-bg-hover-circle);
  border-radius: 50%;
  width: 0;
  height: 0;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  transition: all linear 100ms;
}
.mirrorfly-root .open .toggleAnimation {
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  transition: all linear 100ms;
}
.mirrorfly-root .imagePreviewContainer {
  padding: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.95);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-index {
  top: auto;
  background: transparent;
  font-size: 0.875rem;
  display: none;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-image {
  max-height: calc(var(--maxParentheight) - 150px) !important;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-left-nav,
.mirrorfly-root .imagePreviewContainer .image-gallery-right-nav {
  padding: 10px;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-icon:hover {
  color: var(--white);
}
.mirrorfly-root .imagePreviewContainer .media-download {
  right: 61px;
}
.mirrorfly-root .imagePreviewContainer .preview-options {
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  right: 1em;
  top: 0.625em;
  z-index: 3;
}
.mirrorfly-root .imagePreviewContainer .preview-options li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.875em;
}
.mirrorfly-root .imagePreviewContainer .preview-options li .preview-close {
  margin-left: 0em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-download path {
  stroke-width: 0;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-chat path {
  stroke-width: 0.9px;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-forward .a,
.mirrorfly-root .imagePreviewContainer .preview-options .icon-star .a {
  stroke-width: 0 !important;
  fill: rgba(139, 68, 68, 0);
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-download svg {
  width: 1.188em;
  height: 1.188em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-chat svg {
  width: 1.438em;
  height: 1.313em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-star {
  width: 1.1em;
  height: 1.1em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-star svg {
  width: 1.1em;
  height: 1.1em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .icon-forward svg {
  width: 1.438em;
  height: 1.438em;
}
.mirrorfly-root .imagePreviewContainer .preview-options .preview-close {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-swipe {
  height: 80vh;
}
.mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-slides {
  height: 80vh;
  width: 50vw;
  margin: 0 auto;
  min-width: 17.5em;
}
.mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-slide.center {
  height: 80vh;
}
.mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-slide-wrapper {
  width: 60%;
  margin: 0 auto;
}
.mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-thumbnails .image-gallery-thumbnails-container {
  text-align: right !important;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-right-nav {
  height: 4.063em;
  width: 4.063em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #000;
  background: var(--white) url(../images/preview_next.svg) no-repeat center center;
  background-size: 12px;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-right-nav .image-gallery-svg {
  opacity: 0;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-left-nav {
  height: 4.063em;
  width: 4.063em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #000;
  background: var(--white) url(../images/preview_prev.svg) no-repeat center center;
  background-size: 12px;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-left-nav .image-gallery-svg {
  opacity: 0;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail {
  border: 2px solid transparent;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  overflow: hidden;
  width: 8%;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail.active, .mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail:hover, .mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail:focus {
  border: 0.125em solid var(--white);
}
.mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail .image-gallery-thumbnail-inner {
  width: 100%;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-thumbnail .image-gallery-thumbnail-inner img {
  width: 100%;
  object-fit: cover;
}
.mirrorfly-root .imagePreviewContainer .play-button {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 2.5em;
  width: 2.5em;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.mirrorfly-root .imagePreviewContainer .play-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border-style: solid;
  border-width: 0.656em 0 0.656em 1.125em;
  border-color: transparent transparent transparent rgb(255, 255, 255);
}
.mirrorfly-root .imagePreviewContainer .embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.mirrorfly-root .imagePreviewContainer .embed-responsive:before {
  padding-top: 45.25%;
  display: block;
  content: "";
}
.mirrorfly-root .imagePreviewContainer .embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 80%;
  border: 0;
  margin: auto;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-fullscreen-button,
.mirrorfly-root .imagePreviewContainer .image-gallery-play-button {
  display: none;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-slide > div {
  display: inline-block;
  position: relative;
  width: auto;
  height: 80vh;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-slide > div:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 13%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  background: rgba(13, 13, 13, 0.4196078431);
  background: transparent linear-gradient(0deg, #000 0%, #000 100%) 0% 0% no-repeat padding-box;
  z-index: 1;
}
.mirrorfly-root .imagePreviewContainer .image-gallery-thumbnails-container {
  text-align: right;
}
.mirrorfly-root .imagePreviewContainer::before {
  content: "";
  position: absolute;
  top: -4.063em;
  height: 4.063em;
  left: 0;
  width: 100%;
  background: rgba(61, 106, 222, 0.13);
}
.mirrorfly-root .previewLoader {
  opacity: 0;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: none;
  background-size: 50px;
  display: none;
}
.mirrorfly-root .imagePreviewContainer > i + .previewLoader {
  opacity: 1;
  display: block;
}
@media only screen and (max-width: 850px) {
  .mirrorfly-root .imagePreviewContainer .image-gallery-slide:before,
  .mirrorfly-root .imagePreviewContainer .image-gallery-slide:after {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .mirrorfly-root .imagePreviewContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
  }
  .mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-slide-wrapper {
    width: 100%;
  }
  .mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-thumbnails-wrapper,
  .mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-left-nav,
  .mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-right-nav {
    display: none;
  }
  .mirrorfly-root .imagePreviewContainer .image-gallery .image-gallery-index {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    text-align: center;
  }
  .mirrorfly-root .imagePreviewContainer .image-gallery-image {
    width: 100% !important;
  }
  .mirrorfly-root .imagePreviewContainer .image-gallery-slide > div:before,
  .mirrorfly-root .imagePreviewContainer .image-gallery-slide > div:after {
    display: none !important;
  }
}
.mirrorfly-root .emoji-mart-preview {
  display: none;
}
.mirrorfly-root .emoji-mart-search {
  display: none;
}
.mirrorfly-root .emoji-mart-category-label span {
  font-size: 0.875rem;
  font-weight: 500 !important;
  color: #858585;
}
.mirrorfly-root .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  background-color: var(--mf-theme-color) !important;
}
.mirrorfly-root .emoji-mart-anchor:hover,
.mirrorfly-root .emoji-mart-anchor:focus,
.mirrorfly-root .emoji-mart-anchor-selected {
  color: #464646 !important;
}
.mirrorfly-root .memberTyping-container {
  display: inline-flex;
}
.mirrorfly-root .memberTyping-container .memberTyping {
  max-width: 10em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  color: #3464e3 !important;
  font-weight: 600;
}
.mirrorfly-root .memberTyping-container .memberTyping-status {
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
  color: #3464e3 !important;
  font-weight: 600;
}
.mirrorfly-root .memberTyping-container.group .memberTyping-status {
  padding-left: 3px;
}
.mirrorfly-root .profile-name {
  width: calc(100% - 3.333em);
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .profile-name > span, .mirrorfly-root .profile-name > div {
  display: inline-block;
  width: 100%;
  height: 1.1em;
}
.mirrorfly-root .profile-name > span h4, .mirrorfly-root .profile-name > div h4 {
  display: inline-block;
  width: 80%;
}
.mirrorfly-root .profile-name > span h6, .mirrorfly-root .profile-name > div h6 {
  width: 100%;
  overflow: visible;
  position: relative;
}
.mirrorfly-root .profile-name > span h6 i svg, .mirrorfly-root .profile-name > div h6 i svg {
  width: 1.25em;
  height: 1.25em;
}
.mirrorfly-root .profile-name > span h6 i svg path, .mirrorfly-root .profile-name > div h6 i svg path {
  fill: var(--mf-theme-color) !important;
}
.mirrorfly-root .profile-name .profile-nickname {
  text-align: right;
}
.mirrorfly-root .profile-name .menu-dropdown {
  padding: 10px 0;
}
.mirrorfly-root .profile-name .menu-dropdown li {
  border: none !important;
  margin: 0 !important;
}
.mirrorfly-root .profile-name .menu-dropdown li span {
  margin: 0 !important;
}
.mirrorfly-root .typing-area[data-text]:empty:before {
  content: attr(data-text);
  color: #b3b3b3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mirrorfly-root .calldisabled {
  cursor: not-allowed;
}
.mirrorfly-root .callingAnimation {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 1.25em;
}
.mirrorfly-root .callingAnimation.call {
  right: auto;
  left: 102%;
}
.mirrorfly-root .callingAnimation.incoming {
  right: auto;
  left: 102%;
}
.mirrorfly-root .callingAnimation.connect {
  right: -1.25em;
}
.mirrorfly-root .callingAnimation .dot {
  display: inline-block;
  width: 0.188em;
  height: 0.188em;
  border-radius: 50%;
  margin-right: 0.188em;
  background: var(--white);
  animation: wave 1.3s linear infinite;
}
.mirrorfly-root .callingAnimation .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.mirrorfly-root .callingAnimation .dot:nth-child(3) {
  animation-delay: -0.9s;
}
@-webkit-keyframes wave {
  0%, 60%, 100% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-0.313em);
    transform: translateY(-0.313em);
  }
}
@keyframes wave {
  0%, 60%, 100% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-0.313em);
    transform: translateY(-0.313em);
  }
}
.mirrorfly-root .temp {
  height: 0px !important;
  position: absolute;
  top: -99999px;
}
.mirrorfly-root .mirrorfly {
  width: 100%;
}
.mirrorfly-root .mirrorfly .login-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  position: relative;
  z-index: 1;
}
.mirrorfly-root .mirrorfly .login-wrapper .skip-login-form {
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .mirrorfly .login-wrapper .login-content {
  box-shadow: 0px 0px 20px rgba(120, 120, 120, 0.1019607843);
  border-radius: 14px;
  width: 55em;
  min-height: 27em;
  background: var(--white);
  padding: 1.875em 4.375em;
  display: flex;
  align-items: center;
}
.mirrorfly-root .mirrorfly .login-wrapper .logo img {
  width: 9.75rem;
  height: auto;
  cursor: default;
}
.mirrorfly-root .mirrorfly .login-wrapper h2 {
  color: var(--mf-secondary-light);
  font-family: var(--regularNova);
  font-size: 1.75rem;
  line-height: 2.125rem;
  margin: 1.25rem 0rem;
}
.mirrorfly-root .mirrorfly .login-wrapper > ul li {
  color: var(--mf-secondary-light);
  font-family: var(--lightNova);
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: 1.25rem;
}
.mirrorfly-root .mirrorfly .login-wrapper > ul li span {
  font-family: var(--SemiboldNova);
}
.mirrorfly-root .mirrorfly .login-wrapper > ul li span.ios-icon {
  font-size: 1.5625rem;
  font-family: var(--light);
  position: relative;
  top: 0.063em;
}
.mirrorfly-root .mirrorfly .login-wrapper > ul li:last-child {
  margin-bottom: 0px;
}
.mirrorfly-root .mirrorfly .login-wrapper > ul li i {
  margin: 0px 5px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section {
  width: 60%;
  position: relative;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .iconOption {
  cursor: default;
  width: 1rem;
  height: 1.4375rem;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image {
  position: relative;
  height: 15.875em;
  width: 15.875em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image canvas {
  z-index: 1;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image img#qr-logo {
  display: none;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image .scanLoader {
  position: absolute;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image .qr-load-container {
  position: absolute;
  height: 240px;
  width: 240px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section .qr-image + a {
  font-family: var(--regularNova);
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section {
  width: 40%;
  padding-left: 4.375rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section .networkInfo {
  display: none;
  font-size: 0.85rem;
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section a {
  color: #21a5f1;
  font-size: 0.875rem;
  margin-top: 1.125rem;
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section .form-login {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section .form-login .form-control {
  margin-bottom: 0.9375rem;
}
.mirrorfly-root .mirrorfly .login-wrapper .right-section .form-login .form-control > label {
  margin-bottom: 0.625rem;
  display: inline-block;
  font-family: ProximaNova-Regular, sans-serif;
}
.mirrorfly-root .mirrorfly .login-wrapper .left-section:after {
  content: "";
  width: 1px;
  background: #edf6fd;
  display: block;
  height: 142%;
  position: absolute;
  top: -20%;
  right: 0px;
}
.mirrorfly-root .mirrorfly .login-wrapper:after {
  content: "";
  display: block;
  background-image: url(../images/new-images/login-bg.png);
  position: absolute;
  top: 36%;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
}
.mirrorfly-root .container .recent-chatlist .chat-list.no-chat .norecent-chat {
  width: 100%;
}
.mirrorfly-root .banner-blocks {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .mf-section {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .mf-section .start-chat {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.mirrorfly-root .mf-section .start-chat span {
  display: inline-block;
  width: 5.25rem;
  height: 3.375rem;
  border-radius: 0.4375rem;
  background: var(--mf-bgc-start-chat-banner-link);
  padding: 0.5rem 0.625rem;
  text-transform: uppercase;
  color: var(--white);
  font-size: 0.6875rem;
  margin-right: 24px;
  cursor: default;
}
.mirrorfly-root .mf-section .start-chat span:last-child {
  margin-right: 0;
}
.mirrorfly-root .mf-section .start-chat span i {
  width: 1.25rem;
  display: block;
  margin-bottom: 0.3125rem;
  height: 1.25rem;
  cursor: default;
}
.mirrorfly-root .mf-section .start-chat span i svg {
  height: 1.25rem;
}
.mirrorfly-root .mf-section .start-chart {
  background-image: url(../images/new-images/chart-banner.png);
  width: 100%;
  height: 100%;
  background-size: cover;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.625rem 4.75rem;
}
.mirrorfly-root .mf-section .start-chart h3 {
  color: var(--mf-secondary-dark);
  font-family: var(--semibold);
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.mirrorfly-root .mf-section .start-chart p {
  color: var(--mf-secondary-light);
  font-family: var(--regular);
  font-size: 1.125rem;
  line-height: 1.3125rem;
  margin-top: 10px;
  margin-bottom: 30px;
}
.mirrorfly-root .start-chart .content {
  padding-bottom: 7.5rem;
}
.mirrorfly-root .container .recent-chatlist .chat-list.no-chat .norecent-chat h4:last-child {
  font-size: 1.125rem;
  padding: 0rem 0.625rem;
}
.mirrorfly-root .container .recent-chatlist .chat-list.no-chat .norecent-chat h4:last-child i {
  margin: 0px 6px;
}
.mirrorfly-root .networkoffline {
  background-color: #f2a12b;
  text-align: center;
  height: 2em;
  line-height: 2em;
  font-family: var(--regular);
  font-size: 1rem;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .chatStatusBar {
  margin-bottom: 0.313em;
}
.mirrorfly-root .chatStatusBar span {
  margin: 0 auto;
  display: table;
  background: var(--mf-chat-badge-bg);
  padding: 0.4em;
  font-size: 0.57rem;
  border-radius: 6px;
  color: var(--mf-chat-badge-text);
}
.mirrorfly-root .message-location, .mirrorfly-root .image-message {
  position: relative;
}
.mirrorfly-root .message-location:after, .mirrorfly-root .message-location:before, .mirrorfly-root .image-message:after, .mirrorfly-root .image-message:before {
  content: "";
  width: 100%;
  height: 20px;
  position: absolute;
  left: 0;
  background: transparent;
  border-radius: 0.313em;
  transition: all linear 300ms;
}
.mirrorfly-root .message-location:before, .mirrorfly-root .image-message:before {
  opacity: 0;
  top: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.mirrorfly-root .message-location:after, .mirrorfly-root .image-message:after {
  opacity: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.mirrorfly-root .message-location:hover:before, .mirrorfly-root .image-message:hover:before {
  opacity: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.mirrorfly-root .message-location:hover:after, .mirrorfly-root .image-message:hover:after {
  opacity: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.mirrorfly-root .add-participant .popup-container-inner, .mirrorfly-root .contactPopup .popup-container-inner {
  padding: 0 !important;
  overflow: hidden;
  min-width: 300px;
  margin: 4px;
  width: 480px !important;
}
.mirrorfly-root .add-participant .popup-container-inner .popup-container-header, .mirrorfly-root .contactPopup .popup-container-inner .popup-container-header {
  background: var(--mf-theme-color);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 1.25em;
  color: var(--mf-menu-name);
  font-family: var(--medium);
  border-radius: 5px 5px 0 0;
}
.mirrorfly-root .add-participant .popup-container-inner .popup-container-header h5, .mirrorfly-root .contactPopup .popup-container-inner .popup-container-header h5 {
  font-size: 1.25rem;
}
.mirrorfly-root .add-participant .popup-container-inner .popup-container-header .closePopup, .mirrorfly-root .add-participant .popup-container-inner .popup-container-header .closePopup svg, .mirrorfly-root .contactPopup .popup-container-inner .popup-container-header .closePopup, .mirrorfly-root .contactPopup .popup-container-inner .popup-container-header .closePopup svg {
  width: 0.938em;
  height: 0.938em;
  fill: var(--mf-menu-name);
}
.mirrorfly-root .add-participant .popup-container-inner .popup-container-header .addPopup,
.mirrorfly-root .add-participant .popup-container-inner .popup-container-header .addPopup svg, .mirrorfly-root .contactPopup .popup-container-inner .popup-container-header .addPopup,
.mirrorfly-root .contactPopup .popup-container-inner .popup-container-header .addPopup svg {
  width: 1.375em;
  height: 1em;
  fill: var(--mf-menu-name);
}
.mirrorfly-root .add-participant .popup-container-inner .search, .mirrorfly-root .contactPopup .popup-container-inner .search {
  padding: 0.75em 0 0.75em;
  margin: 0 1em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .add-participant .popup-container-inner .search input, .mirrorfly-root .contactPopup .popup-container-inner .search input {
  height: 2.5em;
  width: 100%;
  border: 1px solid var(--mf-search-input-border);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 0.714em 0px 0.714em;
  background-color: var(--mf-search-input-bg);
  font-size: 0.875rem;
  font-family: var(--regular);
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .add-participant .popup-container-inner .search i, .mirrorfly-root .contactPopup .popup-container-inner .search i {
  position: absolute;
  right: 0.8em;
  height: 0.875em;
  width: 0.875em;
  color: var(--mf-search-input-icon);
}
.mirrorfly-root .add-participant .popup-container-inner .search i.Search, .mirrorfly-root .contactPopup .popup-container-inner .search i.Search {
  z-index: 1;
}
.mirrorfly-root .add-participant .popup-body, .mirrorfly-root .contactPopup .popup-body {
  min-height: 300px;
  max-height: 300px;
  height: 300px;
  overflow-y: auto;
  padding-bottom: 1em;
  position: relative;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label {
  padding: 5px 10px;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li .block-user, .mirrorfly-root .contactPopup .popup-body .chat-list-li .block-user {
  opacity: 0.5;
  cursor: default;
  border-bottom: 1px solid #e9e1e1 !important;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked label, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .blocked-info, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .blocked-info i, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .blocked-info i svg, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .blocked-info i svg path, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .blocked-info span, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked.bc-none, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li.Blocked.bc-none label, .mirrorfly-root .contactPopup .popup-body .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li .Unblock, .mirrorfly-root .contactPopup .popup-body .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.mirrorfly-root .add-participant .popup-body .chat-list-li .Unblock:hover, .mirrorfly-root .contactPopup .popup-body .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.mirrorfly-root .add-participant .popup-body .contactList, .mirrorfly-root .contactPopup .popup-body .contactList {
  height: 100%;
}
.mirrorfly-root .add-participant .popup-body .chat-list-ul, .mirrorfly-root .contactPopup .popup-body .chat-list-ul {
  overflow-y: auto;
}
.mirrorfly-root .add-participant .popup-body .loader, .mirrorfly-root .contactPopup .popup-body .loader {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--white) url(../images/loader.svg) no-repeat center center;
  background-size: 50px;
}
.mirrorfly-root .add-participant.forward .popup-container-header h5, .mirrorfly-root .contactPopup.forward .popup-container-header h5 {
  width: 100%;
  text-align: center;
}
.mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox {
  margin-left: 0.625em;
}
.mirrorfly-root .add-participant.forward .recentchats, .mirrorfly-root .contactPopup.forward .recentchats {
  border-color: transparent !important;
}
.mirrorfly-root .add-participant.forward .recentchats > div, .mirrorfly-root .contactPopup.forward .recentchats > div {
  width: 100% !important;
}
.mirrorfly-root .add-participant.forward .popup-footer, .mirrorfly-root .contactPopup.forward .popup-footer {
  position: relative;
  background: #e7e7e7;
  padding: 1em 1.25em;
}
.mirrorfly-root .add-participant.forward .popup-footer .SendMessage, .mirrorfly-root .contactPopup.forward .popup-footer .SendMessage {
  cursor: pointer;
  position: absolute;
  width: 2.688em;
  height: 2.688em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  right: 1.25em;
  top: -1.25em;
  background: var(--mf-theme-color);
  border-radius: 50%;
}
.mirrorfly-root .add-participant.forward .popup-footer .SendMessage svg, .mirrorfly-root .contactPopup.forward .popup-footer .SendMessage svg {
  width: 1.188em;
  height: 1.188em;
  fill: #fff;
}
.mirrorfly-root .add-participant.forward .popup-footer .SendMessage svg path, .mirrorfly-root .contactPopup.forward .popup-footer .SendMessage svg path {
  fill: #fff;
}
.mirrorfly-root .add-participant.forward .popup-footer .selectedList, .mirrorfly-root .contactPopup.forward .popup-footer .selectedList {
  min-height: 1.2em;
  display: block;
  width: 100%;
  overflow: hidden auto;
  max-height: 5em;
  padding: 0.1875em 0;
  margin: 0.125em 0;
}
.mirrorfly-root .add-participant.forward .popup-footer .selectedList span, .mirrorfly-root .contactPopup.forward .popup-footer .selectedList span {
  color: #383636;
  font-size: 0.875rem;
  width: 100%;
  word-break: break-word;
}
.mirrorfly-root .add-participant.forward .popup-body .chat-list-li.Blocked .checkbox, .mirrorfly-root .contactPopup.forward .popup-body .chat-list-li.Blocked .checkbox {
  display: block !important;
  visibility: hidden !important;
}
.mirrorfly-root .add-participant .list-heading, .mirrorfly-root .contactPopup .list-heading {
  background: #e2e2e2;
  color: #000;
  padding: 0.6em 1.1em;
  margin-bottom: 0.3125em;
  font-size: 0.875rem;
  font-family: SFUIDisplayMedium, sans-serif;
}
.mirrorfly-root .add-participant .BadgeContainer, .mirrorfly-root .contactPopup .BadgeContainer {
  padding: 0 0.9em;
}
.mirrorfly-root .add-participant .selectedBadge, .mirrorfly-root .contactPopup .selectedBadge {
  padding-bottom: 0.3em;
}
.mirrorfly-root .add-participant .selectedBadge ul, .mirrorfly-root .contactPopup .selectedBadge ul {
  display: flex;
  flex-flow: row wrap;
  max-height: 5.313em;
  overflow: auto;
}
.mirrorfly-root .add-participant .selectedBadge ul li, .mirrorfly-root .contactPopup .selectedBadge ul li {
  display: inline-block;
  padding: 3px;
  border: 1px solid #E8E8E8;
  border-radius: 18px;
  margin: 0 3px 6px 3px;
}
.mirrorfly-root .add-participant .selectedBadge ul li div, .mirrorfly-root .contactPopup .selectedBadge ul li div {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 9.375em;
}
.mirrorfly-root .add-participant .selectedBadge ul li div .badgeImg, .mirrorfly-root .contactPopup .selectedBadge ul li div .badgeImg {
  min-width: 14px;
  width: 14px;
  height: 14px;
  display: inline-block;
  line-height: 14px;
}
.mirrorfly-root .add-participant .selectedBadge ul li div .badgeTitle, .mirrorfly-root .contactPopup .selectedBadge ul li div .badgeTitle {
  font-size: 10px;
  margin: 0 5px;
  color: var(--mf-secondary-dark);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  user-select: none;
}
.mirrorfly-root .add-participant .selectedBadge ul li div .badgeAction, .mirrorfly-root .contactPopup .selectedBadge ul li div .badgeAction {
  min-width: 12px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #c5c5c5;
  font-size: 8px;
  text-align: center;
  line-height: 12px;
  color: var(--white);
  transition: all linear 200ms;
}
.mirrorfly-root .add-participant .selectedBadge ul li div .badgeAction:hover, .mirrorfly-root .contactPopup .selectedBadge ul li div .badgeAction:hover {
  background: #8a8585;
  transition: all linear 200ms;
}
.mirrorfly-root .popup-body-sm {
  min-height: auto !important;
}
.mirrorfly-root .contactPopup .popup-container-inner {
  max-width: 25.75em;
}
.mirrorfly-root .contactPopup .popup-container-inner .closePopup {
  position: absolute;
}
.mirrorfly-root .contactPopup .popup-container-inner h5 {
  width: 100%;
  text-align: center;
}
.mirrorfly-root .contactPopup .popup-container-inner h5 p.name {
  font-size: 0.75rem;
  font-family: var(--medium);
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5em;
}
.mirrorfly-root .contactPopup .popup-container-inner h5 p.no {
  font-size: 0.75rem;
  font-family: var(--regular);
  color: #000000;
  margin-top: 0.188em;
}
.mirrorfly-root .contactPopup .popup-container-inner .messageContact {
  min-width: 1.688em;
}
.mirrorfly-root .contactPopup .popup-container-inner .messageContact i, .mirrorfly-root .contactPopup .popup-container-inner .messageContact svg {
  min-width: 1.688em;
  vertical-align: middle;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner {
  padding: 2em 1.25em 1em 1.25em;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .contact-text {
  margin-left: 0.75em;
  overflow: hidden;
  width: 100%;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .contact-text p.name {
  font-size: 0.75rem;
  font-family: var(--medium);
  color: #000000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5em;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .contact-text p.no {
  font-size: 0.75rem;
  font-family: var(--regular);
  color: #000000;
  margin-top: 0.188em;
  white-space: pre-wrap;
  line-height: 1rem;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .messageContact {
  min-width: 1.688em;
}
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .messageContact i,
.mirrorfly-root .contactPopup .popup-container-inner .contact-message-inner .messageContact svg {
  min-width: 1.688em;
  vertical-align: middle;
}
.mirrorfly-root .contact-message-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .contact-message-inner .Contactdetails {
  padding: 0.313em;
}
.mirrorfly-root .contact-message-inner .Contactdetails i,
.mirrorfly-root .contact-message-inner .Contactdetails svg {
  cursor: pointer;
  min-width: 6px;
  min-height: 12px;
  width: 0.375em;
  height: 0.75em;
}
.mirrorfly-root .contact-message-inner .contact {
  height: 2.5em;
  width: 2.5em;
  border-radius: 50%;
  background-color: var(--white);
  flex-basis: 2.5em;
  flex-shrink: 0;
  flex-grow: 0;
}
.mirrorfly-root .contact-message-inner .contact img {
  object-position: center;
  object-fit: cover;
  border-radius: 50%;
}
.mirrorfly-root .contact-message-inner .contact-text {
  margin-left: 0.75em;
  width: 100%;
  overflow: hidden;
}
.mirrorfly-root .contact-message-inner .contact-text p.name {
  font-size: 0.75rem;
  font-family: var(--medium);
  color: var(--white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5em;
}
.mirrorfly-root .contact-message-inner .contact-text p.no {
  font-size: 0.625rem;
  font-family: var(--regular);
  color: var(--white);
  margin-top: 0.188em;
}
.mirrorfly-root .emoji-mart-emoji {
  outline: 0;
}
.mirrorfly-root .searchErrorMsg {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  line-height: 1.2em;
  color: #f44336;
  font-size: 0.75rem;
  margin: 0.625em 1.25em 0.625em;
}
.mirrorfly-root .searchErrorMsg svg {
  line-height: 1.2em;
  width: 1em;
  margin-right: 0.188em;
}
.mirrorfly-root .message-dropdown-menu {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 4.75em;
  height: 1.25em;
  line-height: 0.938em;
  z-index: 1;
  text-align: right;
}
.mirrorfly-root .message-dropdown-menu .message-dropdown {
  width: 100%;
  height: 1.4em;
  display: flex;
}
.mirrorfly-root .message-dropdown-menu .message-dropdown .translateIcon {
  opacity: 0;
  position: absolute;
  right: 1.3em;
  top: 0em;
  z-index: 1;
  width: 1.5625em;
  height: 1.5625em;
}
.mirrorfly-root .message-dropdown-menu .message-dropdown .translateIcon svg {
  width: 1.5625em;
  height: 1.5625em;
  color: var(--white);
}
.mirrorfly-root .message-dropdown-menu .message-dropdown .actionDrop {
  position: absolute;
  width: 45px;
  height: 20px;
  border-radius: 0 10px 0 10px;
  right: 0;
}
.mirrorfly-root .message-dropdown-menu .message-dropdown .actionDrop + i {
  color: var(--white);
}
.mirrorfly-root .message-dropdown-menu .message-dropdown i {
  background: transparent;
  background: -o-linear-gradient(21deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.4));
  background: linear-gradient(21deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.4));
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 1.4em;
  padding-right: 0.313em;
  line-height: 0.938em;
  text-align: right;
  border-top-right-radius: 0.4rem;
}
.mirrorfly-root .message-dropdown-menu .message-dropdown i svg {
  width: 0.75em;
  height: 0.438em;
  margin-top: 0.625em;
}
.mirrorfly-root .menu-dropdown {
  padding: 0.625em 0;
  top: 15px;
  right: 8px;
  opacity: 1;
  min-width: 8.125em;
}
.mirrorfly-root .menu-dropdown li i {
  min-width: 0.9em;
  height: 0.875em;
  width: 0.875em;
  line-height: 100%;
}
.mirrorfly-root .menu-dropdown li span {
  white-space: nowrap;
}
.mirrorfly-root .menu-dropdown li.reply svg {
  width: 0.875em;
  height: 0.688em;
}
.mirrorfly-root .menu-dropdown li.forward svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.Starred svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.delete svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.Download svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.messageinfo svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.messageinfo svg i {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .menu-dropdown li.messageinfo svg i svg, .mirrorfly-root .menu-dropdown li.messageinfo svg i path, .mirrorfly-root .menu-dropdown li.messageinfo svg i rect {
  fill: #6a92c5 !important;
}
.mirrorfly-root .menu-dropdown li.messageinfo.bottom {
  right: -120px;
  top: -190px;
}
.mirrorfly-root .menu-dropdown li:last-child, .mirrorfly-root .menu-dropdown li:first-child {
  padding: 0.463em 1em;
}
.mirrorfly-root .reply-block-bottom {
  display: flex;
  padding: 0.25em;
  font-family: SFUIDisplayRegular, sans-serif;
  margin-bottom: 0.313em;
  position: relative;
  background: var(--white);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1019607843);
  margin-right: 3.5em;
}
.mirrorfly-root .reply-block-bottom .sender-name {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  margin-bottom: 0.313em;
  letter-spacing: 0.2px;
}
.mirrorfly-root .reply-block-bottom .reply-text-message {
  width: calc(100% - 3.875em);
}
.mirrorfly-root .reply-block-bottom .reply-text-message.text-message {
  width: 100%;
}
.mirrorfly-root .reply-block-bottom .sender-sends {
  font-size: 0.8125rem;
  font-family: var(--regular);
  width: 100%;
  display: inline-block;
  max-height: 3.6em;
  overflow: hidden;
}
.mirrorfly-root .reply-block-bottom .reply-container {
  padding: 1em;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #efefef;
  overflow: hidden;
  border-radius: 0.313em;
}
.mirrorfly-root .reply-block-bottom .reply-container .sender-sends i {
  display: flex;
  margin-right: 0.313em;
  width: 1em;
  height: 1em;
  line-height: 100%;
  margin-top: 1px;
}
.mirrorfly-root .reply-block-bottom .reply-container .sender-sends i svg {
  color: #767676;
  width: 1em;
  height: 1em;
  fill: #767676;
}
.mirrorfly-root .reply-block-bottom .reply-container .sender-sends span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  vertical-align: middle;
  height: 100%;
  color: #000;
  white-space: pre;
}
.mirrorfly-root .reply-block-bottom .reply-container .RemoveReplay {
  width: 1.5em;
  height: 1.5em;
}
.mirrorfly-root .reply-block-bottom .reply-container .RemoveReplay svg {
  width: 1.5em;
  height: 1.5em;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type {
  width: 3.875em;
  height: 4.6em;
  min-width: 3.875em;
  margin: -1em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image {
  width: 3.875em;
  height: 100%;
  display: inline-block;
  object-fit: cover;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i svg {
  width: 2.875em;
  height: 2.875em;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i svg svg {
  width: 2.875em;
  height: 2.875em;
}
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i svg svg .sender-sends i svg,
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i svg svg .sender-sends i rect,
.mirrorfly-root .reply-block-bottom .reply-container .reply-message-type .webchat-conver-image i svg svg .sender-sends i path {
  fill: var(--mf-secondary-dark);
  height: 1.125em;
}
.mirrorfly-root .reply-block-bottom .RemoveReplay {
  position: absolute;
  right: -3.2em;
  top: 50%;
  transform: translateY(-50%);
  min-width: 2em;
  display: inline-block;
  text-align: center;
}
.mirrorfly-root .reply-block-bottom .RemoveReplay svg path {
  width: 1em;
  height: 1em;
  color: var(--mf-primary-dark);
  fill: var(--mf-primary-dark);
}
.mirrorfly-root .deleteMessage .popup-container-inner {
  width: 27em !important;
}
.mirrorfly-root .forwardLabel,
.mirrorfly-root .forwardedMessage {
  display: none;
}
.mirrorfly-root .messageSelected {
  background: rgba(72, 121, 249, 0.15);
}
.mirrorfly-root .forwardSelect .forwardedMessage {
  display: block !important;
  height: 18px;
}
.mirrorfly-root .forwardSelect .forwardedMessage .checkbox {
  margin-right: 0.625em;
}
.mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label {
  background: var(--mf-theme-color) !important;
}
.mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:before {
  border: 2px solid var(--mf-theme-color) !important;
}
.mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before {
  border: 2px solid #adadad !important;
}
.mirrorfly-root .forwardSelect.receiver-row {
  -webkit-justify-content: space-between !important;
  -moz-justify-content: space-between !important;
  -ms-justify-content: space-between !important;
  justify-content: space-between !important;
  -ms-flex-pack: space-between !important;
}
.mirrorfly-root .forwardSelect .forwardLabel {
  position: absolute;
  width: 100%;
  background: transparent;
  display: inline-block;
  height: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  cursor: pointer;
}
.mirrorfly-root .selectedMessagecontainer {
  position: absolute;
  bottom: 0;
  background-color: var(--white);
  left: 0;
  right: 0;
  display: block;
  height: 3.25em;
  z-index: 8;
  padding: 0 2.35em;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption {
  padding: 1em 0;
  font-family: SFUIDisplayRegular, sans-serif;
  background-color: var(--white);
  width: auto;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .CloseSelectedMessageOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .CloseSelectedMessageOption span {
  font-size: 1.125rem;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .CloseSelectedMessageOption i {
  width: 0.938em;
  height: 0.938em;
  margin-right: 1.438em;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .CloseSelectedMessageOption i svg {
  width: 0.938em;
  height: 0.938em;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .CloseSelectedMessageOption i.forward {
  transform: rotateY(180deg);
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .selectedForwardOption {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .selectedForwardOption i {
  width: 1.188em;
  height: 1.188em;
  margin: 0 1.375em;
}
.mirrorfly-root .selectedMessagecontainer .selectedMessageOption .selectedForwardOption i svg {
  height: 1.188em;
}
.mirrorfly-root .contact-message,
.mirrorfly-root .document-message,
.mirrorfly-root .file-message {
  width: 14em;
}
.mirrorfly-root .reply-block.sender-audio-group {
  max-width: 14em !important;
}
.mirrorfly-root .reply-block.sender-audio-group .audio-message-container {
  flex-wrap: wrap;
  padding-top: 0.25em;
}
.mirrorfly-root .reply-block.sender-audio-group .audio-message-container .sender-name {
  padding: 0 !important;
}
.mirrorfly-root .reply-block.sender-audio-group .audio-message-container .reply-container {
  flex: 101% 0 1;
  margin: 0 0.13em 0.35em -0.25em !important;
}
.mirrorfly-root .reply-block.sender-audio-group .audio-message-container .rhap_container,
.mirrorfly-root .reply-block.sender-audio-group .audio-message-container .doc_name {
  flex: 75% 1 1;
}
.mirrorfly-root .reply-block.sender-audio-group.receiver .sender-name {
  color: #fff !important;
}
.mirrorfly-root .reply-block.document-message-group .document-message-block,
.mirrorfly-root .reply-block.document-message-group .contact-message-block, .mirrorfly-root .reply-block.contact-message-group .document-message-block,
.mirrorfly-root .reply-block.contact-message-group .contact-message-block {
  padding: 0.25em 0.1em 0.625em 0.475em !important;
  flex-wrap: wrap;
}
.mirrorfly-root .reply-block.document-message-group .document-message-block .sender-name,
.mirrorfly-root .reply-block.document-message-group .contact-message-block .sender-name, .mirrorfly-root .reply-block.contact-message-group .document-message-block .sender-name,
.mirrorfly-root .reply-block.contact-message-group .contact-message-block .sender-name {
  padding: 0 !important;
}
.mirrorfly-root .reply-block.document-message-group .document-message-block .reply-container,
.mirrorfly-root .reply-block.document-message-group .contact-message-block .reply-container, .mirrorfly-root .reply-block.contact-message-group .document-message-block .reply-container,
.mirrorfly-root .reply-block.contact-message-group .contact-message-block .reply-container {
  flex: 101% 0 1;
  margin: 0 0.13em 0.35em -0.25em !important;
}
.mirrorfly-root .reply-block.document-message-group .document-message-block .rhap_container,
.mirrorfly-root .reply-block.document-message-group .document-message-block .doc_name,
.mirrorfly-root .reply-block.document-message-group .contact-message-block .rhap_container,
.mirrorfly-root .reply-block.document-message-group .contact-message-block .doc_name, .mirrorfly-root .reply-block.contact-message-group .document-message-block .rhap_container,
.mirrorfly-root .reply-block.contact-message-group .document-message-block .doc_name,
.mirrorfly-root .reply-block.contact-message-group .contact-message-block .rhap_container,
.mirrorfly-root .reply-block.contact-message-group .contact-message-block .doc_name {
  flex: 75% 0 1;
}
.mirrorfly-root .reply-block.receiver .sender-name {
  color: #fff !important;
}
.mirrorfly-root .reply-block.receiver .sender-sends i svg path {
  fill: var(--white);
}
.mirrorfly-root .reply-block.sender .webchat-conver-image .audio-icon-record path,
.mirrorfly-root .reply-block.sender .webchat-conver-image .doc-icon rect {
  fill: #959595 !important;
}
.mirrorfly-root .reply-block.sender .sender-sends {
  color: #313131 !important;
}
.mirrorfly-root .reply-block.sender .sender-sends span {
  color: #313131;
}
.mirrorfly-root .reply-block.sender .sender-sends i svg {
  fill: var(--mf-secondary-dark) !important;
}
.mirrorfly-root .reply-block.image-block {
  max-width: 21.5em !important;
}
.mirrorfly-root .reply-block.image-block .reply-container {
  margin-bottom: 0.25em;
}
.mirrorfly-root .reply-block.document-message .reply-container, .mirrorfly-root .reply-block.contact-message .reply-container, .mirrorfly-root .reply-block.audio-message .reply-container {
  margin: 0.25em;
}
.mirrorfly-root .reply-block .message-text {
  padding-top: 0.25em;
  padding-left: 0.25em;
  line-height: 1.4em !important;
  letter-spacing: 0.3px;
}
.mirrorfly-root .reply-block .message-text span {
  display: inline-block;
  line-height: 1.4em;
}
.mirrorfly-root .reply-block .message-text span:after {
  padding-right: 3.7em;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .reply-block .message-text span.image-block .reply-container {
  margin-bottom: 0.25em;
}
.mirrorfly-root .reply-block .message-text span.document-message .reply-container, .mirrorfly-root .reply-block .message-text span.contact-message .reply-container, .mirrorfly-root .reply-block .message-text span.audio-message .reply-container {
  margin: 0.25em;
}
.mirrorfly-root .reply-block.sender-text-group, .mirrorfly-root .reply-block.reply-text {
  padding: 0.25em !important;
  max-width: 21.5em !important;
}
.mirrorfly-root .reply-block.sender-text-group .reply-text-message, .mirrorfly-root .reply-block.reply-text .reply-text-message {
  width: 100% !important;
}
.mirrorfly-root .reply-block.location-message.image-block {
  max-width: 13em !important;
}
.mirrorfly-root .reply-block.audio-message {
  max-width: 14em !important;
}
.mirrorfly-root .animatefinded {
  animation: animatefinded 3s;
}
@keyframes animatefinded {
  0% {
    background: rgba(72, 121, 249, 0.368627451);
  }
  20% {
    background: rgba(72, 121, 249, 0.368627451);
  }
  40% {
    background: rgba(72, 121, 249, 0.368627451);
  }
  60% {
    background: rgba(72, 121, 249, 0.368627451);
  }
  70% {
    background: transparent;
  }
  90% {
    background: transparent;
  }
  100% {
    background: transparent;
  }
}
.mirrorfly-root .message-location {
  width: 12.5em;
  height: 12.5em;
  background: #fff url(../images/loader.svg) no-repeat center center;
  background-size: 30px;
}
.mirrorfly-root .reply-message-type .message-location {
  display: inline-block;
  max-width: 4em;
  max-height: 4em;
}
.mirrorfly-root .reply-message-type .message-location a {
  font-size: unset !important;
  display: inline-block;
  max-width: 4em;
  max-height: 4em;
  margin: 0 !important;
  width: 100%;
  height: 100%;
}
.mirrorfly-root .reply-message-type .message-location a img {
  object-position: center;
  object-fit: cover;
}
.mirrorfly-root .conversation-overlay {
  position: absolute;
  z-index: 4;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  user-select: none;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .conversation-overlay img {
  cursor: default;
}
.mirrorfly-root .type-image.document {
  background-image: none;
}
.mirrorfly-root .type-image.document .type-thumb-image {
  width: 100% !important;
  height: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mirrorfly-root .type-image.document img {
  position: static !important;
  transform: none !important;
  height: auto !important;
  min-width: 50px !important;
  max-width: 3.125em !important;
}
.mirrorfly-root .type-image.document p {
  color: #000 !important;
  margin-top: 1em;
  font-size: 0.875rem;
  font-family: var(--semibold);
}
.mirrorfly-root .messageInfo {
  width: 26.3%;
  flex: 26.3% 1 1;
  min-height: var(--maxParentheight);
  max-height: var(--maxParentheight);
  background-color: var(--mf-conversation-header-bg);
  z-index: 1;
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoHeader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0.25em 0.25em 0.813em -0.313em rgba(0, 0, 0, 0.15);
  position: relative;
  z-index: 3;
  height: 4.063em !important;
  padding: 0.5em 0.5em 0.5em 1.125em !important;
  top: 0 !important;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .messageInfo .messageInfoHeader i {
  width: 1.3em;
  height: 1.3em;
  color: inherit;
}
.mirrorfly-root .messageInfo .messageInfoHeader i svg {
  width: 1.3em;
  height: 1.3em;
}
.mirrorfly-root .messageInfo .messageInfoHeader h2 {
  margin-left: 0.625em;
  font-size: 1rem;
  font-family: var(--semibold);
}
.mirrorfly-root .messageInfo .messageInfoContainer {
  max-height: calc(var(--maxParentheight) - 4.063em);
  overflow: hidden auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  padding-left: 0.625em;
  margin-left: -0.625em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer {
  background-image: url(../images/chatbg.png);
  width: 100%;
  padding: 0.625em 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status {
  height: 0.7em;
  width: 0.7em;
  max-height: 0.7em;
  max-width: 0.7em;
  min-width: 7px;
  min-height: 7px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  margin-left: 0.313em;
  margin-right: 0.3125em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.sent {
  background-color: #66e69a;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.notsent {
  background-color: #ffc400;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.offline {
  background-color: #dfdfdf;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.processing {
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.processing i {
  position: absolute;
  top: -0.35em;
  width: 1.3em;
  height: 1.3em;
  min-width: 1.3em;
  min-height: 1.3em;
  left: -0.3em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .status.processing i svg {
  width: 1.3em;
  height: 1.3em;
  min-width: 1.3em;
  min-height: 1.3em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .date-indication {
  text-align: center;
  position: relative;
  margin: 1.25em 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .date-indication span {
  background: #97b2ce;
  padding: 0.5em 0.75em 0.417em 0.75em;
  display: inline-block;
  color: var(--white);
  font-family: var(--medium);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  font-size: 0.75rem;
  text-transform: capitalize;
  position: relative;
  line-height: 14px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .chatDate {
  margin-bottom: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row {
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender {
  -webkit-border-radius: 10px 10px 10px 0;
  -moz-border-radius: 10px 10px 10px 0;
  -ms-border-radius: 10px 10px 10px 0;
  border-radius: 10px 10px 10px 0;
  background-color: var(--mf-chat-bubble-receiver-bg);
  border: 1px solid #ECECEC;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text {
  color: var(--mf-chat-bubble-receiver-text);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text a {
  color: var(--mf-theme-color);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text a:hover {
  text-decoration: underline;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text span {
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message {
  overflow: hidden;
  margin-bottom: 0em;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message img {
  width: 100%;
  object-fit: cover;
  background: var(--white) no-repeat center center;
  background-size: 50px 50px;
  object-position: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -ms-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay .duration {
  position: absolute;
  top: 0.5em;
  left: 0.625em;
  font-size: 0.625rem;
  font-family: var(--light);
  color: var(--white);
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay .duration .video-duration {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.25rem;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay .duration i {
  width: 1.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay .duration svg {
  width: 1.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay i {
  height: 2em;
  width: 2em;
  vertical-align: middle;
  border-radius: 50%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay i svg .a {
  fill: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-message .image-overlay i.playbtn svg {
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
  width: 2em;
  height: 2em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-caption {
  max-width: 29.5em;
  width: auto;
  font-size: 0.7125rem;
  font-family: var(--regular);
  color: #313131;
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-caption > span {
  display: inline-block;
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-caption > span > span {
  padding-left: 0.25em;
  display: inline-block;
  margin: 0.188em 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .image-caption > span > span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time {
  color: var(--mf-send-message-time);
  z-index: 1;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star {
  width: 0.625em;
  height: 0.625em;
  margin-right: 0.3em;
  display: inherit;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  fill: #545454;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .msg-sent-time span {
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .msg-sent-time .starredIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .msg-sent-time .starredIcon svg {
  object-fit: contain;
  width: auto;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow {
  opacity: 0;
  top: 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender:hover .drop-arrow {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  top: 2px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row + .receiver-row {
  margin-top: 0.625em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .file-details {
  color: var(--mf-secondary-dark) !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .file-details .dot-sm {
  background: var(--mf-secondary-dark) !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .message-group.grouped {
  background: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .reply-message-type {
  background: #d8d8d8 !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block {
  padding: 0.25em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block .image-wrapper {
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block .message-time {
  right: 0.36em;
  bottom: 0.36em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block .duration {
  top: 0.3125em !important;
  right: 0.225em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block .message-dropdown {
  height: 1.75em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.image-block .message-dropdown i {
  height: 1.75em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message {
  padding: 0;
  min-width: 11.375em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-message-block {
  position: relative;
  padding: 0.938em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: var(--white);
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-message-block .Contactdetails svg path {
  fill: #313131;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-message-block .contact-text p {
  color: #313131 !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-message-block .message-time {
  bottom: 0.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-option {
  background: var(--mf-bgc-reply-block-container);
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom-right-radius: 0.313em;
  overflow: hidden;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-option span {
  border: 1px solid #d8d6d6;
  width: 50%;
  text-align: center;
  font-size: 10px;
  padding: 6px;
  transition: all linear 200ms;
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-option span:first-child {
  border-right-color: transparent;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message .contact-option span:hover {
  background: var(--white);
  transition: all linear 200ms;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message {
  padding: 0;
  min-width: 190px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .sender-name {
  font-size: 0.75rem;
  font-family: var(--semibold);
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  margin-left: 3px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .image-caption, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .image-caption {
  padding: 0 0.25em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block {
  cursor: pointer;
  margin: 0.1875em;
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.25em;
  -webkit-border-radius: 0.5625em;
  -moz-border-radius: 0.5625em;
  -ms-border-radius: 0.5625em;
  border-radius: 0.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc {
  height: 2.063em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc svg {
  width: 2.063em;
  height: 2.063em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc img, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc img {
  width: 2em;
  min-width: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block a, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block a {
  font-size: 0.7125rem;
  font-family: var(--regular);
  text-decoration: none;
  color: var(--white);
  margin: 0px 0em 0px 0.625em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc-download, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc-download {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc-download svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc-download svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .document-message-block i.doc-download svg path, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .document-message-block i.doc-download svg path {
  fill: #747474;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.document-message .doc_name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.file-message .doc_name {
  font-size: 0.7125rem;
  font-family: var(--light);
  color: #313131;
  margin: 0 1em 0 0.5em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  -webkit-border-radius: 10px 10px 0em 10px;
  -moz-border-radius: 10px 10px 0em 10px;
  -ms-border-radius: 10px 10px 0em 10px;
  border-radius: 10px 10px 0em 10px;
  color: var(--mf-chat-bubble-sender-text);
  background-color: var(--mf-chat-bubble-sender-bg);
  border: 1px solid #ECECEC;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  color: var(--mf-chat-bubble-sender-text);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text a {
  color: #ffffff;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text a:hover {
  text-decoration: underline;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text span {
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text span:after {
  padding-right: 0;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message {
  overflow: hidden;
  margin-bottom: 0em;
  position: relative;
  max-width: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message img {
  width: 100%;
  object-fit: cover;
  background: var(--white) no-repeat center center;
  background-size: 50px 50px;
  object-position: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay .duration {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 0.625rem;
  font-family: var(--light);
  color: var(--white);
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay .duration .video-duration {
  vertical-align: middle;
  display: inline-block;
  margin-left: 0.25rem;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay .duration i {
  width: 1.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay .duration svg {
  width: 1.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay i {
  height: 2em;
  width: 2em;
  vertical-align: middle;
  border-radius: 50%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay i svg .a {
  fill: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-message .image-overlay i.playbtn svg {
  color: #fff;
  border-radius: 50%;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
  width: 2em;
  height: 2em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-caption {
  max-width: 29.5em;
  width: auto;
  font-size: 0.7125rem;
  font-family: var(--regular);
  color: var(--white);
  word-break: break-word;
  white-space: pre-wrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-caption > span {
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-caption > span > span {
  line-height: 1.5em;
  padding-left: 0.25em;
  display: inline-block;
  margin: 0.188em 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .image-caption > span > span:after {
  padding-right: 3.7em;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  color: var(--mf-rev-message-time);
  z-index: 1;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time .star {
  width: 0.625em;
  height: 0.625em;
  margin-right: 0.313em;
  display: inherit;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time .msg-sent-time span {
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time .msg-sent-time .starredIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: 0.9em;
  min-height: 7px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time .msg-sent-time .starredIcon svg {
  object-fit: contain;
  width: auto;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  opacity: 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow:after {
  content: "";
  background-image: linear-gradient(0deg, rgba(130, 127, 127, 0.38), rgba(0, 0, 0, 0.12));
  position: absolute;
  top: -8px;
  height: 29px;
  width: 30px;
  right: -4px;
  z-index: -1;
  -webkit-border-radius: 0px 0px 0px 31px;
  -moz-border-radius: 0px 0px 0px 31px;
  -ms-border-radius: 0px 0px 0px 31px;
  border-radius: 0px 0px 0px 31px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver:hover .drop-arrow {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .sendingFailed {
  left: auto;
  right: -1.5rem;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row + .sender-row {
  margin-top: 0.625em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block {
  padding: 0.25em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block .image-wrapper {
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block .message-time {
  right: 0.36em;
  bottom: 0.36em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block .duration {
  top: 0.3125em !important;
  right: 0.225em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block .message-dropdown {
  height: 1.75em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.image-block .message-dropdown i {
  height: 1.75em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message {
  padding: 0;
  min-width: 11.375em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-message-block {
  position: relative;
  padding: 0.938em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-message-block .message-time {
  bottom: 0.4em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-option {
  background: var(--mf-theme-color);
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  border-bottom-left-radius: 0.313em;
  overflow: hidden;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-option span {
  border: 1px solid rgba(255, 255, 255, 0.3);
  width: 50%;
  text-align: center;
  font-size: 10px;
  padding: 6px;
  transition: all linear 200ms;
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-option span:first-child {
  border-right-color: transparent;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message .contact-option span:hover {
  background: #2a58d8;
  transition: all linear 200ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message {
  padding: 0;
  min-width: 190px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .image-caption, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .image-caption {
  padding: 0 0.25em;
  line-height: 16px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block {
  cursor: pointer;
  margin: 0.1875em;
  position: relative;
  padding: 0.3em 0.3em 0.3em 0.25em;
  background-color: transparent;
  border-radius: 0.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc {
  height: 2.063em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc svg {
  width: 2.063em;
  height: 2.063em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc img, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc img {
  width: 2em;
  min-width: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block a, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block a {
  font-size: 0.7125rem;
  font-family: var(--regular);
  text-decoration: none;
  color: var(--white);
  margin: 0px 0em 0px 0.625em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc-download, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc-download {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc-download svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc-download svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .document-message-block i.doc-download svg path, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .document-message-block i.doc-download svg path {
  fill: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.document-message .doc_name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.file-message .doc_name {
  font-size: 0.7125rem;
  font-family: var(--light);
  color: var(--white);
  margin: 0 1em 0 0.5em;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .file-caption {
  color: var(--white) !important;
  margin-top: 0.188em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .starredIcon svg path {
  fill: #E3EBFE;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender:hover .message-dropdown-menu .message-dropdown i, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender:hover .message-dropdown-menu .message-dropdown .translateIcon,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver:hover .message-dropdown-menu .message-dropdown i,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver:hover .message-dropdown-menu .message-dropdown .translateIcon {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  color: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .popup-top {
  top: -75px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block {
  min-width: 6.875em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .reply-container {
  background: var(--mf-theme-color-dark);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image i svg path {
  fill: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image .doc-icon rect {
  fill: var(--white);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image .doc-icon path {
  fill: var(--mf-theme-color);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image .doc-icon path.c {
  fill: #3464e3;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image .audio-icon svg path {
  fill: #fff !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block.receiver .webchat-conver-image.audio-icon-record {
  fill: #3464e3 !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container {
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: var(--mf-bgc-reply-block-container);
  overflow: hidden;
  -webkit-border-radius: 0.313em;
  -moz-border-radius: 0.313em;
  -ms-border-radius: 0.313em;
  border-radius: 0.313em;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message {
  padding: 0.375em;
  width: 100% !important;
  min-width: 100px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message.reply-text {
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .sender-name {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  font-family: var(--semibold);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  min-width: 100px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .sender-sends {
  font-size: 0.64rem;
  font-family: var(--regular);
  width: 100%;
  overflow: hidden;
  padding-right: 0.625em;
  min-width: 6em;
  max-height: 3.2em;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: pre;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .sender-sends.filename {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .ReplyCamera:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-camera.svg) no-repeat;
  background-size: contain;
  vertical-align: baseline;
  width: 14px;
  height: 8px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .ReplyVideo:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-video-white.svg) no-repeat;
  background-size: contain;
  vertical-align: baseline;
  width: 14px;
  height: 10px;
  position: relative;
  top: 1px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .ReplyContact:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  margin-right: 6px;
  background: url(../../assets/images/reply-icons/reply-contact.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-text-message .location:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background: url(../../assets/images/reply-icons/location-icon-white.svg) no-repeat;
  background-size: contain;
  width: 12px;
  height: 14px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type {
  min-height: 2.65em;
  margin-left: 0.625em;
  overflow: hidden;
  min-width: 38px;
  align-self: stretch;
  width: 3.438em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image {
  max-width: 4em;
  max-height: 4em;
  object-fit: cover;
  object-position: center;
  text-align: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i {
  height: 2.125em;
  line-height: 2.125em;
  vertical-align: middle;
  cursor: default;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.doc-icon img {
  width: 1.3em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.doc-icon svg {
  width: 2.375em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.rec-icon svg {
  width: 1.875em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.vcard-icon svg {
  width: 2.25em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon svg {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon svg path {
  fill: #767676;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon-record {
  width: 1.875em;
  height: 1.875em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image i.audio-icon-record svg {
  width: 1.875em;
  height: 1.875em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption {
  height: 2.83em;
  max-height: 2.83em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption .message-location {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption img, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-image.no-caption a {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-play {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.49);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type .webchat-conver-play svg {
  width: 0.625em;
  height: 0.625em;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type.audio {
  background-color: #FEAD29 !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-container .reply-message-type.audio svg path {
  fill: #fff !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-message span {
  font-size: 0.8125rem;
  font-family: var(--regular);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 100%;
  padding: 0.375em 0.625em 0.125em 0.375em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .reply-block .reply-message span.reply-text {
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group {
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group ul + span,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group ul > span {
  display: none;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group ul li {
  margin-bottom: 0.313em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group ul {
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group .image-caption,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group .message-time {
  opacity: 1;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped {
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
  width: auto;
  position: relative;
  background: var(--mf-theme-color);
  padding: 0.063em 0.063em 1em 0.063em;
  -webkit-border-radius: 10px 10px 0em 10px;
  -moz-border-radius: 10px 10px 0em 10px;
  -ms-border-radius: 10px 10px 0em 10px;
  border-radius: 10px 10px 0em 10px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: 11.625em;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .receiver,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .sender {
  min-width: 5.813em !important;
  height: 5.938em !important;
  max-width: 5.813em !important;
  max-height: 5.938em !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .receiver.image-block,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .sender.image-block {
  padding: 0.125em;
  margin-bottom: -5px;
  margin-right: -1px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .receiver .image-message,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .sender .image-message {
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .receiver .image-message .duration,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .sender .image-message .duration {
  top: 3px;
  right: 6px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .receiver .image-message .duration i,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .sender .image-message .duration i {
  width: 12px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .image-caption,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .message-time {
  display: none !important;
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul .message-group-count {
  cursor: pointer;
  display: block;
  opacity: 1;
  -webkit-transition: 0.6s all ease;
  -moz-transition: 0.6s all ease;
  -o-transition: 0.6s all ease;
  -ms-transition: 0.6s all ease;
  transition: 0.6s all ease;
  position: absolute;
  z-index: 2;
  bottom: 16%;
  right: 16%;
  transform: translate(-16%, -84%);
  -webkit-transform: translate(-16%, -84%);
  -moz-transform: translate(-16%, -84%);
  -o-transform: translate(-16%, -84%);
  -ms-transform: translate(-16%, -84%);
  color: var(--white);
  font-size: 1.125rem;
  font-family: var(--medium);
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul li:nth-of-type(4) {
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul li:nth-of-type(4) .image-message:before {
  cursor: pointer;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 6, 0.6);
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  z-index: 1;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped ul li:nth-of-type(4) ~ li {
  opacity: 0;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  display: none;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped .msg-sent-time {
  font-family: var(--light);
  font-size: 0.525rem;
  line-height: 110%;
  letter-spacing: 0px;
  vertical-align: middle;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .message-group.grouped .message-time {
  display: block;
  opacity: 1;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -ms-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #b6caff;
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message {
  border-radius: 0.5625em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message .message-time {
  right: 0.3em !important;
  bottom: 0.5em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message .file-caption, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message .file-caption {
  display: inline-block;
  max-width: 29.5em;
  font-size: 0.7125rem;
  font-family: SFUIDisplayRegular, sans-serif;
  color: #313131;
  word-break: break-word;
  white-space: pre-wrap;
  padding: 0 0.25em 0.25em 0.4em;
  margin-top: 0.188em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message .file-caption:after, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message .file-caption:after {
  padding-right: 3.7em;
  content: "";
  height: 1px;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .document-message .message-dropdown i, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .file-message .message-dropdown i {
  height: 1.3em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .audio-message .message-time {
  bottom: 0.35em !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row {
  padding: 0 0.938em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .forwardLabel,
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .selectForwardMessage {
  display: none !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .messageSelected {
  background: transparent !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer {
  padding: 0.875em 0em;
  overflow: hidden auto;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0784313725);
  height: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .chat-list-ul {
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer label {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  color: var(--mf-secondary-dark);
  font-size: 0.9375rem;
  font-family: var(--semibold);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input {
  position: absolute;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label i {
  width: 1.5em;
  height: 1.5em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 0.5em;
  transition: all linear 300ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label i svg {
  width: 1.5em;
  height: 1.5em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label .CloseMessageInfoDetails {
  opacity: 0;
  display: none;
  transition: all linear 300ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label .OpenMessageInfoDetails {
  opacity: 1;
  display: inline-block;
  transition: all linear 300ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input:checked + label .OpenMessageInfoDetails {
  opacity: 0;
  display: none;
  transition: all linear 300ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input:checked + label .CloseMessageInfoDetails {
  opacity: 1;
  transition: all linear 300ms;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label + div {
  opacity: 0;
  overflow: hidden;
  height: 0;
  transition: all linear 200ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label + div i,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input + label + div img {
  cursor: default;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer input:checked + label + div {
  opacity: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  transition: all linear 200ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer {
  padding: 1.438em 0.625em;
  box-shadow: 0em 0.188em 0.375em rgba(0, 0, 0, 0.1019607843);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul {
  padding-top: 1em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.45em 1.125em 0.45em 1.125em;
  border-bottom: 0.5px solid var(--mf-border-common);
  cursor: pointer;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li:active,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li:active {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li:hover,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li:hover {
  background-color: var(--mf-list-hover-bg);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .profile-image,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .profile-image {
  position: relative !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .profile-image i,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .profile-image i {
  position: absolute;
  right: -0.5em;
  bottom: -0.188em;
  width: 1.188em;
  height: 1.188em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .profile-image .image,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .profile-image .image img,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .profile-image .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .profile-image .img-placeholder,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .profile-image .img-placeholder {
  background-size: contain;
  position: relative;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recentchats,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recentchats {
  max-width: calc(100% - 50px);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.938em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username h3,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.795rem;
  font-family: var(--semibold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 1.3em;
  letter-spacing: 0.3px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recent-message-block,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recent-message-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recent-message-block > span,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recent-message-block > span {
  max-width: 90%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recent-message-block .status-text,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recent-message-block .status-text {
  margin-top: 0.22em;
  display: inline-block;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recent-message-block span,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recent-message-block span {
  max-width: 100%;
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.417em;
  color: #73777e;
  letter-spacing: 0.2px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .recent-message-block span .em,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .recent-message-block span .em {
  margin-right: 0;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked h3,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .checkbox,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked label,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i svg,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i svg path,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info span,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .username,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .recent-message-block, .mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked .recent-username-block,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .recent-message-block,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none label,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .Unblock,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li .Unblock:hover,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked {
  background-color: var(--bg-blocked) !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked h3,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none label,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li {
  cursor: default;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .chat-list-ul .chat-list-li:hover,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .chat-list-ul .chat-list-li:hover {
  background: none;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .heading,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .heading {
  color: #383636;
  font-size: 0.9375rem;
  padding: 0 1.875em;
  font-family: var(--semibold);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .readByDetailsContainer .status,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .deliveredDetailsContainer .status {
  display: inline-block;
  margin-top: 1.063em;
  padding: 0 2.4em;
  color: #383636;
  font-size: 0.75rem;
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .emptyDelivered,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .emptyDelivered {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .emptyDelivered i,
.mirrorfly-root .messageInfo .messageInfoContainer .infoContainer .emptyDelivered i {
  padding-top: 1.25em;
  width: 6.25em;
  height: auto;
}
.mirrorfly-root .blockedContainer {
  user-select: none;
  width: 100%;
  padding: 0.938em 1.25em;
  background: var(--mf-theme-color);
  text-align: center;
  display: inline-block;
  order: 2;
}
.mirrorfly-root .blockedContainer p {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .blockedContainer p i {
  cursor: default;
  width: 1.125em;
  height: 1.125em;
  margin-right: 13px;
}
.mirrorfly-root .blockedContainer p span {
  font-size: 0.875rem;
  color: var(--white);
}
.mirrorfly-root .blockedContainer p span > span {
  text-decoration: underline;
  margin-left: 5px;
  cursor: pointer;
}
.mirrorfly-root .blockedUserContainer {
  user-select: none;
  width: 100%;
  padding: 0.938em 1.25em;
  background: #fff;
  text-align: center;
  display: inline-block;
  order: 2;
}
.mirrorfly-root .blockedUserContainer p {
  font: normal normal 0.875rem/1.125rem var(--regular);
  letter-spacing: 0px;
  color: #565656;
}
.mirrorfly-root .settop {
  z-index: 2;
}
.mirrorfly-root .settop .message-dropdown-menu .message-dropdown i {
  visibility: visible;
  opacity: 1;
}
.mirrorfly-root .drop-right.sender-row .menu-dropdown {
  right: -30px;
}
.mirrorfly-root .sender.reply-block.contact-message.contact-message-group .contact-message-block {
  background-color: var(--white) !important;
}
.mirrorfly-root .sender.reply-block.document-message.document-message-group .document-message-block {
  background-color: var(--white) !important;
}
.mirrorfly-root .carousel-status {
  display: none !important;
}
.mirrorfly-root .btn-cancel {
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
}
.mirrorfly-root .btn-cancel:hover {
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.06), 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.mirrorfly-root span.sender-name + .contact-message-block {
  padding-top: 0.25em !important;
}
.mirrorfly-root .chatconversation-container .msg-content {
  position: relative;
  display: flex;
}
.mirrorfly-root .msg-content {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-shrink: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-basis: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.mirrorfly-root .message-containner {
  height: 100% !important;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  flex: 1 1 auto;
  overflow-y: auto;
}
.mirrorfly-root .message-containner::-webkit-scrollbar-track {
  background-color: transparent;
}
.mirrorfly-root .message-containner::-webkit-scrollbar-track:hover {
  background-color: var(--white);
}
.mirrorfly-root .message-containner::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid transparent;
}
.mirrorfly-root .message-containner::-webkit-scrollbar-thumb:hover {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
}
.mirrorfly-root .message-containner:hover::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid var(--white);
}
.mirrorfly-root .extraSpace {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 12px;
}
.mirrorfly-root footer {
  flex: none;
  order: 2;
}
.mirrorfly-root .support_container {
  flex: 0 0 auto;
}
.mirrorfly-root .txtTyping {
  color: var(--mf-theme-color) !important;
  font-size: 0.69rem !important;
  font-family: SFUIDisplayRegular, sans-serif;
  height: 1.5em !important;
  letter-spacing: 0.3px !important;
}
.mirrorfly-root .loading {
  position: relative;
}
.mirrorfly-root .loading:before {
  content: "";
  background: rgba(255, 255, 255, 0.5) url(../images/loader.svg) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  background-size: 40px;
}
.mirrorfly-root .mediaAttachCamera .camera-popup i.audioIcon {
  max-width: 2.875em;
}
.mirrorfly-root .action-permission .popup-body .label {
  font-size: 0.875em;
  font-family: SFUIDisplayMedium, sans-serif;
  color: #181818;
  line-height: 1.4em;
}
.mirrorfly-root .logosm {
  width: 100px;
  margin: 0.688em auto -1.2em;
}
.mirrorfly-root .CallingScreenWrapper .logosm {
  margin: -0.788em auto 0;
}
.mirrorfly-root .login-btn {
  margin-top: 10px;
  background-color: #4879f9 !important;
  color: #fff;
  height: 2.5em;
  border: none;
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  border-radius: 2px;
  cursor: pointer;
  outline: 0;
  min-width: 71px;
  padding: 0.063em 1em;
}
.mirrorfly-root .login-input {
  height: 2.5em;
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  padding: 0 0.714em;
  background-color: #f1f3f4;
  font-size: 0.875rem;
  font-family: SFUIDisplayRegular, sans-serif;
  color: #181818;
}
.mirrorfly-root .fileProgress {
  position: relative;
}
.mirrorfly-root .fileProgress .doc-download {
  visibility: hidden;
}
.mirrorfly-root .fileProgress img {
  background-image: none !important;
}
.mirrorfly-root .fileProgress .webchat-conver-image > img {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.mirrorfly-root .fileProgress .playbtn {
  display: none;
}
.mirrorfly-root .fileProgress .progressOverlay::before {
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(58, 58, 58, 0.18);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.mirrorfly-root .fileProgress .fileInprogess, .mirrorfly-root .fileProgress .loadingProgress, .mirrorfly-root .fileProgress .reLoadFile {
  user-select: none;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 2em;
  height: 2em;
  color: #fff;
  border-radius: 0.1875em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  box-shadow: 0 0 0.0625em 0.0625em #fff;
}
.mirrorfly-root .fileProgress .fileInprogess svg, .mirrorfly-root .fileProgress .loadingProgress svg, .mirrorfly-root .fileProgress .reLoadFile svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .fileProgress .fileInprogess .progressBar, .mirrorfly-root .fileProgress .loadingProgress .progressBar, .mirrorfly-root .fileProgress .reLoadFile .progressBar {
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 0.125em;
  background-color: #fff;
}
.mirrorfly-root .fileProgress .fileInprogess .progress-animate, .mirrorfly-root .fileProgress .loadingProgress .progress-animate, .mirrorfly-root .fileProgress .reLoadFile .progress-animate {
  animation: progress-loader 1.5s 1s infinite;
}
.mirrorfly-root .fileProgress .fileInprogess .active-progress, .mirrorfly-root .fileProgress .loadingProgress .active-progress, .mirrorfly-root .fileProgress .reLoadFile .active-progress {
  background-color: #00e24b !important;
}
.mirrorfly-root .fileProgress .fileInprogess.failed, .mirrorfly-root .fileProgress .loadingProgress.failed, .mirrorfly-root .fileProgress .reLoadFile.failed {
  width: auto !important;
}
.mirrorfly-root .fileProgress .fileInprogess.failed .failed-text, .mirrorfly-root .fileProgress .loadingProgress.failed .failed-text, .mirrorfly-root .fileProgress .reLoadFile.failed .failed-text {
  text-transform: none !important;
  margin: 0.625em !important;
  white-space: nowrap;
}
.mirrorfly-root .fileProgress .loadingProgress {
  overflow: hidden;
}
.mirrorfly-root .fileProgress .loadingProgress svg {
  color: rgba(51, 51, 51, 0.05);
}
.mirrorfly-root .fileProgress .loadingProgress.sync.right svg {
  transform: rotate(180deg);
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay > img {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .fileInprogess, .mirrorfly-root .fileProgress .image-message + .progressOverlay .reLoadFile {
  box-shadow: none !important;
  border: 1px solid transparent;
  background-color: rgba(0, 0, 0, 0.42);
  width: 4.5em;
  height: 1.9375em;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .fileInprogess svg, .mirrorfly-root .fileProgress .image-message + .progressOverlay .reLoadFile svg {
  width: 0.875em;
  height: 0.875em;
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .fileInprogess span, .mirrorfly-root .fileProgress .image-message + .progressOverlay .reLoadFile span {
  font: normal normal 0.625rem/100% SFUIDisplayMedium, sans-serif;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-left: 0.375em;
  margin-top: 0.1875em;
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .loadingProgress {
  box-shadow: none !important;
  background-color: rgba(0, 0, 0, 0.42);
  width: 4.5em;
  height: 1.9375em;
  overflow: hidden;
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .loadingProgress .progressBar {
  background-color: #fff;
}
.mirrorfly-root .fileProgress .image-message + .progressOverlay .loadingProgress.sync.right svg {
  transform: rotate(180deg);
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay::before {
  display: none;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay {
  position: relative;
  width: 2em;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay .loadingProgress, .mirrorfly-root .fileProgress.document-message-block .progressOverlay .fileInprogess {
  left: auto;
  right: 0.1em;
  transform: translate(0%, -50%);
  width: 1.5em;
  height: 1.5em;
  box-shadow: 0 0 0.0625em 0.0625em #082E8F;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay .loadingProgress svg, .mirrorfly-root .fileProgress.document-message-block .progressOverlay .fileInprogess svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay .reLoadFile {
  left: auto;
  right: 0.35em;
  transform: translate(0%, -50%);
  width: 1.5em;
  height: 1.5em;
  box-shadow: 0 0 0.0625em 0.0625em #082E8F;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay .reLoadFile svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .fileProgress.document-message-block .progressOverlay .reLoadFile span {
  display: none;
}
.mirrorfly-root .fileProgress.audio-message-container .loadingProgress {
  box-shadow: 0 0 0.0625em 0.0625em #082E8F;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay::before {
  display: none;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay .loadingProgress, .mirrorfly-root .fileProgress.audio-message-container .progressOverlay .fileInprogess {
  left: 2.8em;
  transform: translate(0%, -50%);
  width: 1.5em;
  height: 1.5em;
  margin-left: -0.15em;
  box-shadow: 0 0 0.0625em 0.0625em #082E8F;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay .loadingProgress svg, .mirrorfly-root .fileProgress.audio-message-container .progressOverlay .fileInprogess svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay .reLoadFile {
  margin-left: -0.3em;
  left: 2.9em;
  transform: translate(0%, -50%);
  width: 1.5em;
  height: 1.5em;
  box-shadow: 0 0 0.0625em 0.0625em #082E8F;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay .reLoadFile svg {
  width: 0.8em;
  height: 0.8em;
}
.mirrorfly-root .fileProgress.audio-message-container .progressOverlay .Retry {
  display: none;
}
.mirrorfly-root .fileProgress.audio-message-container .rhap_controls-section {
  visibility: hidden;
}
.mirrorfly-root .fileProgress .sendingFailed {
  background-color: #df3333;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
  position: absolute;
  pointer-events: none;
  width: 1em;
  height: 1em;
  left: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .progressOverlay::before, .mirrorfly-root .sender-row .document-message-block.fileProgress .progressOverlay::before {
  background: rgba(255, 255, 255, 0.32);
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .fileInprogess, .mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress, .mirrorfly-root .sender-row .audio-message-container.fileProgress .reLoadFile, .mirrorfly-root .sender-row .document-message-block.fileProgress .fileInprogess, .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress, .mirrorfly-root .sender-row .document-message-block.fileProgress .reLoadFile {
  box-shadow: 0 0 0.0625em 0.0625em #a3a3a3 !important;
  color: #959595;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .fileInprogess svg path:nth-child(2), .mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress svg path:nth-child(2), .mirrorfly-root .sender-row .audio-message-container.fileProgress .reLoadFile svg path:nth-child(2), .mirrorfly-root .sender-row .document-message-block.fileProgress .fileInprogess svg path:nth-child(2), .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress svg path:nth-child(2), .mirrorfly-root .sender-row .document-message-block.fileProgress .reLoadFile svg path:nth-child(2) {
  fill: #a3a3a3;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress svg, .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress svg {
  color: rgba(51, 51, 51, 0.05);
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress svg circle, .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress svg circle {
  stroke: #959595;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress svg .reLoadFile, .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress svg .reLoadFile {
  box-shadow: 0 0 0.0625em 0.0625em #a3a3a3 !important;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .loadingProgress svg .reLoadFile svg path:nth-child(2), .mirrorfly-root .sender-row .document-message-block.fileProgress .loadingProgress svg .reLoadFile svg path:nth-child(2) {
  fill: #a3a3a3;
}
.mirrorfly-root .sender-row .audio-message-container.fileProgress .progressBar, .mirrorfly-root .sender-row .document-message-block.fileProgress .progressBar {
  background-color: #a3a3a3;
}
.mirrorfly-root .sender-row .audio-message-container .reLoadFile svg, .mirrorfly-root .sender-row .document-message-block .reLoadFile svg {
  transform: rotate(180deg);
}
@keyframes progress-loader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes loader-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mirrorfly-root .sender-row .loadingProgress svg {
  transform: rotate(180deg);
}
.mirrorfly-root .sender-row .progressOverlay .reLoadFile svg {
  transform: rotate(180deg);
}
.mirrorfly-root .sender-row.has-caption .image-block .starredIcon svg path {
  fill: var(--mf-send-message-time) !important;
}
.mirrorfly-root .uploadfileinput {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -9999;
}
@keyframes loader-spin1 {
  100% {
    transform: rotate(1turn);
  }
}
@keyframes loader-spin2 {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.mirrorfly-root .uploading {
  display: none;
}
.mirrorfly-root .processing .uploading {
  display: block;
}
.mirrorfly-root .audio-message-container .uploading, .mirrorfly-root .sender-text-group .uploading {
  top: -0.3em !important;
}
.mirrorfly-root .image-block .processing .uploading, .mirrorfly-root .document-message .processing .uploading, .mirrorfly-root .audio-message .processing .uploading {
  position: relative;
  top: -0.45em;
}
.mirrorfly-root .chat-list-ul .image.img-group .img,
.mirrorfly-root .chat-list-ul .image.img-group img {
  position: absolute;
  width: 1.3125rem;
  height: 1.3125rem;
}
.mirrorfly-root .chat-list-ul .mem-1 .img,
.mirrorfly-root .chat-list-ul .mem-1 .img img {
  position: static;
  height: 2.688em;
  width: 2.688em;
  border-radius: 50%;
}
.mirrorfly-root .chat-list-ul .mem-4 .img:nth-child(1) {
  left: 0;
  top: 0;
}
.mirrorfly-root .chat-list-ul .mem-4 .img:nth-child(2) {
  right: 0;
  top: 0;
}
.mirrorfly-root .chat-list-ul .mem-4 .img:nth-child(3) {
  left: 0;
  bottom: 0;
}
.mirrorfly-root .chat-list-ul .mem-4 .img:nth-child(4) {
  right: 0;
  bottom: 0;
}
.mirrorfly-root .chat-list-ul .mem-3 .img:nth-child(1) {
  left: 0;
  top: 0.0625rem;
}
.mirrorfly-root .chat-list-ul .mem-3 .img:nth-child(2) {
  right: 0;
  top: 0.0625rem;
}
.mirrorfly-root .chat-list-ul .mem-3 .img:nth-child(3) {
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.0625rem;
}
.mirrorfly-root .chat-list-ul .mem-3 .img:nth-child(4) {
  display: none;
}
.mirrorfly-root .chat-list-ul .mem-2 .img,
.mirrorfly-root .chat-list-ul .mem-2 img {
  width: 1.5rem;
  height: 1.5rem;
}
.mirrorfly-root .chat-list-ul .mem-2 .img:nth-child(1) {
  left: 0;
  top: 0.0625rem;
}
.mirrorfly-root .chat-list-ul .mem-2 .img:nth-child(2) {
  right: 0;
  bottom: 0.0625rem;
}
.mirrorfly-root .chat-list-ul .mem-2 .img:nth-child(3),
.mirrorfly-root .chat-list-ul .mem-2 .img:nth-child(4) {
  display: none;
}
.mirrorfly-root .chat-list-ul .overlay-text {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-radius: 50%;
  color: #fff;
  font-size: 0.625rem;
  font-family: var(--Light);
  line-height: 1.3125rem;
  text-align: center;
  right: 0;
  bottom: 0;
}
.mirrorfly-root .calleeProfilesList {
  margin-top: 4.375em;
  display: flex;
  justify-content: center;
}
.mirrorfly-root .calleeProfilesList .calleeProfiles {
  width: 4.125em;
  height: 4.125em;
  margin: 0.15em;
}
.mirrorfly-root .calleeProfilesList .calleeProfiles img {
  object-position: center;
  object-fit: cover;
  border-radius: 50%;
  cursor: default;
}
.mirrorfly-root .calleeProfilesList .calleeProfiles .moreText {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font: normal normal 1.375rem/100% var(--medium);
  letter-spacing: 0px;
  color: #12233E;
  background-color: #FFFFFF;
  border-radius: 50%;
}
.mirrorfly-root .singleFile .image-message:after {
  opacity: 1 !important;
  background: linear-gradient(150deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.6));
  width: 6.5em;
  left: auto;
  right: -0.375em;
  height: 3.5em;
}
.mirrorfly-root .singleFile .message-time {
  color: var(--mf-rev-message-time) !important;
  bottom: 0.8em !important;
  right: 0.7em !important;
  z-index: 1;
}
.mirrorfly-root .singleFile.location-message .message-location:after {
  opacity: 1 !important;
  background: linear-gradient(150deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.3) 63%, rgba(0, 0, 0, 0.6));
  width: 6.5em;
  left: auto;
  right: -0.2em;
  height: 3.5em;
}
.mirrorfly-root .singleFile .message-location {
  overflow: hidden;
  border-radius: 0.313em;
}
.mirrorfly-root .Toastify__toast {
  padding: 10px 10px 14px 20px !important;
}
.mirrorfly-root .Toastify__toast-body {
  font-family: var(--medium) !important;
  font-size: 16px;
  line-height: 19px;
  padding-right: 10px;
}
.mirrorfly-root .Toastify__close-button {
  background: transparent url(../images/close-white.svg) no-repeat !important;
  color: transparent !important;
  background-position: 0px !important;
  background-size: 1.4em !important;
  width: 1.4em;
}
.mirrorfly-root .buffer-loader {
  background: url(../images/loader.svg) no-repeat center center;
  background-size: 2.125em;
}
.mirrorfly-root .InBottom {
  padding: 3px;
}
.mirrorfly-root .loader-text {
  font-size: 0.8125rem;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
.mirrorfly-root .v-hidden {
  visibility: hidden;
}
.mirrorfly-root .img-load .spiner {
  display: none;
}
.mirrorfly-root .img-load .image-load + .spiner {
  display: block;
}
.mirrorfly-root .Viewphoto-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 65%;
  height: 80%;
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview img {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview .preview-close {
  position: absolute;
  top: 20px;
  right: 40px;
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview .preview-close svg {
  width: 1.5em !important;
  height: 1.5em !important;
}
.mirrorfly-root .removephoto-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.mirrorfly-root .removephoto-popup .removephoto-label label {
  font-size: 0.9375rem;
  font-family: var(--semibold);
  color: var(--mf-secondary-dark);
}
.mirrorfly-root .removephoto-popup .removephoto-noteinfo {
  margin-top: 1.875em;
  text-align: right;
}
.mirrorfly-root .removephoto-popup .removephoto-noteinfo button {
  margin-left: 0.625em;
  background-color: #e5e5e5;
  color: #818181;
  cursor: pointer;
  text-align: center;
  min-width: 60px;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  letter-spacing: 0px;
  transition: 200ms linear;
}
.mirrorfly-root .removephoto-popup .removephoto-noteinfo button.btn-removephoto {
  background-color: var(--mf-theme-color);
  color: #fff;
}
.mirrorfly-root .Viewphoto-container,
.mirrorfly-root .camera-container,
.mirrorfly-root .removephoto-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview,
.mirrorfly-root .camera-container .Viewphoto-preview,
.mirrorfly-root .removephoto-container .Viewphoto-preview {
  max-width: 65%;
  height: 80%;
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview img,
.mirrorfly-root .camera-container .Viewphoto-preview img,
.mirrorfly-root .removephoto-container .Viewphoto-preview img {
  width: 100% !important;
  height: 100% !important;
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  object-fit: contain;
  object-position: center;
}
.mirrorfly-root .Viewphoto-container .Viewphoto-preview .preview-close,
.mirrorfly-root .camera-container .Viewphoto-preview .preview-close,
.mirrorfly-root .removephoto-container .Viewphoto-preview .preview-close {
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  top: 1.25em;
  right: 2.5em;
}
.mirrorfly-root .Viewphoto-container .camera-popup,
.mirrorfly-root .camera-container .camera-popup,
.mirrorfly-root .removephoto-container .camera-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.mirrorfly-root .Viewphoto-container .camera-popup h4,
.mirrorfly-root .camera-container .camera-popup h4,
.mirrorfly-root .removephoto-container .camera-popup h4 {
  text-align: center;
  font-size: 1rem;
  color: var(--mf-theme-color);
  font-family: var(--bold);
}
.mirrorfly-root .Viewphoto-container .camera-popup i,
.mirrorfly-root .camera-container .camera-popup i,
.mirrorfly-root .removephoto-container .camera-popup i {
  max-width: 4.875em;
  margin: 0 auto;
  display: block;
  margin-top: 0.938em;
}
.mirrorfly-root .Viewphoto-container .camera-popup p,
.mirrorfly-root .camera-container .camera-popup p,
.mirrorfly-root .removephoto-container .camera-popup p {
  text-align: left;
  font-size: 0.875rem;
  color: #767676;
  font-family: var(--semibold);
  margin-top: 0.938em;
}
.mirrorfly-root .Viewphoto-container .camera-popup .popup-controls,
.mirrorfly-root .camera-container .camera-popup .popup-controls,
.mirrorfly-root .removephoto-container .camera-popup .popup-controls {
  text-align: right;
}
.mirrorfly-root .Viewphoto-container .camera-popup .popup-controls img,
.mirrorfly-root .camera-container .camera-popup .popup-controls img,
.mirrorfly-root .removephoto-container .camera-popup .popup-controls img {
  background: none;
}
.mirrorfly-root .Viewphoto-container .camera-popup .popup-controls button,
.mirrorfly-root .camera-container .camera-popup .popup-controls button,
.mirrorfly-root .removephoto-container .camera-popup .popup-controls button {
  margin-left: 0.625em;
  background-color: var(--mf-theme-color);
  color: var(--white);
  margin-top: 0.938em;
  text-align: center;
  min-width: 60px;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  cursor: pointer;
  transition: 200ms linear;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible,
.mirrorfly-root .camera-container .camera-popup-visible,
.mirrorfly-root .removephoto-container .camera-popup-visible {
  width: 28.125em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .userprofile-header,
.mirrorfly-root .camera-container .camera-popup-visible .userprofile-header,
.mirrorfly-root .removephoto-container .camera-popup-visible .userprofile-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--mf-bgc-userprofile-header);
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  border-bottom: none;
  padding: 0.813em 2.813em 0.813em 1.25em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .userprofile-header i,
.mirrorfly-root .camera-container .camera-popup-visible .userprofile-header i,
.mirrorfly-root .removephoto-container .camera-popup-visible .userprofile-header i {
  height: 1.5em;
  width: 1.5em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .userprofile-header i svg,
.mirrorfly-root .camera-container .camera-popup-visible .userprofile-header i svg,
.mirrorfly-root .removephoto-container .camera-popup-visible .userprofile-header i svg {
  fill: #fff;
  color: #fff;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .userprofile-header h5,
.mirrorfly-root .camera-container .camera-popup-visible .userprofile-header h5,
.mirrorfly-root .removephoto-container .camera-popup-visible .userprofile-header h5 {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.25rem;
  font-family: var(--medium);
  color: var(--white);
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > img,
.mirrorfly-root .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > video,
.mirrorfly-root .camera-container .camera-popup-visible .react-html5-camera-photo > img,
.mirrorfly-root .camera-container .camera-popup-visible .react-html5-camera-photo > video,
.mirrorfly-root .removephoto-container .camera-popup-visible .react-html5-camera-photo > img,
.mirrorfly-root .removephoto-container .camera-popup-visible .react-html5-camera-photo > video {
  width: 100%;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview img.camera-pic,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview img.camera-pic,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview img.camera-pic {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview img,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview img,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview img {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary {
  width: 100% !important;
  height: 18.813em !important;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 13.75em;
  height: 13.75em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap {
  margin: 1.2em 0px 0px 1em;
  width: 66%;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider {
  opacity: 1;
  position: static;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  cursor: pointer;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo {
  overflow: hidden;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video {
  width: 100%;
  margin-bottom: -0.375em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo #inner-circle {
  cursor: pointer;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .cameraview .loader,
.mirrorfly-root .camera-container .camera-popup-visible .cameraview .loader,
.mirrorfly-root .removephoto-container .camera-popup-visible .cameraview .loader {
  position: absolute;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .popup-controls,
.mirrorfly-root .camera-container .camera-popup-visible .popup-controls,
.mirrorfly-root .removephoto-container .camera-popup-visible .popup-controls {
  text-align: right;
  padding: 0em 1em 0 0;
  width: 30%;
  float: right;
  position: relative;
  top: -1.938em;
  margin-bottom: -1.75em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .popup-controls img,
.mirrorfly-root .camera-container .camera-popup-visible .popup-controls img,
.mirrorfly-root .removephoto-container .camera-popup-visible .popup-controls img {
  background: none;
  height: 2.438em;
  width: 2.438em;
}
.mirrorfly-root .Viewphoto-container .camera-popup-visible .popup-controls i,
.mirrorfly-root .camera-container .camera-popup-visible .popup-controls i,
.mirrorfly-root .removephoto-container .camera-popup-visible .popup-controls i {
  height: 2.438em;
  width: 2.438em;
  margin-left: 0.938em;
}
.mirrorfly-root .callButton {
  cursor: pointer;
  height: 3.5em;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: var(--mf-theme-color);
  transition: 200ms linear;
}
.mirrorfly-root .callButton i {
  margin-right: 0.5em;
  height: 1em;
  width: 1em;
}
.mirrorfly-root .callButton:hover {
  background: var(--mf-theme-color-dark);
  transition: 200ms linear;
}
.mirrorfly-root #ProfileUpload {
  opacity: 0;
}
.mirrorfly-root .imageSelect {
  width: 0;
  height: 0;
  opacity: 0;
}
.mirrorfly-root .AdditionalOption {
  position: absolute;
  right: 0;
}
.mirrorfly-root .text-italic {
  font-style: italic;
}
.mirrorfly-root .svgProfile {
  user-select: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.mirrorfly-root .svgProfile > svg {
  position: static !important;
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .svgProfile text {
  font-family: var(--medium);
}
.mirrorfly-root .starMenu {
  padding: 0.625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  cursor: pointer;
}
.mirrorfly-root .translated {
  display: block;
  border-left: 0.1875em solid #BABDC4;
  padding: 0.5em;
  margin-top: 0.25em;
  margin-bottom: 0.9375em;
  background: #f8f8f8;
  line-height: 130% !important;
  margin-left: -0.6em;
  width: calc(100% + 0.875em);
  color: #313131;
}
.mirrorfly-root .image-caption .translated {
  margin-left: -0.3em;
  width: calc(100% + 0.6em);
  margin-bottom: 1.3em;
}
.mirrorfly-root .box-center {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .h-full {
  height: 100%;
}
.mirrorfly-root .w-full {
  width: 100%;
}
.mirrorfly-root .flex-auto {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mirrorfly-root [data-msg-type=text] .sender .message-dropdown-menu.drop-lg {
  min-height: 1.55em !important;
  height: 100%;
  max-height: 4em;
  border-top-right-radius: 0.4rem;
}
.mirrorfly-root [data-msg-type=text] .sender .message-dropdown-menu.drop-lg .message-dropdown {
  overflow: hidden;
  height: 100% !important;
}
.mirrorfly-root [data-msg-type=text] .sender .message-dropdown-menu.drop-lg .message-dropdown i {
  height: 100% !important;
  max-height: 2.7em;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.4));
}
.mirrorfly-root [data-msg-type=image] .sender .message-dropdown-menu.drop-lg, .mirrorfly-root [data-msg-type=video] .sender .message-dropdown-menu.drop-lg {
  height: 100% !important;
  max-height: 4em;
}
.mirrorfly-root [data-msg-type=image] .sender .message-dropdown-menu.drop-lg .message-dropdown, .mirrorfly-root [data-msg-type=video] .sender .message-dropdown-menu.drop-lg .message-dropdown {
  height: 100% !important;
}
.mirrorfly-root [data-msg-type=image] .sender .message-dropdown-menu.drop-lg .message-dropdown i, .mirrorfly-root [data-msg-type=video] .sender .message-dropdown-menu.drop-lg .message-dropdown i {
  height: 100% !important;
  background: linear-gradient(39deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.2) 61%, rgba(0, 0, 0, 0.4));
}
.mirrorfly-root .archivedWrapper {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.125em;
  border-bottom: 0.5px solid var(--mf-border-common);
  cursor: pointer;
}
.mirrorfly-root .archivedWrapper > .archivedInner {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mirrorfly-root .archivedWrapper > .archivedInner i {
  width: 2.688em;
  height: 2.688em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .archivedWrapper > .archivedInner i svg {
  width: 1em;
  height: 1em;
}
.mirrorfly-root .archivedWrapper > .archivedInner span {
  flex: 1 1;
  padding-left: 1.4em;
  font-size: 0.75rem;
  color: #181818;
  font-family: var(--regular);
}
.mirrorfly-root .archivedWrapper .count {
  color: var(--mf-theme-color);
  font-size: 0.75rem;
}
.mirrorfly-root .recentDrop {
  position: relative;
}
.mirrorfly-root .recentDrop .menu-dropdown {
  top: 0;
}
.mirrorfly-root .recentDrop i {
  color: #6A92C5;
}
.mirrorfly-root .recentDrop i svg {
  fill: #6A92C5;
}
.mirrorfly-root .text-disbaled {
  line-height: 1.25rem;
  color: rgba(0, 0, 0, 0.0045);
  font-size: 0.675rem;
  font-family: var(--medium);
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}
.mirrorfly-root .text-disbaled svg {
  width: 1em;
  height: auto;
  margin-right: 0.4em;
  margin-left: 0.4em;
}
.mirrorfly-root .text-disbaled svg circle {
  fill: rgba(0, 0, 0, 0.0045);
}
.mirrorfly-root .meetinglink {
  cursor: pointer;
  padding: 0 !important;
  max-width: 14.5em !important;
  width: auto;
}
.mirrorfly-root .meetinglink .sender-name {
  left: 0 !important;
  padding-left: 0.4em;
  margin-bottom: -0.625em;
}
.mirrorfly-root .meetinglink .translated {
  width: 100%;
  margin: 0;
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: SFUIDisplayRegular, sans-serif;
  letter-spacing: 0.3px;
}
.mirrorfly-root .meetinglink.receiver {
  --bg_meeting_desc:#2C77D1;
  --clr_meeting_ink:#FFFFFFAB;
  --clr_meeting_link_detail:#fff;
  --clr_meeting_link_color:#fff;
  --fill_call_icon:rgba(255,255,255,0.64);
}
.mirrorfly-root .meetinglink.sender {
  --bg_meeting_desc:#efefef;
  --clr_meeting_ink:#959595;
  --clr_meeting_link_detail:#313131;
  --clr_meeting_link_color:#4879F9;
  --fill_call_icon:#c2c2c2;
}
.mirrorfly-root .meetinglink .message_meeting_link {
  user-select: text;
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.5em;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share {
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  border: none;
  outline: none;
  width: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_link_detail {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.6em 0.6em 0.4em 0.6em;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_link_detail .meeting_ink {
  width: 100%;
  font: normal normal 0.75rem/120% var(--regular);
  text-decoration: underline;
  letter-spacing: 0px;
  color: var(--clr_meeting_link_color);
  margin-bottom: 0.125em;
  padding-right: 1.25rem;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_link_detail .Meeting_dail {
  font: normal normal 0.75rem/150% var(--regular);
  color: var(--clr_meeting_ink);
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc {
  user-select: none;
  width: 100%;
  padding: 0.2em 0.6em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  background: var(--bg_meeting_desc);
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc .call_details {
  margin-left: 0.3em;
  color: var(--clr_meeting_link_detail);
  font: normal normal 0.75rem/100% var(--regular);
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc .call_icon {
  width: 1.625em;
  height: 1em;
  margin-left: auto;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc .call_icon svg path {
  fill: var(--fill_call_icon);
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc img {
  padding: 0.0625em;
  width: 1.5625em;
  height: 1.5625em;
  object-fit: contain;
  object-position: center;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .company_detais {
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 0.6em 0.75em;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .company_detais img {
  padding: 0.0625em;
  width: 2em;
  height: 2em;
  object-fit: contain;
  object-position: center;
}
.mirrorfly-root .meetinglink .message_meeting_link .meetingL_link_share .company_detais span {
  color: var(--clr_meeting_link_detail);
  font: normal normal 0.75rem/100% var(--regular);
}
.mirrorfly-root .meetinglink.reply-block .meetingL_link_share {
  margin: -0.2em -0.3em 0;
  width: calc(100% + 0.6em);
}
.mirrorfly-root .meetinglink.reply-block .sender-name {
  padding-left: 0 !important;
  margin: 0;
}
.mirrorfly-root .page-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background-color: rgba(4, 4, 4, 0.341);
  z-index: 100;
}
.mirrorfly-root .page-loader img {
  width: 100px;
  height: 100px;
}
.mirrorfly-root .toast_container {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}
.mirrorfly-root .toast_container span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 13.625rem;
  height: 2.5625rem;
  background: #E3E3E3;
  border-radius: 1.0625rem;
  text-align: center;
  font: normal normal 0.8125rem/0.9375rem var(--medium);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
}
.mirrorfly-root .user_verified {
  margin-left: 0.25em;
  width: 0.75em;
  height: 0.75em;
  line-height: 0;
}
.mirrorfly-root .user_verified svg {
  width: 0.75em;
  height: 0.75em;
}
.mirrorfly-root .pointer-default-all {
  cursor: default !important;
}
.mirrorfly-root .pointer-default-all > * {
  cursor: default !important;
}
.mirrorfly-root .pointer-default-all .callType {
  cursor: default !important;
  opacity: 0.5;
}
.mirrorfly-root .pointer-default-all:hover {
  background: transparent !important;
}
.mirrorfly-root .response_loader {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  position: absolute;
  background-color: var(--white);
  left: 0;
  top: 0;
  height: 100%;
}
.mirrorfly-root .response_loader.style-2 {
  background: rgba(0, 0, 0, 0.062745098);
  z-index: 2;
  cursor: wait;
}
.mirrorfly-root .response_loader.style-2 svg, .mirrorfly-root .response_loader.style-2 img {
  width: 60px !important;
  height: 60px !important;
  position: relative;
  z-index: 3;
  cursor: wait;
}

.MediaInDetails {
  position: absolute;
  width: 22.813em;
  top: 0;
  bottom: 0;
  background: #FFFFFF;
}
.MediaInDetails .tabs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.MediaInDetails .tabs li {
  padding: 0 0.625em 0.625em;
  font: normal normal 1rem/120% var(--semibold);
  letter-spacing: 0px;
  color: #FFFFFF;
  cursor: pointer;
  border-bottom: 0.25em solid transparent;
}
.MediaInDetails .tabs li.active {
  border-bottom-color: #fff;
}
.MediaInDetails .contactinfo-header {
  padding-bottom: 0 !important;
  align-items: flex-end !important;
  height: 5.5625em !important;
}
.MediaInDetails .contactinfo-header .backtoInfo {
  position: absolute;
  left: 0.5625em;
  top: 1.3em;
}
.MediaInDetails .MediaDetails {
  width: 100%;
  height: calc(var(--maxParentheight) - 5.5625em);
  overflow-y: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #767676;
  font: normal normal 0.875rem/120% var(--medium);
}
.MediaInDetails .MediaDetails .MediaImage {
  width: 100%;
  height: 100%;
  padding: 1.5625em;
}
.MediaInDetails .MediaDetails .MediaImage ul {
  display: flex;
  flex-wrap: wrap;
}
.MediaInDetails .MediaDetails .MediaImage ul li {
  width: 33.33%;
  padding: 0.25em;
}

.singleChat .audio-message .audio-message-container {
  margin: 0 0 0.1875rem 0;
}

.join_meeting_wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  min-width: 100vw;
  background: var(--white);
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.join_meeting_wrapper .optionButton {
  width: 100%;
  height: 3.438em;
  transition: top 0.3s ease-in;
}
.join_meeting_wrapper .optionButton .BackToChat {
  position: relative;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  margin-left: 1.5625em;
}
.join_meeting_wrapper .optionButton .BackToChat .backIcon {
  position: relative;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.join_meeting_wrapper .optionButton .BackToChat .backIcon > svg {
  width: 1.25em;
  height: 0.938em;
}
.join_meeting_wrapper .optionButton .BackToChat .backIcon:hover .toggleAnimation {
  background: rgba(0, 0, 0, 0.1);
  opacity: 1;
  width: 2.125em;
  height: 2.125em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  z-index: -1;
}
.join_meeting_wrapper .meeting_video_container {
  display: flex;
  padding-left: 1.0625rem;
  align-items: center;
  flex: 1 1 100%;
  height: calc(100% - 3.438em);
  margin: 0px auto;
  justify-content: center;
}
.join_meeting_wrapper .meeting_video_container .m_video_container_wrapper {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 3.438em;
  width: 100%;
  max-width: 804px;
}
.join_meeting_wrapper .meeting_video_container .m_video_container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  max-height: 28.3125em;
  height: 100%;
  width: 100%;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container {
  margin: 0 auto;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-border-radius: 0.375em;
  -moz-border-radius: 0.375em;
  -ms-border-radius: 0.375em;
  border-radius: 0.375em;
  background-color: var(--bgc-call-default);
  max-height: 100%;
  height: 420px;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 90%);
  z-index: 1;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container img, .join_meeting_wrapper .meeting_video_container .m_video_container .video_container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action {
  position: absolute;
  display: flex;
  bottom: 1.75em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button {
  min-width: 38px;
  min-height: 38px;
  width: 2.375em;
  height: 2.375em;
  background: #fff;
  border-radius: 50%;
  outline: none;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button.mute {
  background: rgba(255, 255, 255, 0.3) !important;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button.mute i svg {
  fill: var(--white);
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button i {
  width: auto;
  height: 0.9375em;
  min-height: 15px;
  display: flex;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button i svg {
  width: 100%;
  height: 100%;
  fill: #1b64d8;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button i.videoBtn {
  min-width: 15px;
  width: 0.9375em;
  height: auto;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button i.videoBtn svg {
  min-width: 15px;
  width: 0.9375em;
  height: auto;
  color: #1b64d8;
  min-height: 14px;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button:not(:last-child) {
  margin-right: 1em;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button.videoBtnAction {
  background: var(--white);
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button.videoBtnAction .not-allowed {
  cursor: not-allowed;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .m_call_action button.videoBtnAction .not-allowed svg {
  cursor: not-allowed;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .alert-badge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  justify-content: center;
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  margin-top: 1.6875em;
  z-index: 1;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .alert-badge .badge-list {
  text-align: center;
  min-width: 166px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  padding: 0.625em 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  font: normal normal 0.8125rem/100% var(--medium);
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom: 0.375em;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .alert-badge .badge-list svg {
  fill: #fff;
  max-width: 0.875em;
  max-height: 0.9375em;
  margin-right: 0.375em;
}
.join_meeting_wrapper .meeting_video_container .m_video_container .video_container .alert-badge .badge-list.videoOn {
  background: rgba(0, 0, 0, 0.3);
}
.join_meeting_wrapper .CameraOffAlert {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  justify-content: center;
  display: flex;
  white-space: nowrap;
  align-items: center;
  font: normal normal 25px/65px var(--medium);
  letter-spacing: 0px;
  color: #FFFFFF;
}
.join_meeting_wrapper .m_participant_wrapper {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1.0625em 3.438em;
  min-width: 350px;
  flex: 0 0 448px;
  margin: 0 127px;
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details h2 {
  text-align: center;
  font: normal normal 25px/30px var(--semibold);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details .brand_logo {
  max-width: 11.75em;
  padding-bottom: 20px;
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details .brand_logo img {
  cursor: default;
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details .action-btns {
  display: flex;
}
.join_meeting_wrapper .m_participant_wrapper .m_participant_details .action-btns button + button {
  margin-left: 10px;
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list {
  display: flex;
  margin: 1.875em 0 0.875em;
  font-size: 1rem;
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .participant, .join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .calleeProfiles {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .participant:not(:last-child), .join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .calleeProfiles:not(:last-child) {
  margin-right: 0.375em;
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .participant img, .join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .calleeProfiles img {
  cursor: default;
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .participant-count {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--white);
  letter-spacing: 0px;
  color: #12233e;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper .meeting_participant_list .participant-count span {
  font: normal normal 22px/100% var(--medium);
}
.join_meeting_wrapper .m_participant_wrapper .Meeting_join {
  margin-top: 1.25em;
  width: 7.25em;
  height: 2.875em;
  background: #3276E2;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  -ms-border-radius: 26px;
  border-radius: 26px;
  border: none;
  outline: none;
  min-width: 116px;
  min-height: 46px;
  font: normal normal 0.875rem/1rem var(--semibold);
  color: var(--white);
  cursor: pointer;
  transition: 200ms linear;
}
.join_meeting_wrapper .m_participant_wrapper .Meeting_join:hover {
  background: #1b64d8;
  transition: 200ms linear;
}
.join_meeting_wrapper .m_participant_wrapper .Meeting_join.cancel {
  background: var(--white);
  color: #3276E2;
  border: 1px solid #3276E2;
}
.join_meeting_wrapper .m_participant_wrapper p.internet {
  font: normal normal 13px/120% var(--medium);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
  background: #e3e3e3;
  -webkit-border-radius: 1.0625em;
  -moz-border-radius: 1.0625em;
  -ms-border-radius: 1.0625em;
  border-radius: 1.0625em;
  padding: 0.625em 1em;
  margin-top: 1.0625rem;
  transition: visibility 0s, opacity 0.5s linear;
  opacity: 0;
  visibility: hidden;
}
.join_meeting_wrapper .m_participant_wrapper p.internet.show {
  opacity: 1;
  visibility: visible;
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name {
  padding-top: 1.25em;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 15.625em;
  width: 100%;
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name input {
  height: 2.5em;
  width: 100%;
  border: 1px solid #e8e8e8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 0 0 0 0.714em;
  background-color: var(--mf-search-input-bg);
  font-size: 0.875rem;
  font-family: var(--regular);
  color: var(--mf-secondary-dark);
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name input::-moz-placeholder {
  /* Firefox 19+ */
  color: var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name input:-ms-input-placeholder {
  /* IE 10+ */
  color: var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper.guest .guest_name input:-moz-placeholder {
  /* Firefox 18- */
  color: var(--mf-secondary-light);
}
.join_meeting_wrapper .m_participant_wrapper.call_end .endimg {
  max-width: 4.125em;
  margin-bottom: 1.125em;
}
.join_meeting_wrapper .m_participant_wrapper.call_end p {
  font: normal normal 13px/120% var(--medium);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
  background: #e3e3e3;
  -webkit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  border-radius: 17px;
  padding: 0.625em 1em;
  margin-top: 1.0625em;
}
.join_meeting_wrapper .m_participant_wrapper .invalidLink {
  cursor: default;
  width: 66px;
  height: 66px;
  display: inline-block;
  padding: 20px;
  background-color: #E3E3E3;
  border-radius: 50%;
  margin-bottom: 16px;
}
.join_meeting_wrapper .m_participant_wrapper .invalidLink svg {
  width: 100%;
  height: 100%;
}
.join_meeting_wrapper .m_participant_wrapper .ReturnBack {
  text-align: center;
  text-decoration: underline;
  font: normal normal 16px/19px var(--Regular);
  letter-spacing: 0px;
  color: #3276E2;
  opacity: 1;
  background: transparent;
  outline: 0;
  border: 0;
  margin-top: 15px;
  cursor: pointer;
  transition: linear 200ms;
}
.join_meeting_wrapper .m_participant_wrapper .ReturnBack:hover {
  transition: linear 200ms;
  color: #1655bb;
}
.join_meeting_wrapper .participant-names {
  font: normal normal 1.125rem/120% var(--medium);
  letter-spacing: 0px;
  color: var(--mf-secondary-light);
  text-align: center;
}

.customToastWrapper {
  width: 100%;
}
.customToastWrapper .customToast {
  background: var(--bgc-call-default-light);
  display: flex;
  align-items: center;
  max-width: 100%;
  min-width: 217px;
  box-shadow: 0px 3px 17px rgba(0, 0, 0, 0.4196078431);
  opacity: 0;
  visibility: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
}
.customToastWrapper .customToast .outertoast {
  padding: 10px;
  background: var(--bgc-call-default-light);
  display: flex;
  align-items: center;
}
.customToastWrapper .customToast .outertoast img, .customToastWrapper .customToast .outertoast .profile-image {
  width: 36px;
  height: 36px !important;
  height: auto;
  border-radius: 50%;
}
.customToastWrapper .customToast span {
  display: flex;
  font: normal normal 16px/120% var(--medium);
  padding: 10px;
  width: 100%;
  max-width: calc(100% - 56px);
  color: #000000;
  background: #fff;
  min-height: 56px;
  align-items: center;
  justify-content: flex-start;
}
.customToastWrapper .customToast.show {
  opacity: 1;
  visibility: visible;
}

.ParticipantToast {
  background-color: transparent;
  width: 260px;
  padding: 0 !important;
  min-height: auto !important;
  margin-bottom: 0;
  margin-left: auto;
  border-radius: 5px !important;
}
.ParticipantToast .Toastify__toast-body {
  width: 100% !important;
  padding: 0 !important;
}
.ParticipantToast .Toastify__close-button {
  position: absolute;
  right: 12px;
  top: 12px;
}

@media only screen and (max-width: 920px) {
  .join_meeting_wrapper .meeting_video_container {
    overflow-y: auto;
    flex-direction: column;
    padding: 3.4em 1.0625em 0;
  }
  .join_meeting_wrapper .m_participant_wrapper {
    margin: 2em 0;
  }
}
@media only screen and (max-width: 1400px) {
  .join_meeting_wrapper .m_participant_wrapper {
    margin: 0 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .join_meeting_wrapper .m_participant_wrapper {
    margin: 0 30px;
  }
  .join_meeting_wrapper .meeting_video_container .m_video_container_wrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 560px) {
  .join_meeting_wrapper .meeting_video_container .m_video_container .video_container {
    height: 280px;
  }
  .join_meeting_wrapper .m_participant_wrapper {
    margin: 0;
    min-width: 100%;
  }
}
@media screen and (min-width: 1441px) {
  .mirrorfly-root .boxLayout {
    padding: var(--parent-gap) 0;
    background: var(--mf-box-layout-bg) url(../images/box-layout/bg-bubble.svg) center no-repeat;
    background-size: 86%;
  }
  .mirrorfly-root .boxLayout .containerLayout {
    max-width: 1440px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    z-index: 1;
  }
  .mirrorfly-root .boxLayout::before {
    display: none;
    width: 100%;
    z-index: 0;
    height: var(--maxParentheight);
    max-width: 1440px;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 16px;
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.06);
  }
  .mirrorfly-root .boxLayout .mediaAttachCamera {
    width: 100%;
    margin-top: 0px;
  }
  .mirrorfly-root .boxLayout .chat-conversion .chatconversation-container footer .message-area-container .message-area .intraction.icon i.attachment.open:before {
    display: none;
  }
  .mirrorfly-root .boxLayout .mediaAttachCamera .camera-popup-visible .cameraview {
    height: calc(80vh - 2.5rem);
  }
  .mirrorfly-root .boxLayout .mediaAttachmemtUpload .carousel.carousel-slider {
    height: calc(100vh - 110px);
  }
  .mirrorfly-root .boxLayout .msg-content.bg-overlay::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: var(--mf-attachment-bg);
    z-index: 1;
  }
}
.dark-theme-active .mf-section .start-chart {
  background-image: url(../images/darktheme/chart-banner.png);
}
.dark-theme-active .chat-conversion .chatconversation-container,
.dark-theme-active .messageInfo .messageInfoContainer .messageContainer {
  background-image: url(../images/darktheme/chatbg.png) !important;
}

.mobileView {
  min-height: auto;
}
.mobileView.mirrorfly-root .boxLayout {
  border-color: transparent !important;
}

.otf_loader_chat {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #fff;
  flex: 1 1 73.7%;
}
.otf_loader_chat svg {
  width: 80px;
  height: 80px;
}

.container .chat-conversion .chatconversation-container {
  background-image: none !important;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver,
.messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver,
.messageInfo .messageInfoContainer .messageContainer .sender-row .sender,
.container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver,
.container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 10px !important;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text,
.messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text,
.messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text,
.container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text,
.container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text {
  font-size: 16px !important;
  line-height: 20px !important;
  font-family: var(--regular);
  text-align: left;
}

.container .chat-conversion .chatconversation-container .msg-content .sender-row .sender {
  padding: 10px !important;
}

.mirrorfly-root .message-dropdown-menu {
  display: none;
}
.mirrorfly-root .menu-dropdown .forward,
.mirrorfly-root .menu-dropdown .messageinfo {
  display: none;
}
.mirrorfly-root .chatDate,
.mirrorfly-root .chatStatusBar {
  display: none;
}
.mirrorfly-root .reply-block-bottom .sender-name {
  text-align: left;
}
.mirrorfly-root .popup-container {
  z-index: 999;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container {
  height: 100% !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  order: 2;
  background-color: transparent;
  padding: 16px 26px 16px !important;
  height: auto;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer .message-area-container {
  width: 100%;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer .message-area-container .message-area {
  border-radius: 4px;
  padding: 14px 12px;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer .message-area-container .message-area .intraction.icon {
  display: none !important;
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer .message-area-container .message-area [contentEditable=true]:empty:not(:focus):before {
  content: "Type your comment here";
}
.mirrorfly-root .container .chat-conversion .chatconversation-container .footer .message-area-container .typing-area {
  text-align: left;
  margin: 0 !important;
}
.mirrorfly-root .link {
  text-align: left;
}

.mirrorfly-root .menu-dropdown {
  right: -16px;
}

.msg-inner,
.mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  min-height: 24px;
}

.mirrorfly-root {
  --mf-chat-bubble-receiver-bg: #F5F5F5;
  --mf-chat-bubble-sender-bg: #0A7BFD;
  --bg_meeting_desc: #E4E5E7;
}

.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns .send svg {
  width: 20px !important;
  height: 20px !important;
}

.mirrorfly-root .container .chat-conversion .chatconversation-container footer .message-area-container .formbtns a {
  margin-left: 14px !important;
}

.otf_bubble_1 .meetinglink .message_meeting_link .meetingL_link_share .meeting_desc {
  --bg_meeting_desc: #0e9f82;
}
.otf_bubble_1 .otf_chat_bubble {
  padding: 0 1.5625em;
  margin-top: 8px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.otf_bubble_1 .otf_chat_bubble .sender-name {
  font: normal normal 14px/14px var(--medium);
  letter-spacing: 0px;
  color: #000000;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
  display: block;
  white-space: nowrap;
}
.otf_bubble_1 .otf_chat_bubble .msg-sent-time {
  font: normal normal normal 12px/12px var(--regular);
  letter-spacing: 0px;
  color: #6D727E;
}
.otf_bubble_1 .otf_chat_bubble .msg-sent-time > span .status {
  display: none;
}
.otf_bubble_1 .sender_name {
  font: 14px/20px var(--bold);
  color: #000;
  text-overflow: ellipsis;
  max-width: 120px;
  white-space: nowrap;
  text-transform: capitalize;
  overflow: hidden;
}
.otf_bubble_1 .sender_time {
  font: normal normal 12px/20px var(--regular);
  letter-spacing: 0px;
  color: #6D727E;
  margin-left: 4px;
}
.otf_bubble_1.senderchat {
  display: flex;
  width: 100%;
  justify-content: end;
  flex-direction: row-reverse;
  margin-bottom: 20px;
  padding: 0 20px;
}
.otf_bubble_1.senderchat .sender_wraper {
  display: flex;
  justify-content: end;
  align-items: baseline;
  margin-bottom: 4px;
}
.otf_bubble_1.senderchat .left {
  margin-left: 8px;
}
.otf_bubble_1.senderchat .right .receiver-row {
  padding: 0 !important;
}
.otf_bubble_1.receiverchat {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 20px;
  padding: 0 20px;
}
.otf_bubble_1.receiverchat .sender_wraper {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  margin-bottom: 4px;
}
.otf_bubble_1.receiverchat .left {
  margin-right: 8px;
}
.otf_bubble_1.receiverchat .right .sender-row {
  padding: 0 !important;
}
.otf_bubble_1 .left {
  width: 34px;
  height: 34px;
  background-color: #f2f2f2;
  border-radius: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (min-width: 640px) {
  .otf_bubble_1 .left {
    width: 32px;
    height: 32px;
  }
}
.otf_bubble_1 .profile_picture {
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
}
.otf_bubble_1 .profile_picture span {
  font: 14px var(--medium);
  display: flex;
}

.audio_indication {
  align-items: center;
  background-color: #3ABF87;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  height: 1.5em;
  width: 1.5em;
}

.audio_hidden {
  display: none;
}

.audio_indication.xD3Vrd .audio_indicator {
  transition: height 75ms linear;
  animation: volumeLevelJiggle 0.6s linear 0s infinite;
}

.audio_indication.left .audio_indicator {
  transition: height 200ms steps(6, jump-none);
  animation: volumeLevelJiggle 600ms steps(9, jump-none) 0s infinite;
}

.audio_indication.transistion_adjust .audio_indicator {
  transition: unset;
  margin: 1px;
}

.audio_indication.JeFzg .audio_indicator {
  animation-name: none;
}

.audio_indication.XMPpff > .iDDYaf {
  display: inline-block;
  animation: volumeLevelJiggle 600ms steps(9, jump-none) 0s infinite;
  overflow: hidden;
  will-change: transform;
  height: 1em;
  width: 1em;
  box-sizing: content-box;
  z-index: 1;
}

@keyframes volumeLevelJiggle {
  0% {
    transform: scaleY(0.8);
  }
  50% {
    transform: scaleY(1);
  }
  to {
    transform: scaleY(0.8);
  }
}
.audio_indication.XMPpff > .iDDYaf > .wlpDT {
  will-change: transform;
  height: 100%;
  width: 1000%;
  background-color: currentColor;
  transform-origin: top left;
  vertical-align: top;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAABACAMAAAC9ZDaMAAAAQlBMVEUAAAAAeW0AemsAeWsAeWsAeWsAeGsAeWkAeGsAeWwAeWoAeWsAemsAeWsAAAAAeGwAeWsAeWwAeWoAeWsAemsAemuhswhKAAAAFnRSTlMAP53d/9ydP5uaubibngFA/rmc3rjcemk8wAAAArhJREFUeAHtnYmq6zAMRF9adW+du/7/p759FSCCGXT1xBl2YTLEPageO20+obpadnuzw/FU0b+/0Nl+6tLfH9XT1X7r1t8fVdPd/tKlln9/ocX+0amUf3+hh/2jXVd/FGh57M32u9NHeO/tH+1L+fcXKdScKvn3Fyl0AODHiRQKgGj1KRAA+4sUCoCxSKGNAIznOfJf8z8XUmg/AON5DvzvfjwpFADl82xO8XhSKACK59mc4vGchQKgeJ7NKR5PCgVA8TybU5XPpWUKXbenQF06j683kvz9PB+C+y+wO9CzA923p0BhOo+vN7L8nc1TcP999weX/A6kT4Fa/6H0B8BY5/wOpE+BYv8h9gfA/A5UPwUGZ85D7w+AJTuQPgVK/IfAvz6Afk01UU/vQL5jqNO2IAUq/MdG/0MHAP2aanu9wT6UOU3V9f5jo/9TAwDdmmq6Xq8D6QH0YACgeg02UW/UgQAwGcBgDbZurAMgAErXYBN1AARA3Rpsog6AAPh/AwCAAAiAAMhXMAASQh6zdQAEQMVh+DJRB0CVPxvR5/k6AALgnJ7tt67zdY7iAHBWL/ZT9+m6fg1qTv3WoADofpTzWCfq6jXoGtxoMD6vA7/WehxL+w3AA6n3oDME4wt0YLH/yPAHwGBNaU7B+AIdWO4/MvwBMFhTmlMwPrcDv7jxYv8AwGA8AMrXoOYUjxd14LfEDhxfbyj9AVCQDjM68DmzA8fXG3p/ACz+1xyPJbUDx9cbOf6CfdhuUqY9/pwoYRegq/yZMwDmzvNECm8mf+YMgKnzrE/hTfYHAbDQPuxbZ/582gPAcvuw5978+bTHaxqK7cMu3XgjhfOiGlQg7QEgCtIeAHYWKRwAESkcAEnhr7Ve2f8ODaTwFi8KQqRwwQu7+wv5J6/rn8UjUngTf0QK9/6IFN7S/wtS0IVYwV2WNgAAAABJRU5ErkJggg==);
  mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAoAAAABACAMAAAC9ZDaMAAAAQlBMVEUAAAAAeW0AemsAeWsAeWsAeWsAeGsAeWkAeGsAeWwAeWoAeWsAemsAeWsAAAAAeGwAeWsAeWwAeWoAeWsAemsAemuhswhKAAAAFnRSTlMAP53d/9ydP5uaubibngFA/rmc3rjcemk8wAAAArhJREFUeAHtnYmq6zAMRF9adW+du/7/p759FSCCGXT1xBl2YTLEPageO20+obpadnuzw/FU0b+/0Nl+6tLfH9XT1X7r1t8fVdPd/tKlln9/ocX+0amUf3+hh/2jXVd/FGh57M32u9NHeO/tH+1L+fcXKdScKvn3Fyl0AODHiRQKgGj1KRAA+4sUCoCxSKGNAIznOfJf8z8XUmg/AON5DvzvfjwpFADl82xO8XhSKACK59mc4vGchQKgeJ7NKR5PCgVA8TybU5XPpWUKXbenQF06j683kvz9PB+C+y+wO9CzA923p0BhOo+vN7L8nc1TcP999weX/A6kT4Fa/6H0B8BY5/wOpE+BYv8h9gfA/A5UPwUGZ85D7w+AJTuQPgVK/IfAvz6Afk01UU/vQL5jqNO2IAUq/MdG/0MHAP2aanu9wT6UOU3V9f5jo/9TAwDdmmq6Xq8D6QH0YACgeg02UW/UgQAwGcBgDbZurAMgAErXYBN1AARA3Rpsog6AAPh/AwCAAAiAAMhXMAASQh6zdQAEQMVh+DJRB0CVPxvR5/k6AALgnJ7tt67zdY7iAHBWL/ZT9+m6fg1qTv3WoADofpTzWCfq6jXoGtxoMD6vA7/WehxL+w3AA6n3oDME4wt0YLH/yPAHwGBNaU7B+AIdWO4/MvwBMFhTmlMwPrcDv7jxYv8AwGA8AMrXoOYUjxd14LfEDhxfbyj9AVCQDjM68DmzA8fXG3p/ACz+1xyPJbUDx9cbOf6CfdhuUqY9/pwoYRegq/yZMwDmzvNECm8mf+YMgKnzrE/hTfYHAbDQPuxbZ/582gPAcvuw5978+bTHaxqK7cMu3XgjhfOiGlQg7QEgCtIeAHYWKRwAESkcAEnhr7Ve2f8ODaTwFi8KQqRwwQu7+wv5J6/rn8UjUngTf0QK9/6IFN7S/wtS0IVYwV2WNgAAAABJRU5ErkJggg==);
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.audio_indication.XMPpff.JeFzg > .iDDYaf {
  animation-name: none;
}

.audio_indication.audio_slient .audio_indicator {
  animation-name: none;
}

.audio_indication.XMPpff.audio_slient > .iDDYaf {
  animation: unset;
}

.audio_indication.height_adjust.audio_low .audio_indicator_1, .audio_indication.height_adjust.audio_low .audio_indicator_3 {
  height: 0.375em;
}

.audio_indication.XMPpff.audio_slient > .iDDYaf > .wlpDT {
  transform: translateX(0);
}

.audio_indication.XMPpff.audio_low > .iDDYaf > .wlpDT {
  transform: translateX(-20%);
}

.audio_indication.XMPpff.audio_normal > .iDDYaf > .wlpDT {
  transform: translateX(-40%);
}

.audio_indication.XMPpff.audio_medium > .iDDYaf > .wlpDT {
  transform: translateX(-60%);
}

.audio_indication.XMPpff.audio_high > .iDDYaf > .wlpDT, .audio_indication.XMPpff.audio_vhigh > .iDDYaf > .wlpDT {
  transform: translateX(-80%);
}

.audio_indication.height_adjust.audio_normal .audio_indicator_1, .audio_indication.height_adjust.audio_medium .audio_indicator_1, .audio_indication.height_adjust.audio_normal .audio_indicator_3, .audio_indication.height_adjust.audio_medium .audio_indicator_3 {
  height: 0.4375em;
}

.audio_indication.height_adjust.audio_high .audio_indicator_1, .audio_indication.height_adjust.audio_vhigh .audio_indicator_1, .audio_indication.height_adjust.audio_low .audio_indicator_2, .audio_indication.height_adjust.audio_high .audio_indicator_3, .audio_indication.height_adjust.audio_vhigh .audio_indicator_3 {
  height: 0.625em;
}

.audio_indication.height_adjust.audio_normal .audio_indicator_2 {
  height: 0.8125em;
}

.audio_indication.height_adjust.audio_medium .audio_indicator_2, .audio_indication.height_adjust.audio_high .audio_indicator_2, .audio_indication.height_adjust.audio_vhigh .audio_indicator_2 {
  height: 1em;
}

.audio_indicator {
  background-color: currentColor;
  border-radius: 0.125em/0.125em;
  height: 0.2em;
  width: 0.2em;
  will-change: height, transform;
  z-index: 1;
}

.audio_indicator_2 {
  animation-delay: 0.2s;
  margin-left: 0.125em;
  margin-right: 0.125em;
}

.audio_indicator_3 {
  animation-delay: 0.4s;
}

.position_top_right {
  position: absolute;
  top: 10px;
  right: 10px;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .withcheckbox > label .recentchats .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .withcheckbox > label .recentchats .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.mirrorfly-root .CallingScreenWrapper {
  width: 100%;
  height: 100%;
  z-index: 5;
  background: var(--bgc-call-parent-container);
}
.mirrorfly-root .CallingScreenWrapper .content-body {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .CallingScreenWrapper .content-body .avatar-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--bgc-call-avatar);
}
.mirrorfly-root .CallingScreenWrapper .subject {
  top: 0;
  transition: top 0.3s ease-in;
  height: 5.938em;
  position: absolute;
  padding: 1.563em 8.75em 0;
  font-size: 1.125rem;
  color: var(--clr-call-meeting-heading);
  z-index: 10;
  width: 100%;
  text-align: center;
  background: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.mirrorfly-root .CallingScreenWrapper .subject .meeting-type-text {
  font-size: 1.125rem;
  font-family: var(--medium);
  color: var(--clr-call-meeting-heading);
  margin-bottom: 0.688em;
  display: inline-block;
}
.mirrorfly-root .CallingScreenWrapper .subject .subject-conference-timer {
  display: block;
  font-size: 0.75rem;
  font-family: var(--light);
}
.mirrorfly-root .CallingScreenWrapper .subject.visible {
  top: 0;
  transition: top 0.3s ease-in;
}
.mirrorfly-root .CallingScreenWrapper .optionButton {
  top: 0;
  position: absolute;
  width: 100%;
  height: 3.438em;
  left: 0;
  z-index: 10;
  transition: top 0.3s ease-in;
}
.mirrorfly-root .CallingScreenWrapper .optionButton.visible {
  top: 0;
  transition: top 0.3s ease-in;
}
.mirrorfly-root .CallingScreenWrapper .optionButton .backIcon {
  position: relative;
  width: 2.125em;
  height: 2.125em;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .CallingScreenWrapper .optionButton .backIcon > svg {
  width: 1.25em;
  height: 0.938em;
}
.mirrorfly-root .CallingScreenWrapper .optionButton .backIcon:hover .toggleAnimation {
  background: var(--clr-call-toggle-animation);
  opacity: 1;
  width: 2.1875em;
  height: 2.1875em;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  z-index: -1;
}
.mirrorfly-root .CallingScreenWrapper .BackToChat {
  width: 1.25em;
  display: inline-block;
  position: absolute;
  left: 1.25em;
  top: 1.25em;
  cursor: pointer;
  color: #fff;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup {
  position: absolute;
  right: 0.938em;
  overflow: visible;
  top: 1.25em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup > span:not(:last-child), .mirrorfly-root .CallingScreenWrapper .optionBtnGroup > div:not(:last-child) {
  margin-right: 0.5em;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup > div > span, .mirrorfly-root .CallingScreenWrapper .optionBtnGroup > span {
  color: var(--clr-call-top-action-icon);
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup > div > span .count-badge, .mirrorfly-root .CallingScreenWrapper .optionBtnGroup > span .count-badge {
  position: absolute;
  text-align: center;
  height: 1.5625em;
  min-width: 1.5625em;
  padding: 0em 0.35em;
  border-radius: 1.5625em;
  background: #0492C6;
  top: 2px;
  left: 24px;
  font: normal normal 0.5625rem/1.5625em var(--medium);
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup span .overflow-menu-item {
  list-style: none;
  display: inline-block;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup span .overflow-menu-item .overflow-menu-item-text {
  display: none;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .invitePeople i {
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .invitePeople i > svg {
  width: 24px;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .invitePeople i:hover .toggleAnimation {
  background: var(--clr-call-toggle-animation);
  opacity: 1;
  width: 42px;
  height: 42px;
  transition: all linear 100ms;
  -webkit-transition: all linear 100ms;
  -moz-transition: all linear 100ms;
  -o-transition: all linear 100ms;
  -ms-transition: all linear 100ms;
  z-index: -1;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .participant-list i {
  position: relative;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 2.125em;
  height: 2.125em;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .participant-list i > svg {
  width: 1.25em;
  height: 1.25em;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .returntoChat i svg {
  width: 24px;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .screenSharing svg {
  width: 24px;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .tileView i {
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .tileView i svg {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .tileViewRemove i {
  display: inline-block;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .tileViewRemove i svg {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .disabled-btn {
  cursor: default;
  opacity: 0.5;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .disabled-btn .toggleAnimation {
  display: none;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .disabled-btn i {
  cursor: default;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .disabled-btn svg {
  cursor: default;
}
.mirrorfly-root .CallingScreenWrapper .optionBtnGroup .disabled-btn svg path {
  fill: #fff;
}
.mirrorfly-root .CallingScreenWrapper .BackToChat i svg {
  width: 1.25em;
  height: 0.938em;
}
.mirrorfly-root .CallingScreenWrapper .button-group {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  transition: bottom 0.3s ease-in;
  z-index: 1;
}
.mirrorfly-root .CallingScreenWrapper .button-group.visible {
  bottom: 20px;
  transition: bottom 0.3s ease-in;
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center {
  width: 100%;
  text-align: center;
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span {
  background: var(--bgc-call-action-btn-audio-video);
  width: 2.375em;
  height: 2.375em;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.6875em;
  margin: 0 0.625em;
  cursor: pointer;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1215686275);
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span i {
  height: 0.9375em;
  color: var(--clr-call-action-btn-audio-video-active);
  width: 1.0625em;
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span i.mute {
  color: var(--clr-call-action-btn-audio-video);
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span:hover {
  background: var(--bgc-call-action-btn-audio-video-hover);
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span:hover.btnHangup {
  background: var(--bgc-call-action-btn-hangup-hover);
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span.btnHangup {
  background: var(--bgc-call-action-btn-hangup);
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span.btnHangup svg {
  fill: #fff;
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span.disabled {
  cursor: not-allowed;
}
.mirrorfly-root .CallingScreenWrapper .button-group .button-group-center > span.mute {
  background-color: var(--bgc-call-video-audio-pin-status);
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-align-content: center;
  align-content: center;
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper .VideoWrapperInner {
  position: relative;
  width: 85%;
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper .VideoWrapperInner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1803921569);
  left: 0;
  bottom: 0;
  z-index: 1;
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper .VideoWrapperInner .audio-detect {
  height: 1.5em;
  width: 1.5em;
  min-height: 24px;
  min-width: 24px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #3ABF87;
  margin-bottom: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper .VideoWrapperInner .audio-detect li {
  margin: 0 2px;
  content: "";
  width: 0.2em;
  height: 0.2em;
  border-radius: 10px;
  background: #fff;
  transition: height 50ms steps(42, jump-none);
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper video {
  position: absolute;
  object-position: center;
  object-fit: contain;
  left: 0;
  bottom: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.mirrorfly-root .CallingScreenWrapper .VideoWrapper:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 7.125em;
  min-height: 82px;
  margin-bottom: 3.875em;
  text-align: right;
  overflow: auto hidden;
  transition: bottom 0.3s ease-in;
  z-index: 1;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list {
  display: inline-block;
  overflow: hidden;
  padding: 0.5em 0.938em;
  white-space: nowrap;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer {
  position: relative;
  width: 14.5625em;
  height: 8.5625em;
  min-width: 233px;
  min-height: 137px;
  border-radius: 0.375em;
  overflow: hidden;
  display: inline-block;
  margin-right: 0.188em;
  background: var(--bgc-call-remote-video);
  border: 2px solid #182235;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.pin-user, .mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.active-user {
  border: 2px solid var(--mf-theme-color);
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus {
  top: 0;
  bottom: 0;
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i {
  background: var(--bgc-call-video-audio-pin-status);
  min-width: 25px;
  min-height: 25px;
  width: 1.5625em;
  height: 1.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  margin-bottom: 0.25em;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i svg {
  min-width: 10px;
  width: 0.625em;
  height: auto;
  color: var(--clr-call-participant-status-icon);
  max-height: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i:last-child {
  margin-bottom: 0;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer img {
  width: 100%;
  height: 100%;
  min-width: 107px;
  min-height: 82px;
  object-position: center;
  object-fit: cover;
  border: none;
  border-radius: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer video {
  width: 100%;
  height: 100%;
  min-width: 107px;
  min-height: 82px;
  object-position: center;
  object-fit: contain;
  border: none;
  border-radius: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:last-child {
  margin-right: 0px;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.speaker {
  box-shadow: 0 0 6px -1px #00e24b;
  border: 1px solid #00e24b;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.user-connecting {
  background: #000 !important;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper .RemoteVideo-list .overlay-text {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: var(--bgc-call-overlay-text);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  color: #fff;
  font-size: 0.75rem;
  z-index: 3;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper.visible {
  bottom: 0;
  transition: bottom 0.3s ease-in;
}
.mirrorfly-root .CallingScreenWrapper .RemoteVideo-wrapper.top {
  bottom: 5.313em;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite label {
  width: 100%;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite label input {
  border: none;
  border-bottom: 0.125em solid #4866FF;
  width: 100%;
  padding: 0.625em 0;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite label input::placeholder {
  color: #C5C5C5;
  opacity: 1; /* Firefox */
  font-size: 0.875rem;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite label input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C5C5C5;
  font-size: 0.875rem;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite label input::-ms-input-placeholder { /* Microsoft Edge */
  color: #C5C5C5;
  font-size: 0.875rem;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list {
  position: relative;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul {
  left: -0.063em;
  right: -0.063em;
  top: 0.625em;
  position: absolute;
  background: #fff;
  padding: 0.625em 0;
  box-shadow: 0em 0.063em 30em rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li label {
  padding: 0.313em 0;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li label .recentchats {
  border: none !important;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.875rem !important;
  font-family: SFUIDisplaySemibold, sans-serif !important;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .btn-invite {
  background: #4866FF;
  font-size: 0.875rem;
  color: #fff;
  padding: 0.5em 1.25em;
  border-radius: 0.25em;
  float: right;
  cursor: pointer;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList {
  max-height: 4.375em;
  overflow: hidden auto;
  margin-bottom: 0.938em;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect {
  position: relative;
  background: #EEEEEE;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.375em;
  padding: 0.313em 0.625em;
  max-width: 11em;
  overflow: hidden;
  margin: 0 0.313em 0.625em 0;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect .removeParticiant {
  position: absolute;
  top: 0.125em;
  right: 0.125em;
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  background: #C5C5C5;
  transition: all linear 200ms;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect .removeParticiant svg {
  height: 0.375em;
  fill: #fff;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect .removeParticiant:hover {
  background: #8a8585;
  transition: all linear 200ms;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect .participantImage {
  width: 2em;
  height: 2em;
  min-width: 2em;
  margin-right: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper .popup-invite .selectedList ul .badge-rect .participantName {
  color: #181818;
  font-size: 0.875rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  min-width: 2.125em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mirrorfly-root .CallingScreenWrapper .avatar {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.225s step-end, fadeIn 0.075s ease 0.225s;
}
.mirrorfly-root .CallingScreenWrapper .avatar .profile-image {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .CallingScreenWrapper .avatar .profile-image .image {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .CallingScreenWrapper .avatar .profile-image .image img {
  object-fit: cover;
}
.mirrorfly-root .CallingScreenWrapper .avatar img {
  border-radius: 50%;
  object-fit: cover;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info {
  position: relative;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info .voice {
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
  will-change: transform;
  background: rgba(255, 255, 255, 0.15);
  transform: scale(0.5);
  transition: transform 300ms steps(42, jump-none), opacity 50ms steps(42, jump-none);
  transform-origin: center;
  z-index: -1;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info::after {
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: block;
  height: 200%;
  left: -50%;
  position: absolute;
  top: -50%;
  width: 200%;
  will-change: transform;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.15);
  opacity: 1;
  transform: scale(0.45);
  transform-origin: center;
  z-index: -1;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-detect:after {
  background-color: transparent;
  opacity: 0;
  transform: scale(1);
  transition: transform 1400ms steps(42, jump-none), opacity 1400ms steps(42, jump-none);
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-0::before {
  transform: scale(0);
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-1::before {
  animation: v-1 900ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-2::before {
  animation: v-2 900ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-3::before {
  animation: v-3 900ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-4::before {
  animation: v-4 1200ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-5::before {
  animation: v-5 1400ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-6::before {
  animation: v-6 1600ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-7::before {
  animation: v-7 1700ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-8::before {
  animation: v-8 1700ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-9::before {
  animation: v-9 1700ms;
}
.mirrorfly-root .CallingScreenWrapper .avatar .avatar-info.v-10::before {
  animation: v-10 1700ms;
}
@keyframes v-0 {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-10 {
  0% {
    transform: scale(0.9);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-9 {
  0% {
    transform: scale(0.85);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-8 {
  0% {
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-7 {
  0% {
    transform: scale(0.75);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-6 {
  0% {
    transform: scale(0.7);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-5 {
  0% {
    transform: scale(0.65);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-4 {
  0% {
    transform: scale(0.6);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-3 {
  0% {
    transform: scale(0.57);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-2 {
  0% {
    transform: scale(0.55);
  }
  100% {
    opacity: 0;
  }
}
@keyframes v-1 {
  0% {
    transform: scale(0.53);
  }
  100% {
    opacity: 0;
  }
}
.mirrorfly-root .CallingScreenWrapper .avatar .pulse:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(231, 231, 231, 0.788);
  }
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.mirrorfly-root .CallingScreenWrapper .avatar.visibleTop {
  top: calc(50% - 5.313em);
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mirrorfly-root .CallingScreenWrapper .tileView-container {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 25em;
  width: 100vw;
  margin: 100px 0;
  box-sizing: border-box;
}
.mirrorfly-root .CallingScreenWrapper .tileView-container .tileView-list {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-top: auto;
  margin-bottom: auto;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 48.25em;
}
.mirrorfly-root .CallingScreenWrapper .tileView-container .tileView-list .tileView {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  max-width: 250px;
  max-height: 150px;
  -webkit-box-flex: 100% 1 1;
  -moz-box-flex: 100% 1 1;
  -webkit-flex: 100% 1 1;
  -ms-flex: 100% 1 1;
  flex: 100% 1 1;
  margin: 0.375em;
}
.mirrorfly-root .CallingScreenWrapper .tileView-container .tileView-list .tileView img {
  max-width: 250px;
  max-height: 150px;
  object-fit: cover;
  object-position: center;
}
.mirrorfly-root .CallingScreenWrapper .ParticipantInfo {
  background: var(--bgc-call-Participant-info-gradient);
  color: var(--clr-call-Participant-info);
  position: absolute;
  padding: 0.625em 0.75em;
  bottom: 0px;
  right: 0px;
  left: 0;
  text-align: left;
  max-width: 100%;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 1;
  min-width: 100%;
  margin-bottom: 0;
  padding-bottom: 1.25em;
  padding-top: 1.875em;
}
.mirrorfly-root .CallingScreenWrapper .ParticipantInfo.lg {
  font-size: 14px;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper {
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
  background: #101726;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer {
  display: flex;
  flex-direction: row;
  align-content: flex-end;
  position: relative;
  width: auto;
  height: 50%;
  min-width: auto;
  min-height: auto;
  margin: 0.375em 0;
  border-radius: 0.375em;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:before {
  display: none;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image {
  width: 100%;
  height: 100%;
  position: absolute;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .image {
  min-width: 94px;
  min-height: 94px;
  width: 100%;
  height: 100%;
  max-width: 5.875rem;
  max-height: 5.875rem;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .image img {
  width: 100%;
  height: 100%;
  min-width: 94px;
  min-height: 94px;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer video {
  width: 100%;
  height: 100%;
  position: absolute;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer image img {
  width: 100%;
  height: 100%;
  min-width: auto;
  min-height: auto;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .overlayStatus {
  z-index: 2;
  font-size: 0.75rem;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus {
  align-self: flex-start;
  padding-right: 0.5em;
  padding-top: 0.5em;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i {
  background: var(--bgc-call-video-audio-pin-status);
  width: 1.75em;
  height: 1.75em;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i svg {
  width: 0.875em;
  height: auto;
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus i svg path {
  fill: var(--clr-call-participant-status-icon);
}
.mirrorfly-root .CallingScreenWrapper.tileView .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.user-connecting {
  background: #000000;
}
.mirrorfly-root .CallingScreenWrapper.tileView .ParticipantInfo {
  position: static;
  margin: 0.0625em;
  flex: 1 1 auto;
  align-self: flex-end;
  font: normal normal 0.75rem/100% var(--medium);
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5019607843);
  height: 1.8125em;
  align-items: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0));
  min-width: 100%;
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-top: 15px;
}
.mirrorfly-root .CallingScreenWrapper.tileView .ParticipantInfo.lg {
  font-size: 0.875rem;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call {
  display: flex;
  flex-direction: column;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .subject {
  position: relative;
  transform: none;
  padding: 1em 8.75em 0.4em;
  height: 4.6875em;
  margin-bottom: 10px;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .content-body {
  background: var(--bgc-call-video-body);
  display: flex;
  flex: 1 1 100%;
  height: auto;
  max-width: calc(100% - 0.8em);
  margin: 0 auto;
  position: relative;
  border-radius: 0.375em;
  max-height: calc(100% - 3.875rem - 5.938em);
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .button-group {
  position: static;
  transform: none;
  margin: 1em 0;
  height: 3.875em;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .RemoteVideo-list {
  padding: 0;
  overflow: hidden auto;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .RemoteVideo-list .RemoteVideo-contianer {
  flex: 0 1 49%;
  height: 45%;
}
.mirrorfly-root .CallingScreenWrapper .group-audio-call .RemoteVideo-list::-webkit-scrollbar-track {
  background-color: #263248;
  border-radius: 0.375em;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout {
  display: flex;
  flex-direction: column;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .subject {
  position: relative;
  transform: none;
  padding: 1em 8.75em 0.4em;
  height: 4.6875em;
  margin-bottom: 10px;
  background: linear-gradient(to bottom, rgb(0, 0, 0) -40%, rgba(0, 0, 0, 0));
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .logosm {
  display: none;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .content-body {
  background: var(--bgc-call-video-body);
  display: flex;
  flex: 1 1 100%;
  height: auto;
  max-width: calc(100% - 0.8em);
  margin: 0 auto;
  position: relative;
  border-radius: 0.375em;
  max-height: calc(100% - 3.875rem - 5.938em);
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .BackToChat {
  left: 0.875em;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper {
  margin-bottom: 0;
  max-height: 100%;
  height: auto;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list {
  overflow: hidden auto;
  white-space: normal;
  padding: 0;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer {
  background: var(--bgc-call-own-video);
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus {
  justify-content: flex-start;
  padding-top: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus .audio_indication {
  margin: 0 0.625em 0.625em !important;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus .videoOffRemote, .mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .remoteCallStatus .AudioOffRemote {
  margin: 0 0.625em 0.625em !important;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image img, .mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .svgProfile {
  min-width: 5.25em;
  min-height: 5.25em;
  width: 5.25em;
  height: 5.25em;
  border-radius: 50%;
  overflow: hidden;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .pinned {
  z-index: 2;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: rgba(69, 79, 100, 0.8156862745);
  min-width: 22px;
  min-height: 22px;
  width: 1.5625em;
  height: 1.5625em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  margin-bottom: 0.25em;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .pinned svg {
  min-width: 10px;
  width: 0.625em;
  height: auto;
  color: #fff;
  max-height: 0.625em;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .pinned.active {
  opacity: 1;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer:hover .pinned {
  opacity: 1;
  transition: 100ms linear;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.UserSpeaking {
  border: 1px solid #4996EF;
  position: relative;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer.UserSpeaking:after {
  content: "..." !important;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 25px;
  height: 25px;
  background: #3ABF87;
  color: #fff;
  line-height: 10px;
  border-radius: 100px;
  text-align: center;
  font-size: 25px;
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .button-group {
  position: static;
  transform: none;
  padding: 1em 0;
  height: 4.875em;
  background: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .avatar {
  top: 38%;
  left: 50%;
  transform: translate(-50%, -62%);
}
.mirrorfly-root .CallingScreenWrapper.fit-layout .VideoWrapper .VideoWrapperInner {
  width: 100%;
  background: var(--bgc-call-video-inner);
}
.mirrorfly-root .CallingScreenWrapper.fit-layout.single-audio-call .RemoteVideo-list .RemoteVideo-contianer:last-child, .mirrorfly-root .CallingScreenWrapper.fit-layout.single-video-call .RemoteVideo-list .RemoteVideo-contianer:last-child {
  width: 14.5625em;
  height: 8.5625em;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .content-body {
  align-items: flex-start;
  background: transparent;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper {
  position: static;
  transform: none;
  display: flex;
  flex: 1 1 20em;
  width: auto;
  min-width: 250px;
  height: auto;
  max-height: 100%;
  overflow: hidden auto;
  opacity: 1;
  transition: 300ms ease-in-out;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar {
  width: 6px;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar-track {
  background: #263248 !important;
  border-radius: 0.375em;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar-track:hover {
  background-color: var(--white);
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid #b7b7b7;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper::-webkit-scrollbar-button {
  display: none;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list {
  padding: 0;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list > span {
  margin: 0.25em;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list .RemoteVideo-contianer .profile-image .image img {
  background: var(--bgc-call-avatar);
  min-width: 4.0625em;
  min-height: 4.0625em;
  width: 4.0625em;
  height: 4.0625em;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .VideoWrapper .VideoWrapperInner {
  border-radius: 0.375em;
  overflow: hidden;
  background: var(--bgc-call-video-tag);
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .VideoWrapper .VideoWrapperInner video {
  background: var(--bgc-call-video-tag);
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .avatar-wrapper {
  border-radius: 0.375em;
  overflow: hidden;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .avatar-wrapper .avatar {
  top: 50%;
  transform: translate(-50%, -50%);
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .avatar {
  height: 9.375em;
  width: 9.375em;
}
.mirrorfly-root .CallingScreenWrapper.group-video-call .avatar .profile-image {
  margin: 0 !important;
}

.popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 11;
}
.popup-wrapper .poppup-sm {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  width: 29.063em;
  border-radius: 0.375em;
  padding: 1.25em;
  background: #fff;
}
.popup-wrapper .poppup-sm .popup-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.938em;
}
.popup-wrapper .poppup-sm .popup-header h3 {
  font-size: 1rem;
  font-family: SFUIDisplaySemibold, sans-serif;
}
.popup-wrapper .poppup-sm .popup-body {
  padding-bottom: 0.938em;
  max-height: 21.875em;
}
.popup-wrapper .poppup-sm .popup-footer {
  padding: 0.938em 0;
}

.fullView .RemoteVideo-wrapper {
  overflow: hidden;
  width: 0;
  opacity: 0;
  flex: 1 1 0em !important;
  min-width: 0 !important;
  transition: 200ms ease-in-out;
}
.fullView .VideofullView {
  background: var(--bgc-video-fullview-hover);
  opacity: 1;
}
.fullView .VideofullView svg {
  transform: rotate(90deg);
}
.fullView .VideofullView svg path {
  fill: var(--clr-video-fullview-icon);
}
.fullView .avatar-wrapper, .fullView .VideoWrapper {
  margin-right: 0 !important;
}

.participantCallStatus {
  display: flex;
  flex-direction: column;
  transition: all linear 200ms;
  right: 0.8125em;
  top: 0.8125em;
  z-index: 3;
  position: absolute;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.participantCallStatus span {
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.participantCallStatus i {
  margin-bottom: 0.625em;
  transition: all linear 200ms;
  cursor: default;
  background: var(--bgc-call-video-audio-pin-status);
  height: 1.5625em;
  width: 1.5625em;
  min-height: 24px;
  min-width: 24px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.1);
}
.participantCallStatus i svg {
  color: var(--clr-call-participant-status-icon);
  min-width: 10px;
  width: 0.625em;
  height: auto;
  max-height: 0.625em;
}

.VideoWrapperInner:hover, .avatar-wrapper:hover {
  transition: 200ms ease-in-out;
}
.VideoWrapperInner:hover .VideofullView, .avatar-wrapper:hover .VideofullView {
  opacity: 1;
  transition: 200ms ease-in-out;
}

.VideofullView {
  cursor: pointer;
  opacity: 0;
  transition: 300ms ease-in-out;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-5%);
  background: var(--bgc-video-fullview);
  border-radius: 4px 0px 0px 4px;
  width: 1.0625em;
  height: 2em;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.VideofullView i {
  width: 0.625rem;
  height: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.VideofullView i svg {
  transform: rotate(-90deg);
}
.VideofullView i svg path {
  fill: var(--clr-video-fullview-icon);
}
.VideofullView:hover {
  background: var(--bgc-video-fullview-hover);
}

@media (max-width: 767px) {
  .CallingScreenWrapper .tileView-container .tileView-list .tileView {
    max-width: 200px;
    max-height: 120px;
  }
  .CallingScreenWrapper .tileView-container .tileView-list .tileView img {
    max-width: 200px;
    max-height: 120px;
  }
  .VideoWrapper {
    padding-bottom: 0 !important;
    height: 100% !important;
    width: 100% !important;
  }
  .VideoWrapper video {
    position: static !important;
    object-fit: cover;
    object-position: center;
  }
}
@media (max-width: 480px) {
  .CallingScreenWrapper .tileView-container .tileView-list .tileView {
    max-width: 150px;
    max-height: 90px;
  }
  .CallingScreenWrapper .tileView-container .tileView-list .tileView img {
    max-width: 150px;
    max-height: 90px;
  }
}
.BackToConversion {
  z-index: -1;
}

@media screen and (max-width: 480px) {
  .CallingScreenWrapper.fit-layout .subject {
    padding: 1em 4.75em 0.4em;
  }
  .content-body {
    flex-direction: column;
  }
  .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper {
    width: 100%;
    flex: 1 1 auto;
    height: 20em;
  }
  .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list {
    flex-wrap: nowrap;
    overflow: auto hidden;
    justify-content: left;
    width: 100%;
    flex: 1 1 100%;
  }
  .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list::-webkit-scrollbar-track {
    background: var(--bgc-call-scroll-track) !important;
  }
  .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list::-webkit-scrollbar-track:hover {
    background-color: #102246;
  }
  .CallingScreenWrapper.group-video-call .RemoteVideo-wrapper .RemoteVideo-list::-webkit-scrollbar-thumb {
    background-color: #3d3e41;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid #3d3e41;
  }
}
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.chat-banner {
  width: 73.7%;
}
.chat-banner .banner-block {
  max-width: 29.813em;
}
.chat-banner .banner-block h4 {
  font-size: 1.75rem;
  font-family: var(--medium);
  color: #313131;
  text-align: center;
  margin-top: 1.679em;
}
.chat-banner.showCallDuration .onGoingcallDuration {
  height: 2.5em;
  width: 100%;
  background: #1bb261;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 3.5em 0.5em 2.5em;
  color: var(--white);
  font-family: SFUIDisplaySemibold, sans-serif;
  font-size: 0.9375rem;
  cursor: pointer;
  user-select: none;
}
.chat-banner.showCallDuration .onGoingcallDuration .tapToCall .callerName {
  color: #50ffad;
}
.chat-banner.showCallDuration .banner-blocks {
  flex: 1;
}

.blocked_from_application {
  position: fixed;
  left: 0%;
  top: 0;
  z-index: 1000;
  background: #fff;
  width: 100%;
  height: 100%;
}
.blocked_from_application .blocked_user_wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 18em;
}
.blocked_from_application .blocked_user_wraper .icon_blocked {
  margin-bottom: 0.625em;
  width: 62px;
  height: 62px;
}
.blocked_from_application .blocked_user_wraper p {
  text-align: center;
  font: normal normal 1.25rem/1.5rem var(--Bold);
  letter-spacing: 0.0563rem;
  color: #181818;
  margin-bottom: 10px;
}
.blocked_from_application .blocked_user_wraper span {
  font: normal normal 0.875rem/1.5rem var(--light);
  letter-spacing: 0.0069rem;
  color: #959595;
}
.blocked_from_application .blocked_user_wraper a {
  text-decoration: underline;
  font: normal normal 0.875rem/1.5rem var(--light);
  letter-spacing: 0.0069rem;
  color: #4879F9;
  transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
  cursor: pointer;
}
.blocked_from_application .blocked_user_wraper a:hover {
  color: #1e51d1;
  transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.blocked_from_application .logo_container {
  margin: 0 auto 1.625em;
}
.blocked_from_application .logo_container img {
  height: 35px;
  width: auto;
}
.blocked_from_application .login-content {
  background-color: #fff !important;
}

.button-group-center .not-allowed {
  cursor: not-allowed !important;
}
.button-group-center .not-allowed > * {
  cursor: not-allowed;
}
.button-group-center .disabled-btn {
  color: #fff;
  cursor: default !important;
  background: var(--bgc-call-action-btn-audio-video-disabled) !important;
}
.button-group-center .disabled-btn i, .button-group-center .disabled-btn svg {
  color: #fff;
  cursor: default !important;
}
.button-group-center .disabled-btn:hover {
  background: var(--bgc-call-action-btn-audio-video-disabled) !important;
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.cr-rotate-controls button {
  border: 0;
  background: none;
}

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}

.cr-rotate-l i:before {
  content: "↺";
}

.cr-rotate-r i:before {
  content: "↻";
}

.mirrorfly-root .CallParticipantList {
  position: relative;
}
.mirrorfly-root .participant-popup {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 15.625em;
  min-width: 202px;
  top: 1.5em;
  right: 0.2em;
  max-height: 480px;
}
.mirrorfly-root .participant-popup .header {
  border-radius: 0.1875em 0.1875em 0 0;
  background: #EFEFEF;
  text-align: center;
  padding: 0.4em;
  color: rgba(0, 0, 0, 0.831372549);
  position: relative;
}
.mirrorfly-root .participant-popup .header i {
  position: absolute !important;
  left: 0.5em;
  top: 50% !important;
  transform: translateY(-50%);
  display: none !important;
  width: 1.2em !important;
  height: 1.2em !important;
}
.mirrorfly-root .participant-popup .header i svg {
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .participant-popup .header h5 {
  font: normal normal 0.8125rem/100% var(--semibold);
  letter-spacing: 0px;
}
.mirrorfly-root .participant-popup .body {
  background: #fff;
  border-radius: 0 0 0.1875em 0.1875em;
  padding: 0.625em 0;
  max-height: 400px;
  overflow: hidden auto;
}
.mirrorfly-root .participant-popup .body ul {
  display: flex;
  flex-direction: column;
}
.mirrorfly-root .participant-popup .body ul > li {
  padding: 0.25em 0.625em;
}
.mirrorfly-root .participant-popup .body ul > li > div {
  display: flex;
  align-items: center;
}
.mirrorfly-root .participant-popup .body ul > li > div img, .mirrorfly-root .participant-popup .body ul > li > div .svgProfile {
  width: 1.625em;
  height: 1.625em;
  margin-right: 0.4375em;
  border-radius: 50%;
  cursor: default;
  object-position: center;
  object-fit: cover;
}
.mirrorfly-root .participant-popup .body ul > li > div > span {
  text-align: left;
  font: normal normal 0.6875rem/1rem var(--medium);
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.831372549);
  margin-right: 1.25em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 7.5em;
  flex: 1 1 auto;
}
.mirrorfly-root .participant-popup .body ul > li > div > span span {
  color: rgba(129, 129, 129, 0.831372549);
}
.mirrorfly-root .participant-popup .body ul > li > div i {
  width: 1.375em !important;
  height: 1.375em !important;
  object-fit: cover;
  object-position: center;
  color: #3276E2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: 0 0.3125em;
  cursor: default;
}
.mirrorfly-root .participant-popup .body ul > li > div i svg {
  height: auto;
}
.mirrorfly-root .participant-popup .body ul > li > div i.audio.mute, .mirrorfly-root .participant-popup .body ul > li > div i.video.mute {
  background: #EFEFEF;
  color: #969696;
}
.mirrorfly-root .participant-popup .body ul > li > div i.audio.mute svg, .mirrorfly-root .participant-popup .body ul > li > div i.video.mute svg {
  width: 14px !important;
}
.mirrorfly-root .participant-popup .body ul > li > div i.audio svg {
  width: 16px !important;
  height: 16px !important;
}
.mirrorfly-root .participant-popup .body ul > li > div i.video svg {
  width: 16px !important;
  height: 16px !important;
}
.mirrorfly-root .participant-popup .body ul > li .callStatusIcon {
  min-width: 4.1em;
  max-width: 4.1em;
}
.mirrorfly-root .participant-popup .body ul > li .callStatusText {
  text-align: left;
  padding-left: 0.3125em;
  display: flex;
  font: normal normal 0.6875rem/100% var(--medium);
  color: #4879F9;
  padding-right: 0.875em;
  min-width: 90px;
  max-width: 90px;
  align-items: baseline;
}
.mirrorfly-root .participant-popup .body ul > li .callStatusText .callingAnimation {
  margin-left: 3px;
}
.mirrorfly-root .participant-popup .body ul > li .callStatusText .dot {
  background-color: #4879F9;
}
.mirrorfly-root .participant-popup::before {
  position: absolute;
  top: -0.625em;
  right: 0.4em;
  content: "";
  width: 0;
  height: 0;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-bottom: 0.75em solid #EFEFEF;
}
@media screen and (max-width: 567px) {
  .mirrorfly-root .CallParticipantList {
    position: static;
  }
  .mirrorfly-root .CallParticipantList .participant-popup {
    position: fixed !important;
    left: 50%;
    top: 50%;
    width: 95%;
    max-width: 320px;
    transform: translate(-50%, -50%);
  }
  .mirrorfly-root .CallParticipantList .participant-popup .header i {
    display: block !important;
  }
  .mirrorfly-root .CallParticipantList .participant-popup::before {
    display: none;
  }
}

.action_poppup_wraper {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3333333333);
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100% !important;
}
.action_poppup_wraper > div {
  margin: auto;
  display: inline-flex;
}

.action_poppup_inner {
  min-width: 27.375em;
  min-height: 9.6875em;
  margin: auto;
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  max-width: 20.625em;
  padding: 1.5625em 1.875em !important;
  background-color: white;
  border-radius: 0.3125em;
  box-shadow: 0px 0.375em 1em rgba(0, 0, 0, 0.1411764706);
}
.action_poppup_inner .action_poppup_label h4 {
  margin-bottom: 0.875em;
  font: normal normal normal 1.25rem/100% var(--regular);
  letter-spacing: 0px;
  color: #000000;
}
.action_poppup_inner .action_poppup_label label {
  font: normal normal 0.875rem/1.125rem var(--regular);
  letter-spacing: 0px;
  color: #767676;
}
.action_poppup_inner .action_poppup_noteinfo {
  margin-top: 1.5em;
  text-align: right;
}
.action_poppup_inner .action_poppup_noteinfo button {
  min-width: 60px;
  background-color: #e5e5e5;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  color: #383636;
  margin-left: 0.833em;
  border-radius: 0.3125em;
  cursor: pointer;
  letter-spacing: 0px;
  transition: 200ms linear;
}
.action_poppup_inner .action_poppup_noteinfo button:hover {
  transition: 200ms linear;
}
.action_poppup_inner .action_poppup_noteinfo button.btn-action:not(.red) {
  background-color: var(--mf-theme-color);
  color: white;
  transition: 200ms linear;
}
.action_poppup_inner .action_poppup_noteinfo button.btn-action:not(.red):hover {
  background-color: var(--mf-theme-color-dark);
  transition: 200ms linear;
}
.action_poppup_inner .action_poppup_noteinfo button.btn-action.red {
  background-color: #D93134;
  color: white;
  transition: 200ms linear;
}
.action_poppup_inner .action_poppup_noteinfo button.btn-action.red:hover {
  background-color: #c2181b;
  transition: 200ms linear;
}
.action_poppup_inner.lg {
  max-width: 24em;
}

:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.setting-container {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.setting-container > div {
  height: 100%;
}
.setting-container .settinglist {
  min-height: var(--maxParentheight);
  width: 100%;
  background-color: var(--white);
  height: 100%;
}
.setting-container .settinglist .setting-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: -0.25em 0px 0.5em rgba(0, 0, 0, 0.15);
  -moz-box-shadow: -0.25em 0px 0.5em rgba(0, 0, 0, 0.15);
  box-shadow: -0.25em 0px 0.5em rgba(0, 0, 0, 0.15);
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.125em;
  background-color: var(--mf-bgc-recent-chatlist-header);
  height: 4.063em;
}
.setting-container .settinglist .setting-header .setting-header-text {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.setting-container .settinglist .setting-header .setting-header-text i {
  height: 1.5em;
  width: 1.5em;
}
.setting-container .settinglist .setting-header .setting-header-text i svg {
  fill: var(--mf-menu-name);
}
.setting-container .settinglist .setting-header .setting-header-text div {
  color: var(--white);
  font-size: 1rem;
  font-family: var(--semibold);
  cursor: pointer;
  user-select: none;
}
.setting-container .settinglist .setting-header span {
  color: var(--mf-menu-name);
  font-size: 1rem;
  font-family: var(--semibold);
  margin-left: 0.625em;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 1 1 0;
  -moz-box-flex: 1 1 0;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  white-space: pre;
}
.setting-container .settinglist .setting-header span .em {
  margin-left: 0;
}
.setting-container .settinglist .setting-list-ul {
  height: calc(var(--maxParentheight) - 4.063em);
  overflow: auto;
  padding: 0.625em 0;
}
.setting-container .settinglist .setting-list-ul .setting-list {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 10px;
}
.setting-container .settinglist .setting-list-ul .setting-list .setting-option {
  padding: 0.625em;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.setting-container .settinglist .setting-list-ul .setting-list .setting-option .iconLeft {
  width: 1.1875em;
  height: 1.1875em;
  min-width: 1.1875em;
  margin-right: 1em;
  margin-left: 0.688em;
  color: var(--mf-secondary-dark);
}
.setting-container .settinglist .setting-list-ul .setting-list .setting-option .Option-text {
  flex: calc(100% - 2.5em) 1 1;
  font-family: var(--regular);
  font-size: 0.8125rem;
  color: var(--mf-secondary-dark);
}
.setting-container .settinglist .setting-list-ul .setting-list .setting-option .iconNext {
  width: 0.375em;
  min-width: 6px;
}
.setting-container .settinglist .setting-list-ul .setting-list .setting-option .iconNext svg {
  width: 0.375em;
  min-width: 6px;
}
.setting-container .settinglist .setting-list-ul .setting-list:hover {
  box-shadow: 0px 1px 4px -4px #000000;
}
.setting-container .settinglist .setting-list-ul .setting-list:hover .iconNext svg path {
  fill: var(--mf-theme-color);
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spiner {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.spiner .spin {
  width: 25px;
  height: 25px;
  border: 2px solid #2c9899;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-right-color: transparent;
  -webkit-animation-name: spin;
  -o-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}

.FloatingCallAction {
  position: absolute;
  right: 1.125em;
  bottom: 1.5625em;
  width: 3.5em;
  height: 3.5em;
  background: var(--mf-theme-color-dark) 0% 0% no-repeat padding-box;
  box-shadow: 0rem 0.3125rem 0.75rem rgba(0, 0, 0, 0.1803921569);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 6;
}
.FloatingCallAction input {
  position: absolute;
}
.FloatingCallAction input:checked + span svg .plus {
  transition: transform 0ms, rotate 300ms ease-in-out;
  transform: rotate(45deg);
  transform-origin: 17px 7px;
}
.FloatingCallAction > span {
  height: 1.5625em;
  display: inline-block;
  color: #fff;
}
.FloatingCallAction > span svg {
  width: 1.5625em;
  height: 1.5625em;
  line-height: 0;
  transition: transform 0ms, rotate 300ms ease-in-out;
}
.FloatingCallAction ul {
  position: absolute;
  width: 4.1875em;
  text-align: center;
  bottom: 100%;
  z-index: -99;
  height: 0;
  overflow: hidden;
}
.FloatingCallAction ul li {
  margin: 0.625rem 1em;
  width: 2.5em;
  height: 2.5em;
  background: var(--mf-theme-color-bright);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  transition-delay: 0s !important;
  cursor: pointer;
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.1803921569);
}
.FloatingCallAction ul li:hover {
  background: var(--mf-theme-color-dark);
  transition: 200ms linear;
  transition-delay: 0s !important;
}
.FloatingCallAction ul li:nth-child(2) {
  transform: translateY(4.375rem);
  transition: 200ms linear;
  transition-delay: 1.5s;
}
.FloatingCallAction ul li:nth-child(1) {
  transform: translateY(8.125rem);
  transition: 200ms linear;
  transition-delay: 1s;
}
.FloatingCallAction input:checked + span + ul {
  z-index: 0;
  height: auto;
}
.FloatingCallAction input:checked + span + ul li:nth-child(2) {
  transform: translateY(0);
  transition: 200ms linear;
  transition-delay: 1.5s;
}
.FloatingCallAction input:checked + span + ul li:nth-child(1) {
  transform: translateY(0);
  transition: 200ms linear;
  transition-delay: 1s;
}
.FloatingCallAction ul li i, .FloatingCallAction ul li i svg {
  width: 1em;
  height: auto;
  line-height: 0;
  color: #fff;
}

.BlockedPopUp .blockedInfo p {
  margin-top: 1.5em;
  display: inline-flex;
  align-items: center;
}
.BlockedPopUp .blockedInfo p span {
  line-height: 120%;
  font-size: 0.688rem;
  letter-spacing: 0px;
  color: #A9A9A9;
}
.BlockedPopUp .blockedInfo p i {
  min-width: 18px;
  min-height: 18px;
  width: 1.125em;
  height: 1.125em;
  line-height: 100%;
  margin-right: 0.5em;
}

#container-circles {
  position: absolute;
  left: 50%;
  bottom: 90px;
}

#outer-circle {
  left: -37px;
  height: 75px;
  width: 75px;
  background-color: hsla(0, 0%, 100%, 0.4);
  z-index: 1;
}

#inner-circle, #outer-circle {
  position: absolute;
  border-radius: 50%;
}

#inner-circle {
  left: 50%;
  top: 38px;
  height: 44px;
  width: 44px;
  background: #fff;
  margin: -22px 0 0 -22px;
  z-index: 2;
}

#inner-circle.is-clicked {
  height: 38px;
  width: 38px;
  margin: -19px 0 0 -19px;
}

#white-flash.normal {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.9s ease-out;
  -o-transition: opacity 0.9s ease-out;
  transition: opacity 0.9s ease-out;
}

#white-flash.do-transition {
  opacity: 0;
  background: #fff;
}

#display-error {
  color: #000;
  background-color: #fff;
}

.react-html5-camera-photo {
  position: relative;
  text-align: center;
}

.react-html5-camera-photo > img, .react-html5-camera-photo > video {
  width: 768px;
}

.react-html5-camera-photo > .display-error {
  width: 768px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .react-html5-camera-photo > .display-error, .react-html5-camera-photo > img, .react-html5-camera-photo > video {
    width: 100%;
  }
}
.react-html5-camera-photo-fullscreen > img, .react-html5-camera-photo-fullscreen > video {
  width: 100vw;
  height: 100vh;
}

.react-html5-camera-photo-fullscreen > video {
  -o-object-fit: fill;
  object-fit: fill;
}

.react-html5-camera-photo-fullscreen > .display-error {
  width: 100vw;
  height: 100vh;
}


:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.newgroup-details-container {
  position: relative;
  min-height: calc(100vh - 4.063em);
  z-index: 4;
  width: 100%;
  background: var(--mf-bgc-newgroup);
}
.newgroup-details-container .group-image-container {
  background: var(--white);
  padding: 1.625em 0;
  user-select: none;
}
.newgroup-details-container .group-image-inner {
  position: relative;
  width: 9.375em;
  height: 9.375em;
  margin: 0px auto;
  cursor: pointer;
}
.newgroup-details-container .group-image-inner img {
  border-radius: 50%;
  object-fit: cover;
}
.newgroup-details-container .group-image-inner .createNewGroup {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.newgroup-details-container .group-image-inner .createNewGroup:before {
  cursor: pointer;
  user-select: none;
  content: "Add Group Icon";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.236);
  line-height: 150px;
  text-align: center;
  color: var(--white);
  border-radius: 50%;
  font-size: 1em;
}
.newgroup-details-container .group-image-inner .camera-edit {
  position: absolute;
  right: 0;
  bottom: 7px;
  height: 2.188em;
  width: 2.188em;
}
.newgroup-details-container .group-image-inner .menu-dropdown {
  padding: 0.625em 0;
  top: 100%;
  right: 0%;
}
.newgroup-details-container .group-image-inner .menu-dropdown li:first-child, .newgroup-details-container .group-image-inner .menu-dropdown li:last-child {
  padding: 0.463em 1em !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li:first-child .uploadphoto, .newgroup-details-container .group-image-inner .menu-dropdown li:last-child .uploadphoto {
  margin-left: 0 !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li:first-child .uploadphoto input, .newgroup-details-container .group-image-inner .menu-dropdown li:last-child .uploadphoto input {
  position: absolute;
  left: 0px;
  opacity: 0;
  width: 100%;
  cursor: pointer;
}
.newgroup-details-container .group-image-inner .menu-dropdown li .popup-controls {
  cursor: pointer;
}
.newgroup-details-container .group-image-inner .menu-dropdown li .popup-controls .reset svg {
  width: 2.438em;
  height: 2.438em;
}
.newgroup-details-container .group-image-inner .menu-dropdown li .popup-controls input.imageSelect {
  cursor: pointer;
  width: 30px !important;
  height: 30px !important;
  left: 0px !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li .popup-controls .picturerReset {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.newgroup-details-container .group-image-inner .menu-dropdown li .popup-controls .pictureUpdate {
  position: relative;
  z-index: 2;
  color: var(--white);
}
.newgroup-details-container .group-image-inner .menu-dropdown li.TakePhoto svg {
  width: 0.938em !important;
  height: 0.813em !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li.UploadPhoto > i > svg {
  width: 0.875em !important;
  height: 0.875em !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li.ViewPhoto svg {
  width: 0.875em !important;
  height: 0.875em !important;
}
.newgroup-details-container .group-image-inner .menu-dropdown li.RemovePhoto svg {
  width: 0.875em !important;
  height: 0.875em !important;
}
.newgroup-details-container .group-image-inner .userprofile-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 2.813em 1em 1.25em;
  border-bottom: 1px solid #cfcfcf;
  background-color: var(--mf-theme-color);
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
}
.newgroup-details-container .group-image-inner .userprofile-header i {
  height: 1.625em;
  width: 1.625em;
}
.newgroup-details-container .group-image-inner .userprofile-header i svg {
  fill: #fff;
  color: #fff;
}
.newgroup-details-container .group-image-inner .userprofile-header h5 {
  text-align: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.25rem;
  font-family: var(--medium);
  color: var(--white);
}
.newgroup-details-container .group-image-inner .Viewphoto-container,
.newgroup-details-container .group-image-inner .camera-container,
.newgroup-details-container .group-image-inner .removephoto-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--white);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .Viewphoto-preview,
.newgroup-details-container .group-image-inner .camera-container .Viewphoto-preview,
.newgroup-details-container .group-image-inner .removephoto-container .Viewphoto-preview {
  max-width: 65%;
  height: 80%;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .Viewphoto-preview img,
.newgroup-details-container .group-image-inner .camera-container .Viewphoto-preview img,
.newgroup-details-container .group-image-inner .removephoto-container .Viewphoto-preview img {
  -webkit-border-radius: inherit;
  -moz-border-radius: inherit;
  -ms-border-radius: inherit;
  border-radius: inherit;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .Viewphoto-preview .preview-close,
.newgroup-details-container .group-image-inner .camera-container .Viewphoto-preview .preview-close,
.newgroup-details-container .group-image-inner .removephoto-container .Viewphoto-preview .preview-close {
  position: absolute;
  height: 1.5em;
  width: 1.5em;
  top: 1.25em;
  right: 2.5em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup,
.newgroup-details-container .group-image-inner .camera-container .camera-popup,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup h4,
.newgroup-details-container .group-image-inner .camera-container .camera-popup h4,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup h4 {
  text-align: center;
  font-size: 1rem;
  color: var(--mf-theme-color);
  font-family: var(--bold);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup i,
.newgroup-details-container .group-image-inner .camera-container .camera-popup i,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup i {
  max-width: 4.875em;
  margin: 0 auto;
  display: block;
  margin-top: 0.938em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup p,
.newgroup-details-container .group-image-inner .camera-container .camera-popup p,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup p {
  text-align: left;
  font-size: 0.875rem;
  color: #767676;
  font-family: var(--semibold);
  margin-top: 0.938em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup .popup-controls,
.newgroup-details-container .group-image-inner .camera-container .camera-popup .popup-controls,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup .popup-controls {
  text-align: right;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup .popup-controls img,
.newgroup-details-container .group-image-inner .camera-container .camera-popup .popup-controls img,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup .popup-controls img {
  background: none;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup .popup-controls button,
.newgroup-details-container .group-image-inner .camera-container .camera-popup .popup-controls button,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup .popup-controls button {
  background-color: var(--mf-theme-color);
  color: var(--white);
  min-width: 60px;
  margin-left: 0.625em;
  margin-top: 0.938em;
  text-align: center;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  cursor: pointer;
  transition: 200ms linear;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible {
  width: 28.125em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .userprofile-header,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .userprofile-header,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .userprofile-header {
  border-bottom: none;
  padding: 0.813em 2.813em 0.813em 1.25em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .userprofile-header i,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .userprofile-header i,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .userprofile-header i {
  height: 1.5em;
  width: 1.5em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .userprofile-header h5,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .userprofile-header h5,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .userprofile-header h5 {
  font-size: 1.25rem;
  font-family: var(--medium);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > img,
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .react-html5-camera-photo > video,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .react-html5-camera-photo > img,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .react-html5-camera-photo > video,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .react-html5-camera-photo > img,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .react-html5-camera-photo > video {
  width: 100%;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview {
  max-width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview img.camera-pic,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview img.camera-pic,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview img.camera-pic {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview img,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview img,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview img {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  -ms-border-radius: unset;
  border-radius: unset;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary {
  width: 100% !important;
  height: 18.813em !important;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-boundary .cr-viewport.cr-vp-square {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 13.75em;
  height: 13.75em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap {
  margin: 1em 0px 0px 1em;
  width: 66%;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .croppie-container .cr-slider-wrap .cr-slider {
  opacity: 1;
  position: static;
  width: 100%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo {
  overflow: hidden;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .react-html5-camera-photo video,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .react-html5-camera-photo video {
  width: 100%;
  margin-bottom: -0.375em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .cameraview .loader,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .cameraview .loader,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .cameraview .loader {
  position: absolute;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .popup-controls,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .popup-controls,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .popup-controls {
  text-align: right;
  padding: 0em 1em 0 0;
  width: 30%;
  float: right;
  position: relative;
  top: -1.938em;
  margin-bottom: -1.75em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .popup-controls img,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .popup-controls img,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .popup-controls img {
  background: none;
  height: 2.438em;
  width: 2.438em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .camera-popup-visible .popup-controls i,
.newgroup-details-container .group-image-inner .camera-container .camera-popup-visible .popup-controls i,
.newgroup-details-container .group-image-inner .removephoto-container .camera-popup-visible .popup-controls i {
  height: 2.438em;
  width: 2.438em;
  margin-left: 0.938em;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .removephoto-popup,
.newgroup-details-container .group-image-inner .camera-container .removephoto-popup,
.newgroup-details-container .group-image-inner .removephoto-container .removephoto-popup {
  width: 20.625em;
  padding: 1.563em 1.875em;
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  -moz-box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1411764706);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .removephoto-popup .removephoto-label label,
.newgroup-details-container .group-image-inner .camera-container .removephoto-popup .removephoto-label label,
.newgroup-details-container .group-image-inner .removephoto-container .removephoto-popup .removephoto-label label {
  font-size: 0.9375rem;
  font-family: var(--semibold);
  color: var(--mf-secondary-dark);
}
.newgroup-details-container .group-image-inner .Viewphoto-container .removephoto-popup .removephoto-noteinfo,
.newgroup-details-container .group-image-inner .camera-container .removephoto-popup .removephoto-noteinfo,
.newgroup-details-container .group-image-inner .removephoto-container .removephoto-popup .removephoto-noteinfo {
  margin-top: 1.875em;
  text-align: right;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .removephoto-popup .removephoto-noteinfo button,
.newgroup-details-container .group-image-inner .camera-container .removephoto-popup .removephoto-noteinfo button,
.newgroup-details-container .group-image-inner .removephoto-container .removephoto-popup .removephoto-noteinfo button {
  margin-left: 0.625em;
  background-color: #e5e5e5;
  color: #818181;
  cursor: pointer;
  text-align: center;
  min-width: 60px;
  padding: 0.375em 0.9375em;
  border: none;
  font: normal normal 0.875rem/1.0625rem var(--regular);
  border-radius: 0.3125em;
  letter-spacing: 0px;
  transition: 200ms linear;
}
.newgroup-details-container .group-image-inner .Viewphoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.newgroup-details-container .group-image-inner .camera-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto,
.newgroup-details-container .group-image-inner .removephoto-container .removephoto-popup .removephoto-noteinfo button.btn-removephoto {
  background-color: var(--mf-theme-color);
  color: #fff;
}
.newgroup-details-container .form-control {
  padding: 0 1.125em;
  position: relative;
  margin-top: 0.313em;
}
.newgroup-details-container .form-control input {
  color: var(--mf-new-group-name);
  width: 100%;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 0.875rem;
  font-family: var(--regular);
  padding: 0.625em 0em;
  padding-right: 3.75em;
  margin-right: 1.2em;
  background: transparent;
  letter-spacing: 0.2px;
}
.newgroup-details-container .form-control .char-count {
  position: absolute;
  bottom: 12px;
  right: 3.917em;
  font-size: 0.75rem;
  font-family: var(--regular);
  color: var(--mf-new-group-name);
}
.newgroup-details-container .form-control .emoji {
  position: absolute;
  bottom: 12px;
  right: 1.625em;
  height: 0.875em;
  width: 0.875em;
}
.newgroup-details-container .form-control .emoji .emojiPicker-container {
  bottom: 1.5em !important;
  right: -1.1em !important;
  margin-left: 0;
}
.newgroup-details-container .form-control .emoji .emojiPicker-container .emoji-mart {
  width: 19.25em !important;
}
.newgroup-details-container .form-control .emoji .emoji-mart-scroll {
  height: 220px;
}
.newgroup-details-container .form-control .em-slightly_smiling_face {
  background-image: url(../images/emoji.svg);
  font-size: 0.625rem;
  margin-top: -0.6em;
}
.newgroup-details-container .form-control .errorMessage {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2em;
  bottom: -1.5em;
  position: absolute;
  color: #f44336;
  font-size: 0.75rem;
}
.newgroup-details-container .form-control .errorMessage svg {
  line-height: 1.2em;
  width: 0.875em;
  margin-right: 0.188em;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .mirrorfly-root .container .chat-setting .checkbox, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .mirrorfly-root .container .chat-setting .checkbox label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .mirrorfly-root .container .chat-setting .checkbox label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .mirrorfly-root .container .chat-setting .checkbox input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.mirrorfly-root .container .chat-setting .checkbox {
  margin-left: 0.25em;
}
.mirrorfly-root .container .chat-setting .checkbox label:before {
  border-color: #707070 !important;
}
.mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076 !important;
}
.mirrorfly-root .container .chat-setting .setting-option {
  width: 100%;
  padding: 0.625em 1.25em !important;
  align-items: flex-start !important;
}
.mirrorfly-root .container .chat-setting .errorMesage {
  display: flex;
  align-items: center;
  line-height: 1.2em;
  color: #F44336;
  padding: 0 1.2em;
  margin-bottom: 0.625em;
  width: 96%;
}
.mirrorfly-root .container .chat-setting .label {
  user-select: none;
  margin-left: 10px;
  font-size: 1rem;
  color: var(--mf-secondary-dark);
  line-height: 1.125em;
  display: flex;
  flex-direction: column;
}
.mirrorfly-root .container .chat-setting .label-info {
  padding: 0 20px 0 50px;
  display: block;
  font: normal normal 0.8125rem/0.9375rem var(--regular);
  letter-spacing: 0px;
  color: #767676;
  margin-top: -0.5em;
}
.mirrorfly-root .container .chat-setting .language-select {
  margin-top: 1.125em;
  padding: 0 20px 0 50px;
}
.mirrorfly-root .container .chat-setting .language-select h4 {
  font: normal normal 13px/18px var(--medium);
  color: var(--mf-secondary-dark);
  margin-bottom: 0.625em;
}
.mirrorfly-root .container .chat-setting .language-select .defaultSelected {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EDEDED;
  border-bottom: 1px solid transparent;
}
.mirrorfly-root .container .chat-setting .language-select .defaultSelected input {
  font: normal normal 0.8125rem/0.875rem var(--semibold);
  letter-spacing: 0px;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.625em 0.75em;
  border: none;
  flex: 1 1 auto;
  background: transparent;
}
.mirrorfly-root .container .chat-setting .language-select .defaultSelected svg {
  width: 0.625em;
  fill: #767676;
  margin-right: 0.9375em;
}
.mirrorfly-root .container .chat-setting .language-select .defaultSelected.active {
  border-bottom: 1px solid #4879F9;
}
.mirrorfly-root .container .chat-setting .language-select .defaultSelected.active svg {
  transform: rotate(-180deg);
}
.mirrorfly-root .container .chat-setting .language-select .info {
  display: flex;
  margin: 0.625em 0;
}
.mirrorfly-root .container .chat-setting .language-select .info i {
  width: 0.875em;
  height: 0.875em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.mirrorfly-root .container .chat-setting .language-select .info i svg {
  width: 0.875em;
  height: 0.875em;
  flex-shrink: 0;
}
.mirrorfly-root .container .chat-setting .language-select .info span {
  align-items: flex-start;
  font: normal normal 0.6875rem/0.9375rem var(--regular);
  letter-spacing: 0px;
  color: #767676;
}
.mirrorfly-root .container .chat-setting .language-select .info strong {
  color: #000000;
  white-space: nowrap;
  font-family: var(--semibold);
}
.mirrorfly-root .container .chat-setting .language-select .info svg {
  width: 0.75em;
  height: auto;
  margin-right: 0.625em;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper {
  position: relative;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper > div {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  background: #FFFFFF;
  box-shadow: 0em 0.1875em 0.375em rgba(0, 0, 0, 0.1019607843);
  border: 0.0625em solid #D3D3D3;
  border-radius: 0.375rem;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper > div ul {
  overflow: hidden auto;
  max-height: 14em;
  width: 100%;
  height: 100%;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper > div ul li {
  border-bottom: 1px solid #EDEDED;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper > div ul li:last-child {
  border-bottom: 1px solid transparent;
}
.mirrorfly-root .container .chat-setting .language-select .drop-wrapper > div ul li button {
  text-align: left;
  cursor: pointer;
  padding: 0.625em 0.9375em;
  background: transparent;
  font: normal normal 0.8125rem/1.125rem var(--medium);
  color: #181818;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}

:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.document-message-block.fileThumb .fileThumb-img {
  max-height: 5.625em;
  width: 100%;
  height: 100%;
  -webkit-box-flex: 0 0 100%;
  -moz-box-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  overflow: hidden;
}
.document-message-block.fileThumb .fileThumb-img img {
  object-fit: cover;
  object-position: top;
  border-radius: 0.5625em;
}
.document-message-block.fileThumb .file-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  align-items: center;
}

.receiver-row .video-message .starredIcon svg path, .receiver-row .location-message .starredIcon svg path, .receiver-row .image-message .starredIcon svg path, .receiver-row .image-block .starredIcon svg path, .sender-row .video-message .starredIcon svg path, .sender-row .location-message .starredIcon svg path, .sender-row .image-message .starredIcon svg path, .sender-row .image-block .starredIcon svg path {
  fill: #fff !important;
}

.chat-conversion .chatconversation-container .msg-content .receiver-row + .sender-row .sender {
  border-bottom-left-radius: 0 !important;
}
.chat-conversion .chatconversation-container .msg-content .sender-row + .receiver-row .receiver {
  border-bottom-right-radius: 0 !important;
}

.reply-block.file-message .reply-container {
  margin: 0.25em;
}

.BlockedContact {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.BlockedContact .EmptyBlockedContact {
  text-align: center;
}
.BlockedContact .EmptyBlockedContact i {
  cursor: default;
  width: 9.375em;
  height: 9.375em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin: 0 auto 1em auto;
}
.BlockedContact .EmptyBlockedContact i svg {
  width: 9.375em;
  height: 9.375em;
}

.chat-list-ul.BlockedList {
  height: calc(var(--maxParentheight) - 4.063em);
  overflow: auto;
}
.chat-list-ul.BlockedList .chat-list-li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.45em 1.125em 0.45em 1.125em;
  border-bottom: 0.5px solid var(--mf-border-common);
  cursor: pointer;
}
.chat-list-ul.BlockedList .chat-list-li:active {
  background-color: var(--mf-list-hover-bg);
}
.chat-list-ul.BlockedList .chat-list-li:hover {
  background-color: var(--mf-list-hover-bg);
}
.chat-list-ul.BlockedList .chat-list-li .profile-image {
  position: relative !important;
}
.chat-list-ul.BlockedList .chat-list-li .profile-image i {
  position: absolute;
  right: -0.5em;
  bottom: -0.188em;
  width: 1.188em;
  height: 1.188em;
}
.chat-list-ul.BlockedList .chat-list-li .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.chat-list-ul.BlockedList .chat-list-li .profile-image .image img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.chat-list-ul.BlockedList .chat-list-li .profile-image .img-placeholder {
  background-size: contain;
  position: relative;
}
.chat-list-ul.BlockedList .chat-list-li .recentchats {
  max-width: calc(100% - 50px);
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 0.938em;
}
.chat-list-ul.BlockedList .chat-list-li .recentchats .recent-username-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-list-ul.BlockedList .chat-list-li .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.chat-list-ul.BlockedList .chat-list-li .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.chat-list-ul.BlockedList .chat-list-li .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.795rem;
  font-family: var(--semibold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 1.3em;
  letter-spacing: 0.3px;
}
.chat-list-ul.BlockedList .chat-list-li .recent-message-block {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-list-ul.BlockedList .chat-list-li .recent-message-block > span {
  max-width: 90%;
}
.chat-list-ul.BlockedList .chat-list-li .recent-message-block .status-text {
  margin-top: 0.22em;
  display: inline-block;
}
.chat-list-ul.BlockedList .chat-list-li .recent-message-block span {
  max-width: 100%;
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.417em;
  color: #73777e;
  letter-spacing: 0.2px;
}
.chat-list-ul.BlockedList .chat-list-li .recent-message-block span .em {
  margin-right: 0;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked {
  --bg-blocked: rgb(249 239 239);
}
.chat-list-ul.BlockedList .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .checkbox {
  display: none !important;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked label {
  cursor: default;
  background-color: var(--bg-blocked);
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .blocked-info {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E24848;
  user-select: none;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .blocked-info i {
  width: 0.85em;
  height: 0.85em;
  margin: 0 0.375em;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .blocked-info i svg {
  fill: #E24848;
  width: 0.85em;
  height: 0.85em;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .blocked-info i svg path {
  fill: #E24848;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .blocked-info span {
  color: red;
  font-size: 0.775rem;
  font-family: SFUIDisplayMedium, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  line-height: 120%;
  letter-spacing: 0.3px;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .username {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked .recent-message-block, .chat-list-ul.BlockedList .chat-list-li.Blocked .recent-username-block {
  width: 100% !important;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.chat-list-ul.BlockedList .chat-list-li .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
  margin-right: 0.7em;
}
.chat-list-ul.BlockedList .chat-list-li .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked {
  background-color: var(--bg-blocked) !important;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked h3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked.bc-none {
  background-color: transparent !important;
}
.chat-list-ul.BlockedList .chat-list-li.Blocked.bc-none label {
  background-color: transparent !important;
}
.chat-list-ul.BlockedList .chat-list-li:hover {
  background: transparent;
  cursor: default;
}
.chat-list-ul.BlockedList .Unblock {
  font-size: 0.688em;
  font-family: var(--medium);
  color: #fff;
  background: var(--mf-theme-color);
  border-radius: 0.125em;
  padding: 0.5em 1em;
  transition: all linear 200ms;
  cursor: pointer;
}
.chat-list-ul.BlockedList .Unblock:hover {
  background: #356dff;
  transition: all linear 200ms;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.mirrorfly-root .carousel-root {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider {
  width: 80% !important;
  margin: 0 auto;
  height: 80vh;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-arrow {
  color: #000;
  bottom: unset;
  padding: 0.313em;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  opacity: 1;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-arrow:hover {
  background: #fff !important;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-next.control-arrow:before {
  border: none;
  background: transparent url(../images/preview_next.svg) no-repeat center center;
  width: 2em;
  height: 2em;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-prev.control-arrow:before {
  border: none;
  background: transparent url(../images/preview_prev.svg) no-repeat center center;
  width: 2em;
  height: 2em;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-disabled.control-arrow {
  opacity: 0.2;
  display: block;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-disabled.control-arrow:hover {
  opacity: 0.2;
  display: block;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .carousel-status {
  top: unset;
  right: 0;
  bottom: 0;
  font-size: 0.875em;
  line-height: 1.188em;
  letter-spacing: 0em;
  color: #BEBEBE;
}
.mirrorfly-root .carousel-root .carousel.carousel-slider .control-dots .dot {
  display: none;
}
.mirrorfly-root .carousel-root .carousel .slider-wrapper {
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel ul.slider {
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide {
  justify-content: center;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background: none;
  padding-top: 1.25em;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide > div {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide > div:before {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 13%;
  top: 0;
  background: #000;
  background: linear-gradient(hsla(0, 0%, 0%, 0.19), rgba(0, 0, 0, 0.33));
  background: radial-gradient(rgba(0, 0, 0, 0.3490196078), rgba(0, 0, 0, 0.1215686275));
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide > div img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  border-radius: 0.25em;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend {
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: static;
  padding: 0;
  font-size: 0.838em;
  max-height: 85px;
  min-width: 17.5em;
  margin: 0.625em auto;
  max-width: 60em;
  overflow: hidden auto;
  background-color: rgba(4, 6, 13, 0.32);
  opacity: 1;
  color: #fff;
  font-family: ProximaNova-Regular, sans-serif;
  word-break: break-word;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend::-webkit-scrollbar {
  width: 9px;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend::-webkit-scrollbar-track {
  background-color: transparent;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend::-webkit-scrollbar-thumb {
  background-color: transparent;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid transparent;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend:hover::-webkit-scrollbar-thumb {
  background-color: #b7b7b7;
  border: 1px solid #b7b7b7;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .legend::-webkit-scrollbar-button {
  display: none;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-image: none;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image > img {
  display: none;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper {
  position: relative;
  width: 80%;
  flex: 1 1 100%;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper:hover .tools {
  top: 0.938em;
  transition: 300ms;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .tools {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 0.25em;
  z-index: 1;
  transition: 300ms;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .tools button {
  background: transparent;
  outline: 0;
  border: 0;
  width: 2.188em;
  height: 2.188em;
  padding: 0.375em;
  cursor: pointer;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .tools button:hover svg {
  transform: scale(1.1);
  transform-origin: center center;
  fill: rgba(0, 0, 0, 0.68);
  transition: 200ms;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .tools button svg {
  width: 1.5em;
  height: 1.5em;
  fill: rgba(0, 0, 0, 0.5);
  transition: 200ms;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .react-transform-component {
  height: 100%;
  width: 100%;
  border-radius: 0.25em;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper .react-transform-element {
  cursor: all-scroll;
  height: 100%;
  width: 100%;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image.file img {
  position: static;
  display: block;
  width: 100px;
  height: 100px;
  transform: none;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image.file .type-thumb-image {
  border-radius: 10px;
  width: 80%;
  height: auto !important;
}
.mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image.file .document-name {
  margin-top: 1.5rem;
  color: var(--white);
  height: auto;
}
.mirrorfly-root .carousel-root .carousel .previewer-root {
  width: 100%;
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel .type-media > img {
  display: none;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio {
  display: block;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 {
  width: 80%;
  max-width: 800px;
  max-height: 500px;
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 .video-js {
  width: 100%;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  fill: gray;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 .video-js .vjs-tech {
  background: #fff no-repeat center center;
  background-size: 3.75em;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 .vjs-time-control {
  color: #181818;
}
.mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1 > div > div {
  height: 100%;
}
.mirrorfly-root .carousel-root .carousel .type-media .AudioDetails {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: absolute;
  text-align: center;
  background-color: #815815;
  border-radius: 0.375rem;
  min-width: 7.8125em;
  width: 7.8125em;
  height: 7.8125em;
  margin-bottom: -0.15em;
  margin-top: -0.15em;
  margin-left: -0.15em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
}
.mirrorfly-root .carousel-root .carousel .type-media .AudioDetails svg {
  height: 2em;
  margin-bottom: 1.25em;
}
.mirrorfly-root .carousel-root .carousel .type-media .AudioDetails span {
  font: normal normal 0.75rem/100% var(--semibold);
  letter-spacing: 0px;
  color: #FFFFFF;
}
.mirrorfly-root .carousel-root .carousel .type-media .AudioDetails.default {
  background-color: #FEAD29;
}
.mirrorfly-root .carousel-root .carousel .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.mirrorfly-root .carousel-root .carousel .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
}
.mirrorfly-root .carousel-root .thumbs-wrapper {
  padding: 10px !important;
  margin: 0 !important;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .control-arrow {
  display: none;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs {
  display: flex;
  flex-direction: row-reverse;
  width: auto;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb {
  flex: 0 0 120px;
  border: none !important;
  position: relative;
  height: 80px;
  margin-right: 0.6px !important;
  background-size: 2.188em;
  cursor: pointer;
  padding: 2.5px;
  overflow: hidden;
  transition: all 150ms linear;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb:hover {
  transform: translateY(-10px);
  transition: all 150ms linear;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb .video-icon:before {
  content: "";
  position: absolute;
  width: 2em;
  height: 2em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../images/playbtn2.svg) no-repeat center center;
  background-size: 1.5em;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb > div {
  display: inline-block;
  width: 100%;
  height: 100%;
  border: 0.0625em solid #FFFFFF !important;
  border-radius: 10px;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb img {
  border-radius: 8px;
  margin-right: 0.313em;
  border: none;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb .audio-duration, .mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb .video-duration {
  font-family: SFUIDisplayRegular, sans-serif;
  position: relative;
  bottom: 1.375em;
  color: #fff;
  font-size: 0.75rem;
  text-align: center;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb .video-duration {
  display: none;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb .File img {
  object-fit: contain !important;
  padding: 10px;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb.selected > div {
  border: 0.2em solid var(--mf-theme-color) !important;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb.selected > div:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  left: 6px;
  bottom: 6px;
  background: rgba(0, 0, 0, 0.356) no-repeat center center;
  border-radius: 10px;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb.selected:hover > div {
  border: 0.2em solid var(--mf-theme-color) !important;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb.selected:hover > div:after {
  content: "";
  position: absolute;
  top: 6px !important;
  right: 6px !important;
  left: 6px !important;
  bottom: 6px !important;
  background: rgba(0, 0, 0, 0.356) no-repeat center center;
  border-radius: 10px;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb.thumb:hover > div:after {
  content: "";
  position: absolute;
  top: 4px;
  bottom: 2px;
  right: 2px;
  left: 4px;
  background: rgba(0, 0, 0, 0.356) no-repeat center center;
  border-radius: 10px;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb-img > svg {
  display: none;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb-img img.image-load {
  display: none !important;
}
.mirrorfly-root .carousel-root .thumbs-wrapper .thumbs .thumb-img img.image-load + svg {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2.125em;
  height: 2.125em;
  transform: translate(-50%, -50%);
}
.mirrorfly-root .carousel-root .vjs-mouse-display, .mirrorfly-root .carousel-root .vjs-time-tooltip {
  display: none !important;
}
.mirrorfly-root .video-wrapper1 button {
  outline: 0;
}
.mirrorfly-root .video-wrapper1 .video-js {
  font-size: 14px;
  overflow: hidden;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-control-bar {
  padding: 0 2%;
  -webkit-transition: -webkit-transform 0.1s ease 0s;
  -moz-transition: -moz-transform 0.1s ease 0s;
  -ms-transition: -ms-transform 0.1s ease 0s;
  -o-transition: -o-transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s;
  background-color: transparent !important;
  color: #ffffff;
  font-size: 0.75em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-control-bar:before {
  content: "";
  height: 7.75em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 3%, rgba(0, 0, 0, 0.25) 53%);
}
.mirrorfly-root .video-wrapper1 .video-js[tabindex="-1"] {
  background: transparent !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border-color: transparent;
  width: 3em;
  height: 3em;
  line-height: 3em;
  outline: 0;
  border: 0;
  z-index: 2;
  box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.4);
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button :focus {
  outline: 0;
  border: 0;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control {
  border-radius: 1.75em;
  position: absolute;
  left: 3%;
  right: 0;
  width: 94% !important;
  height: 0.5em !important;
  top: -1em !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control .vjs-load-progress, .mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control .vjs-play-progress {
  height: 100%;
  border-radius: 1.875em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%;
  margin: 0;
  border-radius: 1.875em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control:hover {
  height: 0.5em !important;
  top: -1em !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-progress-control .vjs-progress-control .vjs-play-progress:before {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-modal-dialog-content, .mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-inline.vjs-slider-active, .mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-inline:focus, .mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-inline:hover {
  width: 10em;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-control {
  width: 3em;
  color: inherit;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-control:focus:before, .mirrorfly-root .video-wrapper1 .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-inline:before {
  width: 1.5em;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-ended .vjs-big-play-button, .mirrorfly-root .video-wrapper1 .video-js.vjs-paused .vjs-big-play-button {
  display: block;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-load-progress div {
  display: none !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-mouse-display:after, .mirrorfly-root .video-wrapper1 .video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}
.mirrorfly-root .video-wrapper1 .video-js *, .mirrorfly-root .video-wrapper1 .video-js:after, .mirrorfly-root .video-wrapper1 .video-js:before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-inline:hover, .mirrorfly-root .video-wrapper1 .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 6.35em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-spacer {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 0 1 auto;
  -moz-box-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: auto;
  color: #fff !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control.vjs-time-divider {
  width: 0.875em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control .vjs-current-time-display, .mirrorfly-root .video-wrapper1 .video-js .vjs-time-control .vjs-duration-display {
  width: 100%;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control .vjs-current-time-display {
  text-align: right;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-time-control .vjs-duration-display {
  text-align: left;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-play-progress:before, .mirrorfly-root .video-wrapper1 .video-js .vjs-remaining-time {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-volume-level {
  background-color: #02A0E7;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-volume-level:after {
  background-color: #02A0E7 !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-volume-level:after, .mirrorfly-root .video-wrapper1 .video-js .vjs-volume-level:before {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-live .vjs-time-control.vjs-current-time, .mirrorfly-root .video-wrapper1 .video-js.vjs-live .vjs-time-control.vjs-duration, .mirrorfly-root .video-wrapper1 .video-js.vjs-live .vjs-time-control.vjs-time-divider {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(3em);
  -moz-transform: translateY(3em);
  -ms-transform: translateY(3em);
  -o-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  -moz-transition: -moz-transform 1s ease 0s;
  -ms-transition: -ms-transform 1s ease 0s;
  -o-transition: -o-transform 1s ease 0s;
  transition: transform 1s ease 0s;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  -moz-transition: height 1s, top 1s;
  -ms-transition: height 1s, top 1s;
  -o-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  -moz-transition: opacity 1s ease 1s;
  -ms-transition: opacity 1s ease 1s;
  -o-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 12em;
  left: -1.5em;
  padding-bottom: 0.5em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #151b17;
  margin: 0.3em 0;
  padding: 0.5em;
  border-radius: 0.3em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #2483d5;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-loading-spinner {
  border-color: #f2f2f2;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-control-bar2 {
  background-color: #000000;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-play-progress {
  background-color: #ffffff;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-load-progress {
  background: #818181;
  border-radius: 1.875em;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-volume-panel .vjs-volume-control {
  opacity: 1;
  width: 5em !important;
  height: 0.3em !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  background: url(../images/playbtn2.svg) no-repeat center center;
  background-size: 3em;
  content: "";
}
.mirrorfly-root .video-wrapper1 .video-js:hover .vjs-big-play-button, .mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button:focus, .mirrorfly-root .video-wrapper1 .video-js .vjs-big-play-button {
  border: none !important;
  background-color: rgba(0, 0, 0, 0.1215686275) !important;
  content: "" !important;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-icon-replay:before, .mirrorfly-root .video-wrapper1 .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before, .mirrorfly-root .video-wrapper1 .video-js .vjs-play-control .vjs-icon-placeholder:before {
  background: url(../images/play-arrow.svg) no-repeat center center;
  background-size: 0.6em;
  background-position-y: 45%;
  content: "" !important;
}
.mirrorfly-root .video-wrapper1 .video-js.vjs-paused.vjs-has-started .vjs-big-play-button {
  display: block;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-slider {
  background-color: #818181;
}
.mirrorfly-root .video-wrapper1 .video-js .vjs-play-control.vjs-control.vjs-button.vjs-playing, .mirrorfly-root .video-wrapper1 .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  background: url(../images/pause.svg) no-repeat center center;
  content: "" !important;
}
.mirrorfly-root .video-wrapper1 > div {
  flex: 1 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.mirrorfly-root .video-wrapper1 > div > div {
  max-height: 100%;
}
.mirrorfly-root .video-wrapper1 > div > div video {
  border: none;
  outline: none;
}
.mirrorfly-root .video-wrapper1 .vjs-menu-button-inline .vjs-menu {
  left: 3em;
}
.mirrorfly-root .video-wrapper1 .vjs-seeking .vjs-big-play-button, .mirrorfly-root .video-wrapper1 .vjs-waiting .vjs-big-play-button {
  display: none !important;
}
.mirrorfly-root .video-wrapper1 .vjs-time-control {
  position: absolute !important;
  bottom: 4em;
  margin: 0 !important;
  padding: 0 !important;
  font-family: SFUIDisplayRegular, sans-serif;
  line-height: 3.2em;
}
.mirrorfly-root .video-wrapper1 .vjs-time-control.vjs-current-time {
  right: 6em !important;
}
.mirrorfly-root .video-wrapper1 .vjs-time-control.vjs-time-divider {
  right: 4.6em !important;
}
.mirrorfly-root .video-wrapper1 .vjs-time-control.vjs-duration {
  right: 2.7em !important;
}
.mirrorfly-root .video-wrapper1 .vjs-picture-in-picture-control, .mirrorfly-root .video-wrapper1 .vjs-fullscreen-control {
  display: none !important;
}
.mirrorfly-root .video-wrapper1 .vjs-volume-bar.vjs-slider-horizontal {
  border-radius: 0.188em;
}
.mirrorfly-root .video-wrapper1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  border-radius: 0.188em;
}
.mirrorfly-root .video-wrapper1 .vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level:after {
  display: block;
  position: absolute;
  right: -0.313em;
  top: -0.2em;
  content: "";
  width: 0.65em;
  height: 0.65em;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 0.313em rgba(0, 0, 0, 0.6117647059);
}
.mirrorfly-root .video-wrapper1 .vjs-play-progress.vjs-slider-bar:before {
  display: block !important;
  position: absolute;
  right: -9px;
  top: -5.5px;
  content: "";
  width: 16px;
  height: 16px;
  background: white;
  border-radius: 50%;
  box-shadow: 0px 0px 0.313em rgba(0, 0, 0, 0.1215686275);
}
.mirrorfly-root .video-wrapper1 .vjs-poster {
  background-size: 100% 100%;
}
.mirrorfly-root .vjs-error-display::before {
  display: none;
}
.mirrorfly-root .imagePreviewWrapper {
  padding: 0;
}
.mirrorfly-root .imagePreviewWrapper .carousel-root .carousel.carousel-slider {
  height: calc(var(--maxParentheight) - 120px) !important;
}
.mirrorfly-root .imagePreviewWrapper .carousel-root .carousel:nth-child(2) {
  height: 120px !important;
}
.mirrorfly-root .imagePreviewWrapper .video-wrapper1 {
  font-size: 14px;
  flex: 1 1 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.mirrorfly-root .imagePreviewWrapper .video-wrapper1 > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  flex: 1 1 100%;
  width: 100%;
}
.mirrorfly-root .vjs-fullscreen video {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
}
.mirrorfly-root .vjs-video video {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mirrorfly-root .previewContainer {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mirrorfly-root .previewContainerImg {
  height: 650px;
  width: 1000px;
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
.mirrorfly-root .previewVideoThumbnail {
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
@media (max-width: 767px) {
  .mirrorfly-root .carousel-root .carousel.carousel-slider .carousel-status {
    right: 50%;
    transform: translateX(50%);
    bottom: 0.938em;
  }
  .mirrorfly-root .imagePreviewContainer {
    padding: 0;
  }
  .mirrorfly-root .carousel-root .carousel ul.slider li.slide > div {
    padding: 0;
  }
  .mirrorfly-root .carousel-root .carousel.carousel-slider {
    width: 100% !important;
    height: 100% !important;
  }
  .mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image .imageZoomWrapper, .mirrorfly-root .carousel-root .carousel .type-media.audio .video-wrapper1, .mirrorfly-root .carousel-root .carousel ul.slider li.slide .type-image.file .type-thumb-image {
    width: 100% !important;
  }
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.recordAudio {
  user-select: none;
  flex: 15.5em 0 1;
}
.recordAudio .recordAudioInner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.recordAudio .recordAudioInner i, .recordAudio .recordAudioInner svg {
  width: 1.875em;
  height: 1.875em;
}
.recordAudio .recordAudioInner .liveRecord {
  border: 0.0313em solid #707070;
  border-radius: 50%;
  width: 0.875em;
  height: 0.875em;
  position: relative;
}
.recordAudio .recordAudioInner .liveRecord:before, .recordAudio .recordAudioInner .liveRecord:after {
  position: absolute;
  content: "";
  left: 10%;
  top: 10%;
  width: 0.625em;
  height: 0.625em;
  background: #d93134;
  -webkit-animation: pulsecolor 1s infinite;
  animation: pulsecolor 1s infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.recordAudio .recordAudioInner .liveRecord:after {
  -webkit-animation: pulsecolor 1s infinite;
  animation: pulsecolor 1s infinite;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@-webkit-keyframes pulsecolor {
  10% {
    background: #d93134;
  }
}
@keyframes pulsecolor {
  10% {
    background: transparent;
  }
}
.recordAudio .stopRecord {
  margin: 0 0.813em;
  border-radius: 50%;
  transition: all linear 200ms;
  transform: scale(1);
  color: #d93134;
}
.recordAudio .stopRecord:hover {
  background: #d93134;
  color: #fff;
  transform: scale(1.07);
  transition: all linear 200ms;
}
.recordAudio .stopRecord:hover path#Path_13632 {
  stroke: #fff !important;
}
.recordAudio .sendRecord {
  border-radius: 50%;
  transition: all linear 200ms;
  transform: scale(1);
}
.recordAudio .sendRecord:hover {
  background: #0fd358;
  transform: scale(1.07);
  transition: all linear 200ms;
}
.recordAudio .sendRecord:hover path:nth-child(2) {
  fill: #fff !important;
}
.recordAudio .liveRecord {
  margin-right: 0.438em;
}
.recordAudio .recordDuration {
  margin-right: 0.813em;
  width: 3.75em;
  text-align: center;
  color: var(--mf-primary-dark);
}
.recordAudio .recordDuration span {
  width: 1.25em;
  display: inline-block;
  text-align: left;
}

.carousel .control-arrow, .carousel.carousel-slider .control-arrow {
  -webkit-transition: all 0.25s ease-in;
  -moz-transition: all 0.25s ease-in;
  -ms-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  opacity: 0.4;
  filter: alpha(opacity=40);
  position: absolute;
  z-index: 2;
  top: 20px;
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer;
}

.carousel .control-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel .control-arrow:before, .carousel.carousel-slider .control-arrow:before {
  margin: 0 5px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
}

.carousel .control-disabled.control-arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: inherit;
  display: none;
}

.carousel .control-prev.control-arrow {
  left: 0;
}

.carousel .control-prev.control-arrow:before {
  border-right: 8px solid #fff;
}

.carousel .control-next.control-arrow {
  right: 0;
}

.carousel .control-next.control-arrow:before {
  border-left: 8px solid #fff;
}

.carousel-root {
  outline: none;
}

.carousel {
  position: relative;
  width: 100%;
}

.carousel * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none;
}

.carousel .carousel {
  position: relative;
}

.carousel .control-arrow {
  outline: 0;
  border: 0;
  background: none;
  top: 50%;
  margin-top: -13px;
  font-size: 18px;
}

.carousel .thumbs-wrapper {
  margin: 20px;
  overflow: hidden;
}

.carousel .thumbs {
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: relative;
  list-style: none;
  white-space: nowrap;
}

.carousel .thumb {
  -webkit-transition: border 0.15s ease-in;
  -moz-transition: border 0.15s ease-in;
  -ms-transition: border 0.15s ease-in;
  -o-transition: border 0.15s ease-in;
  transition: border 0.15s ease-in;
  display: inline-block;
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  border: 3px solid #fff;
  padding: 2px;
}

.carousel .thumb:focus {
  border: 3px solid #ccc;
  outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
  border: 3px solid #333;
}

.carousel .thumb img {
  vertical-align: top;
}

.carousel.carousel-slider {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
  top: 0;
  color: #fff;
  font-size: 26px;
  bottom: 0;
  margin-top: 0;
  padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
  background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  -webkit-transition: height 0.15s ease-in;
  -moz-transition: height 0.15s ease-in;
  -ms-transition: height 0.15s ease-in;
  -o-transition: height 0.15s ease-in;
  transition: height 0.15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
  flex-direction: column;
}

.carousel .slider-wrapper.axis-vertical {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.carousel .slider {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}

.carousel .slider.animated {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.carousel .slide {
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
  background: #000;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border: 0;
}

.carousel .slide iframe {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0 40px 40px;
  border: 0;
}

.carousel .slide .legend {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -45%;
  width: 90%;
  border-radius: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  opacity: 0.25;
  -webkit-transition: opacity 0.35s ease-in-out;
  -moz-transition: opacity 0.35s ease-in-out;
  -ms-transition: opacity 0.35s ease-in-out;
  -o-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
}

.carousel .control-dots {
  position: absolute;
  bottom: 0;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 960px) {
  .carousel .control-dots {
    bottom: 0;
  }
}
.carousel .control-dots .dot {
  -webkit-transition: opacity 0.25s ease-in;
  -moz-transition: opacity 0.25s ease-in;
  -ms-transition: opacity 0.25s ease-in;
  -o-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  opacity: 0.3;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel .carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff;
}

.carousel:hover .slide .legend {
  opacity: 1;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.mediaAttachmemtUpload {
  position: fixed;
  left: auto;
  top: 0;
  right: 0;
  width: 100%;
  bottom: 0;
  background: #DEE1E8 url(../../assets/images/chatbg.png) no-repeat center center;
  z-index: 3;
  padding: 0;
  height: 100vh;
  background-size: cover;
}
.mediaAttachmemtUpload .uploadImageCaption {
  width: 100%;
  z-index: 2;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container {
  width: 80%;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.875em;
  margin-bottom: 0.375em;
  padding: 0 0.375em;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area {
  -webkit-box-flex: 100%;
  -moz-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--white);
  padding: 0.313em 0.625em 0.313em 0.625em;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  -ms-border-radius: 31px;
  border-radius: 31px;
  position: relative;
  border: 1px solid #e8e8e8;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .typing-area {
  display: block;
  background: var(--white);
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 0.063em;
  word-break: break-all;
  overflow: auto;
  max-height: 6.5em;
  min-height: 1.1em;
  margin: 0;
  line-height: 18px;
  font-size: 0.75rem;
  font-family: var(--regular);
  color: var(--mf-primary-dark);
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: left;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .typing-area:focus {
  outline: none;
  color: var(--mf-primary-dark);
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .typing-area > span {
  line-height: 18px;
  font-size: 0.875rem !important;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area [contentEditable=true]:empty:not(:focus):before {
  content: attr(data-text);
  color: #b3b3b3;
  line-height: 18px;
  font-size: 0.75rem;
  font-family: var(--regular);
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .emojiPicker-container {
  bottom: 1.563em !important;
  float: none !important;
  margin-left: 0 !important;
  left: 0;
  z-index: -2;
  text-align: left;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .emojiPicker-container .emoji-mart {
  width: 100% !important;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .emojiPicker-container .emoji-mart-category-list {
  padding-bottom: 20px;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .em-slightly_smiling_face {
  position: absolute;
  left: 0.38em;
  width: 1em !important;
  height: 1em !important;
  background: url(../../assets/images/smile.svg) center center no-repeat;
  background-size: contain !important;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .intraction.icon {
  position: absolute;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mediaAttachmemtUpload .uploadImageCaption .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: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-right: 0.938em;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .intraction.icon i.attachment svg {
  fill: #363636;
  position: relative;
  z-index: 1;
  width: 1.125em;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .intraction.icon i .toggleAnimation {
  z-index: 1;
  width: 2.5em;
  height: 2.5em;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .message-area .intraction.icon a.send {
  display: inline-block;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .formbtns a {
  margin-left: 5px;
  border: 1px solid #e8e8e8;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .formbtns a, .mediaAttachmemtUpload .uploadImageCaption .message-area-container .formbtns i {
  width: 2.188em;
  height: 2.188em;
  border-radius: 50%;
  background: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .formbtns .send svg {
  width: 1em;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .formbtns .send svg .a {
  fill: var(--mf-theme-color) !important;
}
.mediaAttachmemtUpload .uploadImageCaption .message-area-container .captionCount {
  width: 30px;
  font-size: 0.875rem;
  text-align: center;
  margin-left: 0.5em;
}
.mediaAttachmemtUpload .type-media.audio, .mediaAttachmemtUpload .type-media.video {
  flex-direction: column;
  flex: 1 1 100%;
}
.mediaAttachmemtUpload .type-media.audio .uploadImageCaption, .mediaAttachmemtUpload .type-media.video .uploadImageCaption {
  position: static;
}
.mediaAttachmemtUpload .carousel.carousel-slider {
  height: calc(80vh - 104px);
  margin: 1.25em 0;
}
.mediaAttachmemtUpload .carousel-root {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 2.125em);
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper {
  background: #E9E9E9;
  margin: 0;
  padding: 10px 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb {
  -webkit-box-flex: 0 0 80px;
  -moz-box-flex: 0 0 80px;
  -webkit-flex: 0 0 80px;
  -ms-flex: 0 0 80px;
  flex: 0 0 80px;
  min-width: 58px !important;
  min-height: 58px;
  width: 80px;
  height: 80px;
  border: 0.0625em solid var(--mf-theme-color) !important;
  padding: 0 !important;
  border-radius: 10px;
  overflow: hidden !important;
  position: relative;
  margin-right: 0.625em !important;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img {
  position: static !important;
  border: none !important;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  margin: 0;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img img {
  border: none !important;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img p {
  color: #fff;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img:after {
  opacity: 0;
  content: "";
  position: absolute;
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background-size: 1.25em;
  border-radius: 10px;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img:hover:after {
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  opacity: 1;
  background-image: none !important;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img span {
  position: absolute;
  right: 0.25em;
  top: 0.25em;
  background: rgba(0, 0, 0, 0.7215686275) url(../../assets/images/preview_close.svg) no-repeat center center;
  width: 0.75em;
  height: 0.75em;
  border-radius: 50%;
  background-size: 0.25em;
  z-index: 1;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb .thumb-img.file img {
  padding: 0.938em;
  object-fit: contain;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb.selected {
  border: none !important;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb.selected .thumb-img:after {
  right: 0px !important;
  top: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
  background: rgba(0, 0, 0, 0.5) url(../../assets/images/drop-media-preview.svg) no-repeat center center !important;
  background-size: 1.25em;
  border-radius: 10px;
  border: none !important;
  -webkit-transition: all linear 200ms;
  -moz-transition: all linear 200ms;
  -o-transition: all linear 200ms;
  -ms-transition: all linear 200ms;
  transition: all linear 200ms;
  opacity: 1;
}
.mediaAttachmemtUpload .carousel-root .thumbs-wrapper .thumbs .thumb.selected:hover .thumb-img {
  border: none !important;
}
.mediaAttachmemtUpload .carousel-root .carousel.carousel-slider .control-arrow {
  width: 45px;
  height: 45px;
  top: 46%;
}
.mediaAttachmemtUpload .carousel-root .carousel.carousel-slider .control-arrow:before {
  background-size: 7px;
  width: 45px;
  height: 45px;
}
.mediaAttachmemtUpload .carousel-root .carousel.carousel-slider .control-arrow.control-next {
  right: 8%;
}
.mediaAttachmemtUpload .carousel-root .carousel.carousel-slider .control-arrow.control-prev {
  left: 8%;
}
.mediaAttachmemtUpload .attachments-header {
  padding: 0.313em 1.25em;
  width: 100%;
  background: var(--mf-theme-color);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  fill: #fff;
  color: #fff;
}
.mediaAttachmemtUpload .attachments-header h5 {
  font-size: 0.875rem;
}
.mediaAttachmemtUpload .attachments-header i, .mediaAttachmemtUpload .attachments-header svg {
  width: 1.5em;
  height: 1.5em;
}
.mediaAttachmemtUpload .attachments-header span {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.mediaAttachmemtUpload .attachments-header span i {
  height: 1em;
  margin-right: 0.225em;
}
.mediaAttachmemtUpload .attachments-header span i svg {
  height: 1em;
}
.mediaAttachmemtUpload .carousel-status {
  display: none;
}
.mediaAttachmemtUpload .react-transform-element.TransformComponent-module_content__TZU5O img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mediaAttachmemtUpload .attachmentSend {
  position: absolute;
  right: 10%;
  top: -1.5em;
  background: var(--mf-theme-color-dark);
  border-radius: 50%;
  width: 3.125em;
  height: 3.125em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.mediaAttachmemtUpload .attachmentSend i {
  width: 3.125em;
  height: 3.125em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  box-shadow: 0px 0px 8px -1px var(--mf-theme-color-dark);
}
.mediaAttachmemtUpload .attachmentSend i svg {
  width: 1.5em;
  height: 1.5em;
}
.mediaAttachmemtUpload.highlight .carousel-root:after {
  position: absolute;
  content: "Drag Files Here";
  bottom: 0.625em;
  top: 2.75em;
  left: 0.625em;
  right: 0.625em;
  border: 0.188em dashed var(--mf-theme-color);
  background: rgba(237, 244, 249, 0.62);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
}
.mediaAttachmemtUpload .vjs-time-tooltip {
  display: none !important;
}
.mediaAttachmemtUpload .video-wrapper1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  width: 80%;
  height: 100%;
  overflow: hidden;
}
.mediaAttachmemtUpload .video-wrapper-0 {
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}

.uploadfile {
  display: inline-flex;
  min-width: 58px !important;
  min-height: 58px;
  width: 80px !important;
  height: 80px;
  padding: 0px 0;
  margin: 10px 0 0 0.3em;
  cursor: pointer;
}
.uploadfile > div {
  position: relative;
  user-select: none;
  background: #fff;
  border: 2px dashed var(--mf-theme-color);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 100%;
  border-radius: 6px;
  flex-direction: column;
}
.uploadfile > div label {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.uploadfile > div label input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.uploadfile > div i {
  position: relative;
  width: 0.875em;
  height: 0.875em;
  margin-bottom: 0.25em;
}
.uploadfile > div i::before {
  width: 14px;
  height: 2px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--mf-theme-color);
}
.uploadfile > div i::after {
  height: 14px;
  width: 2px;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--mf-theme-color);
}
.uploadfile > div span {
  font-size: 0.75rem;
  font-family: var(--medium);
  color: var(--mf-theme-color);
  white-space: nowrap;
}
.uploadfile > div.not-allowed {
  cursor: not-allowed;
  opacity: 0.5;
}

.uploadImagePreview {
  position: absolute !important;
  width: 100% !important;
  height: 40px !important;
  top: -0.313em;
  z-index: 1;
}
.uploadImagePreview .ImagePreviewHead {
  color: #000;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.7803921569);
  width: 80%;
  margin: 0 auto;
  padding: 0.5em 1em;
}
.uploadImagePreview .ImagePreviewHead span {
  font-size: 1rem;
}
.uploadImagePreview .ImagePreviewHead i svg, .uploadImagePreview .ImagePreviewHead i .a {
  fill: #fff;
}
.uploadImagePreview .ImagePreviewHead i, .uploadImagePreview .ImagePreviewHead svg {
  width: 1.063em;
  height: 1.063em;
}

.drag-preview {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  height: calc(100% - 3.563em);
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 1.25em auto;
}
.drag-preview .drag-area {
  width: 80% !important;
  height: calc(var(--maxParentheight) - 14.875em);
  margin: 0 auto 1.25em;
}
.drag-preview .drag-area > div {
  width: 80% !important;
  margin: 0 auto;
  height: 100%;
  background: #fff;
  position: relative;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 0.375em;
  border: 0.125em dashed rgba(72, 121, 249, 0.3882352941);
}
.drag-preview .drag-area > div img {
  width: 6.438em;
  height: 1.938em;
}
.drag-preview .drag-area > div h1 {
  color: #383636;
  font-size: 1.0625rem;
  margin: 1.25em 0;
}
.drag-preview .drag-area > div p {
  color: #B5ADAD;
  font-size: 0.75rem;
  width: 22em;
}
.drag-preview .add-files-container {
  background: #E9E9E9;
  margin: 0;
  padding: 10px 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media (max-width: 1024px) {
  .mediaAttachmemtUpload {
    width: 100%;
    display: block;
    z-index: 4;
  }
  .mediaAttachmemtUpload .carousel-root .thumbs-wrapper {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .mediaAttachmemtUpload .video-wrapper1 {
    width: 95%;
  }
}
.BlockedPopUp .blockedInfo p {
  margin-top: 1.5em;
  display: inline-flex;
  align-items: center;
}
.BlockedPopUp .blockedInfo p span {
  line-height: 120%;
  font-size: 0.688rem;
  letter-spacing: 0px;
  color: #A9A9A9;
}
.BlockedPopUp .blockedInfo p i {
  min-width: 18px;
  min-height: 18px;
  width: 1.125em;
  height: 1.125em;
  line-height: 100%;
  margin-right: 0.5em;
}

.video-player-wrapper {
  background: black;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
}

.video-player-wrapper video {
  vertical-align: middle;
  width: 100%;
}

.video-player-wrapper .help-box {
  position: absolute;
  color: white;
  font-size: 16px;
  padding: 20px 23px;
  background: black;
  border-radius: 3px;
  border: 1px solid;
  width: 350px;
  padding-left: 80px;
  left: calc(50% - 175px);
  top: 50px;
  height: 100%;
  max-height: 515px;
  overflow-y: scroll;
  z-index: 9;
}

.video-player-wrapper .help-box p:last-child {
  margin-bottom: 0px;
}

.video-player-wrapper .help-box p {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 0px;
}

.video-player-wrapper .video-player-notifications {
  position: absolute;
  color: white;
  font-size: 20px;
  right: 25px;
  top: 25px;
  padding: 5px 23px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  border: 1px solid;
}

.video-player-wrapper .video-player-notifications p {
  margin-bottom: 0px;
  margin-top: 0px;
}

.video-player-wrapper .video-controls {
  display: none;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.video-player-wrapper .video-controls img {
  height: 20px;
}

.video-player-wrapper .video-controls .disabled {
  opacity: 0.2;
}

.video-player-wrapper .video-controls .disabled:hover {
  cursor: default;
}

.video-player-wrapper .video-controls .playback-control img {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
}

.video-player-wrapper .video-controls .progress-bar-control {
  padding-left: 0px;
}

.video-player-wrapper .video-controls .progress-bar:hover {
  cursor: pointer;
}

.video-player-wrapper .video-controls .progress-bar {
  padding: 0px;
  width: 100%;
  height: 5px;
  background: #575757;
  border-radius: 5px;
  position: relative;
}

.video-player-wrapper .video-controls .progress {
  cursor: pointer;
  background: #fff;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 1;
}

.video-player-wrapper .video-controls .progress-buffered {
  background: rgba(255, 255, 255, 0.4);
  height: 100%;
  position: absolute;
  top: 0px;
}

.video-player-wrapper .video-controls .time-box {
  padding-left: 0;
}

.video-player-wrapper .video-controls .volume-control {
  position: relative;
}

.video-player-wrapper .video-controls .volume-slider {
  cursor: pointer;
  position: absolute;
  top: -171px;
  padding-top: 5px;
  height: 165px;
  width: 20px;
  background: transparent;
  text-align: center;
}

.video-player-wrapper .video-controls .volume-slider .volume-wrapper-box {
  background: rgba(0, 0, 0, 0.7);
  width: 20px;
  height: 100%;
  top: 1px;
  position: absolute;
}

.video-player-wrapper .video-controls .volume-slider .volume-wrapper {
  background: #575757;
  position: absolute;
  width: 4px;
  height: calc(100% - 5px);
  left: 8px;
  bottom: 0px;
}

.video-player-wrapper .video-controls .volume-slider .volume {
  width: 4px;
  background: #fff;
  bottom: 0px;
  position: absolute;
  left: 0px;
}

.video-player-wrapper .video-controls .volume-button {
  margin-top: 8.5px;
}

.video-player-wrapper .display-flex {
  display: flex;
}

.hide-video-controls::-webkit-media-controls {
  display: none !important;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.choose-upload-files {
  display: inline-block;
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 10em;
  font-family: var(--regular);
  right: 0.4em;
  bottom: 5em;
  padding: 0.938em;
  opacity: 1;
}
.choose-upload-files .closedropmedia {
  position: absolute;
  width: 1.063em;
  height: 1.063em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #f3f3f3 0% 0% no-repeat padding-box;
  text-align: center;
  right: 3px;
  top: 3px;
}
.choose-upload-files .closedropmedia svg {
  width: 0.438em;
}
.choose-upload-files .closedropmedia:hover svg path {
  fill: var(--mf-theme-color);
}
.choose-upload-files .fileicon li {
  cursor: pointer;
}
.choose-upload-files .fileicon li div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-bottom: 0.5em;
}
.choose-upload-files .fileicon li div i {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  width: 2.5rem;
  height: 2.5rem;
  background: #0F2A5F;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  background-size: 6.25em;
}
.choose-upload-files .fileicon li div i svg, .choose-upload-files .fileicon li div i .a {
  color: var(--mf-attachment-color-icon);
}
.choose-upload-files .fileicon li div i svg {
  position: relative;
  width: 1.875em;
  height: auto;
}
.choose-upload-files .fileicon li div i svg:not(.top-0) {
  top: 0.15em;
}
.choose-upload-files .fileicon li div span {
  background: var(--white);
  color: var(--mf-primary-dark);
  border-radius: 1.25em;
  position: absolute;
  left: 4em;
  font-size: 0.6875rem;
  padding: 0.25em 0.625em;
  margin-left: 0.625em;
  white-space: nowrap;
  line-height: 1.125em;
  box-shadow: -1px 2px 10px rgba(0, 0, 0, 0.08);
  user-select: none;
}
.choose-upload-files .fileicon li:hover span {
  background: #0F2A5F;
  background-size: 150%;
  color: #fff;
  box-shadow: 1px 1px 7px -1px #0F2A5F;
}
.choose-upload-files .drop-text {
  font-size: 0.7125rem;
  display: block;
  color: #d4d4d4;
  margin-bottom: 0.313em;
}
.choose-upload-files .drop-file-types {
  font-size: 0.7125rem;
  line-height: 1.5em;
  color: #4b4b4b;
}
.choose-upload-files .drop-file-types span {
  color: #d4d4d4;
}
.choose-upload-files.open {
  width: auto;
}
.choose-upload-files.open li {
  bottom: 0;
}
.choose-upload-files.close {
  bottom: 12.5em;
}

.mirrorfly-root .start_chat {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex: 1;
}
.mirrorfly-root .start_chat_inner {
  max-width: 276px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.mirrorfly-root .start_chat_icon {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
  border-radius: 100px;
  background: #F3F8FF;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mirrorfly-root .start_chat_icon svg {
  width: 100px;
  height: 100px;
}
.mirrorfly-root .start_chat_desc strong {
  display: inline-block;
  color: var(--Black-1000-H1, #101828);
  text-align: center;
  font-family: var(--bold);
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 8px;
}
.mirrorfly-root .start_chat_desc p {
  color: #646B77;
  text-align: center;
  font-family: var(--medium);
  font-size: 14px;
  line-height: 18px;
}

.video-react .video-react-control:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react .video-react-big-play-button:before {
  position: absolute;
  top: 19px;
  left: 5px;
  width: 16px;
  height: 16px;
  line-height: 0;
  font-size: 28px;
}

.video-react .video-react-control:before, .video-react .video-react-big-play-button:before {
  text-align: center;
}

@font-face {
  font-family: "video-react";
  src: url(data:application/vnd.ms-fontobject;base64,MBgAAHwXAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAic4U8QAAAAAAAAAAAAAAAAAAAAAAABYAdgBpAGQAZQBvAC0AcgBlAGEAYwB0AAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAWAHYAaQBkAGUAbwAtAHIAZQBhAGMAdAAAAAAAAAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA?#iefix) format("eot");
}
@font-face {
  font-family: "video-react";
  src: url(data:application/font-woff;base64,d09GRgABAAAAABfIAAsAAAAAF3wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDtEPymNtYXAAAAFoAAAAVAAAAFQOVuSnZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAEtAAABLQx1vcUmhlYWQAABSUAAAANgAAADYLMledaGhlYQAAFMwAAAAkAAAAJAesBCZobXR4AAAU8AAAAJQAAACUiAAUz2xvY2EAABWEAAAATAAAAExLllAobWF4cAAAFdAAAAAgAAAAIAAqAMluYW1lAAAV8AAAAbYAAAG2W2rK6XBvc3QAABeoAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8iAEAAAAAAAEAAAAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIPIg//3//wAAAAAAIPIA//3//wAB/+MOBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQFWANYDKgMqAAIAAAkCAVYB1P4sAyr+1v7WAAIAVgBWA6oDqgACABYAAAEtATcyHgIVFA4CIyIuAjU0PgIBqgEA/wBWWJxzQ0Nzm1lYnHNDQ3ObAUDAwOpDc5tZWJxzQ0Nzm1lYnHNDAAAAAwBWAFYDqgOqABMAJwAqAAAlMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AhMRBQIARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmwMBAKo2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/ZYBgMAAAAAAAgEAANYDAAMqAAMABwAAATMRIyERMxECVqqq/qqqAyr9rAJU/awAAAMAVgBWA6oDqgADAAcAGwAAAREjESMRIxETMh4CFRQOAiMiLgI1ND4CAoBWVFaAWJxzQ0Nzm1lYnHNDQ3ObAVYBVP6sAVT+rAJUQ3ObWVicc0NDc5tZWJxzQwAABABWAFYDqgOqAAMAFwArAC8AAAERMxEHMj4CNTQuAiMiDgIVFB4CEzIeAhUUDgIjIi4CNTQ+AgMRMxECKlaARn1dNjZdfEdGfV02Nl18R1icc0NDc5tZWJxzQ0NzmydWAVYBVP6srDZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9rAFU/qwAAQEAAQADAAMAAAMAAAEhESEBAAIA/gADAP4AAAIAagEAA1YDAAACAAUAAAkBESEJAQHqAWz+gP6UAWwCAAEA/gABAAEAAAAAAgCqAQADlgMAAAIABQAACQIhEQECKgFs/pT+gAFsAwD/AP8AAgD/AAAAAAACAQABAAMAAwAAAgAGAAAJAREBMxEjAZYBav4AVlYCAAEA/gACAP4AAAAAAAIBAAEAAwADAAADAAYAAAEzESMhEQECqlZW/lYBagMA/gACAP8AAAACAKoAgANWA9YARQBoAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjETIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcB+AMLBB4KZkoEBAYFAwgGDQMDCgMHCwEDAwUGBgcDAxEGBg0DAwsGCAoiDgwDBgMKBAQKCQNGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBvAEFAgMDXh4mAQMDAwMDAwMDBgMHGQ4GDQMDDQYGAwMDAQEDAwIDBBYMCwkBAwgJAxoICgQBbjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MxMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjQOBgMIAwgEBBIEAwYDCAYGVAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBtigqTAYuRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgFCQEDCgkDVgkDBAoDAwgJA1YJJwkTBhoMBAEDAwYDBSgPHgkTBhoMBAEDAwYDAw4JCRAJaowMHhgBHjVde0dGfV02Nl18RzReRSkpRV01NF5FKazW1gAAAAQAqgCAA1YD1gAbAEYAowDGAAABFBYzMjY/ATA2PQE0JjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNRMyHgIVFA4CIyIuAjUzFB4CMzI+AjU0LgIjFSc3AjwQBgMGAwgEBBAEAwgDCAQEUAEDDBAGBg4GDxUKBgMDAwMDAwwQBgYMBgYOBgYKBgYDAwMB4gwSBAUDFgUDAwEsFg4DDgMNGQoICAQFAwMIAwYNAwMFAQMDBgMDDQYGDgYGCwMDDQYICiQEBQMWBQMDAQQFAxpmRn1dNjZdfEdGfV02VilFXTU0XkUpKUVdNdbWAXgGCAEDCgkDVgMGAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgFqNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAACAKoAgANWA9YAQgBlAAABDgEVFAYxIzczFSMHMDY1NDI1NBY7ATIWFx4BFx4BFRQGBw4BBw4BIyImJy4BJy4BNTMUFjMyNj8BMDY9AS8BMCYjJTQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIB9AMLBBoKZkoEBAYFAwgGDQMDCgMHCwEDAwUGCBcPBg0DAwsGCAoiDgwDBgMKBAQKCQP+rjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBggIAQMDAgMEFgwLCQEDCAkDGggKBBpGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAQAqgCAA1YD1gAbAEYATQBwAAABFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFQcjNQc1NzMFND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgI0DgYDCAMIBAQSBAMGAwgGBlABAwwQBgYOBgYOBgYIBgoIAQMODgYGDgYGDgYGCgYGAwMDAbIoKkwG/tg2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGDZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwAAAAEAKoAgANWA9YAIgA+AGkAxgAAEzQ+AjM1Fwc1Ig4CFRQeAjMyPgI1MxQOAiMiLgIFFBYzMjY/ATA2PQEwJjU0JiMiBg8BMAYdATAWNxQGDwEwBiMiBiMiJicuAScuAT0BNDY/ATA2MzI2MzIWFx4BFx4BFx4BFSMyNj0BMCY1NCYrATAGIyIGHQEjNDYzMjYzMhYXHgEdATAGFRQGIyIGBx4BFx4BFRQGBw4BBw4BIyIGIyImJy4BJy4BNTMVMBYVFBY7ATA2MzI2PQEwJjU0JisBNao2XXxH1tY0XkUpKUVdNTReRSlWNl18R0Z9XTYBjg4GAwgDCAQEEgQDBgMIBARUAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGgHWRnxdNazW1qwpRV01NF5FKSlFXTVGfV02Nl18FwUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwECwUDDgkJEAkeCRMGGgwEAQMDBgMDDgkJEAkODAgFAwMBBAUDCA8fBAcFBBgKDgkDAwUHAwMHBgYOBgYNAwMKAwMFBAEDAwIDBBsLCAUDAwEEBQMWBQMDAR4AAAAABACAAIADgAOAAAIAFAAmAC4AAAEVJycBBycOAQc1PgE3JxEnIxEzJwE0LgInNR4DFRQGByc+ASccAQcnNR4BAgBa8ALKNlgiTiwbMBW21qrKygKqHzlNL0BuTy0XFUAKDGoCaDA6A1a0WoT9NjZYGygLWAcaEbb+4NYBAMr+tjNcSzYOWA5FY3xEMFsnQhk5HgcNBmheGFsAAAAAAQEqAKoCqgNWAAUAAAEzNxEnIwEqrNTUrAKA1v1U1gACANYAqgMWA1YABQAMAAATMzcRJyMlFAYHER4B1qrW1qoCQDwwMDwCgNb9VNaAOVsYAVgYWwAAAAMAgACKA4ADdgAVABwAIgAAAR4DFRQOAgc1PgM1NC4CJxMUBgcRHgElMzcRJyMCVkBuTy0tT21BLk45Hx85TS9qOjAwOv3AqtbWqgN2DkVjfEREe2NGDlgNN0tcMzNcSzYO/uI5WxgBWBhbR9b9VNYAAAAABADWANYDKgMqAAUACwARABcAAAEzFSM1IxM1MxUjNQE1MxUjFR0BMxUjNQJW1FSAgFTU/oDUgIDUAyrUgP5UgNRUASzUVICsgFTUAAQA1gDWAyoDKgAFAAsAEQAXAAABMxUjNTMDNTMVIxUBNTMVIzURNTMVIzUCqoDUVFTUgP6sVNTUVAKqVNT9rNRUgAHUgNRU/qxU1IAAAAAAAwCAAKoDgANWABcALwA/AAABNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUjNTQmKwEiBh0BFBY7ATI2PQEjFSM1MxUBMhYVERQGIyEiJjURNDYzAwAYEoASGhoSgBIYQFZW6hoSgBIYGBKAEhpAVlYBlCI0MyP9rCQyMiQCKiwSGBgSrBIYGBIsFoAWLBIYGBKsEhgYEiwWgBYBLDMj/gAiNDMjAgAiNAAABACAAIADgAOAAAMADQAZACkAAAE1MxUnETMyNj0BNCYjAREjFSM1IxEzNTMVATIWFREUBiMhIiY1ETQ2MwJqVpasEhgYEv8AQFZAQFYBlCI0MyP9rCQyMiQBwICAwP8AGBKsEhj/AAEAamr/AFZWAgAzI/2sIjQzIwJUIjQAAAACAGQAVgOcA6oACwBZAAABMjY1NCYjIgYVFBYlFx4BDwEOAS8BDgEPAQ4BKwEiJi8BLgEnBwYmLwEmNj8BLgE1PAE3Jy4BPwE+AR8BPgE/AT4BOwEyFh8BHgEXNzYWHwEWBg8BHgEVHAECAD1ZWD49WVgBfFoGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAloGAgRWBA4IahAkFBABCwisBwsCEBMkEWoHDgVWBAIGWgEBAWpYPj1ZWD49WWxGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQtGBBAIlAcEAyoMFghwBwsKCHAHFQ4qAwMIlAcQBUYKFQsKFQAAAAEAgABYA4ADqgAzAAABMhYVFAYjIiY1PAE3JQ4BIyImNTQ2MzIWFyUuATU0NjMyFhUUBiMiJicFHgEVFAYHBT4BAwAzSUkzM0kC/tISLBo0TEs1GS0SASwBA0s1NExLNRktEv7UAQMCAgEwECwBUkkzM0tLMwcPBrAQEks1NEwREa4HDwg0TEs1NEwTEbAHDwgHDwiwDxEAAwBWAFYDqgOqAAMABwAbAAABNSMVExEjERMyHgIVFA4CIyIuAjU0PgICKlRUVCpYnHNDQ3ObWVicc0NDc5sCgFZW/qoBAP8AAoBDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAATUzFQMyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEzEQHWVCpGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObL1QCgFZW/io2XXxHRn1dNjZdfEdGfV02AwBDc5tZWJxzQ0Nzm1lYnHND/YABAP8AAAABANYA1gMqAyoACwAAAQcXBycHJzcnNxc3Ayru7jzu7jzu7jzu7gLu7u487u487u487u4AAQBVAFUDqwOrABQAABMUHgIzMj4CNTQuAiMiDgIVVUN0nFhYnHRDQ3ScWFicdEMCAFicdENDdJxYWJx0Q0N0nFgAAAACAFUAVQOrA6sAFAAoAAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgICAFicdENDdJxYWJx0Q0N0nFhHfF01NV18R0d8XTU1XXwDq0N0nFhYnHRDQ3ScWFicdEP9ADVdfEdHfF01NV18R0d8XTUAAAADAFUAVQOrA6sAFAAoADQAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAhMUBiMiJjU0NjMyFgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfDlLNTVLSzU1SwOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQFVNUtLNTVLSwAAAAEAAAABAADxFM6JXw889QALBAAAAAAA1DSJZQAAAADUNIllAAAAAAOrA9YAAAAIAAIAAAAAAAAAAQAABAAAAAAABAAAAAAAA6sAAQAAAAAAAAAAAAAAAAAAACUEAAAAAAAAAAAAAAAAAAAABAABVgQAAFYEAABWBAABAAQAAFYEAABWBAABAAQAAGoEAACqBAABAAQAAQAEAACqBAAAqgQAAKoEAACqBAAAqgQAAKoEAACABAABKgQAANYEAACABAAA1gQAANYEAACABAAAgAQAAGQEAACABAAAVgQAAFYEAADWBAAAVQQAAFUEAABVAAAAAAAKABQAHgAsAFQAlgCqANgBIAEuAUQBWgFwAYQCEAKoA6YELgTGBcQGEgYiBj4GeAaeBsYHGgdaB+IILghcCKQIvgjgCRwJaAABAAAAJQDHAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACwAAAAEAAAAAAAIABwCEAAEAAAAAAAMACwBCAAEAAAAAAAQACwCZAAEAAAAAAAUACwAhAAEAAAAAAAYACwBjAAEAAAAAAAoAGgC6AAMAAQQJAAEAFgALAAMAAQQJAAIADgCLAAMAAQQJAAMAFgBNAAMAAQQJAAQAFgCkAAMAAQQJAAUAFgAsAAMAAQQJAAYAFgBuAAMAAQQJAAoANADUdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwdmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0dmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0UmVndWxhcgBSAGUAZwB1AGwAYQBydmlkZW8tcmVhY3QAdgBpAGQAZQBvAC0AcgBlAGEAYwB0Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg7RD8oAAAC8AAAAYGNtYXAOVuSnAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zsdb3FIAAAF4AAAS0GhlYWQLMledAAAUSAAAADZoaGVhB6wEJgAAFIAAAAAkaG10eIgAFM8AABSkAAAAlGxvY2FLllAoAAAVOAAAAExtYXhwACoAyQAAFYQAAAAgbmFtZVtqyukAABWkAAABtnBvc3QAAwAAAAAXXAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADyIAQAAAAAAAQAAAAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg8iD//f//AAAAAAAg8gD//f//AAH/4w4EAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAVYA1gMqAyoAAgAACQIBVgHU/iwDKv7W/tYAAgBWAFYDqgOqAAIAFgAAAS0BNzIeAhUUDgIjIi4CNTQ+AgGqAQD/AFZYnHNDQ3ObWVicc0NDc5sBQMDA6kNzm1lYnHNDQ3ObWVicc0MAAAADAFYAVgOqA6oAEwAnACoAACUyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CExEFAgBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObAwEAqjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9lgGAwAAAAAACAQAA1gMAAyoAAwAHAAABMxEjIREzEQJWqqr+qqoDKv2sAlT9rAAAAwBWAFYDqgOqAAMABwAbAAABESMRIxEjERMyHgIVFA4CIyIuAjU0PgICgFZUVoBYnHNDQ3ObWVicc0NDc5sBVgFU/qwBVP6sAlRDc5tZWJxzQ0Nzm1lYnHNDAAAEAFYAVgOqA6oAAwAXACsALwAAAREzEQcyPgI1NC4CIyIOAhUUHgITMh4CFRQOAiMiLgI1ND4CAxEzEQIqVoBGfV02Nl18R0Z9XTY2XXxHWJxzQ0Nzm1lYnHNDQ3ObJ1YBVgFU/qysNl18R0Z9XTY2XXxHRn1dNgMAQ3ObWVicc0NDc5tZWJxzQ/2sAVT+rAABAQABAAMAAwAAAwAAASERIQEAAgD+AAMA/gAAAgBqAQADVgMAAAIABQAACQERIQkBAeoBbP6A/pQBbAIAAQD+AAEAAQAAAAACAKoBAAOWAwAAAgAFAAAJAiERAQIqAWz+lP6AAWwDAP8A/wACAP8AAAAAAAIBAAEAAwADAAACAAYAAAkBEQEzESMBlgFq/gBWVgIAAQD+AAIA/gAAAAAAAgEAAQADAAMAAAMABgAAATMRIyERAQKqVlb+VgFqAwD+AAIA/wAAAAIAqgCAA1YD1gBFAGgAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMRMh4CFRQOAiMiLgI1MxQeAjMyPgI1NC4CIxUnNwH4AwsEHgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYGBwMDEQYGDQMDCwYICiIODAMGAwoEBAoJA0Z9XTY2XXxHRn1dNlYpRV01NF5FKSlFXTXW1gG8AQUCAwNeHiYBAwMDAwMDAwMGAwcZDgYNAwMNBgYDAwMBAQMDAgMEFgwLCQEDCAkDGggKBAFuNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAEAKoAgANWA9YAGwBGAE0AcAAAARQWMzI2PwEwNj0BMCY1NCYjIgYPATAGHQEwFjcUBg8BMAYjIgYjIiYnLgEnLgE9ATQ2PwEwNjMyNjMyFhceARceARceARUHIzUHNTczEzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCNA4GAwgDCAQEEgQDBgMIBgZUAQMMEAYGDgYGDgYGCAYKCAEDDg4GBg4GBg4GBgoGBgMDAwG2KCpMBi5GfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAUJAQMKCQNWCQMECgMDCAkDVgknCRMGGgwEAQMDBgMFKA8eCRMGGgwEAQMDBgMDDgkJEAlqjAweGAEeNV17R0Z9XTY2XXxHNF5FKSlFXTU0XkUprNbWAAAABACqAIADVgPWABsARgCjAMYAAAEUFjMyNj8BMDY9ATQmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1EzIeAhUUDgIjIi4CNTMUHgIzMj4CNTQuAiMVJzcCPBAGAwYDCAQEEAQDCAMIBARQAQMMEAYGDgYPFQoGAwMDAwMDDBAGBgwGBg4GBgoGBgMDAwHiDBIEBQMWBQMDASwWDgMOAw0ZCggIBAUDAwgDBg0DAwUBAwMGAwMNBgYOBgYLAwMNBggKJAQFAxYFAwMBBAUDGmZGfV02Nl18R0Z9XTZWKUVdNTReRSkpRV011tYBeAYIAQMKCQNWAwYDBAoDAwgJA1YJJwkTBhoMBAsFAw4JCRAJHgkTBhoMBAEDAwYDAw4JCRAJDgwIBQMDAQQFAwgPHwQHBQQYCg4JAwMFBwMDBwYGDgYGDQMDCgMDBQQBAwMCAwQbCwgFAwMBBAUDFgUDAwEeAWo1XXtHRn1dNjZdfEc0XkUpKUVdNTReRSms1tYAAAIAqgCAA1YD1gBCAGUAAAEOARUUBjEjNzMVIwcwNjU0MjU0FjsBMhYXHgEXHgEVFAYHDgEHDgEjIiYnLgEnLgE1MxQWMzI2PwEwNj0BLwEwJiMlND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgH0AwsEGgpmSgQEBgUDCAYNAwMKAwcLAQMDBQYIFw8GDQMDCwYICiIODAMGAwoEBAoJA/6uNl18R9bWNF5FKSlFXTU0XkUpVjZdfEdGfV02AbwBBQIDA14eJgEDAwMDAwMDAwYDBxkOBg0DAw0GCAgBAwMCAwQWDAsJAQMICQMaCAoEGkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAABACqAIADVgPWABsARgBNAHAAAAEUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVByM1BzU3MwU0PgIzNRcHNSIOAhUUHgIzMj4CNTMUDgIjIi4CAjQOBgMIAwgEBBIEAwYDCAYGUAEDDBAGBg4GBg4GBggGCggBAw4OBgYOBgYOBgYKBgYDAwMBsigqTAb+2DZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgF4BQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQBAwMGAwUoDx4JEwYaDAQBAwMGAwMOCQkQCWqMDB4YNkZ8XTWs1tasKUVdNTReRSkpRV01Rn1dNjZdfAAAAAQAqgCAA1YD1gAiAD4AaQDGAAATND4CMzUXBzUiDgIVFB4CMzI+AjUzFA4CIyIuAgUUFjMyNj8BMDY9ATAmNTQmIyIGDwEwBh0BMBY3FAYPATAGIyIGIyImJy4BJy4BPQE0Nj8BMDYzMjYzMhYXHgEXHgEXHgEVIzI2PQEwJjU0JisBMAYjIgYdASM0NjMyNjMyFhceAR0BMAYVFAYjIgYHHgEXHgEVFAYHDgEHDgEjIgYjIiYnLgEnLgE1MxUwFhUUFjsBMDYzMjY9ATAmNTQmKwE1qjZdfEfW1jReRSkpRV01NF5FKVY2XXxHRn1dNgGODgYDCAMIBAQSBAMGAwgEBFQBAwwQBgYOBg8VCgYDAwMDAwMMEAYGDAYGDgYGCgYGAwMDAeIMEgQFAxYFAwMBLBYOAw4DDRkKCAgEBQMDCAMGDQMDBQEDAwYDAw0GBg4GBgsDAw0GCAokBAUDFgUDAwEEBQMaAdZGfF01rNbWrClFXTU0XkUpKUVdNUZ9XTY2XXwXBQkBAwoJA1YJAwQKAwMICQNWCScJEwYaDAQLBQMOCQkQCR4JEwYaDAQBAwMGAwMOCQkQCQ4MCAUDAwEEBQMIDx8EBwUEGAoOCQMDBQcDAwcGBg4GBg0DAwoDAwUEAQMDAgMEGwsIBQMDAQQFAxYFAwMBHgAAAAAEAIAAgAOAA4AAAgAUACYALgAAARUnJwEHJw4BBzU+ATcnEScjETMnATQuAic1HgMVFAYHJz4BJxwBByc1HgECAFrwAso2WCJOLBswFbbWqsrKAqofOU0vQG5PLRcVQAoMagJoMDoDVrRahP02NlgbKAtYBxoRtv7g1gEAyv62M1xLNg5YDkVjfEQwWydCGTkeBw0GaF4YWwAAAAABASoAqgKqA1YABQAAATM3EScjASqs1NSsAoDW/VTWAAIA1gCqAxYDVgAFAAwAABMzNxEnIyUUBgcRHgHWqtbWqgJAPDAwPAKA1v1U1oA5WxgBWBhbAAAAAwCAAIoDgAN2ABUAHAAiAAABHgMVFA4CBzU+AzU0LgInExQGBxEeASUzNxEnIwJWQG5PLS1PbUEuTjkfHzlNL2o6MDA6/cCq1taqA3YORWN8RER7Y0YOWA03S1wzM1xLNg7+4jlbGAFYGFtH1v1U1gAAAAAEANYA1gMqAyoABQALABEAFwAAATMVIzUjEzUzFSM1ATUzFSMVHQEzFSM1AlbUVICAVNT+gNSAgNQDKtSA/lSA1FQBLNRUgKyAVNQABADWANYDKgMqAAUACwARABcAAAEzFSM1MwM1MxUjFQE1MxUjNRE1MxUjNQKqgNRUVNSA/qxU1NRUAqpU1P2s1FSAAdSA1FT+rFTUgAAAAAADAIAAqgOAA1YAFwAvAD8AAAE1NCYrASIGHQEUFjsBMjY9ASMVIzUzFSM1NCYrASIGHQEUFjsBMjY9ASMVIzUzFQEyFhURFAYjISImNRE0NjMDABgSgBIaGhKAEhhAVlbqGhKAEhgYEoASGkBWVgGUIjQzI/2sJDIyJAIqLBIYGBKsEhgYEiwWgBYsEhgYEqwSGBgSLBaAFgEsMyP+ACI0MyMCACI0AAAEAIAAgAOAA4AAAwANABkAKQAAATUzFScRMzI2PQE0JiMBESMVIzUjETM1MxUBMhYVERQGIyEiJjURNDYzAmpWlqwSGBgS/wBAVkBAVgGUIjQzI/2sJDIyJAHAgIDA/wAYEqwSGP8AAQBqav8AVlYCADMj/awiNDMjAlQiNAAAAAIAZABWA5wDqgALAFkAAAEyNjU0JiMiBhUUFiUXHgEPAQ4BLwEOAQ8BDgErASImLwEuAScHBiYvASY2PwEuATU8ATcnLgE/AT4BHwE+AT8BPgE7ATIWHwEeARc3NhYfARYGDwEeARUcAQIAPVlYPj1ZWAF8WgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQECWgYCBFYEDghqECQUEAELCKwHCwIQEyQRagcOBVYEAgZaAQEBalg+PVlYPj1ZbEYEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVC0YEEAiUBwQDKgwWCHAHCwoIcAcVDioDAwiUBxAFRgoVCwoVAAAAAQCAAFgDgAOqADMAAAEyFhUUBiMiJjU8ATclDgEjIiY1NDYzMhYXJS4BNTQ2MzIWFRQGIyImJwUeARUUBgcFPgEDADNJSTMzSQL+0hIsGjRMSzUZLRIBLAEDSzU0TEs1GS0S/tQBAwICATAQLAFSSTMzS0szBw8GsBASSzU0TBERrgcPCDRMSzU0TBMRsAcPCAcPCLAPEQADAFYAVgOqA6oAAwAHABsAAAE1IxUTESMREzIeAhUUDgIjIi4CNTQ+AgIqVFRUKlicc0NDc5tZWJxzQ0NzmwKAVlb+qgEA/wACgENzm1lYnHNDQ3ObWVicc0MAAAQAVgBWA6oDqgADABcAKwAvAAABNTMVAzI+AjU0LgIjIg4CFRQeAhMyHgIVFA4CIyIuAjU0PgITETMRAdZUKkZ9XTY2XXxHRn1dNjZdfEdYnHNDQ3ObWVicc0NDc5svVAKAVlb+KjZdfEdGfV02Nl18R0Z9XTYDAENzm1lYnHNDQ3ObWVicc0P9gAEA/wAAAAEA1gDWAyoDKgALAAABBxcHJwcnNyc3FzcDKu7uPO7uPO7uPO7uAu7u7jzu7jzu7jzu7gABAFUAVQOrA6sAFAAAExQeAjMyPgI1NC4CIyIOAhVVQ3ScWFicdENDdJxYWJx0QwIAWJx0Q0N0nFhYnHRDQ3ScWAAAAAIAVQBVA6sDqwAUACgAAAEiDgIVFB4CMzI+AjU0LgIjESIuAjU0PgIzMh4CFRQOAgIAWJx0Q0N0nFhYnHRDQ3ScWEd8XTU1XXxHR3xdNTVdfAOrQ3ScWFicdENDdJxYWJx0Q/0ANV18R0d8XTU1XXxHR3xdNQAAAAMAVQBVA6sDqwAUACgANAAAASIOAhUUHgIzMj4CNTQuAiMRIi4CNTQ+AjMyHgIVFA4CExQGIyImNTQ2MzIWAgBYnHRDQ3ScWFicdENDdJxYR3xdNTVdfEdHfF01NV18OUs1NUtLNTVLA6tDdJxYWJx0Q0N0nFhYnHRD/QA1XXxHR3xdNTVdfEdHfF01AVU1S0s1NUtLAAAAAQAAAAEAAPEUzolfDzz1AAsEAAAAAADUNIllAAAAANQ0iWUAAAAAA6sD1gAAAAgAAgAAAAAAAAABAAAEAAAAAAAEAAAAAAADqwABAAAAAAAAAAAAAAAAAAAAJQQAAAAAAAAAAAAAAAAAAAAEAAFWBAAAVgQAAFYEAAEABAAAVgQAAFYEAAEABAAAagQAAKoEAAEABAABAAQAAKoEAACqBAAAqgQAAKoEAACqBAAAqgQAAIAEAAEqBAAA1gQAAIAEAADWBAAA1gQAAIAEAACABAAAZAQAAIAEAABWBAAAVgQAANYEAABVBAAAVQQAAFUAAAAAAAoAFAAeACwAVACWAKoA2AEgAS4BRAFaAXABhAIQAqgDpgQuBMYFxAYSBiIGPgZ4Bp4GxgcaB1oH4gguCFwIpAi+COAJHAloAAEAAAAlAMcABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQALAAAAAQAAAAAAAgAHAIQAAQAAAAAAAwALAEIAAQAAAAAABAALAJkAAQAAAAAABQALACEAAQAAAAAABgALAGMAAQAAAAAACgAaALoAAwABBAkAAQAWAAsAAwABBAkAAgAOAIsAAwABBAkAAwAWAE0AAwABBAkABAAWAKQAAwABBAkABQAWACwAAwABBAkABgAWAG4AAwABBAkACgA0ANR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHR2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRSZWd1bGFyAFIAZQBnAHUAbABhAHJ2aWRlby1yZWFjdAB2AGkAZABlAG8ALQByAGUAYQBjAHRGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype");
  font-weight: normal;
  font-style: normal;
}
.video-react-icon, .video-react .video-react-closed-caption, .video-react .video-react-bezel .video-react-bezel-icon, .video-react .video-react-volume-level, .video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button, .video-react .video-react-play-control, .video-react .video-react-play-progress, .video-react .video-react-big-play-button {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "video-react", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.video-react-icon-play-arrow:before, .video-react .video-react-bezel .video-react-bezel-icon-play:before, .video-react .video-react-play-control:before, .video-react .video-react-big-play-button:before {
  content: "\f200";
}

.video-react-icon-play-circle-filled:before {
  content: "\f201";
}

.video-react-icon-play-circle-outline:before {
  content: "\f202";
}

.video-react-icon-pause:before, .video-react .video-react-bezel .video-react-bezel-icon-pause:before, .video-react .video-react-play-control.video-react-playing:before {
  content: "\f203";
}

.video-react-icon-pause-circle-filled:before {
  content: "\f204";
}

.video-react-icon-pause-circle-outline:before {
  content: "\f205";
}

.video-react-icon-stop:before {
  content: "\f206";
}

.video-react-icon-fast-rewind:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-rewind:before {
  content: "\f207";
}

.video-react-icon-fast-forward:before, .video-react .video-react-bezel .video-react-bezel-icon-fast-forward:before {
  content: "\f208";
}

.video-react-icon-skip-previous:before {
  content: "\f209";
}

.video-react-icon-skip-next:before {
  content: "\f20a";
}

.video-react-icon-replay-5:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-5:before {
  content: "\f20b";
}

.video-react-icon-replay-10:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-10:before {
  content: "\f20c";
}

.video-react-icon-replay-30:before, .video-react .video-react-bezel .video-react-bezel-icon-replay-30:before {
  content: "\f20d";
}

.video-react-icon-forward-5:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-5:before {
  content: "\f20e";
}

.video-react-icon-forward-10:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-10:before {
  content: "\f20f";
}

.video-react-icon-forward-30:before, .video-react .video-react-bezel .video-react-bezel-icon-forward-30:before {
  content: "\f210";
}

.video-react-icon-volume-off:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-off:before, .video-react .video-react-mute-control.video-react-vol-muted:before,
.video-react .video-react-volume-menu-button.video-react-vol-muted:before {
  content: "\f211";
}

.video-react-icon-volume-mute:before, .video-react .video-react-mute-control.video-react-vol-0:before,
.video-react .video-react-volume-menu-button.video-react-vol-0:before {
  content: "\f212";
}

.video-react-icon-volume-down:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-down:before, .video-react .video-react-mute-control.video-react-vol-2:before,
.video-react .video-react-volume-menu-button.video-react-vol-2:before, .video-react .video-react-mute-control.video-react-vol-1:before,
.video-react .video-react-volume-menu-button.video-react-vol-1:before {
  content: "\f213";
}

.video-react-icon-volume-up:before, .video-react .video-react-bezel .video-react-bezel-icon-volume-up:before, .video-react .video-react-mute-control:before,
.video-react .video-react-volume-menu-button:before {
  content: "\f214";
}

.video-react-icon-fullscreen:before {
  content: "\f215";
}

.video-react-icon-fullscreen-exit:before {
  content: "\f216";
}

.video-react-icon-closed-caption:before, .video-react .video-react-closed-caption:before {
  content: "\f217";
}

.video-react-icon-hd:before {
  content: "\f218";
}

.video-react-icon-settings:before {
  content: "\f219";
}

.video-react-icon-share:before {
  content: "\f21a";
}

.video-react-icon-info:before {
  content: "\f21b";
}

.video-react-icon-info-outline:before {
  content: "\f21c";
}

.video-react-icon-close:before {
  content: "\f21d";
}

.video-react-icon-circle:before, .video-react .video-react-volume-level:before, .video-react .video-react-play-progress:before {
  content: "\f21e";
}

.video-react-icon-circle-outline:before {
  content: "\f21f";
}

.video-react-icon-circle-inner-circle:before {
  content: "\f220";
}

.video-react {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  font-size: 10px;
  line-height: 1;
  font-family: serif, Times, "Times New Roman";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.video-react:-moz-full-screen {
  position: absolute;
}

.video-react:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-react *,
.video-react *:before,
.video-react *:after {
  box-sizing: inherit;
}

.video-react ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-react.video-react-fluid, .video-react.video-react-16-9, .video-react.video-react-4-3 {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0 !important;
}

.video-react.video-react-fill {
  width: 100%;
  height: 100%;
}

.video-react .video-react-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-react.video-react-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-react.video-react-fullscreen.video-react-user-inactive {
  cursor: none;
}

body.video-react-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto;
}

body.video-react-full-window .video-react-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-react .video-react-button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  cursor: pointer;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.video-react .video-react-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.video-react .video-react-loading-spinner:before, .video-react .video-react-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
  -webkit-animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
  animation: video-react-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, video-react-spinner-fade 1.1s linear infinite;
}

.video-react-seeking .video-react-loading-spinner,
.video-react-waiting .video-react-loading-spinner {
  display: block;
}

.video-react-seeking .video-react-loading-spinner:before,
.video-react-waiting .video-react-loading-spinner:before {
  border-top-color: white;
}

.video-react-seeking .video-react-loading-spinner:after,
.video-react-waiting .video-react-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}

@keyframes video-react-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes video-react-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes video-react-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-react .video-react-big-play-button {
  font-size: 2em;
  line-height: 42px;
  height: 42px;
  width: 42px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 50%;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  color: rgb(50, 118, 226);
  background: #fff;
  z-index: 1;
}

.video-react .video-react-big-play-button.video-react-big-play-button-center {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em;
}

.video-react .video-react-big-play-button.big-play-button-hide {
  display: none;
}

.video-react:hover .video-react-big-play-button,
.video-react .video-react-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.video-react-menu-button {
  cursor: pointer;
}

.video-react-menu-button.video-react-disabled {
  cursor: default;
}

.video-react-menu .video-react-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-family: serif, Times, "Times New Roman";
}

.video-react-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
}

.video-react-menu li:focus, .video-react-menu li:hover {
  outline: 0;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react-menu li.video-react-selected, .video-react-menu li.video-react-selected:focus, .video-react-menu li.video-react-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-react-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.video-react-scrubbing .vjs-menu-button:hover .video-react-menu {
  display: none;
}

.video-react .video-react-menu-button-popup .video-react-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.video-react .video-react-menu-button-popup .video-react-menu .video-react-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.video-react-menu-button-popup .video-react-menu.video-react-lock-showing {
  display: block;
}

.video-react .video-react-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
}

.video-react .video-react-menu-button-inline:before {
  width: 2.222222222em;
}

.video-react .video-react-menu-button-inline:hover, .video-react .video-react-menu-button-inline:focus, .video-react .video-react-menu-button-inline.video-react-slider-active {
  width: 12em;
}

.video-react .video-react-menu-button-inline:hover .video-react-menu, .video-react .video-react-menu-button-inline:focus .video-react-menu, .video-react .video-react-menu-button-inline.video-react-slider-active .video-react-menu {
  display: block;
  opacity: 1;
}

.video-react .video-react-menu-button-inline.video-react-slider-active {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.video-react .video-react-menu-button-inline .video-react-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}

.video-react .video-react-menu-button-inline .video-react-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-react-no-flex .video-react-menu-button-inline .video-react-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}

.video-react-no-flex .video-react-menu-button-inline:hover, .video-react-no-flex .video-react-menu-button-inline:focus, .video-react-no-flex .video-react-menu-button-inline.video-react-slider-active {
  width: auto;
}

.video-react .video-react-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.video-react .video-react-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

.video-react .video-react-slider {
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-slider:focus {
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff;
}

.video-react .video-react-control {
  outline: none;
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-control:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-react .video-react-control:focus:before, .video-react .video-react-control:hover:before, .video-react .video-react-control:focus {
  text-shadow: 0em 0em 1em #fff, 0em 0em 0.5em #fff;
}

.video-react .video-react-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-react-no-flex .video-react-control {
  display: table-cell;
  vertical-align: middle;
}

.video-react .video-react-control-bar {
  font-size: 12px;
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-react-has-started .video-react-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}

.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar.video-react-control-bar-auto-hide {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react-controls-disabled .video-react-control-bar,
.video-react-using-native-controls .video-react-control-bar,
.video-react-error .video-react-control-bar {
  display: none !important;
}

.video-react-audio.video-react-has-started.video-react-user-inactive.video-react-playing .video-react-control-bar {
  opacity: 1;
  visibility: visible;
}

.video-react-has-started.video-react-no-flex .video-react-control-bar {
  display: table;
}

.video-react .video-react-progress-control {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em;
}

.video-react-live .video-react-progress-control {
  display: none;
}

.video-react .video-react-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em;
}

.video-react .video-react-progress-control:hover .video-react-progress-holder {
  font-size: 1.6666666667em;
}

.video-react .video-react-progress-control:hover .video-react-time-tooltip,
.video-react .video-react-progress-control:hover .video-react-mouse-display:after,
.video-react .video-react-progress-control:hover .video-react-play-progress:after {
  visibility: visible;
  font-size: 0.6em;
}

.video-react .video-react-progress-holder .video-react-play-progress,
.video-react .video-react-progress-holder .video-react-load-progress,
.video-react .video-react-progress-holder .video-react-tooltip-progress-bar,
.video-react .video-react-progress-holder .video-react-load-progress div {
  position: absolute;
  display: block;
  height: 0.3em;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0;
}

.video-react .video-react-play-progress {
  background-color: #fff;
}

.video-react .video-react-play-progress:before {
  position: absolute;
  top: -0.3333333333em;
  right: -0.5em;
  font-size: 0.9em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-mouse-display:after,
.video-react .video-react-play-progress:after {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  right: -1.9em;
  font-size: 0.9em;
  color: #000;
  content: attr(data-current-time);
  padding: 6px 8px 8px 8px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
}

.video-react .video-react-time-tooltip,
.video-react .video-react-play-progress:before,
.video-react .video-react-play-progress:after {
  z-index: 1;
}

.video-react .video-react-progress-control .video-react-keep-tooltips-inside:after {
  display: none;
}

.video-react .video-react-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5);
}

.video-react .video-react-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75);
}

.video-react.video-react-no-flex .video-react-progress-control {
  width: auto;
}

.video-react .video-react-time-tooltip {
  display: inline-block;
  height: 2.4em;
  position: relative;
  float: right;
  right: -1.9em;
}

.video-react .video-react-tooltip-progress-bar {
  visibility: hidden;
}

.video-react .video-react-progress-control .video-react-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-react-no-flex .video-react-progress-control .video-react-mouse-display {
  z-index: 0;
}

.video-react .video-react-progress-control:hover .video-react-mouse-display {
  display: block;
}

.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive .video-react-progress-control .video-react-mouse-display:after {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}

.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display,
.video-react.video-react-user-inactive.video-react-no-flex .video-react-progress-control .video-react-mouse-display:after {
  display: none;
}

.video-react .video-react-mouse-display .video-react-time-tooltip,
.video-react .video-react-progress-control .video-react-mouse-display:after {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-react .video-react-play-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react.video-react-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

.video-react .video-react-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.video-react .video-react-time-divider {
  line-height: 3em;
  min-width: initial;
  padding: 0;
}

.video-react .video-react-mute-control,
.video-react .video-react-volume-menu-button {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react .video-react-volume-control {
  width: 5em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.video-react .video-react-volume-bar {
  margin: 1.35em 0.45em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.video-react .video-react-volume-bar.video-react-slider-horizontal .video-react-volume-level {
  width: 100%;
}

.video-react .video-react-volume-bar.video-react-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-react .video-react-volume-bar.video-react-slider-vertical .video-react-volume-level {
  height: 100%;
}

.video-react .video-react-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-react .video-react-volume-level:before {
  position: absolute;
  font-size: 0.9em;
}

.video-react .video-react-slider-vertical .video-react-volume-level {
  width: 0.3em;
}

.video-react .video-react-slider-vertical .video-react-volume-level:before {
  top: -0.5em;
  left: -0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level {
  height: 0.3em;
}

.video-react .video-react-slider-horizontal .video-react-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu {
  display: block;
  width: 0;
  height: 0;
  border-top-color: transparent;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-vertical .video-react-menu {
  left: 0.5em;
  height: 8em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button-horizontal .video-react-menu {
  left: -2em;
}

.video-react .video-react-menu-button-popup.video-react-volume-menu-button .video-react-menu-content {
  height: 0;
  width: 0;
  overflow-x: hidden;
  overflow-y: hidden;
}

.video-react .video-react-volume-menu-button-vertical:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical.video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-vertical .video-react-lock-showing .video-react-menu-content {
  height: 8em;
  width: 2.9em;
}

.video-react .video-react-volume-menu-button-horizontal:hover .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal:focus .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-slider-active .video-react-menu-content,
.video-react .video-react-volume-menu-button-horizontal .video-react-lock-showing .video-react-menu-content {
  height: 2.9em;
  width: 8em;
}

.video-react .video-react-volume-menu-button.video-react-menu-button-inline .video-react-menu-content {
  background-color: transparent !important;
}

.video-react .video-react-playback-rate .video-react-playback-rate-value {
  line-height: 3em;
  text-align: center;
}

.video-react .video-react-playback-rate .video-react-menu {
  width: 4em;
  left: 0em;
}

.video-react .video-react-bezel {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  z-index: 17;
  margin-left: -26px;
  margin-top: -26px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 26px;
}

.video-react .video-react-bezel.video-react-bezel-animation {
  -moz-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  -webkit-animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel.video-react-bezel-animation-alt {
  -moz-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  -webkit-animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  animation: video-react-bezel-fadeout-alt 0.5s linear 1 normal forwards;
  pointer-events: none;
}

.video-react .video-react-bezel .video-react-bezel-icon {
  width: 36px;
  height: 36px;
  margin: 8px;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
}

@keyframes video-react-bezel-fadeout {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes video-react-bezel-fadeout-alt {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: scale(2);
  }
}
.video-react .video-react-closed-caption {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.video-react video::-webkit-media-text-track-container {
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 0.75em;
  width: 1.4em;
  z-index: 0;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input.active + .slider {
  background-color: #84A9F3;
}
.switch input.active + .slider:before {
  background-color: #4879F9;
  left: 0;
  -webkit-transform: translate(80%, -50%);
  -ms-transform: translate(80%, -50%);
  transform: translate(80%, -50%);
  box-shadow: 0 0 0.688em -0.188em #84A9F3;
}
.switch .slider.round {
  border-radius: 2.125em;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B2B2B2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 1.3em;
  width: 1.3em;
  left: -20%;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ECECEC;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 0 0.688em -0.188em #B2B2B2;
}
.switch .slider.round:before {
  border-radius: 50%;
}
.switch .overlay-click {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/**additional**/
:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

:root {
  --clr-call-meeting-heading:#fff;
  --bgc-call-gradient:linear-gradient(#152134, #0D2852, #152134) no-repeat;
  --bgc-call-video-audio-pin-status:#474e5b;
  --bgc-call-action-btn-disabled:#474e5b;
  --bgc-call-action-btn-hangup:#f34c53;
  --bgc-call-action-btn-hangup-hover:#b6252b;
  --bgc-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video:#fff;
  --clr-call-action-btn-audio-video-active:#3276E2;
  --bgc-call-action-btn-audio-video-hover:rgba(255, 255, 255, 0.918);
  --bgc-call-own-video:#333D52;
  --bgc-call-default:#131C2E;
  --bgc-call-default-light:#0D2852;
  --bgc-call-avatar:var(--bgc-call-default);
  --bgc-call-remote-video:var(--bgc-call-default);
  --bgc-call-video-body:var(--bgc-call-default);
  --bgc-call-video-inner:var(--bgc-call-default);
  --bgc-call-video-tag:var(--bgc-call-default);
  --bgc-call-scroll-track:var(--bgc-call-default);
  --bgc-call-Participant-info-gradient:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  --clr-call-Participant-info:#fff;
  --clr-call-participant-status-icon:#fff;
  --clr-call-action-icon:#fff;
  --bgc-call-action-attend:#4CDA64;
  --bgc-call-action-attend-hover:#1cc438;
  --clr-call-action-attend: #fff;
  --bgc-call-action-btn-gradient: linear-gradient(to top, black -90%, rgba(0, 0, 0, 0));
  --bgc-call-overlay-text: rgba(19, 29, 47, 0.55);
  --bgc-video-fullview-hover:#48c086;
  --bgc-video-fullview:#00000096;
  --clr-video-fullview-icon:#fff;
  --clr-call-toggle-animation:#0d2752;
  --bgc-call-action-btn-audio-video-disabled: #474E5A;
  --clr-call-top-action-icon: #fff;
  --bgc-call-parent-container: #101726;
}

/** for chat bubble**/
.msg-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0 1.5625em;
  font-family: var(--regular);
  margin-bottom: 0;
  position: relative;
}

.msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
  padding: 0.25em 0.25em 0.25em 0.4em;
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
  min-width: 120px;
  box-sizing: border-box;
  max-width: 34.375em;
  position: relative;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  transition: all ease 0.2s;
}

.msg-inner-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-text, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-text, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-text {
  font-size: 0.7425rem;
  line-height: 1.4em;
  font-family: var(--regular);
  letter-spacing: 0.3px;
}

.msg-time-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .message-time {
  position: absolute;
  right: 0.3em;
  bottom: 0.188em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-svg, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .message-time .star svg, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .message-time .star svg {
  width: 0.563em;
  height: 0.563em;
  margin-right: 0.313em;
}

.img-drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender .drop-arrow, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender .drop-arrow, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver .drop-arrow {
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 0.75em;
  height: 0.75em;
  top: 8px;
}

.sender-name-style, .audio-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver.contact-message > .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-text-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-video-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .sender-image-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .location-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-group-message .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .image-block .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .document-message-group .sender-name,
.mirrorfly-root .container .chat-conversion .chatconversation-container .contact-message-group .sender-name, .mirrorfly-root .container .chat-conversion .chatconversation-container .sender-audio-group .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender.contact-message > .sender-name, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver.contact-message > .sender-name {
  font-size: 0.75rem;
  font-family: SFUIDisplaySemibold, sans-serif;
  letter-spacing: 0.11px;
  color: #313131;
  display: inline-block;
  white-space: pre;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.checkbox-common, .withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant.forward .checkbox, .mirrorfly-root .contactPopup.forward .checkbox, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .container .chat-setting .checkbox {
  display: inline-block;
  height: 18px;
}
.checkbox-common label, .withcheckbox > label .recentchats .checkbox label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .add-participant.forward .checkbox label, .mirrorfly-root .contactPopup.forward .checkbox label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label, .mirrorfly-root .container .chat-setting .checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  overflow: hidden;
}
.checkbox-common label:before, .withcheckbox > label .recentchats .checkbox label:before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox label:before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .add-participant.forward .checkbox label:before, .mirrorfly-root .contactPopup.forward .checkbox label:before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox label:before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox label:before, .mirrorfly-root .container .chat-setting .checkbox label:before {
  content: "";
  background-color: transparent;
  border: 2px solid #BBC1C4;
  box-shadow: none;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  top: 0px;
  left: 0;
}
.checkbox-common input, .withcheckbox > label .recentchats .checkbox input, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .add-participant.forward .checkbox input, .mirrorfly-root .contactPopup.forward .checkbox input, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input, .mirrorfly-root .container .chat-setting .checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-common input:checked + label, .withcheckbox > label .recentchats .checkbox input:checked + label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .add-participant.forward .checkbox input:checked + label, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label, .mirrorfly-root .container .chat-setting .checkbox input:checked + label {
  background: #30C076;
  border-radius: 2px;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
}
.checkbox-common input:checked + label:after, .withcheckbox > label .recentchats .checkbox input:checked + label:after, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .add-participant.forward .checkbox input:checked + label:after, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label:after, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label:after, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label:after, .mirrorfly-root .container .chat-setting .checkbox input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 9px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-common input:checked + label::before, .withcheckbox > label .recentchats .checkbox input:checked + label::before, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .add-participant.forward .checkbox input:checked + label::before, .mirrorfly-root .contactPopup.forward .checkbox input:checked + label::before, .mirrorfly-root .forwardSelect .forwardedMessage .checkbox input:checked + label::before, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox input:checked + label::before, .mirrorfly-root .container .chat-setting .checkbox input:checked + label::before {
  border-color: #30C076;
}

.withcheckbox > label, .container .add-participant.webcall .chat-list-li.BadgeContainer > label, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label, .mirrorfly-root .add-participant .popup-body .chat-list-li > label, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.withcheckbox > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .container .add-participant.webcall .chat-list-li.BadgeContainer > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .add-participant .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label:hover .recentchats .recent-message-block .recent-message-icon i.downarrow {
  display: block;
}
.withcheckbox > label .profile-image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image {
  position: relative !important;
  margin: 0 1em;
}
.withcheckbox > label .profile-image i, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image i, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image i, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image i, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image i {
  position: absolute;
  right: -0.188em;
  bottom: -0.125em;
  height: 1.188em;
  width: 1.188em;
}
.withcheckbox > label .profile-image .image, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image {
  height: 2.688em;
  width: 2.688em;
  background: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.withcheckbox > label .profile-image .image img, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .profile-image .image img, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .profile-image .image img, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .profile-image .image img, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .profile-image .image img {
  object-fit: cover;
}
.withcheckbox > label .recentchats, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats {
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.625em 0;
  border-bottom: 1px solid var(--mf-border-common);
  margin-right: 1em;
}
.withcheckbox > label .recentchats .recent-username-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  overflow: hidden;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username {
  display: inherit;
  overflow: inherit;
  text-overflow: inherit;
  white-space: inherit;
}
.withcheckbox > label .recentchats .recent-username-block .recent-username .username h3, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-username-block .recent-username .username h3 {
  font-size: 0.775rem;
  font-family: var(--medium);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  color: var(--mf-secondary-dark);
  line-height: 120%;
  letter-spacing: 0.3px;
}
.withcheckbox > label .recentchats .recent-message-block, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block {
  width: 85%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.5em;
}
.withcheckbox > label .recentchats .recent-message-block > span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block > span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block > span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block > span {
  max-width: 90%;
}
.withcheckbox > label .recentchats .recent-message-block span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span {
  font-size: 0.69rem;
  font-family: var(--regular);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #4a5568;
  line-height: 15px;
  letter-spacing: 0.2px;
}
.withcheckbox > label .recentchats .recent-message-block span i.user-status, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-sent,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-sent,
.withcheckbox > label .recentchats .recent-message-block span i.user-status-receive,
.container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive,
.mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .recent-message-block span i.user-status-receive {
  height: 0.6em;
  width: 0.6em;
  min-width: 5px;
  min-height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin-right: 0.333em;
  line-height: 14px;
}
.withcheckbox > label .recentchats .active span, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .active span, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .active span, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .active span, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .active span {
  font-family: var(--medium);
  color: #474747;
}
.withcheckbox > label .recentchats .checkbox, .container .add-participant.webcall .chat-list-li.BadgeContainer > label .recentchats .checkbox, .mirrorfly-root .container .recent-chatlist .contactlist .chat-list-ul.newGroup .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .add-participant .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .contactPopup .popup-body .chat-list-li > label .recentchats .checkbox, .mirrorfly-root .CallingScreenWrapper .popup-invite .participant-list .chat-list-ul .chat-list-li > label .recentchats .checkbox {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(10px, -50%);
}

.chat-list-li.active {
  background-color: var(--mf-list-hover-bg);
}

i.msg-processing {
  line-height: 0;
  width: 1.2em;
}
i.msg-processing svg {
  line-height: 0;
  top: 0;
}

.mirrorfly-root .file-details {
  position: relative;
  top: -0.35em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--white);
  font-family: var(--light);
  font-size: 0.525rem;
  letter-spacing: 0px;
  text-transform: capitalize;
  padding: 0 0.25em 0.25em 0.4em;
  margin-left: 0.625em;
}
.mirrorfly-root .file-details .dot-sm {
  width: 0.188rem;
  height: 0.188rem;
  border-radius: 50%;
  background: var(--white);
  margin: 0 0.313rem;
}

.image-caption .file-details {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .msg-inner, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .sender-row .sender, .mirrorfly-root .container .chat-conversion .chatconversation-container .msg-content .receiver-row .receiver, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .sender-row .sender, .mirrorfly-root .messageInfo .messageInfoContainer .messageContainer .receiver-row .receiver {
    min-width: 6.875em;
  }
}
.audio-message {
  max-width: 13.8em !important;
  padding: 0 !important;
  border-radius: 0.525em !important;
}
.audio-message > .sender-name {
  margin: 0.25em 0.25em -0.25em 0.4em;
}
.audio-message .audio-message-container {
  border-radius: 0.5625em;
  padding: 0.525em 0.15em 0.525em 0.475em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.1875rem;
}
.audio-message .audio-message-container i svg {
  width: 1.75em;
  height: 1.75em;
}
.audio-message .audio-message-container .rhap_container {
  box-sizing: border-box;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  font-family: inherit;
  min-height: auto;
  width: 100%;
  min-width: 11em;
  padding: 0px;
  box-shadow: none;
  background-color: transparent;
}
.audio-message .audio-message-container .rhap_container:focus {
  outline: none;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section {
  position: relative;
  display: block;
  flex: 1;
  align-items: center;
  order: 2;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section:focus {
  outline: none;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container {
  height: 1.875em;
  margin: 0 calc(0.5em - 1%);
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container .rhap_progress-bar-show-download {
  background-color: #C9CACB;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container .rhap_progress-indicator, .audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container .rhap_progress-filled {
  background-color: var(--mf-theme-color);
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container .rhap_progress-indicator {
  width: 0.5em;
  height: 0.5em;
  top: -0.154em;
  margin-left: -0.313em;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_progress-container:focus {
  outline: none;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_time {
  font-size: 0.5625rem;
  position: absolute;
  bottom: -0.25em;
  color: #959595;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_current-time {
  display: none;
  left: 0.64em;
}
.audio-message .audio-message-container .rhap_container .rhap_progress-section .rhap_total-time {
  left: 0.64em;
}
.audio-message .audio-message-container .rhap_container .rhap_controls-section {
  display: block;
  flex: 0;
  justify-content: unset;
  margin-top: 0;
  order: 1;
  min-width: 2.25em;
}
.audio-message .audio-message-container .rhap_container .rhap_controls-section .rhap_main-controls button svg {
  opacity: 0;
  width: 30px;
  height: 30px;
}
.audio-message .audio-message-container .rhap_container .rhap_controls-section .rhap_main-controls button[aria-label=Play] {
  background: url(../images/audio_play.svg) no-repeat center center;
  background-size: 0.32em !important;
  background-position-x: 0.3em !important;
}
.audio-message .audio-message-container .rhap_container .rhap_controls-section .rhap_main-controls button[aria-label=Pause] {
  background: url(../images/audio_pause.svg) no-repeat center center;
  background-size: 0.3em !important;
  background-position-x: 0.3em !important;
}
.audio-message .audio-message-container .rhap_container .rhap_controls-section .rhap_main-controls button:focus {
  outline: none;
}
.audio-message .audio-message-container i.audio {
  position: relative;
  text-align: center;
  background-color: #fff;
  background-color: #959595;
  border-radius: 50%;
  flex: 0 0 1.75em;
  width: 1.75em;
  height: 1.75em;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}
.audio-message .audio-message-container i.audio svg {
  width: 1em;
  height: 1em;
  color: #fff;
  fill: currentColor;
}
.audio-message .audio-message-container i.audio path {
  fill: currentColor;
}
.audio-message .audio-message-container i.audio.recorded svg {
  width: auto;
  margin-left: 0;
}
.audio-message .audio-message-container i.audio.recording svg {
  width: 1em;
  height: 0.9em;
}
.audio-message .audio-message-container .rhap_play-pause-button {
  width: 30px;
  height: 30px;
  font-size: 36px;
}
.audio-message .rhap_progress-bar {
  height: 0.188em;
}
.audio-message .image-caption {
  padding-left: 0.313em;
}
.audio-message .image-caption > span > span {
  margin-top: 0 !important;
}
.audio-message .rhap_download-progress {
  background-color: #C9CACB;
}
.audio-message .message-dropdown i {
  height: 1.4em;
}

.receiver-row .audio-message {
  border-radius: 0.5625em 0.5625em 0px 0.5625em;
}
.receiver-row .audio-message .rhap_time {
  color: #fff !important;
}
.receiver-row .audio-message .audio-message-container {
  background-color: transparent;
}
.receiver-row .audio-message .audio-message-container i.audio {
  background-color: #fff;
}
.receiver-row .audio-message .audio-message-container i.audio svg {
  color: var(--mf-theme-color);
}
.receiver-row .audio-message .rhap_container {
  background-color: transparent;
}
.receiver-row .audio-message .rhap_progress-bar-show-download, .receiver-row .audio-message .rhap_download-progress {
  background-color: var(--mf-option-active) !important;
}
.receiver-row .audio-message .rhap_progress-indicator, .receiver-row .audio-message .rhap_progress-filled {
  background-color: #fff !important;
}
.receiver-row .audio-message .rhap_main-controls button {
  fill: #fff;
}
.receiver-row .audio-message .rhap_main-controls button[aria-label=Play] {
  background: url(../images/audio_play_2.svg) no-repeat center center !important;
  background-position-x: 0.3em !important;
}
.receiver-row .audio-message .rhap_main-controls button[aria-label=Pause] {
  background: url(../images/audio_pause_2.svg) no-repeat center center !important;
  background-position-x: 0.3em !important;
}

.sender.reply-block.audio-message .audio-message-container {
  background: transparent;
}

.receiver .reply-block.audio-message .reply-container {
  background: #3464e3 !important;
}

.isPlaying .rhap_total-time {
  display: none;
}
.isPlaying .rhap_current-time {
  display: block !important;
}

.rhap_container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  line-height: 1;
  font-family: inherit;
  width: 100%;
  padding: 10px 15px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.rhap_container:focus:not(:focus-visible) {
  outline: 0;
}

.rhap_container svg {
  vertical-align: initial;
}

.rhap_header {
  margin-bottom: 10px;
}

.rhap_footer {
  margin-top: 5px;
}

.rhap_main {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.rhap_stacked .rhap_controls-section {
  margin-top: 8px;
}

.rhap_horizontal {
  flex-direction: row;
}

.rhap_horizontal .rhap_controls-section {
  margin-left: 8px;
}

.rhap_horizontal-reverse {
  flex-direction: row-reverse;
}

.rhap_horizontal-reverse .rhap_controls-section {
  margin-right: 8px;
}

.rhap_stacked-reverse {
  flex-direction: column-reverse;
}

.rhap_stacked-reverse .rhap_controls-section {
  margin-bottom: 8px;
}

.rhap_progress-section {
  display: flex;
  flex: 3 1 auto;
  align-items: center;
}

.rhap_progress-container {
  display: flex;
  align-items: center;
  height: 20px;
  flex: 1 0 auto;
  align-self: center;
  margin: 0 calc(10px + 1%);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

.rhap_progress-container:focus:not(:focus-visible) {
  outline: 0;
}

.rhap_time {
  color: #333;
  font-size: 16px;
  user-select: none;
  -webkit-user-select: none;
}

.rhap_progress-bar {
  box-sizing: border-box;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 5px;
  background-color: #dddddd;
  border-radius: 2px;
}

.rhap_progress-filled {
  height: 100%;
  position: absolute;
  z-index: 2;
  background-color: #868686;
  border-radius: 2px;
}

.rhap_progress-bar-show-download {
  background-color: rgba(221, 221, 221, 0.5);
}

.rhap_download-progress {
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #dddddd;
  border-radius: 2px;
}

.rhap_progress-indicator {
  box-sizing: border-box;
  position: absolute;
  z-index: 3;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  top: -8px;
  background: #868686;
  border-radius: 50px;
  box-shadow: rgba(134, 134, 134, 0.5) 0 0 5px;
}

.rhap_controls-section {
  display: flex;
  flex: 1 1 auto;
  justify-content: space-between;
  align-items: center;
}

.rhap_additional-controls {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
}

.rhap_repeat-button {
  font-size: 26px;
  width: 26px;
  height: 26px;
  color: #868686;
  margin-right: 6px;
}

.rhap_main-controls {
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rhap_main-controls-button {
  margin: 0 3px;
  color: #868686;
  font-size: 35px;
  width: 35px;
  height: 35px;
}

.rhap_play-pause-button {
  font-size: 40px;
  width: 40px;
  height: 40px;
}

.rhap_volume-controls {
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-end;
  align-items: center;
}

.rhap_volume-button {
  flex: 0 0 26px;
  font-size: 26px;
  width: 26px;
  height: 26px;
  color: #868686;
  margin-right: 6px;
}

.rhap_volume-container {
  display: flex;
  align-items: center;
  flex: 0 1 100px;
  user-select: none;
  -webkit-user-select: none;
}

.rhap_volume-bar-area {
  display: flex;
  align-items: center;
  width: 100%;
  height: 14px;
  cursor: pointer;
}

.rhap_volume-bar-area:focus:not(:focus-visible) {
  outline: 0;
}

.rhap_volume-bar {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: 4px;
  background: #dddddd;
  border-radius: 2px;
}

.rhap_volume-indicator {
  box-sizing: border-box;
  position: absolute;
  width: 12px;
  height: 12px;
  margin-left: -6px;
  left: 0;
  top: -4px;
  background: #868686;
  opacity: 0.9;
  border-radius: 50px;
  box-shadow: rgba(134, 134, 134, 0.5) 0 0 3px;
  cursor: pointer;
}

.rhap_volume-indicator:hover {
  opacity: 0.9;
}

.rhap_volume-filled {
  height: 100%;
  position: absolute;
  z-index: 2;
  background-color: #868686;
  border-radius: 2px;
}

/* Utils */
.rhap_button-clear {
  background-color: transparent;
  border: none;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
}

.rhap_button-clear:hover {
  opacity: 0.9;
  transition-duration: 0.2s;
}

.rhap_button-clear:active {
  opacity: 0.95;
}

.rhap_button-clear:focus:not(:focus-visible) {
  outline: 0;
}