.mpl-loading-screen {
  width: 100% !important;
  height: 100% !important;
  z-index: inherit !important;
  display: flex !important;
  position: relative !important;
  background-color: white !important;
  overflow: hidden !important;
  border-radius: 5px !important; }

.mpl-loading-screen__sidebar {
  box-sizing: border-box !important;
  width: 290px !important;
  height: 100% !important;
  border-right: 1px solid #f4f4f4 !important; }

.mpl-loading-screen__sidebar--profile {
  width: 100% !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid #f4f4f4 !important;
  display: flex !important;
  align-items: center !important; }

.mpl-loading-screen__sidebar--profile .mpl-loading-screen--line-placeholder {
  margin-left: 18px !important; }

.mpl-loading-screen__sidebar--search {
  width: 100% !important;
  padding: 17px 30px 17px 43px !important;
  border-bottom: 1px solid #f4f4f4 !important; }

.mpl-loading-screen__sidebar--content {
  width: 100% !important; }

.mpl-loading-screen__sidebar--content--contact {
  width: 100% !important;
  display: flex !important;
  padding: 10px 15px !important; }

.mpl-loading-screen__sidebar--content--contact-name {
  margin-left: 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-around !important; }

.mpl-loading-screen__window {
  width: 100% !important; }

.mpl-loading-screen__window--header {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  padding: 26px 18px 22px !important;
  border-bottom: 1px solid #f4f4f4 !important; }

.mpl-loading-screen__window--header .mpl-loading-screen--line-placeholder:last-child {
  margin-left: 22px !important; }

.mpl-loading-screen__window--content {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important; }

.mpl-loading-screen--round-placeholder {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background-color: #f4f4f4 !important; }

.mpl-loading-screen--line-placeholder {
  width: 100px !important;
  height: 18px !important;
  border-radius: 9px !important;
  background-color: #f4f4f4 !important; }

.mpl-loading-screen--line-placeholder--long {
  width: 130px !important;
  height: 18px !important;
  border-radius: 9px !important;
  background-color: #f4f4f4 !important; }

.mpl-loading-screen--spinner {
  width: 50px !important;
  height: 50px !important;
  border: 4px #f4f4f4 solid !important;
  border-top: 4px #3DC8FA solid !important;
  border-radius: 50% !important;
  animation: spin .6s infinite linear !important; }

.mpl-loading-screen--message {
  font-size: 18px !important;
  position: relative !important;
  top: -50px !important; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }
.mp-icon__contacts {
  fill: #FFFFFF !important; }

.mp-icon__drag-n-drop {
  stroke: #c4c4c4 !important;
  height: 95px !important;
  margin-bottom: 11px !important; }

.mp-icon__uploaded-file, .mp-icon__uploaded-music, .mp-icon__uploaded-image, .mp-icon__uploaded-video {
  background-color: #3dc8fa !important;
  padding: 4px !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  stroke: #def3ff !important; }

.mp-icon__conversations {
  fill: #FFFFFF !important; }

.mp-icon__expand {
  stroke: #303030 !important; }

.mp-icon__feedback {
  fill: #2E2E2E !important;
  stroke: #303030 !important; }

.mp-icon__help {
  fill: #2E2E2E !important;
  stroke-width: 0.1px !important; }

.mp-icon__new-conversation {
  fill: #303030 !important;
  stroke: #303030 !important; }

.mp-icon__search {
  fill: #303030 !important; }

.mp-icon__menu {
  fill: #FFFFFF !important; }

.mp-icon__shrink {
  stroke: #303030 !important; }

.mp-icon__smiles {
  fill: #303030 !important; }

.mp-icon__upload {
  stroke: #303030 !important; }

.mp-icon__empty-circle {
  fill: #303030 !important; }

.mp-icon__mark {
  fill: #303030 !important;
  stroke: #303030 !important; }

.mp-icon__close {
  stroke: #303030 !important; }

.mp-icon__arrow {
  stroke: #fff !important; }

.mp-icon__leave {
  stroke: #303030 !important; }

.mp-icon__file {
  stroke: #303030 !important; }

.mp-icon__close {
  stroke: #FFFFFF !important; }

.mp-icon__manage-members {
  fill: #303030 !important;
  stroke: #303030 !important; }

.mp-icon__profile {
  fill: #303030 !important; }

.mp-icon__full-close {
  fill: #3EB5F1 !important; }

.mp-icon__full-mark {
  fill: #3EB5F1 !important; }

.mp-icon__edit {
  fill: #2e2e2e !important; }

.mp-icon__message-sent, .mp-icon__message-read {
  stroke: #329abf !important;
  stroke-linecap: round !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.2px !important; }

.mp-icon__message-sending {
  fill: none !important;
  stroke: #329abf !important;
  stroke-miterlimit: 10 !important; }

.mp-icon__typing {
  fill: #b1b0b0 !important;
  fill-rule: evenodd !important; }

.mp-icon__cross {
  fill: #b5acac !important; }

.mp-icon__select {
  fill: #303030 !important; }

.mp-icon__cancel-edit {
  height: 15px !important;
  width: 15px !important;
  fill: #c4c4c4 !important; }

.mp-guide-header {
  position: relative !important;
  line-height: 70px !important;
  height: 70px !important;
  background-color: #f3f3f3 !important;
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  font-size: 21px !important;
  text-align: center !important; }

.mp-guide-header__close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  line-height: 5px !important;
  cursor: pointer !important; }

.mp-guide-header__close svg {
  width: 12px !important;
  height: 12px !important;
  transition: all .2s !important; }

.mp-guide-header__close:hover svg {
  fill: #6a5e5e !important; }

.mp-guide-progress {
  position: absolute !important;
  height: 5px !important;
  background-color: #3dc8fa !important;
  left: 0 !important;
  transition: width .2s ease-in; }

.mp-guide-progress--top {
  top: 0 !important;
  border-top-left-radius: 5px !important; }

.mp-guide-progress--top-full {
  border-top-right-radius: 5px !important; }

.mp-guide-progress--bottom {
  bottom: 0 !important;
  border-bottom-left-radius: 5px !important; }

.mp-guide-progress--bottom-full {
  border-bottom-right-radius: 5px !important; }

.mp-guide-nav-button {
  position: relative !important;
  padding: 3px 15px !important;
  font-family: inherit !important;
  text-decoration: none !important;
  border: 2px solid !important;
  border-color: #3dc8fa !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  background-color: transparent !important;
  color: #3dc8fa !important;
  font-weight: 400 !important;
  outline: none !important;
  text-align: center !important;
  cursor: pointer !important;
  cursor: hand !important;
  transition: all .2s ease-in-out !important; }

.mp-guide-nav-button:hover {
  background-color: #3dc8fa !important;
  color: #f3f3f3 !important; }

.mp-guide-nav-button:hover .mp-guide-nav-button__arrow {
  stroke: #f3f3f3 !important; }

.mp-guide-nav-button:active {
  background-color: #24c1f9 !important;
  border-color: #24c1f9 !important;
  color: #f3f3f3 !important; }

.mp-guide-nav-button:active .mp-guide-nav-button__arrow {
  stroke: #f3f3f3 !important; }

.mp-guide-nav-button--next {
  padding-right: 25px !important; }

.mp-guide-nav-button--prev {
  padding-left: 25px !important; }

.mp-guide-nav-button__arrow {
  position: absolute !important;
  width: 14px !important;
  height: 14px !important;
  stroke: #3dc8fa !important;
  stroke-width: 1.4px !important;
  transition: all .2s ease-in-out !important;
  margin-top: -7px !important;
  top: 50% !important; }

.mp-guide-nav-button__arrow--next {
  transform: rotate(180deg) !important;
  right: 9px !important; }

.mp-guide-nav-button__arrow--prev {
  left: 9px !important; }

.mp-guide-nav-button__content {
  position: relative !important;
  top: -1px !important; }

.mp-guide-footer {
  position: relative !important;
  padding: 20px !important;
  background-color: #f3f3f3 !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important; }

.mp-guide-footer__button--next {
  float: right !important; }

.mp-guide-content {
  position: relative !important;
  flex-grow: 1 !important;
  padding: 20px !important;
  text-align: center !important;
  overflow-y: auto !important; }

.mp-guide-content__list {
  margin: 15px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: left !important; }

.mp-guide-content__list li {
  padding: 5px 0 5px 20px !important;
  list-style: none !important;
  position: relative !important; }

.mp-guide-content__list li:before {
  display: inline-block !important;
  position: absolute !important;
  top: 12px !important;
  left: 2px !important;
  content: '' !important;
  box-sizing: border-box !important;
  height: 9px !important;
  width: 9px !important;
  margin: 0 .5rem 1px 0 !important;
  border: 2px solid !important;
  border-color: #3dc8fa !important;
  border-radius: 50% !important; }

.mp-guide-content__description {
  margin-bottom: 15px !important;
  font-size: 18px !important; }

.mp-guide-content__picture {
  display: inline-block !important;
  height: 300px !important; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLV83L2yn_om9bG0a6EHWBso.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
.mp-guide {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  width: 380px !important;
  max-width: 100% !important;
  height: 95% !important;
  max-height: 700px !important;
  position: fixed !important;
  top: calc(10% - 100px / 2) !important;
  left: calc(50% - 380px / 2) !important;
  z-index: 1041 !important;
  font-family: Open Sans, sans-serif !important;
  background: white !important;
  border-radius: 5px !important;
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px !important; }

.mp-guide--large {
  z-index: 1040 !important; }

.mp-guide--large i {
  font-style: italic !important; }

.mp-guide__icon {
  width: 18px !important;
  height: 18px !important;
  fill: #3dc8fa !important;
  vertical-align: middle !important; }

@media all and (max-width: 380px) {
  .mp-guide {
    left: 0 !important; } }
.mp-inbox *, .mpl-inbox-background * {
  font-family: Open Sans, sans-serif;
  font-size-adjust: none;
  font-size: 100%;
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
  font-variant: normal;
  font-weight: 400;
  font: normal normal 100% Open Sans, sans-serif;
  text-decoration: none;
  -webkit-text-emphasis: none;
  text-emphasis: none;
  text-height: auto;
  text-indent: 0;
  text-justify: auto;
  text-outline: none;
  text-shadow: none;
  text-transform: none;
  text-wrap: normal;
  alignment-adjust: auto;
  alignment-baseline: baseline;
  -webkit-animation: none 0 ease 0 1 normal;
  animation: none 0 ease 0 1 normal;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
  azimuth: center;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: none 0 0 auto repeat scroll padding-box transparent;
  background-color: transparent;
  background-image: none;
  baseline-shift: baseline;
  binding: none;
  bleed: 6pt;
  bookmark-label: content();
  bookmark-level: none;
  bookmark-state: open;
  bookmark-target: none;
  border: 0 none transparent;
  border-radius: 0;
  bottom: auto;
  box-align: stretch;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  box-direction: normal;
  box-flex: 0.0;
  box-flex-group: 1;
  box-lines: single;
  box-ordinal-group: 1;
  box-orient: inline-axis;
  box-pack: start;
  box-shadow: none;
  -webkit-column-break-after: auto;
  break-after: auto;
  -webkit-column-break-before: auto;
  break-before: auto;
  -webkit-column-break-inside: auto;
  break-inside: auto;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  color-profile: auto;
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
  -webkit-column-gap: normal;
  -moz-column-gap: normal;
  column-gap: normal;
  -webkit-column-rule: medium medium #1f1f1f;
  -moz-column-rule: medium medium #1f1f1f;
  column-rule: medium medium #1f1f1f;
  -webkit-column-span: 1;
  -moz-column-span: 1;
  column-span: 1;
  -webkit-column-width: auto;
  -moz-column-width: auto;
  column-width: auto;
  -webkit-columns: auto auto;
  -moz-columns: auto auto;
  columns: auto auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  crop: auto;
  direction: ltr;
  dominant-baseline: auto;
  drop-initial-after-adjust: text-after-edge;
  drop-initial-after-align: baseline;
  drop-initial-before-adjust: text-before-edge;
  drop-initial-before-align: caps-height;
  drop-initial-size: auto;
  drop-initial-value: initial;
  elevation: level;
  empty-cells: show;
  fit: fill;
  fit-position: 0 0;
  float: none;
  float-offset: 0 0;
  grid-columns: none;
  grid-rows: none;
  hanging-punctuation: none;
  height: auto;
  hyphenate-after: auto;
  hyphenate-before: auto;
  hyphenate-character: auto;
  hyphenate-lines: no-limit;
  hyphenate-resource: none;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  icon: auto;
  image-orientation: auto;
  image-rendering: auto;
  image-resolution: normal;
  inline-box-align: last;
  left: auto;
  line-height: inherit;
  line-stacking: inline-line-height exclude-ruby consider-shifts;
  list-style: disc outside none;
  margin: 0;
  marks: none;
  marquee-direction: forward;
  marquee-loop: 1;
  marquee-play-count: 1;
  marquee-speed: normal;
  marquee-style: scroll;
  max-height: none;
  max-width: none;
  min-width: 0;
  move-to: normal;
  nav-down: auto;
  nav-index: auto;
  nav-left: auto;
  nav-right: auto;
  nav-up: auto;
  opacity: 1;
  orphans: 2;
  outline: medium none invert;
  outline-offset: 0;
  padding: 0;
  page: auto;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  page-policy: start;
  -webkit-perspective: none;
  perspective: none;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  position: static;
  presentation-level: 0;
  punctuation-trim: none;
  quotes: none;
  rendering-intent: auto;
  resize: none;
  right: auto;
  rotation: 0;
  rotation-point: 50% 50%;
  ruby-align: auto;
  ruby-overhang: none;
  ruby-position: before;
  ruby-span: none;
  size: auto;
  string-set: none;
  table-layout: auto;
  top: auto;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transform-style: flat;
  transform-style: flat;
  transition: all 0 ease 0;
  unicode-bidi: normal;
  vertical-align: baseline;
  white-space: normal;
  white-space-collapse: collapse;
  widows: 2;
  word-break: normal;
  word-spacing: normal;
  z-index: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mp-inbox div, .mp-inbox img, .mp-inbox input, .mp-inbox textarea, .mpl-inbox-background div, .mpl-inbox-background img, .mpl-inbox-background input, .mpl-inbox-background textarea {
  display: block; }

.mp-inbox button, .mpl-inbox-background button {
  display: inline-block; }

.mp-inbox span, .mp-inbox a, .mpl-inbox-background span, .mpl-inbox-background a {
  display: inline; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLV83L2yn_om9bG0a6EHWBso.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
.mp-inbox {
  position: fixed !important;
  font-family: Open Sans, sans-serif !important;
  box-shadow: rgba(0, 0, 0, 0.188235) 0px 10px 30px, rgba(0, 0, 0, 0.227451) 0px 6px 10px !important;
  background-color: white !important;
  z-index: 1040;
  font-size: 13px;
  color: #484242;
  animation-duration: 0.25s !important;
  border-radius: 3px !important; }

.mp-inbox__page {
  max-height: calc(100% - 44px) !important;
  height: calc(100% - 44px) !important;
  flex: 1 !important; }

.mp-inbox--normal {
  height: 374px !important;
  width: 270px !important;
  display: flex !important;
  flex-direction: column !important; }

.mp-inbox--big {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important; }

.mp-inbox--large {
  display: none !important; }

.mp-inbox--collapse {
  height: 44px !important;
  width: 200px !important;
  display: flex !important;
  flex-direction: column !important; }

.mp-inbox--shrink-animation {
  animation-name: shrink !important; }

.mp-inbox--expand-animation {
  animation-name: expand !important; }

.mp-inbox * {
  box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  line-height: normal; }

.mp-inbox-background {
  position: relative !important;
  width: 100% !important;
  height: 100% !important; }

.mp-inbox-background--large {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 1040 !important; }

#magpie-widget-container-2 .mp-inbox {
  left: 25% !important;
  right: none !important; }

#magpie-widget-container-2 .mp-inbox--big {
  left: 25% !important;
  right: none !important; }

#magpie-widget-container-2 .mp-inbox--collapse {
  left: 25% !important;
  right: none !important; }

@keyframes expand {
  0% {
    opacity: 0;
    transform: scale(0.7); }
  100% {
    opacity: 1;
    transform: scale(1); } }
@keyframes shrink {
  0% {
    opacity: 0;
    transform: scale(1.3); }
  100% {
    opacity: 1;
    transform: scale(1); } }
.mp-tooltips-wrapper {
  position: relative !important; }

.mp-tip {
  position: absolute !important;
  background-color: #fbfafa !important;
  color: #484242 !important;
  width: 120px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.08) !important;
  padding: 14px 10px !important;
  text-align: center !important;
  z-index: 10 !important;
  transition: opacity .3s !important; }

.mp-tip:after {
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  margin: -8px !important;
  border: 8px solid transparent !important;
  border-top-color: #fbfafa !important; }

.mp-emoticons-field {
  position: absolute !important;
  right: 5px !important;
  width: 260px !important;
  height: 220px !important;
  overflow: auto !important;
  padding: 10px !important;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.08) !important;
  z-index: 101 !important;
  border-radius: 3px !important;
  background-color: #fbfafa !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important; }

.mp-emoticons-field .emoji-group--title {
  font-size: 12px !important;
  color: #9b9ba1 !important; }

.mp-emoticons-field .emoji {
  display: inline-block !important;
  font-size: 30px !important;
  width: 44px !important;
  padding: 3px 8px !important;
  transition: transform 60ms ease-out !important; }

.mp-emoticons-field .emoji:hover {
  cursor: pointer !important;
  transform: scale(1.4) !important; }

.mp-emoticons-field--hide {
  opacity: 0 !important;
  visibility: hidden !important; }

.mp-scroll {
  scrollbar-base-color: #3dc8fa;
  scrollbar-3dlight-color: #fbfafa;
  scrollbar-highlight-color: #fbfafa;
  scrollbar-track-color: #fbfafa;
  scrollbar-arrow-color: #3dc8fa;
  scrollbar-shadow-color: #fbfafa;
  scrollbar-dark-shadow-color: #fbfafa; }

.mp-scroll::-webkit-scrollbar-track {
  background-color: #fbfafa !important;
  border-radius: 3px !important; }

.mp-scroll::-webkit-scrollbar {
  width: 7px !important;
  background-color: #fbfafa !important;
  border-radius: 3px !important; }

.mp-scroll::-webkit-scrollbar-thumb {
  background-color: #3dc8fa !important;
  border-radius: 3px !important; }

.mpl-scroll {
  scrollbar-base-color: #65d3fb;
  scrollbar-3dlight-color: #fff;
  scrollbar-highlight-color: #fff;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #65d3fb;
  scrollbar-shadow-color: #fff;
  scrollbar-dark-shadow-color: #fff; }

.mpl-scroll::-webkit-scrollbar-track {
  background-color: #fff !important;
  border-radius: 3px !important; }

.mpl-scroll::-webkit-scrollbar {
  width: 7px !important;
  background-color: #fff !important;
  border-radius: 3px !important; }

.mpl-scroll::-webkit-scrollbar-thumb {
  background-color: #65d3fb !important;
  border-radius: 3px !important; }

.mp-placeholder:-moz-placeholder, .mpl-placeholder:-moz-placeholder {
  color: #c4c4c4 !important; }

.mp-placeholder::-webkit-input-placeholder, .mpl-placeholder::-webkit-input-placeholder {
  color: #c4c4c4 !important; }

.mp-search-field {
  position: relative !important; }

.mp-search-field__input {
  padding: 7px 12px 7px 35px !important;
  outline: none !important;
  border: none !important;
  border-radius: 3px !important;
  color: #534b4b !important;
  background: #f3f3f3 !important;
  font-size: 14px !important;
  margin: 5px !important; }

.mp-search-field__input--empty {
  width: calc(100% - 12px) !important;
  max-width: calc(100% - 12px) !important; }

.mp-search-field__input--full {
  width: calc(100% - 35px) !important;
  max-width: calc(100% - 35px) !important; }

.mp-inbox .mp-search-field__input {
  box-sizing: border-box !important !important; }

.mp-search-field__icon-container {
  position: absolute !important;
  top: calc(50% - 13px) !important;
  cursor: pointer !important; }

.mp-search-field__icon-container--left {
  left: 13px !important; }

.mp-search-field__icon-container--right {
  right: 7px !important; }

.mp-search-field__icon-container:hover {
  opacity: .7 !important; }

.mp-search-field__icon {
  width: 23px !important;
  height: 23px !important;
  fill: #7b6f6f !important;
  stroke: #7b6f6f !important;
  margin-top: 1px !important; }

.mp-no-content {
  height: calc(100% - 25px) !important;
  flex: 1 !important;
  min-height: 250px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 160px 160px !important; }

.mp-date {
  white-space: nowrap !important;
  padding-top: 3px !important; }

.mp-inbox .mp-avatar {
  position: relative !important; }

.mp-inbox .mp-avatar--online-small:after {
  position: absolute !important;
  top: 0 !important;
  left: 19px !important;
  border: 1px solid #e0d9d9 !important;
  content: '' !important;
  height: 7px !important;
  width: 7px !important;
  border-radius: 50% !important;
  background-color: #06ab61 !important; }

.mp-inbox .mp-avatar--away-small:after {
  position: absolute !important;
  top: 0 !important;
  left: 19px !important;
  border: 1px solid #e0d9d9 !important;
  content: '' !important;
  height: 7px !important;
  width: 7px !important;
  border-radius: 50% !important;
  background-color: #d4d410 !important; }

.mp-inbox .mp-avatar--offline-small:after {
  display: none !important; }

.mp-inbox .mp-avatar--online-default:after {
  position: absolute !important;
  top: 5px !important;
  left: 33px !important;
  border: 1px solid #e0d9d9 !important;
  content: '' !important;
  height: 9px !important;
  width: 9px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #06ab61 !important; }

.mp-inbox .mp-avatar--away-default:after {
  position: absolute !important;
  top: 5px !important;
  left: 33px !important;
  border: 1px solid #e0d9d9 !important;
  content: '' !important;
  height: 9px !important;
  width: 9px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #d4d410 !important; }

.mp-inbox .mp-avatar--offline-default:after {
  display: none !important; }

.mp-inbox .mp-avatar__image--default {
  height: 40px !important;
  width: 40px !important; }

.mp-inbox .mp-avatar__image--small {
  height: 25px !important;
  width: 25px !important; }

.mp-inbox .mp-avatar__image img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 50% !important; }

.mp-inbox .mp-avatar__image-inline {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  height: 40px !important;
  width: 40px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  z-index: 1 !important; }

.mp-inbox .mp-avatar__image-inline--user--small {
  width: 100% !important;
  height: 100% !important;
  height: 30px !important;
  width: 30px !important; }

.mp-inbox .mp-avatar__image-inline--user--big {
  width: 100% !important;
  height: 100% !important;
  height: 40.5px !important;
  width: 40.5px !important; }

.mp-inbox .mp-avatar__image-inline--default {
  text-align: center !important;
  color: #fff !important; }

.mp-inbox .mp-avatar__image-inline--default--small {
  line-height: 30px !important;
  width: 100% !important;
  height: 100% !important;
  height: 30px !important;
  width: 30px !important;
  font-size: 12px !important; }

.mp-inbox .mp-avatar__image-inline--default--big {
  line-height: 40px !important;
  width: 100% !important;
  height: 100% !important;
  height: 40.5px !important;
  width: 40.5px !important;
  font-size: 14px !important; }

.mp-inbox .mp-avatar--default--normal {
  line-height: 40px !important;
  height: 40px !important;
  width: 40px !important;
  font-size: 20px !important;
  border-radius: 50% !important;
  text-align: center !important;
  color: #fff !important; }

.mp-inbox .mp-avatar--default--small {
  line-height: 25px !important;
  height: 25px !important;
  width: 25px !important;
  font-size: 13px !important;
  border-radius: 50% !important;
  text-align: center !important;
  color: #fff !important; }

.mp-contact-user {
  overflow: hidden !important;
  padding: 2px 15px 2px 15px !important;
  height: 40px !important;
  width: 100% !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mp-contact-user:hover {
  background-color: #eee !important; }

.mp-contact-user__contact-name {
  float: left !important;
  margin: 7px 0 0 14px !important;
  width: calc(100% - 95px) !important;
  height: 25px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; }

.mp-contact-user__contact-time {
  opacity: 0.6 !important;
  float: right !important;
  font-size: 12.5px !important;
  color: #85858c !important;
  margin: 8px 8px 0px 0px !important; }

.mp-contact-user__avatar {
  margin: 5px 0 0 !important;
  position: relative !important;
  float: left !important; }

.mp-contacts-content {
  position: relative !important;
  width: 100% !important;
  height: 100% !important; }

.mp-contacts-content__contacts-field {
  height: calc(100% - 43px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.mp-message-content p {
  display: inline !important; }

.mp-message-content ol, .mp-message-content ul {
  padding: 0 20px !important;
  display: inline-block !important; }

.mp-message-content strong {
  font-weight: bold !important; }

.mp-message-content em {
  font-style: italic !important; }

.mp-message-content blockquote {
  display: inline-block !important;
  border-left: 3px solid #85858c !important;
  color: #85858c !important;
  padding-left: 3px !important; }

.mp-message-content img {
  width: 100% !important;
  display: inline-block !important; }

.mp-message-content del {
  text-decoration: line-through !important; }

.mp-message-content h1, .mp-message-content h2, .mp-message-content h3, .mp-message-content h4, .mp-message-content h5, .mp-message-content h6 {
  font-weight: bold !important;
  display: inline-block !important; }

.mp-message-content pre, .mp-message-content code {
  background-color: #fff !important;
  padding: 0 3px !important;
  border-radius: 3px !important; }

.mp-sticker--native {
  font-size: 42px !important;
  line-height: 48px !important; }

.mp-conversation {
  position: relative !important;
  padding: 9px 13px !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mp-conversation__unread-count {
  display: block !important;
  padding: 0 3px !important;
  margin-top: 5px !important;
  min-width: 15px !important;
  height: 15px !important;
  border-radius: 50px !important;
  background-color: #3dc8fa !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold !important;
  line-height: 15px !important;
  font-size: 11px !important;
  width: auto !important;
  float: right !important; }

.mp-conversation:hover {
  background-color: #eee !important; }

.mp-conversation__wrap {
  display: inline-flex !important;
  flex-direction: row !important;
  width: 100% !important; }

.mp-conversation__avatar {
  width: 40px !important;
  height: 40px !important; }

.mp-conversation__body {
  padding: 2px 0 0 14px !important;
  min-width: 20px !important;
  width: calc(100% - 70px) !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important; }

.mp-conversation__body--empty-myself {
  line-height: 40px !important; }

.mp-conversation__info {
  text-align: right !important;
  min-width: 40px !important;
  margin-right: 3px !important; }

.mp-conversation__user {
  font-size: 12.5px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important; }

.mp-conversation__time {
  color: #85858c !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  opacity: 0.6 !important; }

.mp-conversation__message {
  padding: 2px 2px 0 0 !important;
  color: rgba(0, 0, 0, 0.54) !important;
  font-size: 12.5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

.mp-conversation__message .mp-message-content {
  max-width: 100% !important; }

.mp-conversations-content {
  position: relative !important;
  background-color: #fbfafa !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100% !important;
  width: 100% !important;
  border-radius: 0 0 3px 3px !important; }

.mp-appearing-conversation__avatar {
  position: relative !important;
  cursor: pointer !important;
  margin: 7px 5px !important; }

.mp-appearing-conversation__avatar .mp-glass-effect {
  position: relative !important;
  height: 46px !important;
  width: 46px !important;
  border-radius: 50% !important;
  border: 3px solid #fbfafa !important; }

.mp-appearing-conversation__avatar .mp-glass-effect--selected {
  border: 3px solid #3dc8fa !important; }

.mp-appearing-conversation__avatar .mp-glass-effect:hover:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
  height: 100% !important;
  width: 100% !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  z-index: 100 !important; }

.mp-appearing-conversation--unread__unread-count {
  position: absolute !important;
  height: 18px !important;
  top: 29px !important;
  left: 0 !important;
  z-index: 3 !important;
  line-height: 16px !important;
  font-weight: bold !important;
  text-align: center !important;
  color: #fff !important;
  background-color: #3dc8fa !important;
  border: 1px solid #e0d9d9 !important;
  font-size: 11px !important;
  border-radius: 50px !important;
  width: 18px !important; }

.mp-appearing-conversations-wrapper {
  position: absolute !important;
  top: 0 !important;
  bottom: 40px !important;
  left: -57px !important;
  border-right: none !important;
  background-color: #fbfafa !important;
  width: 57px !important;
  overflow: hidden !important;
  padding-top: 9px !important;
  border: 1px solid rgba(210, 210, 210, 0.5) !important;
  transition: transform 0.25s !important;
  z-index: -1 !important;
  border-radius: 3px 0 0 3px !important; }

.mp-appearing-conversations-wrapper--hide {
  transform: translate(57px, 0) !important; }

.mp-appearing-conversations-button {
  cursor: pointer !important;
  background-color: #3dc8fa !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 100% !important;
  clip: rect(0, 14px, 30px, 0) !important;
  padding-top: 8px !important;
  border: 1px solid rgba(210, 210, 210, 0.5) !important;
  position: absolute !important;
  top: 39% !important;
  transition: transform 0.25s !important; }

.mp-appearing-conversations-button__mdi {
  margin-left: 1px !important;
  fill: #fff !important;
  stroke: #fff !important;
  width: 14px !important;
  height: 14px !important; }

.mp-appearing-conversations-button__mdi--left {
  transform: rotate(180deg) !important; }

.mp-appearing-conversations-button__mdi:hover {
  fill: #98feff !important;
  stroke: #98feff !important; }

.mp-appearing-conversations-button__right-arrow {
  transform: translate(-71px, 0) !important; }

.mp-appearing-conversations-button__left-arrow {
  transform: translate(-14px, 0) !important; }

.mp-message__upload {
  position: absolute !important;
  bottom: 5px !important;
  right: 12px !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important;
  height: 30px !important; }

.mp-message__upload--icon {
  height: 26px !important;
  width: 26px !important;
  stroke: #c4c4c4 !important; }

.mp-message__upload--icon:hover {
  stroke: #757474 !important; }

.mp-message__upload--disabled {
  pointer-events: none; }

.mp-message__attach-preview-item {
  display: inline-flex !important;
  height: 20px !important;
  margin: 0px 5px 0px 5px !important;
  position: relative !important; }

.mp-message__attach-preview-item--max-width {
  width: calc(100% - 10px) !important; }

.mp-message__attach-preview-item--half-width {
  width: calc(100% - 145px) !important; }

.mp-message__attach-preview-item--min-width {
  width: calc(100% - 190px) !important; }

.mp-message__attach-preview-item a {
  display: inline-block !important;
  overflow: hidden !important;
  color: #776c6c !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  padding-right: 16px !important; }

.mp-message__attach-preview-item a:hover {
  text-decoration: underline !important; }

.mp-message__attach-delete {
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  outline: none !important; }

.mp-message__attach-delete--mdi {
  width: 16px !important;
  height: 16px !important;
  fill: #919191 !important;
  stroke: #919191 !important; }

.mp-message__attach-delete--mdi:hover {
  fill: #424141 !important;
  stroke: #424141 !important; }

.mp-message__file-icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin-right: 3px !important;
  fill: #424141 !important;
  stroke: #424141 !important; }

.react-spinner {
  top: 15px !important;
  left: 11px !important;
  position: absolute !important;
  width: 32px !important;
  height: 32px !important; }

.react-spinner_bar {
  -webkit-animation: react-spinner_spin 1.2s linear infinite !important;
  -moz-animation: react-spinner_spin 1.2s linear infinite !important;
  animation: react-spinner_spin 1.2s linear infinite !important;
  border-radius: 5px !important;
  background-color: black !important;
  position: absolute !important;
  width: 20% !important;
  height: 7.8% !important;
  top: -3.9% !important;
  left: -10% !important; }

@keyframes react-spinner_spin {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.15; } }
@-moz-keyframes react-spinner_spin {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.15; } }
@-webkit-keyframes react-spinner_spin {
  0% {
    opacity: 1; }
  100% {
    opacity: 0.15; } }
.mp-message-files {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  margin: 0 -5px 0 0 !important;
  flex-wrap: wrap !important;
  max-height: 50px !important;
  overflow-y: auto !important;
  width: 100% !important; }

.mp-message-files:empty {
  margin: 0 !important; }

.mp-message-file {
  height: 45px !important;
  width: auto !important;
  border-radius: 3px !important;
  margin: 0 0 5px 5px !important;
  overflow: hidden !important;
  background-color: #fff !important; }

.mp-message-file:hover .mp-message-file__cross {
  opacity: 0.8 !important; }

.mp-message-file__preview {
  height: 45px !important;
  min-width: 14px !important;
  max-width: 150px !important;
  fill: #3dc8fa !important;
  width: auto !important; }

.mp-message-file__preview--image {
  padding: 4px !important;
  border-radius: 7px !important; }

.mp-message-file__cross {
  height: 8px !important;
  width: 8px !important;
  position: relative !important;
  right: 14px !important;
  opacity: 0.5 !important;
  cursor: pointer !important;
  fill: #fff !important;
  background-color: #666666 !important;
  padding: 3px !important;
  box-sizing: content-box !important;
  border-radius: 50% !important; }

.mp-message-file__cross-wrap {
  height: 0 !important;
  width: 0 !important;
  margin-left: 100% !important;
  margin-right: auto !important;
  outline: 0 !important; }

.mp-message-field {
  box-shadow: none !important;
  min-height: 37px !important;
  box-sizing: border-box !important;
  padding: 10px 60px 10px 10px !important;
  margin: 5px 5px 5px 5px !important;
  width: calc(100% - 10px) !important;
  border: none !important;
  border-radius: 3px !important;
  resize: none !important;
  font-size: 12.5px !important;
  vertical-align: inherit !important;
  overflow-y: auto !important;
  background-color: #fff !important;
  white-space: pre-wrap !important; }

.mp-message-field--disabled {
  cursor: not-allowed !important; }

.mp-message-field--small {
  max-height: 117px !important; }

.mp-message-field:focus {
  outline: none !important; }

.mp-message-field__buttons {
  position: relative !important;
  right: 1px !important; }

.mp-message-field__emoticons-button {
  position: absolute !important;
  bottom: 9px !important;
  right: 37px !important;
  height: 26px !important;
  width: 26px !important;
  fill: #c4c4c4 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important; }

.mp-message-field__emoticons-button:hover {
  fill: #757474 !important; }

.mp-message-field__cancel-edit-button {
  position: absolute !important;
  bottom: 10px !important;
  right: 12px !important;
  height: 24px !important;
  width: 24px !important;
  fill: #c4c4c4 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important;
  padding: 5.5px !important; }

.mp-message-field__cancel-edit-button:hover {
  fill: #757474 !important; }

.mp-message-field__uploads--disabled {
  pointer-events: none !important; }

.mp-message-field__emoticons--disabled {
  pointer-events: none !important; }

.mp-message-field__emoticons-button {
  position: absolute !important;
  bottom: 9px !important;
  right: 37px !important;
  height: 26px !important;
  width: 26px !important;
  fill: #c4c4c4 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important; }

.mp-message-field__emoticons-button:hover {
  fill: #757474 !important; }

.mp-progress__wrapper {
  display: flex !important;
  position: relative !important;
  justify-content: center !important;
  align-items: center !important;
  flex-basis: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  background-color: #3dc8fa !important;
  border-radius: 50% !important;
  margin-right: 4px !important; }

.mp-progress {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  position: relative !important;
  background-color: #b5e4ff !important;
  border-radius: 50% !important; }

.mp-progress .progress-circle__slice, .mp-progress .progress-circle__fill {
  width: 22px;
  height: 22px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  transition: transform 1s;
  border-radius: 50%; }

.mp-progress .progress-circle__slice {
  clip: rect(0px, 22px, 22px, 11px); }

.mp-progress .progress-circle__slice .progress-circle__fill {
  clip: rect(0px, 11px, 22px, 0px);
  background-color: #fff; }

.mp-progress .progress-circle__overlay {
  width: 16px;
  height: 16px;
  position: absolute;
  margin-left: 3px;
  margin-top: 3px;
  border-radius: 50%; }

.mp-progress[data-progress='0'] .progress-circle__slice.full, .mp-progress[data-progress='0'] .progress-circle__fill {
  transform: rotate(0deg); }

.mp-progress[data-progress='0'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(0deg); }

.mp-progress[data-progress='1'] .progress-circle__slice.full, .mp-progress[data-progress='1'] .progress-circle__fill {
  transform: rotate(1.8deg); }

.mp-progress[data-progress='1'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(3.6deg); }

.mp-progress[data-progress='2'] .progress-circle__slice.full, .mp-progress[data-progress='2'] .progress-circle__fill {
  transform: rotate(3.6deg); }

.mp-progress[data-progress='2'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(7.2deg); }

.mp-progress[data-progress='3'] .progress-circle__slice.full, .mp-progress[data-progress='3'] .progress-circle__fill {
  transform: rotate(5.4deg); }

.mp-progress[data-progress='3'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(10.8deg); }

.mp-progress[data-progress='4'] .progress-circle__slice.full, .mp-progress[data-progress='4'] .progress-circle__fill {
  transform: rotate(7.2deg); }

.mp-progress[data-progress='4'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(14.4deg); }

.mp-progress[data-progress='5'] .progress-circle__slice.full, .mp-progress[data-progress='5'] .progress-circle__fill {
  transform: rotate(9deg); }

.mp-progress[data-progress='5'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(18deg); }

.mp-progress[data-progress='6'] .progress-circle__slice.full, .mp-progress[data-progress='6'] .progress-circle__fill {
  transform: rotate(10.8deg); }

.mp-progress[data-progress='6'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(21.6deg); }

.mp-progress[data-progress='7'] .progress-circle__slice.full, .mp-progress[data-progress='7'] .progress-circle__fill {
  transform: rotate(12.6deg); }

.mp-progress[data-progress='7'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(25.2deg); }

.mp-progress[data-progress='8'] .progress-circle__slice.full, .mp-progress[data-progress='8'] .progress-circle__fill {
  transform: rotate(14.4deg); }

.mp-progress[data-progress='8'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(28.8deg); }

.mp-progress[data-progress='9'] .progress-circle__slice.full, .mp-progress[data-progress='9'] .progress-circle__fill {
  transform: rotate(16.2deg); }

.mp-progress[data-progress='9'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(32.4deg); }

.mp-progress[data-progress='10'] .progress-circle__slice.full, .mp-progress[data-progress='10'] .progress-circle__fill {
  transform: rotate(18deg); }

.mp-progress[data-progress='10'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(36deg); }

.mp-progress[data-progress='11'] .progress-circle__slice.full, .mp-progress[data-progress='11'] .progress-circle__fill {
  transform: rotate(19.8deg); }

.mp-progress[data-progress='11'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(39.6deg); }

.mp-progress[data-progress='12'] .progress-circle__slice.full, .mp-progress[data-progress='12'] .progress-circle__fill {
  transform: rotate(21.6deg); }

.mp-progress[data-progress='12'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(43.2deg); }

.mp-progress[data-progress='13'] .progress-circle__slice.full, .mp-progress[data-progress='13'] .progress-circle__fill {
  transform: rotate(23.4deg); }

.mp-progress[data-progress='13'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(46.8deg); }

.mp-progress[data-progress='14'] .progress-circle__slice.full, .mp-progress[data-progress='14'] .progress-circle__fill {
  transform: rotate(25.2deg); }

.mp-progress[data-progress='14'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(50.4deg); }

.mp-progress[data-progress='15'] .progress-circle__slice.full, .mp-progress[data-progress='15'] .progress-circle__fill {
  transform: rotate(27deg); }

.mp-progress[data-progress='15'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(54deg); }

.mp-progress[data-progress='16'] .progress-circle__slice.full, .mp-progress[data-progress='16'] .progress-circle__fill {
  transform: rotate(28.8deg); }

.mp-progress[data-progress='16'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(57.6deg); }

.mp-progress[data-progress='17'] .progress-circle__slice.full, .mp-progress[data-progress='17'] .progress-circle__fill {
  transform: rotate(30.6deg); }

.mp-progress[data-progress='17'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(61.2deg); }

.mp-progress[data-progress='18'] .progress-circle__slice.full, .mp-progress[data-progress='18'] .progress-circle__fill {
  transform: rotate(32.4deg); }

.mp-progress[data-progress='18'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(64.8deg); }

.mp-progress[data-progress='19'] .progress-circle__slice.full, .mp-progress[data-progress='19'] .progress-circle__fill {
  transform: rotate(34.2deg); }

.mp-progress[data-progress='19'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(68.4deg); }

.mp-progress[data-progress='20'] .progress-circle__slice.full, .mp-progress[data-progress='20'] .progress-circle__fill {
  transform: rotate(36deg); }

.mp-progress[data-progress='20'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(72deg); }

.mp-progress[data-progress='21'] .progress-circle__slice.full, .mp-progress[data-progress='21'] .progress-circle__fill {
  transform: rotate(37.8deg); }

.mp-progress[data-progress='21'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(75.6deg); }

.mp-progress[data-progress='22'] .progress-circle__slice.full, .mp-progress[data-progress='22'] .progress-circle__fill {
  transform: rotate(39.6deg); }

.mp-progress[data-progress='22'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(79.2deg); }

.mp-progress[data-progress='23'] .progress-circle__slice.full, .mp-progress[data-progress='23'] .progress-circle__fill {
  transform: rotate(41.4deg); }

.mp-progress[data-progress='23'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(82.8deg); }

.mp-progress[data-progress='24'] .progress-circle__slice.full, .mp-progress[data-progress='24'] .progress-circle__fill {
  transform: rotate(43.2deg); }

.mp-progress[data-progress='24'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(86.4deg); }

.mp-progress[data-progress='25'] .progress-circle__slice.full, .mp-progress[data-progress='25'] .progress-circle__fill {
  transform: rotate(45deg); }

.mp-progress[data-progress='25'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(90deg); }

.mp-progress[data-progress='26'] .progress-circle__slice.full, .mp-progress[data-progress='26'] .progress-circle__fill {
  transform: rotate(46.8deg); }

.mp-progress[data-progress='26'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(93.6deg); }

.mp-progress[data-progress='27'] .progress-circle__slice.full, .mp-progress[data-progress='27'] .progress-circle__fill {
  transform: rotate(48.6deg); }

.mp-progress[data-progress='27'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(97.2deg); }

.mp-progress[data-progress='28'] .progress-circle__slice.full, .mp-progress[data-progress='28'] .progress-circle__fill {
  transform: rotate(50.4deg); }

.mp-progress[data-progress='28'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(100.8deg); }

.mp-progress[data-progress='29'] .progress-circle__slice.full, .mp-progress[data-progress='29'] .progress-circle__fill {
  transform: rotate(52.2deg); }

.mp-progress[data-progress='29'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(104.4deg); }

.mp-progress[data-progress='30'] .progress-circle__slice.full, .mp-progress[data-progress='30'] .progress-circle__fill {
  transform: rotate(54deg); }

.mp-progress[data-progress='30'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(108deg); }

.mp-progress[data-progress='31'] .progress-circle__slice.full, .mp-progress[data-progress='31'] .progress-circle__fill {
  transform: rotate(55.8deg); }

.mp-progress[data-progress='31'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(111.6deg); }

.mp-progress[data-progress='32'] .progress-circle__slice.full, .mp-progress[data-progress='32'] .progress-circle__fill {
  transform: rotate(57.6deg); }

.mp-progress[data-progress='32'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(115.2deg); }

.mp-progress[data-progress='33'] .progress-circle__slice.full, .mp-progress[data-progress='33'] .progress-circle__fill {
  transform: rotate(59.4deg); }

.mp-progress[data-progress='33'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(118.8deg); }

.mp-progress[data-progress='34'] .progress-circle__slice.full, .mp-progress[data-progress='34'] .progress-circle__fill {
  transform: rotate(61.2deg); }

.mp-progress[data-progress='34'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(122.4deg); }

.mp-progress[data-progress='35'] .progress-circle__slice.full, .mp-progress[data-progress='35'] .progress-circle__fill {
  transform: rotate(63deg); }

.mp-progress[data-progress='35'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(126deg); }

.mp-progress[data-progress='36'] .progress-circle__slice.full, .mp-progress[data-progress='36'] .progress-circle__fill {
  transform: rotate(64.8deg); }

.mp-progress[data-progress='36'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(129.6deg); }

.mp-progress[data-progress='37'] .progress-circle__slice.full, .mp-progress[data-progress='37'] .progress-circle__fill {
  transform: rotate(66.6deg); }

.mp-progress[data-progress='37'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(133.2deg); }

.mp-progress[data-progress='38'] .progress-circle__slice.full, .mp-progress[data-progress='38'] .progress-circle__fill {
  transform: rotate(68.4deg); }

.mp-progress[data-progress='38'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(136.8deg); }

.mp-progress[data-progress='39'] .progress-circle__slice.full, .mp-progress[data-progress='39'] .progress-circle__fill {
  transform: rotate(70.2deg); }

.mp-progress[data-progress='39'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(140.4deg); }

.mp-progress[data-progress='40'] .progress-circle__slice.full, .mp-progress[data-progress='40'] .progress-circle__fill {
  transform: rotate(72deg); }

.mp-progress[data-progress='40'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(144deg); }

.mp-progress[data-progress='41'] .progress-circle__slice.full, .mp-progress[data-progress='41'] .progress-circle__fill {
  transform: rotate(73.8deg); }

.mp-progress[data-progress='41'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(147.6deg); }

.mp-progress[data-progress='42'] .progress-circle__slice.full, .mp-progress[data-progress='42'] .progress-circle__fill {
  transform: rotate(75.6deg); }

.mp-progress[data-progress='42'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(151.2deg); }

.mp-progress[data-progress='43'] .progress-circle__slice.full, .mp-progress[data-progress='43'] .progress-circle__fill {
  transform: rotate(77.4deg); }

.mp-progress[data-progress='43'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(154.8deg); }

.mp-progress[data-progress='44'] .progress-circle__slice.full, .mp-progress[data-progress='44'] .progress-circle__fill {
  transform: rotate(79.2deg); }

.mp-progress[data-progress='44'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(158.4deg); }

.mp-progress[data-progress='45'] .progress-circle__slice.full, .mp-progress[data-progress='45'] .progress-circle__fill {
  transform: rotate(81deg); }

.mp-progress[data-progress='45'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(162deg); }

.mp-progress[data-progress='46'] .progress-circle__slice.full, .mp-progress[data-progress='46'] .progress-circle__fill {
  transform: rotate(82.8deg); }

.mp-progress[data-progress='46'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(165.6deg); }

.mp-progress[data-progress='47'] .progress-circle__slice.full, .mp-progress[data-progress='47'] .progress-circle__fill {
  transform: rotate(84.6deg); }

.mp-progress[data-progress='47'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(169.2deg); }

.mp-progress[data-progress='48'] .progress-circle__slice.full, .mp-progress[data-progress='48'] .progress-circle__fill {
  transform: rotate(86.4deg); }

.mp-progress[data-progress='48'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(172.8deg); }

.mp-progress[data-progress='49'] .progress-circle__slice.full, .mp-progress[data-progress='49'] .progress-circle__fill {
  transform: rotate(88.2deg); }

.mp-progress[data-progress='49'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(176.4deg); }

.mp-progress[data-progress='50'] .progress-circle__slice.full, .mp-progress[data-progress='50'] .progress-circle__fill {
  transform: rotate(90deg); }

.mp-progress[data-progress='50'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(180deg); }

.mp-progress[data-progress='51'] .progress-circle__slice.full, .mp-progress[data-progress='51'] .progress-circle__fill {
  transform: rotate(91.8deg); }

.mp-progress[data-progress='51'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(183.6deg); }

.mp-progress[data-progress='52'] .progress-circle__slice.full, .mp-progress[data-progress='52'] .progress-circle__fill {
  transform: rotate(93.6deg); }

.mp-progress[data-progress='52'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(187.2deg); }

.mp-progress[data-progress='53'] .progress-circle__slice.full, .mp-progress[data-progress='53'] .progress-circle__fill {
  transform: rotate(95.4deg); }

.mp-progress[data-progress='53'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(190.8deg); }

.mp-progress[data-progress='54'] .progress-circle__slice.full, .mp-progress[data-progress='54'] .progress-circle__fill {
  transform: rotate(97.2deg); }

.mp-progress[data-progress='54'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(194.4deg); }

.mp-progress[data-progress='55'] .progress-circle__slice.full, .mp-progress[data-progress='55'] .progress-circle__fill {
  transform: rotate(99deg); }

.mp-progress[data-progress='55'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(198deg); }

.mp-progress[data-progress='56'] .progress-circle__slice.full, .mp-progress[data-progress='56'] .progress-circle__fill {
  transform: rotate(100.8deg); }

.mp-progress[data-progress='56'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(201.6deg); }

.mp-progress[data-progress='57'] .progress-circle__slice.full, .mp-progress[data-progress='57'] .progress-circle__fill {
  transform: rotate(102.6deg); }

.mp-progress[data-progress='57'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(205.2deg); }

.mp-progress[data-progress='58'] .progress-circle__slice.full, .mp-progress[data-progress='58'] .progress-circle__fill {
  transform: rotate(104.4deg); }

.mp-progress[data-progress='58'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(208.8deg); }

.mp-progress[data-progress='59'] .progress-circle__slice.full, .mp-progress[data-progress='59'] .progress-circle__fill {
  transform: rotate(106.2deg); }

.mp-progress[data-progress='59'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(212.4deg); }

.mp-progress[data-progress='60'] .progress-circle__slice.full, .mp-progress[data-progress='60'] .progress-circle__fill {
  transform: rotate(108deg); }

.mp-progress[data-progress='60'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(216deg); }

.mp-progress[data-progress='61'] .progress-circle__slice.full, .mp-progress[data-progress='61'] .progress-circle__fill {
  transform: rotate(109.8deg); }

.mp-progress[data-progress='61'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(219.6deg); }

.mp-progress[data-progress='62'] .progress-circle__slice.full, .mp-progress[data-progress='62'] .progress-circle__fill {
  transform: rotate(111.6deg); }

.mp-progress[data-progress='62'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(223.2deg); }

.mp-progress[data-progress='63'] .progress-circle__slice.full, .mp-progress[data-progress='63'] .progress-circle__fill {
  transform: rotate(113.4deg); }

.mp-progress[data-progress='63'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(226.8deg); }

.mp-progress[data-progress='64'] .progress-circle__slice.full, .mp-progress[data-progress='64'] .progress-circle__fill {
  transform: rotate(115.2deg); }

.mp-progress[data-progress='64'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(230.4deg); }

.mp-progress[data-progress='65'] .progress-circle__slice.full, .mp-progress[data-progress='65'] .progress-circle__fill {
  transform: rotate(117deg); }

.mp-progress[data-progress='65'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(234deg); }

.mp-progress[data-progress='66'] .progress-circle__slice.full, .mp-progress[data-progress='66'] .progress-circle__fill {
  transform: rotate(118.8deg); }

.mp-progress[data-progress='66'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(237.6deg); }

.mp-progress[data-progress='67'] .progress-circle__slice.full, .mp-progress[data-progress='67'] .progress-circle__fill {
  transform: rotate(120.6deg); }

.mp-progress[data-progress='67'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(241.2deg); }

.mp-progress[data-progress='68'] .progress-circle__slice.full, .mp-progress[data-progress='68'] .progress-circle__fill {
  transform: rotate(122.4deg); }

.mp-progress[data-progress='68'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(244.8deg); }

.mp-progress[data-progress='69'] .progress-circle__slice.full, .mp-progress[data-progress='69'] .progress-circle__fill {
  transform: rotate(124.2deg); }

.mp-progress[data-progress='69'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(248.4deg); }

.mp-progress[data-progress='70'] .progress-circle__slice.full, .mp-progress[data-progress='70'] .progress-circle__fill {
  transform: rotate(126deg); }

.mp-progress[data-progress='70'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(252deg); }

.mp-progress[data-progress='71'] .progress-circle__slice.full, .mp-progress[data-progress='71'] .progress-circle__fill {
  transform: rotate(127.8deg); }

.mp-progress[data-progress='71'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(255.6deg); }

.mp-progress[data-progress='72'] .progress-circle__slice.full, .mp-progress[data-progress='72'] .progress-circle__fill {
  transform: rotate(129.6deg); }

.mp-progress[data-progress='72'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(259.2deg); }

.mp-progress[data-progress='73'] .progress-circle__slice.full, .mp-progress[data-progress='73'] .progress-circle__fill {
  transform: rotate(131.4deg); }

.mp-progress[data-progress='73'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(262.8deg); }

.mp-progress[data-progress='74'] .progress-circle__slice.full, .mp-progress[data-progress='74'] .progress-circle__fill {
  transform: rotate(133.2deg); }

.mp-progress[data-progress='74'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(266.4deg); }

.mp-progress[data-progress='75'] .progress-circle__slice.full, .mp-progress[data-progress='75'] .progress-circle__fill {
  transform: rotate(135deg); }

.mp-progress[data-progress='75'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(270deg); }

.mp-progress[data-progress='76'] .progress-circle__slice.full, .mp-progress[data-progress='76'] .progress-circle__fill {
  transform: rotate(136.8deg); }

.mp-progress[data-progress='76'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(273.6deg); }

.mp-progress[data-progress='77'] .progress-circle__slice.full, .mp-progress[data-progress='77'] .progress-circle__fill {
  transform: rotate(138.6deg); }

.mp-progress[data-progress='77'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(277.2deg); }

.mp-progress[data-progress='78'] .progress-circle__slice.full, .mp-progress[data-progress='78'] .progress-circle__fill {
  transform: rotate(140.4deg); }

.mp-progress[data-progress='78'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(280.8deg); }

.mp-progress[data-progress='79'] .progress-circle__slice.full, .mp-progress[data-progress='79'] .progress-circle__fill {
  transform: rotate(142.2deg); }

.mp-progress[data-progress='79'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(284.4deg); }

.mp-progress[data-progress='80'] .progress-circle__slice.full, .mp-progress[data-progress='80'] .progress-circle__fill {
  transform: rotate(144deg); }

.mp-progress[data-progress='80'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(288deg); }

.mp-progress[data-progress='81'] .progress-circle__slice.full, .mp-progress[data-progress='81'] .progress-circle__fill {
  transform: rotate(145.8deg); }

.mp-progress[data-progress='81'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(291.6deg); }

.mp-progress[data-progress='82'] .progress-circle__slice.full, .mp-progress[data-progress='82'] .progress-circle__fill {
  transform: rotate(147.6deg); }

.mp-progress[data-progress='82'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(295.2deg); }

.mp-progress[data-progress='83'] .progress-circle__slice.full, .mp-progress[data-progress='83'] .progress-circle__fill {
  transform: rotate(149.4deg); }

.mp-progress[data-progress='83'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(298.8deg); }

.mp-progress[data-progress='84'] .progress-circle__slice.full, .mp-progress[data-progress='84'] .progress-circle__fill {
  transform: rotate(151.2deg); }

.mp-progress[data-progress='84'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(302.4deg); }

.mp-progress[data-progress='85'] .progress-circle__slice.full, .mp-progress[data-progress='85'] .progress-circle__fill {
  transform: rotate(153deg); }

.mp-progress[data-progress='85'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(306deg); }

.mp-progress[data-progress='86'] .progress-circle__slice.full, .mp-progress[data-progress='86'] .progress-circle__fill {
  transform: rotate(154.8deg); }

.mp-progress[data-progress='86'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(309.6deg); }

.mp-progress[data-progress='87'] .progress-circle__slice.full, .mp-progress[data-progress='87'] .progress-circle__fill {
  transform: rotate(156.6deg); }

.mp-progress[data-progress='87'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(313.2deg); }

.mp-progress[data-progress='88'] .progress-circle__slice.full, .mp-progress[data-progress='88'] .progress-circle__fill {
  transform: rotate(158.4deg); }

.mp-progress[data-progress='88'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(316.8deg); }

.mp-progress[data-progress='89'] .progress-circle__slice.full, .mp-progress[data-progress='89'] .progress-circle__fill {
  transform: rotate(160.2deg); }

.mp-progress[data-progress='89'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(320.4deg); }

.mp-progress[data-progress='90'] .progress-circle__slice.full, .mp-progress[data-progress='90'] .progress-circle__fill {
  transform: rotate(162deg); }

.mp-progress[data-progress='90'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(324deg); }

.mp-progress[data-progress='91'] .progress-circle__slice.full, .mp-progress[data-progress='91'] .progress-circle__fill {
  transform: rotate(163.8deg); }

.mp-progress[data-progress='91'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(327.6deg); }

.mp-progress[data-progress='92'] .progress-circle__slice.full, .mp-progress[data-progress='92'] .progress-circle__fill {
  transform: rotate(165.6deg); }

.mp-progress[data-progress='92'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(331.2deg); }

.mp-progress[data-progress='93'] .progress-circle__slice.full, .mp-progress[data-progress='93'] .progress-circle__fill {
  transform: rotate(167.4deg); }

.mp-progress[data-progress='93'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(334.8deg); }

.mp-progress[data-progress='94'] .progress-circle__slice.full, .mp-progress[data-progress='94'] .progress-circle__fill {
  transform: rotate(169.2deg); }

.mp-progress[data-progress='94'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(338.4deg); }

.mp-progress[data-progress='95'] .progress-circle__slice.full, .mp-progress[data-progress='95'] .progress-circle__fill {
  transform: rotate(171deg); }

.mp-progress[data-progress='95'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(342deg); }

.mp-progress[data-progress='96'] .progress-circle__slice.full, .mp-progress[data-progress='96'] .progress-circle__fill {
  transform: rotate(172.8deg); }

.mp-progress[data-progress='96'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(345.6deg); }

.mp-progress[data-progress='97'] .progress-circle__slice.full, .mp-progress[data-progress='97'] .progress-circle__fill {
  transform: rotate(174.6deg); }

.mp-progress[data-progress='97'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(349.2deg); }

.mp-progress[data-progress='98'] .progress-circle__slice.full, .mp-progress[data-progress='98'] .progress-circle__fill {
  transform: rotate(176.4deg); }

.mp-progress[data-progress='98'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(352.8deg); }

.mp-progress[data-progress='99'] .progress-circle__slice.full, .mp-progress[data-progress='99'] .progress-circle__fill {
  transform: rotate(178.2deg); }

.mp-progress[data-progress='99'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(356.4deg); }

.mp-progress[data-progress='100'] .progress-circle__slice.full, .mp-progress[data-progress='100'] .progress-circle__fill {
  transform: rotate(180deg); }

.mp-progress[data-progress='100'] .progress-circle__fill.progress-circle__bar {
  transform: rotate(360deg); }

@keyframes rotating {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.mp-player {
  margin: 0 auto !important;
  height: 32px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row !important;
  box-sizing: content-box !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  justify-content: flex-start !important; }

.mp-player__play-button {
  width: 24px !important;
  padding: 4px 0 !important; }

.mp-player__progress {
  height: 100% !important;
  box-sizing: border-box !important;
  margin: auto 2px auto 10px !important; }

.mp-player__progress--compact {
  display: none !important; }

.mp-player__progress--default {
  width: 121px !important; }

.mp-player__progress--default::before {
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  width: 121px !important;
  top: 15px !important;
  content: "" !important;
  display: block !important;
  position: relative !important; }

.mp-player__progress--large {
  width: 210px !important;
  margin-left: 10px !important; }

.mp-player__progress--large::before {
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  width: 210px !important;
  top: 15px !important;
  content: "" !important;
  display: block !important;
  position: relative !important; }

.mp-player__progress-position {
  position: relative !important;
  height: 10px !important;
  width: 10px !important;
  background-color: black !important;
  border-radius: 50% !important;
  top: 9px !important;
  left: -5px; }

.mp-player__sound-button {
  width: 24px !important;
  padding: 4px 0 !important;
  margin-left: 3px !important; }

.mp-player__main {
  display: flex !important; }

.mp-player__sound {
  display: flex !important; }

.mp-player__volume {
  height: 100% !important;
  box-sizing: border-box !important;
  margin: auto 0 auto 5px !important;
  width: 70px !important; }

.mp-player__volume::before {
  border-top: 1px solid #000 !important;
  border-bottom: 1px solid #000 !important;
  width: 70px !important;
  top: 15px !important;
  content: "" !important;
  display: block !important;
  position: relative !important; }

.mp-player__time {
  line-height: 32px !important; }

.mp-message__template-generic {
  margin: 9px 8px !important;
  width: calc(100% - 16px) !important;
  max-width: 300px !important;
  padding: 0 8px !important;
  border-left: 3px solid #9de2fd !important; }

.mp-message__template-generic iframe, .mp-message__template-generic video {
  width: 100%; }

.mp-message__template-generic--image img {
  width: 100% !important;
  margin: auto !important;
  background-color: #fff !important; }

.mp-message__template-generic--title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 15px !important; }

.mp-message__template-generic--subtitle {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 15px !important; }

.mp-message__template-generic--youtube {
  position: relative !important; }

.mp-message__template-generic--youtube img {
  width: 100% !important; }

.mp-message__template-generic--youtube--play {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-left: 18px solid #9de2fd !important;
  position: absolute !important;
  top: calc(50% - 15px) !important;
  left: calc(50% - 5px) !important;
  outline: none !important; }

.mp-message__template-generic--youtube--play:before {
  content: '' !important;
  position: absolute !important;
  top: -22px !important;
  left: -34px !important;
  bottom: -22px !important;
  right: -10px !important;
  border-radius: 50% !important;
  border: 3px solid #9de2fd !important;
  transition: transform .3s !important; }

.mp-message__template-generic--youtube--play:after {
  content: '' !important;
  opacity: 0 !important;
  transition: opacity .6s; }

.mp-message__template-generic--youtube--play:hover:before, .mp-message__template-generic--youtube--play:focus:before {
  transform: scale(1.1) !important; }

.mp-message-time {
  position: absolute !important;
  bottom: 2px !important;
  right: 4px !important;
  color: #b4b4ba !important;
  font-size: 11px !important; }

.mp-message-time--user {
  color: #80c3ea !important; }

.mp-message-time__timestamp {
  display: inline-block !important; }

.mp-message-time__status-icon--sending {
  width: 15px !important;
  height: 10px !important;
  margin-left: 2px !important;
  margin-bottom: -1px !important; }

.mp-message-time__status-icon--sent {
  width: 12px !important;
  height: 8px !important;
  margin-left: 2px !important;
  margin-right: 3px !important; }

.mp-message-time__status-icon--read {
  width: 15px !important;
  height: 8px !important;
  margin-left: 2px !important; }

.mp-message-reactions {
  clear: both !important; }

.mp-message-reactions__reaction {
  height: 23px !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: top !important;
  padding: 0 4px !important;
  border: 1px solid #dedede !important;
  border-radius: 3px !important;
  margin: 0 6px 1px 0 !important;
  color: #d8d8d8 !important;
  cursor: pointer !important;
  outline: none !important; }

.mp-message-reactions__reaction-right {
  margin: 0 0 1px 6px !important;
  float: right !important; }

.mp-message-reactions__reaction-my {
  background-color: #dedede !important;
  color: #484242 !important; }

.mp-message-reactions__reaction-disabled {
  cursor: default !important; }

.mp-message-reactions__reaction--count {
  white-space: nowrap !important;
  font-size: 11px !important;
  margin-left: 2px !important;
  line-height: 23px !important;
  position: relative !important;
  top: -3px !important; }

.mp-message-reactions__reaction--type {
  font-size: 16px !important;
  line-height: 23px !important;
  color: #484242 !important; }

.mp-message-reactions__reaction:hover {
  background-color: #dedede !important;
  color: #484242 !important; }

.mp-message-reactions__reaction:hover--tip {
  visibility: visible !important;
  opacity: 1 !important; }

.mp-message-unread {
  position: absolute !important;
  bottom: 3px !important;
  right: 3px !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50% !important;
  background-color: #3dc8fa !important; }

.mp-message-container {
  position: relative !important;
  clear: both !important;
  padding: 5px 12px 0 !important;
  width: 100% !important;
  overflow: hidden !important; }

.mp-message-container__group {
  padding-left: 52px !important; }

.mp-message--user.mp-message--disabled {
  cursor: default !important; }

.mp-message {
  position: relative !important;
  transition: background-color .25s !important;
  border-radius: 3px !important;
  min-width: 100px !important;
  word-wrap: break-word !important;
  cursor: pointer !important; }

.mp-message__forward {
  padding-left: 3px !important;
  margin-top: 4px !important;
  margin-left: 1px !important; }

.mp-message__forward--first {
  margin-left: 8px !important; }

.mp-message__forward-info {
  display: flex !important;
  flex-direction: row !important; }

.mp-message__forward-info--no-sender {
  padding-top: 5px !important; }

.mp-message__forward-name {
  font-weight: 600 !important;
  font-size: 12px !important;
  margin-left: 6px !important;
  margin-top: -3px !important;
  overflow: hidden !important;
  height: 18px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important; }

.mp-message__forward-time {
  display: block !important;
  color: #b4b4ba !important;
  font-size: 11px !important;
  margin-left: 6px !important;
  margin-top: -4px !important; }

.mp-message__forward-edited {
  display: block !important;
  color: #b4b4ba !important;
  font-size: 11px !important;
  margin-left: 2px !important;
  margin-top: -4px !important; }

.mp-message--participant {
  background-color: #fbfafa !important;
  margin: 0 25px 2px 0 !important;
  padding: 8px 0 15px 0 !important; }

.mp-message--participant-animation {
  animation-name: fade-left !important;
  animation-duration: .5s !important; }

.mp-message--user {
  background-color: #def3ff !important;
  margin: 0 0 2px 25px !important;
  padding: 8px 0 15px 0 !important; }

.mp-message--user-animation {
  animation-name: fade-right !important;
  animation-duration: .5s !important; }

.mp-message--highlighted {
  background-color: #DADADA !important; }

.mp-message:hover .mp-message__reaction-button {
  opacity: .7 !important; }

.mp-message:hover .mp-message__reaction-button:hover {
  opacity: 1 !important; }

.mp-message__reaction-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: -4px !important;
  right: 8px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important; }

.mp-message:hover .mp-message__edit-button {
  opacity: .7 !important; }

.mp-message:hover .mp-message__edit-button:hover {
  opacity: 1 !important; }

.mp-message:hover .mp-message__edit-button--edited {
  opacity: 1 !important; }

.mp-message__edit-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: -5px !important;
  right: 32px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important;
  fill: #7d7373 !important; }

.mp-message__edit-button--edited {
  opacity: 1 !important; }

.mp-message__reply-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: -6.5px !important;
  right: 56px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important;
  fill: #7d7373 !important; }

.mp-message__reply-button--noedit {
  right: 32px !important; }

.mp-message__reply-button--forwarded {
  opacity: 1 !important; }

.mp-message:hover .mp-message__reply-button {
  opacity: .7 !important; }

.mp-message:hover .mp-message__reply-button:hover {
  opacity: 1 !important; }

.mp-message:hover .mp-message__reply-button--forwarded {
  opacity: 1 !important; }

.mp-message__avatar {
  position: absolute !important;
  top: 8px !important;
  left: 12px !important; }

.mp-message--line {
  padding: 3px 6px !important; }

.mp-message--line a {
  color: #3dc8fa !important; }

.mp-message--line a:hover {
  text-decoration: underline !important; }

.mp-message__attach-file {
  display: flex !important;
  align-items: center !important;
  padding: 3px 3px 0 5px !important;
  transition: transform 0.25s !important; }

.mp-message__attach-file span {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important; }

.mp-message__attach-file span:hover {
  text-decoration: underline !important; }

.mp-message__attach-file .mp-message__file-upload-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

.mp-message__attach-file .mp-message__file-link__disabled {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important; }

.mp-message__attach-image {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  transition: transform 0.25s !important; }

.mp-message__attach-image .mp-message__attach-name {
  margin-top: -2px !important;
  padding: 1px 3px 8px 5px !important; }

.mp-message__attach-image .mp-attach-image__icon {
  background-color: #fff !important;
  display: block !important;
  margin: 5px !important;
  width: calc(100% - 10px) !important;
  max-width: 300px !important;
  max-height: 300px !important;
  border-radius: 3px !important;
  overflow: hidden !important; }

.mp-message__attach-image .mp-attach-image__icon img {
  margin: auto !important;
  width: 100%; }

.mp-message__attach-audio {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  transition: transform 0.25s !important; }

.mp-message__attach-audio .mp-message__attach-name {
  padding-left: 5px !important; }

.mp-message__attach-audio-icon-title {
  width: 34px !important;
  display: flex !important; }

.mp-message__attach-video {
  display: flex !important;
  align-items: center !important;
  transition: transform 0.25s !important; }

.mp-message__attach-video .mp-video-container {
  border-radius: 3px !important;
  margin: 5px !important;
  width: calc(100% - 10px) !important;
  max-width: 300px !important; }

.mp-message__attach-video .mp-video-container video {
  margin: auto !important;
  width: 100% !important;
  max-height: 170px !important; }

.mp-message--selected {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.mp-message--hovered:hover {
  background-color: rgba(0, 0, 0, 0.08) !important; }

.mp-message__file-wrapper {
  flex: 0 0 30px !important;
  position: relative !important;
  height: 30px !important;
  width: 30px !important; }

.mp-message__file-wrapper svg {
  fill: #3dc8fa !important; }

.mp-message__file-wrapper .mp-progress .progress-circle__overlay {
  background-color: #3dc8fa; }

.mp-message__file-info {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-left: 6px !important;
  width: 100% !important;
  height: 34px !important; }

.mp-message__file-info a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important; }

.mp-message__file-info a:hover {
  text-decoration: underline !important; }

.mp-message__file-size {
  font-size: 10px !important;
  color: #8f8f8f !important; }

.mp-message__attach-name {
  display: flex !important;
  justify-content: flex-start !important;
  flex-basis: 100% !important;
  align-items: center !important;
  background-image: transparent !important; }

@keyframes fade-left {
  0% {
    opacity: 0;
    transform: translateX(-30px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(30px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
.mp-message__system {
  padding: 5px 0 !important;
  text-align: center !important;
  color: #9b9ba1 !important;
  font-size: 12px !important;
  width: 100% !important;
  clear: both !important; }

.mp-button {
  outline: none !important;
  border: 1px solid #3dc8fa !important;
  border-radius: 3px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  background: none !important;
  color: #3dc8fa !important;
  font-family: Open Sans, sans-serif !important;
  transition: background .1s !important; }

.mp-button:hover {
  color: #fbfafa !important;
  background-color: #3dc8fa !important; }

.mp-button:active {
  color: #fbfafa !important;
  background-color: #06aae5 !important;
  border: 1px solid #06aae5 !important; }

.mp-button:focus {
  outline: none !important; }

.mp-button[disabled] {
  opacity: .5 !important;
  cursor: inherit !important; }

.mp-button[disabled]:hover {
  color: #3dc8fa !important;
  background: none !important; }

.mp-selected-messages {
  display: flex !important;
  justify-content: space-between !important;
  position: absolute !important;
  top: 0 !important;
  z-index: 5 !important;
  background-color: #fff;
  color: #5f5454 !important;
  width: 100% !important;
  background: #fff !important;
  padding: 2px 8px !important;
  font-size: 100% !important; }

.mp-selected-messages__forwards {
  flex-direction: column !important;
  width: 100% !important;
  max-height: 96px !important;
  overflow-y: scroll !important;
  word-wrap: break-word !important;
  cursor: pointer !important; }

.mp-selected-messages__forwards-title {
  justify-content: center !important;
  position: absolute !important;
  display: flex !important;
  width: 100% !important;
  background: #fff !important;
  height: 30px !important;
  line-height: 30px !important;
  top: 0px !important;
  left: 0px !important;
  z-index: 7 !important;
  transition: 0.5s background; }

.mp-selected-messages__forwards-title--active {
  background: #f7f7f7 !important; }

.mp-selected-messages__forwards-show {
  outline: 0 !important;
  color: blue !important;
  transform: rotate(270deg) !important;
  display: inline-block !important; }

.mp-selected-messages__forwards-show-icon {
  width: 11px !important;
  height: 12.7px !important;
  stroke: #b5acac !important;
  stroke-width: 2px !important; }

.mp-selected-messages__forwards-show-icon:hover {
  cursor: pointer !important;
  stroke: #857676 !important; }

.mp-selected-messages__forwards-wrap {
  height: 0 !important;
  width: 0 !important; }

.mp-selected-messages__forwards-list {
  margin-top: 30px !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  background: #fff !important;
  width: 100% !important;
  max-height: 100px !important;
  overflow-y: scroll !important;
  padding: 1px 5px 5px 5px !important;
  border-bottom: 1px solid #eee !important; }

.mp-selected-messages__messages-wrapper {
  display: flex !important;
  align-items: center !important; }

.mp-selected-messages__number {
  font-weight: 600 !important;
  margin-right: 2px !important; }

.mp-selected-messages__cross-wrapper {
  display: inline-block !important; }

.mp-selected-messages__cross-wrapper--forwards {
  position: absolute !important;
  right: 5px !important;
  height: 30px !important;
  display: flex !important;
  justify-content: center;
  flex-direction: column; }

.mp-selected-messages__cross {
  width: 8px !important;
  height: 8px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  display: inline-block !important; }

.mp-selected-messages__cross:hover {
  cursor: pointer !important;
  fill: #857676 !important; }

.mp-selected-messages__action {
  padding: 2px 4px !important;
  font-size: 100% !important;
  border-radius: 2px !important;
  margin-left: 4px !important; }

.mp-product-label {
  position: absolute !important;
  display: flex !important;
  justify-content: center !important;
  bottom: 45px !important;
  min-height: 25px !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 11px !important;
  color: #9b9ba1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: opacity .25s !important; }

.mp-product-label--bottom {
  bottom: 0 !important; }

.mp-product-label--hidden {
  opacity: 0 !important;
  visibility: hidden !important; }

.mp-product-label a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; }

.mp-product-label__icon-wrapper {
  display: inline-block !important;
  width: 25px !important;
  height: 25px !important; }

.mp-product-label__icon {
  display: inline-block !important;
  height: 22px !important;
  margin-right: 4px !important; }

.mp-product-label__text {
  display: inline-block !important; }

.mpl-typing-icon {
  margin-left: 2px !important; }

.mpl-typing-icon span {
  position: relative !important;
  bottom: 0px !important;
  -webkit-animation: jump 1500ms infinite !important;
  animation: jump 1500ms infinite !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(1) {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(2) {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(3) {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important; }

@-webkit-keyframes jump {
  0% {
    bottom: 0px; }
  20% {
    bottom: 4px; }
  40% {
    bottom: 0px; } }
@keyframes jump {
  0% {
    bottom: 0px; }
  20% {
    bottom: 4px; }
  40% {
    bottom: 0px; } }
.mp-typing {
  position: absolute !important;
  top: 0 !important;
  z-index: 4 !important;
  color: #5f5454 !important;
  width: 100% !important;
  background: #fff !important;
  padding: 6px !important;
  font-size: 10px !important;
  opacity: 0.9 !important; }

.mp-typing__text {
  margin-left: 10px !important;
  font-weight: 600 !important; }

.mp-typing__icon {
  display: none !important;
  position: relative !important;
  bottom: -2px !important;
  width: 15px !important;
  height: 14px !important;
  margin-right: 5px !important; }

.mp-open-chat-field {
  overflow-y: auto !important;
  -webkit-flex: 1 !important;
  flex: 1 !important;
  height: 100% !important; }

.mp-open-chat-field:after {
  content: "" !important;
  height: 25px !important;
  display: block !important; }

.mp-open-chat-field__wrap {
  height: 0 !important;
  width: 0 !important; }

.mp-open-chat-field__date-wrap {
  position: relative !important;
  width: 270px !important;
  display: flex !important;
  justify-content: center !important;
  flex-direction: column !important; }

.mp-open-chat-field__date {
  display: none !important;
  margin: auto !important;
  margin-left: 30px !important;
  margin-right: 30px !important;
  margin-top: 3px !important; }

.mp-open-chat-field__date--forwards {
  margin-top: 35px !important; }

.mp-open-chat-field__date--selects {
  margin-top: 33px !important; }

.mp-open-chat-field--scrolling {
  display: block !important;
  z-index: 1 !important;
  font-size: 12px !important;
  padding: 4px !important;
  border-radius: 50px !important;
  background-color: white !important;
  opacity: 0.8 !important;
  text-align: center !important; }

.mp-message__dropzone-area {
  position: absolute !important;
  padding: 17px !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #f3f3f3 !important;
  color: white !important;
  z-index: 6 !important; }

.mp-dropzone__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  border: 3px dashed white !important;
  border-radius: 20px !important;
  z-index: 6 !important; }

.mp-dropzone__tooltip {
  color: #9f9fa5 !important; }

.mp-dropzone__tooltip--large {
  font-size: 25px !important; }

.mp-dropzone__tooltip--small {
  font-size: 15px !important; }

.mp-conversation-content {
  position: relative !important;
  border-top: none !important;
  background-color: #f3f3f3 !important;
  display: -webkit-flex !important;
  -webkit-flex-direction: column !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  border-radius: 0 0 3px 3px !important; }

.mp-conversation-content__jump {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  height: 60px !important;
  min-height: 60px !important;
  position: relative !important;
  align-items: center !important;
  justify-content: center !important; }

.mp-conversation-content__jump__button {
  width: 180px !important; }

.mp-message__attachments {
  padding: 5px 0 !important; }

.mp-search {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important; }

.mp-search__not-found {
  text-align: center !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color: #c5bfbf !important;
  margin-top: 10px !important; }

.mp-search__scrollable-container {
  padding-top: 10px !important;
  overflow-y: auto !important; }

.mp-add-conversations-contact {
  overflow: hidden !important;
  padding: 5px 15px 5px 15px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important;
  outline: 0 !important; }

.mp-add-conversations-contact:hover {
  background-color: #eee !important; }

.mp-add-conversations-contact__contact-name {
  float: left !important;
  margin: 9px 0 0 14px !important;
  width: calc(100% - 89px) !important;
  height: 25px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; }

.mp-add-conversations-contact__avatar {
  position: relative !important;
  float: left !important; }

.mp-add-conversations-contact__mdi-icon {
  fill: #3dc8fa !important;
  stroke: #3dc8fa !important;
  margin-top: 1px !important;
  width: 35px !important;
  height: 35px !important; }

.mp-add-conversation-content {
  position: relative !important;
  background-color: #fbfafa !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important;
  border-radius: 0 0 3px 3px !important; }

.mp-add-conversation-content__conversations-field {
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.mp-add-conversation-content__conversations-field--none {
  height: 0 !important; }

.mp-add-conversation-content__conversations-field--small {
  height: 62px !important; }

.mp-add-conversation-content__conversations-field--big {
  height: 62px !important; }

.mp-add-conversation-content__separator {
  height: 1px !important;
  background-color: rgba(210, 210, 210, 0.5) !important;
  width: calc(100% - 30px) !important;
  margin-left: 15px !important; }

.mp-add-conversation-content__contacts-field {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 !important; }

.mp-add-conversation-content__create-conversation-field {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 60px !important;
  min-height: 60px !important;
  position: relative !important; }

.mp-add-conversation-content__create-conversation-field__create-button {
  width: 180px !important; }

.mp-edit-contact {
  overflow: hidden !important;
  padding: 5px 15px 5px 15px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mp-edit-contact:hover {
  background-color: #eee !important; }

.mp-edit-contact__contact-name {
  float: left !important;
  margin: 9px 0 0 14px !important;
  width: calc(100% - 89px) !important;
  height: 25px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important; }

.mp-edit-contact__avatar {
  position: relative !important;
  float: left !important; }

.mp-edit-contact__mdi-icon {
  fill: #3dc8fa !important;
  stroke: #3dc8fa !important;
  margin-top: 1px !important;
  width: 35px !important;
  height: 35px !important; }

.mp-edit-content {
  position: relative !important;
  background-color: #fbfafa !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important; }

.mp-edit-content__edit-conversation-contacts-field {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.mp-edit-content__edit-conversation-field {
  height: 60px !important;
  position: relative !important; }

.mp-edit-content__edit-conversation-field--edit-button {
  position: absolute !important;
  top: 10px !important;
  width: 100px !important;
  padding: 8px 6px !important;
  right: calc(50% - 100px) !important; }

.mp-edit-content__edit-conversation-field--cancel-button {
  position: absolute !important;
  top: 10px !important;
  width: 90px !important;
  padding: 8px 6px !important;
  left: calc(50% - 100px) !important; }

.mp-feedback {
  height: 100% !important; }

.mp-feedback__textarea {
  padding: 10px !important;
  height: calc(100% - 60px) !important;
  max-height: calc(100% - 60px) !important;
  width: 100% !important;
  resize: none !important;
  font-size: 12.5px !important;
  border: none !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  box-shadow: none !important; }

.mp-feedback__textarea:focus {
  outline: none !important; }

.mp-feedback__buttons {
  height: 60px !important;
  position: relative !important; }

.mp-feedback__buttons--send {
  position: absolute !important;
  top: 10px !important;
  width: 100px !important;
  right: calc(50% - 100px) !important; }

.mp-feedback__buttons--cancel {
  position: absolute !important;
  top: 10px !important;
  width: 90px !important;
  left: calc(50% - 100px) !important; }

.mp-dropdown {
  position: absolute !important;
  right: 0 !important;
  color: #5f5454 !important;
  z-index: 1000 !important;
  background-color: white !important;
  font-size: 14px !important;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important;
  height: auto !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  pointer-events: all !important; }

.mp-dropdown__separator {
  background-color: rgba(210, 210, 210, 0.5) !important;
  height: 1px !important; }

.mp-dropdown--selected {
  background-color: #eee !important;
  padding: 8px 12px !important;
  cursor: pointer !important; }

.mp-dropdown > div:not(.mp-dropdown__separator):not(.mp-dropdown--selected) {
  background-color: white !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  transition: background-color .2s !important; }

.mp-dropdown > div:not(.mp-dropdown__separator):not(.mp-dropdown--selected):hover {
  background-color: #eee !important; }

.mp-dropdown--hide {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important; }

.mp-dropdown--top {
  top: 0 !important; }

.mp-dropdown--bottom {
  bottom: 0 !important; }

.mp-profile {
  height: 100% !important;
  overflow-y: auto !important; }

.mp-profile-settings {
  margin: 15px 15px 10px 15px !important;
  display: flex !important;
  font-size: 13px !important;
  flex-direction: column !important; }

.mp-profile-settings__avatar {
  position: relative !important;
  margin-bottom: 5px !important; }

.mp-profile-settings__avatar--dropzone {
  position: absolute !important;
  left: 60px !important;
  top: 5px !important; }

.mp-profile-settings__avatar--button {
  font-size: 13px !important;
  height: 30px !important;
  padding: 5px 8px 5px 8px !important; }

.mp-profile-settings__timezone--button {
  font-size: 13px !important;
  height: 30px !important;
  padding: 5px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 80px !important;
  text-overflow: ellipsis !important; }

.mp-profile-settings__timezone--dropdown {
  top: -145px !important; }

.mp-profile-settings__data {
  display: flex !important;
  position: relative !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mp-profile-settings__data--output {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-weight: 400 !important;
  line-height: normal !important; }

.mp-profile-settings__title {
  display: flex !important;
  align-items: center !important;
  font-weight: 600 !important;
  min-width: 140px !important;
  max-width: 140px !important;
  margin-right: 10px !important; }

.mp-profile-settings__switch {
  cursor: pointer !important;
  align-self: center !important;
  height: 20px !important;
  width: 40px !important;
  background-color: #dadada !important;
  outline: none !important; }

.mp-profile-settings__switch--on {
  background-color: #3dc8fa !important; }

.mp-profile-settings__switch-slider {
  background-color: #fff !important;
  height: 16px !important;
  width: 16px !important;
  margin: 2px !important;
  transition: transform 0.25s !important;
  left: 0 !important; }

.mp-profile-settings__switch-slider--on {
  transform: translate(20px, 0) !important; }

.mp-rename-conversation {
  margin: 15px !important; }

.mp-rename-conversation__textarea {
  box-shadow: none !important;
  min-height: 37px !important;
  box-sizing: border-box !important;
  padding: 10px !important;
  width: 100% !important;
  border: none !important;
  border-radius: 5px !important;
  resize: none !important;
  font-size: 12.5px !important;
  vertical-align: inherit !important;
  overflow-y: auto !important;
  background-color: #f3f3f3 !important;
  margin-bottom: 15px !important; }

.mp-rename-conversation__textarea:focus {
  outline: none !important; }

.mp-rename-conversation__button {
  font-size: 13px !important;
  padding: 5px 10px 5px 10px !important;
  position: absolute !important;
  left: calc(50% - 80px) !important; }

.mp-attachments {
  position: relative !important;
  height: 100% !important;
  background-color: #fbfafa !important; }

.mp-attachments__type-selector {
  position: absolute !important;
  top: 0 !important;
  bottom: 40px !important;
  left: -57px !important;
  border-right: none !important;
  background-color: #fbfafa !important;
  width: 57px !important;
  overflow: hidden !important;
  border: 1px solid rgba(210, 210, 210, 0.5) !important;
  z-index: -1 !important;
  border-radius: 3px 0 0 3px !important;
  display: flex !important;
  justify-content: space-evenly !important;
  flex-direction: column !important; }

.mp-attachments__type {
  height: 40px !important;
  width: 40px !important;
  cursor: pointer !important;
  opacity: 0.4 !important;
  fill: #3dc8fa;
  transition: opacity .3s !important; }

.mp-attachments__type:hover {
  opacity: 0.8 !important; }

.mp-attachments__type--selected {
  opacity: 1 !important; }

.mp-attachments__type--selected:hover {
  opacity: 1 !important; }

.mp-attachments__type-wrapper {
  margin: 0 auto !important;
  outline: 0 !important; }

.mp-attachments__field {
  overflow-y: auto !important;
  -webkit-flex: 1 !important;
  flex: 1 !important;
  height: 100% !important; }

.mp-attachment-item {
  padding: 5px 15px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: row;
  transition: background 0.7s ease !important;
  height: 45px !important;
  align-items: center !important; }

.mp-attachment-item:hover {
  background-color: #eee !important; }

.mp-attachment-item:not(:last-child) {
  padding-bottom: 4px !important; }

.mp-attachment-item__info {
  cursor: default !important;
  font-size: 10px !important;
  color: #8f8f8f !important; }

.mp-attachment-item__info-name {
  font-weight: bold !important; }

.mp-attachment-item__info-date {
  display: inline-block !important; }

.mp-attachment-item__file-info {
  height: 35px !important;
  padding-left: 3px !important; }

.mp-attachment-item__file-info a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 200px !important;
  display: block !important; }

.mp-attachment-item__file-info a:hover {
  text-decoration: underline !important; }

.mp-attachment-item__preview {
  flex: 0 0 30px !important;
  margin-right: 3px !important;
  position: relative !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: block !important; }

.mp-attachment-item__preview img {
  width: 30px !important;
  height: 30px !important;
  object-fit: cover !important; }

.mp-attachment-item__preview svg {
  height: 30px !important;
  width: auto !important;
  margin-left: 50% !important;
  transform: translateX(-50%) !important;
  fill: #3dc8fa !important; }

.mp-attachment-item__preview video {
  height: 30px !important;
  width: 30px !important;
  transform: scale(2); }

.mp-header-notifications {
  display: flex !important;
  position: absolute !important;
  justify-content: center !important;
  align-items: center !important;
  top: -24px !important;
  right: 0px !important;
  width: 100% !important;
  height: 22px !important;
  background-color: #06b5f4 !important;
  border-radius: 3px !important; }

.mp-header-notifications:hover {
  background-color: #06b1ef !important; }

.mp-header-notifications:active {
  background-color: #06adea !important; }

.mp-header-notifications--with-error {
  top: -75px !important; }

.mp-header-notification {
  width: 100% !important;
  cursor: pointer !important;
  text-align: center !important;
  outline: none !important; }

.mp-alert {
  position: absolute !important;
  bottom: 100% !important;
  color: #e4e2e2 !important;
  width: 100% !important;
  background: #5ca52e !important;
  padding: 15px !important;
  display: flex !important;
  font-size: 14px !important;
  border-radius: 3px !important; }

.mp-alert__close {
  font-weight: bold !important;
  cursor: pointer !important;
  margin-left: auto !important;
  fill: #e4e2e2 !important;
  height: 20px !important;
  width: 20px !important; }

.mp-alert__close:hover {
  opacity: .7 !important; }

.mp-error {
  position: absolute !important;
  bottom: 100% !important;
  color: #e4e2e2 !important;
  width: 100% !important;
  background: #c54444 !important;
  padding: 15px !important;
  box-sizing: border-box !important;
  display: flex !important;
  font-size: 14px !important;
  border-radius: 3px !important;
  z-index: 1041 !important; }

.mp-error__try-again {
  font-weight: bold !important;
  cursor: pointer !important;
  margin-left: auto !important;
  flex: 0 0 73px !important;
  outline: none !important; }

.mp-error__try-again:hover {
  opacity: .7 !important; }

.mp-error__clear {
  cursor: pointer !important;
  fill: #e4e2e2 !important;
  padding-left: 5px !important;
  width: 20px !important;
  height: 20px !important;
  outline: none !important; }

.mp-error__clear:hover {
  opacity: .7 !important; }

.mp-error__reset {
  cursor: pointer !important;
  fill: #e4e2e2 !important;
  padding-left: 5px !important;
  margin-left: auto !important;
  outline: none !important; }

.mp-error__reset:hover {
  opacity: .7 !important; }

.mp-error__close {
  margin-left: auto !important;
  outline: none !important; }

.mp-bar {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  align-items: center !important;
  width: calc(100% - 143px) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  float: left !important;
  line-height: 1 !important;
  height: 44px !important;
  padding: 10px 0px 10px 15px !important;
  cursor: pointer !important; }

.mp-bar--collapsed {
  width: calc(100% - 75px) !important; }

.mp-bar--no-outline {
  outline: none !important; }

.mp-bar__close {
  fill: rgba(255, 255, 255, 0.8) !important;
  stroke: rgba(255, 255, 255, 0.8) !important;
  float: left !important;
  margin-right: 4px !important;
  cursor: pointer !important;
  height: 20px !important;
  width: 20px !important; }

.mp-bar__close:hover {
  fill: #98feff !important;
  stroke: #98feff !important; }

.mp-bar__title {
  height: 16px !important;
  font-size: 14px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  max-width: 100px !important; }

.mp-header-menu {
  float: right !important;
  padding: 12px 15px 8px 0 !important;
  display: flex !important;
  flex-direction: row-reverse !important; }

.mp-header-menu--no-outline {
  outline: none !important; }

.mp-header-menu--collapsed {
  width: 75px !important; }

.mp-header-menu > div {
  float: right !important; }

.mp-header-menu__icon {
  fill: rgba(255, 255, 255, 0.8) !important;
  stroke: rgba(255, 255, 255, 0.8) !important;
  width: 20px !important;
  height: 20px !important;
  margin-left: 14px !important; }

.mp-header-menu__icon--arrow {
  margin-left: 6px !important; }

.mp-header-menu__icon--menu {
  margin-left: 10px !important; }

.mp-header-menu__icon--down {
  transform: rotate(90deg) !important; }

.mp-header-menu__icon--up {
  transform: rotate(-90deg) !important; }

.mp-header-menu__icon:hover {
  fill: #98feff !important;
  stroke: #98feff !important;
  cursor: pointer !important; }

.mp-header-menu__icon--active, .mp-header-menu__icon--active:hover {
  fill: #98feff !important;
  stroke: #98feff !important; }

.mp-header-menu__conversations {
  display: none !important; }

.mp-header-menu__conversations--unread-wrap {
  height: 0 !important;
  width: 0 !important; }

.mp-header-menu__conversations--unread {
  position: relative !important;
  padding: 0 2px !important;
  height: 12px !important;
  font-size: 9px !important;
  line-height: 12px !important;
  font-weight: bold !important;
  color: #3dc8fa !important;
  background-color: #fff !important;
  border-radius: 50px !important;
  min-width: 12px !important;
  text-align: center !important;
  top: -30px !important;
  left: 27px !important;
  display: block !important; }

.mp-header-menu__conversations--medium {
  width: 17px !important; }

.mp-header-menu__conversations--large {
  width: 21px !important; }

.mp-head-dropdown {
  position: absolute !important;
  right: 7px !important;
  color: #5f5454 !important;
  z-index: 1000 !important;
  background-color: white !important;
  font-size: 14px !important;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important; }

.mp-head-dropdown--up {
  bottom: 0 !important;
  right: 25px !important; }

.mp-head-dropdown__separator {
  background-color: rgba(210, 210, 210, 0.5) !important;
  height: 1px !important; }

.mp-head-dropdown > div:not(.mp-head-dropdown__separator) {
  background-color: white !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  transition: background-color .2s !important;
  height: 35px !important; }

.mp-head-dropdown > div:not(.mp-head-dropdown__separator):hover {
  background-color: #eee !important; }

.mp-head-dropdown__icon {
  width: 18px !important;
  height: 18px !important;
  margin: 1px 10px 0 0 !important;
  float: left !important;
  fill: #8e8c8c !important;
  stroke: #8e8c8c !important; }

.mp-head-dropdown__icon--help {
  width: 12px !important;
  height: 12px !important;
  margin: 4px 13px 0 3px !important; }

.mp-head-dropdown--hide {
  visibility: hidden !important;
  opacity: 0 !important; }

@keyframes loader-before {
  0% {
    opacity: 0;
    left: 0;
    width: 0; }
  50% {
    opacity: 1;
    left: 25%;
    width: 75%; }
  75% {
    left: 100%;
    width: 0; } }
@keyframes loader-after {
  0%,
  50% {
    left: 0;
    width: 0; }
  75% {
    left: 0;
    width: 25%; }
  100% {
    left: 100%;
    width: 0; } }
.mp-loader {
  display: block !important;
  position: absolute !important;
  bottom: 0 !important;
  height: 4px !important;
  z-index: 100 !important;
  width: 100% !important; }

.mp-loader:after, .mp-loader:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 0 !important;
  background-color: #ccc7c7 !important;
  animation-duration: 2s !important;
  animation-iteration-count: infinite !important;
  animation-timing-function: linear !important; }

.mp-loader:before {
  left: 0 !important;
  animation-name: loader-before !important; }

.mp-loader:after {
  right: 0;
  animation-name: loader-after !important; }

.mp-confirmation {
  position: absolute !important;
  top: 100% !important;
  z-index: 5 !important;
  color: #5f5454 !important;
  width: 100% !important;
  background: #fff !important;
  padding: 15px !important;
  font-size: 100% !important; }

.mp-confirmation__text {
  text-align: center !important;
  margin-bottom: 15px !important; }

.mp-confirmation-buttons {
  text-align: right !important; }

.mp-confirmation__button {
  border: none !important;
  margin: 0 5px !important;
  padding: 8px 10px !important; }

.mp-confirmation__button_primary {
  background-color: #3dc8fa !important;
  color: #fff !important; }

.mp-header {
  color: rgba(255, 255, 255, 0.8) !important;
  background-color: #3dc8fa !important;
  position: relative !important;
  height: 44px !important;
  user-select: none;
  border-radius: 3px 3px 0 0 !important; }

.mp-header--collapsed {
  border-radius: 3px !important; }

.mp-header__wrapper {
  display: flex !important;
  justify-content: space-between !important; }

.mpl-emoticons-field {
  box-sizing: border-box !important;
  position: absolute !important;
  right: 15px !important;
  width: 260px !important;
  height: 220px !important;
  overflow: auto !important;
  padding: 10px !important;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.08) !important;
  z-index: 101 !important;
  border-radius: 3px !important;
  background-color: #fbfafa !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important; }

.mpl-emoticons-field .emoji-group--title {
  font-size: 12px !important;
  color: #9b9ba1 !important; }

.mpl-emoticons-field .emoji {
  display: inline-block !important;
  font-size: 30px !important;
  width: 44px !important;
  padding: 3px 8px !important;
  transition: transform 60ms ease-out !important;
  box-sizing: border-box !important; }

.mpl-emoticons-field .emoji:hover {
  cursor: pointer !important;
  transform: scale(1.4) !important; }

.mpl-emoticons-field--hide {
  opacity: 0 !important;
  visibility: hidden !important; }

.mpl-tooltips-wrapper {
  position: relative !important; }

.mpl-tip {
  position: absolute !important;
  background-color: #fbfafa !important;
  color: #484242 !important;
  width: 120px !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.08) !important;
  padding: 14px 10px !important;
  text-align: center !important;
  z-index: 10 !important;
  transition: opacity .3s !important;
  box-sizing: content-box; }

.mpl-tip:after {
  position: absolute !important;
  bottom: -8px !important;
  left: 50% !important;
  content: '' !important;
  width: 0 !important;
  height: 0 !important;
  margin: -8px !important;
  border: 8px solid transparent !important;
  border-top-color: #fbfafa !important; }

.mpl-date {
  white-space: nowrap !important; }

.mpl-inbox .mpl-avatar {
  position: relative !important; }

.mpl-inbox .mpl-avatar--online-small:after {
  position: absolute !important;
  top: 0 !important;
  left: 25px !important;
  border: 2px solid #fff !important;
  content: '' !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #06ab61 !important; }

.mpl-inbox .mpl-avatar--away-small:after {
  position: absolute !important;
  top: 0 !important;
  left: 25px !important;
  border: 2px solid #fff !important;
  content: '' !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #d4d410 !important; }

.mpl-inbox .mpl-avatar--offline-small:after {
  display: none !important; }

.mpl-inbox .mpl-avatar--online-default:after {
  position: absolute !important;
  top: 1px !important;
  left: 30px !important;
  border: 2px solid #fff !important;
  content: '' !important;
  height: 12px !important;
  width: 12px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #06ab61 !important; }

.mpl-inbox .mpl-avatar--away-default:after {
  position: absolute !important;
  top: 1px !important;
  left: 30px !important;
  border: 2px solid #e0d9d9 !important;
  content: '' !important;
  height: 12px !important;
  width: 12px !important;
  border-radius: 50% !important;
  z-index: 3 !important;
  background-color: #d4d410 !important; }

.mpl-inbox .mpl-avatar--offline-default:after {
  display: none !important; }

.mpl-inbox .mpl-avatar__image--default {
  height: 42px !important;
  width: 42px !important; }

.mpl-inbox .mpl-avatar__image--big {
  cursor: pointer !important;
  width: 82px !important;
  height: 82px !important; }

.mpl-inbox .mpl-avatar__image--small {
  height: 30px !important;
  width: 30px !important; }

.mpl-inbox .mpl-avatar__image img {
  height: 100% !important;
  width: 100% !important;
  border-radius: 50% !important; }

.mpl-inbox .mpl-avatar__image-inline {
  position: relative !important;
  display: flex !important;
  flex-wrap: wrap !important;
  height: 42px !important;
  width: 42px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  z-index: 1 !important; }

.mpl-inbox .mpl-avatar__image-inline--user--small {
  height: 30px !important;
  width: 30px !important; }

.mpl-inbox .mpl-avatar__image-inline--user--big {
  width: 100% !important;
  height: 100% !important;
  height: 43px !important;
  width: 41px !important; }

.mpl-inbox .mpl-avatar__image-inline--default {
  text-align: center !important;
  color: #fff !important; }

.mpl-inbox .mpl-avatar__image-inline--default--small {
  line-height: 30px !important;
  width: 100% !important;
  height: 100% !important;
  height: 30px !important;
  width: 30px !important;
  font-size: 12px !important;
  text-align: center !important;
  color: #fff !important; }

.mpl-inbox .mpl-avatar__image-inline--default--big {
  line-height: 43px !important;
  width: 100% !important;
  height: 100% !important;
  height: 43px !important;
  width: 40.5px !important;
  font-size: 14px !important; }

.mpl-inbox .mpl-avatar--default--normal {
  line-height: 42px !important;
  height: 42px !important;
  width: 42px !important;
  font-size: 20px !important;
  border-radius: 50% !important;
  text-align: center !important;
  color: #fff !important; }

.mpl-inbox .mpl-avatar--default--big {
  line-height: 82px !important;
  height: 82px !important;
  width: 82px !important;
  font-size: 40px !important;
  border-radius: 50% !important;
  text-align: center !important;
  color: #fff !important; }

.mpl-contact-user {
  position: relative !important;
  overflow: hidden !important;
  padding: 10px 15px !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mpl-contact-user--active {
  background-color: #eee !important; }

.mpl-contact-user:hover {
  background-color: #eee !important; }

.mpl-contact-user__wrap {
  display: flex !important; }

.mpl-contact-user__contact-name {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: calc(100% - 50px) !important;
  font-size: 14px !important;
  color: #2C2D30 !important;
  float: left !important; }

.mpl-contact-user__contact-time {
  padding: 2px 18px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.6 !important;
  font-size: 12px !important;
  text-align: start !important; }

.mpl-contact-user__avatar {
  position: relative !important;
  float: left !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important; }

.mpl-contact-user__body {
  padding-left: 19px !important;
  flex-grow: 1 !important;
  width: calc(100% - 40px) !important;
  align-self: center !important; }

.mpl-contact-user__info {
  overflow: hidden !important;
  text-align: start !important; }

.mpl-no-content {
  height: calc(100% - 17px) !important;
  flex: 1 !important;
  min-height: 250px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 160px 160px !important; }

.mpl-contacts-content {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.mpl-message-content__edited {
  font-size: 13px !important;
  color: #85858c !important; }

.mpl-message-content__edited--emoji {
  position: relative !important;
  bottom: -4px !important;
  margin-left: 4px !important; }

.mpl-message-content p {
  display: inline !important; }

.mpl-message-content ol, .mpl-message-content ul {
  padding: 0 20px !important;
  display: inline-block !important; }

.mpl-message-content strong {
  font-weight: bold !important; }

.mpl-message-content em {
  font-style: italic !important; }

.mpl-message-content blockquote {
  display: inline-block !important;
  border-left: 3px solid #85858c !important;
  color: #85858c !important;
  padding-left: 3px !important; }

.mpl-message-content img {
  width: 100% !important;
  display: inline-block !important; }

.mpl-message-content del {
  text-decoration: line-through !important; }

.mpl-message-content h1, .mpl-message-content h2, .mpl-message-content h3, .mpl-message-content h4, .mpl-message-content h5, .mpl-message-content h6 {
  font-weight: bold !important;
  display: inline-block !important; }

.mpl-message-content pre, .mpl-message-content code {
  background-color: #fff !important;
  padding: 0 3px !important;
  border-radius: 3px !important; }

.mpl-sticker--native {
  font-size: 42px !important;
  line-height: 48px !important; }

.mpl-conversation {
  position: relative !important;
  padding: 10px 24px 9px 15px !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mpl-conversation--active {
  background-color: #eee !important; }

.mpl-conversation__unread-count {
  display: block !important;
  padding: 0 3px !important;
  margin-top: 5px !important;
  min-width: 10px !important;
  height: 15px !important;
  border-radius: 50px !important;
  background-color: #3DC8FA !important;
  text-align: center !important;
  color: #fff !important;
  font-weight: bold !important;
  line-height: 15px !important;
  font-size: 11px !important;
  float: right !important;
  box-sizing: content-box !important; }

.mpl-conversation:hover {
  background-color: #eee !important; }

.mpl-conversation__wrap {
  display: flex !important;
  flex-direction: row !important;
  width: 100% !important; }

.mpl-conversation__avatar {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important; }

.mpl-conversation__body {
  padding: 2px 0 0 19px !important;
  min-width: 20px !important;
  width: calc(100% - 70px) !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important; }

.mpl-conversation__body--empty-myself {
  line-height: 35px !important; }

.mpl-conversation__info {
  text-align: right !important;
  min-width: 40px !important; }

.mpl-conversation__user {
  font-size: 14px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-align: start !important; }

.mpl-conversation__time {
  color: #85858c !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  opacity: 0.6 !important;
  padding-top: 5px !important; }

.mpl-conversation__message {
  padding: 2px 2px 0 0 !important;
  color: rgba(0, 0, 0, 0.54) !important;
  font-size: 12.5px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: start !important; }

.mpl-conversation__message .mpl-message-content {
  max-width: 100% !important; }

.mpl-conversations-content {
  position: relative !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100% !important;
  width: 100% !important; }

.mpl-icon__edit-profile {
  fill: none !important;
  stroke: #acb4b5 !important;
  stroke-miterlimit: 10 !important; }

.mpl-icon__plus {
  fill: none !important;
  stroke: #acb4b5 !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.2px !important; }

.mpl-icon__default-large {
  fill: none !important;
  stroke: #3DC8FA !important; }

.mpl-icon__smiles {
  fill: #303030 !important; }

.mpl-icon__cross {
  fill: #b5acac !important; }

.mpl-icon__message-sent, .mpl-icon__message-read {
  stroke: #3DC8FA !important;
  stroke-linecap: round !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.2px !important; }

@keyframes rotate {
  100% {
    transform: rotateZ(360deg); } }
.mpl-icon__message-sending {
  fill: none !important;
  stroke: #3DC8FA !important;
  stroke-miterlimit: 10 !important; }

.mpl-icon__message-sending .mpl-clocks__minute {
  transform-origin: 0% 100%;
  animation: rotate 4s infinite linear !important; }

.mpl-icon__message-sending .mpl-clocks__hour {
  transform-origin: 0% 50%;
  animation: rotate 6s infinite linear !important; }

.mpl-icon__uploaded-file {
  box-sizing: border-box !important;
  background-color: #3dc8fa !important;
  padding: 4px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  stroke: #def3ff !important; }

.mpl-icon__drag-n-drop {
  stroke: #c4c4c4 !important; }

.mpl-icon__upload {
  stroke: #303030 !important; }

.mpl-icon__mark {
  fill: #303030 !important;
  stroke: #303030 !important; }

.mpl-icon__empty-circle {
  fill: #303030 !important; }

.mpl-icon__leave-conversation {
  fill: none !important;
  stroke: #acb4b5 !important;
  stroke-miterlimit: 10 !important; }

.mpl-icon__options {
  fill: #acb4b5 !important; }

.mpl-icon__manage-members {
  fill: none !important;
  stroke: #acb4b5 !important;
  stroke-miterlimit: 10 !important; }

.mpl-icon__full-close {
  fill: #3EB5F1 !important; }

.mpl-icon__full-mark {
  fill: #3EB5F1 !important; }

.mpl-icon__edit {
  fill: #acb4b5 !important; }

.mpl-icon__cancel-rename-conversation {
  stroke: #3EB5F1 !important;
  stroke-width: 1 !important;
  stroke-miterlimit: 10 !important; }

.mpl-icon__notification {
  fill: none !important;
  stroke: #00c9fc !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.86px !important; }

.mpl-icon__profile {
  fill: none !important;
  stroke: #00c9fc !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 2px !important; }

.mpl-icon__timezone {
  fill: none !important;
  stroke: #00c9fc !important;
  stroke-miterlimit: 10 !important;
  stroke-width: 1.86px !important; }

.mpl-icon__alert {
  fill: #e14558 !important; }

.mpl-header-options {
  padding: 0 6px !important; }

.mpl-header-options__wrap {
  position: absolute !important;
  right: 57px !important;
  top: 26px !important;
  cursor: pointer !important; }

.mpl-header-options__wrap--embed {
  right: 33px !important; }

.mpl-header-options__icon {
  width: 3px !important;
  height: 14px !important; }

.mpl-options-dropdown {
  position: absolute !important;
  right: -12px !important;
  margin-top: 5px !important;
  color: #5f5454 !important;
  z-index: 8 !important;
  background-color: white !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 0px 5px !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important; }

.mpl-options-dropdown__icon {
  width: 16px !important;
  height: 16px !important;
  margin: 1px 10px 0 0 !important;
  float: left !important; }

.mpl-options-dropdown__icon--help {
  fill: #acb4b5 !important;
  stroke: #acb4b5 !important; }

.mpl-options-dropdown__icon--attachments {
  fill: #acb4b5 !important;
  stroke: #acb4b5 !important;
  height: 20px !important;
  width: 20px !important;
  margin-left: -2px !important;
  margin-right: 10px !important; }

.mpl-options-dropdown__separator {
  background-color: #f4f4f4 !important;
  height: 1px !important; }

.mpl-options-dropdown > div:not(.mpl-options-dropdown__separator) {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  padding: 10px 12px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background-color .2s !important; }

.mpl-options-dropdown > div:not(.mpl-options-dropdown__separator):hover {
  background-color: #eee !important; }

.mpl-options-dropdown--hide {
  visibility: hidden !important;
  opacity: 0 !important; }

.mpl-header-openchat {
  width: 100% !important;
  display: flex !important;
  padding: 25px 18px 22px 0px !important;
  border-bottom: 1px solid #f4f4f4 !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  justify-content: space-between !important; }

.mpl-header-openchat__back-wrap {
  height: 0 !important;
  position: absolute !important;
  top: 17px !important;
  outline: none !important;
  cursor: pointer !important; }

.mpl-header-openchat__back-wrap svg {
  fill: #acb4b5 !important; }

.mpl-header-openchat__wrap {
  display: flex !important;
  width: 100% !important; }

.mpl-header-openchat__title {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  max-width: 60% !important;
  font-size: 14px !important;
  color: #2C2D30 !important;
  align-self: center !important;
  float: left !important;
  margin-left: 18px !important; }

.mpl-header-openchat__title--compact {
  margin-left: 30px !important; }

.mpl-header-openchat__info {
  padding-left: 22px !important;
  color: #85858c !important;
  font-size: 12px !important;
  align-self: flex-end !important; }

.mpl-rename-conversation {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important; }

.mpl-rename-conversation__input {
  border-radius: 4px !important;
  outline: none !important;
  border: none !important;
  background-color: #eee !important;
  color: #534b4b !important;
  font-size: 14px !important;
  width: calc(100% - 60px) !important; }

.mpl-rename-conversation__icon {
  display: block !important;
  align-self: center !important;
  fill: #3dc8fa !important;
  stroke: #3dc8fa !important;
  width: 19px !important;
  height: 19px !important;
  margin-left: 5px !important; }

.mpl-rename-conversation__icon:hover {
  cursor: pointer !important;
  stroke-width: 2 !important; }

.mpl-message__template-generic {
  margin: 9px 0 9px 1px !important;
  width: 100% !important;
  max-width: 400px !important;
  padding: 0 8px !important;
  border-left: 3px solid #9de2fd !important; }

.mpl-message__template-generic iframe, .mpl-message__template-generic video {
  width: 100%; }

.mpl-message__template-generic--image img {
  width: 100% !important;
  margin: auto !important;
  background-color: #fff !important; }

.mpl-message__template-generic--title {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 15px !important; }

.mpl-message__template-generic--subtitle {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 15px !important; }

.mpl-message__template-generic--youtube {
  position: relative !important; }

.mpl-message__template-generic--youtube img {
  width: 100% !important; }

.mpl-message__template-generic--youtube--play {
  display: block !important;
  width: 0 !important;
  height: 0 !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-left: 18px solid #9de2fd !important;
  position: absolute !important;
  top: calc(50% - 15px) !important;
  left: calc(50% - 5px) !important; }

.mpl-message__template-generic--youtube--play:before {
  content: '' !important;
  position: absolute !important;
  top: -22px !important;
  left: -34px !important;
  bottom: -22px !important;
  right: -10px !important;
  border-radius: 50% !important;
  border: 3px solid #9de2fd !important;
  transition: transform .3s !important; }

.mpl-message__template-generic--youtube--play:after {
  content: '' !important;
  opacity: 0 !important;
  transition: opacity .6s; }

.mpl-message__template-generic--youtube--play:hover:before, .mpl-message__template-generic--youtube--play:focus:before {
  transform: scale(1.1) !important; }

.mpl-message-reactions {
  clear: both !important; }

.mpl-message-reactions__reaction {
  height: 23px !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: top !important;
  padding: 0 4px !important;
  border: 1px solid #dedede !important;
  border-radius: 3px !important;
  margin: 0 6px 1px 0 !important;
  color: #d8d8d8 !important;
  cursor: pointer !important;
  outline: none !important; }

.mpl-message-reactions__reaction-my {
  background-color: #dedede !important;
  color: #484242 !important; }

.mpl-message-reactions__reaction-disabled {
  cursor: default !important; }

.mpl-message-reactions__reaction--count {
  white-space: nowrap !important;
  font-size: 11px !important;
  margin-left: 2px !important;
  line-height: 23px !important;
  position: relative !important;
  top: -3px !important; }

.mpl-message-reactions__reaction--type {
  font-size: 16px !important;
  line-height: 23px !important;
  color: #484242 !important; }

.mpl-message-reactions__reaction:hover {
  background-color: #dedede !important;
  color: #484242 !important; }

.mpl-message-reactions__reaction:hover--tip {
  visibility: visible !important;
  opacity: 1 !important; }

.mpl-message-time {
  font-size: 12px !important;
  color: #85858c !important;
  opacity: 0.6 !important; }

.mpl-message-time__timestamp {
  padding-left: 8px !important;
  display: inline-block !important; }

.mpl-message-time__status-icon--sending {
  width: 15px !important;
  height: 10px !important;
  margin-left: 2px !important;
  margin-bottom: -1px !important; }

.mpl-message-time__status-icon--sent {
  width: 12px !important;
  height: 8px !important;
  margin-left: 2px !important;
  margin-right: 3px !important; }

.mpl-message-time__status-icon--read {
  width: 15px !important;
  height: 8px !important;
  margin-left: 2px !important; }

.mpl-message-unread {
  position: absolute !important;
  bottom: 7px !important;
  right: 58px !important;
  height: 10px !important;
  width: 10px !important;
  border-radius: 50% !important;
  background-color: #3DC8FA !important; }

.mpl-message {
  display: flex !important;
  width: 100% !important;
  padding: 2px 0 0 10px !important;
  margin-bottom: 6px !important;
  word-wrap: break-word !important;
  cursor: pointer !important; }

.mpl-message__forward {
  padding-left: 3px !important;
  margin-top: 4px !important;
  margin-left: 1px !important; }

.mpl-message__forward-info {
  display: flex !important;
  flex-direction: row !important;
  margin-bottom: 4px !important; }

.mpl-message__forward-info--no-sender {
  padding-bottom: 4px !important; }

.mpl-message__forward-info--avatar {
  height: 30px !important;
  width: 30px !important;
  overflow: hidden !important;
  font-size: 13px !important;
  border-radius: 50% !important; }

.mpl-message__forward-info--text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 30px !important; }

.mpl-message__forward-name {
  font-weight: 600 !important;
  margin-left: 6px !important;
  height: 18px !important;
  font-size: 12px !important;
  line-height: 15px !important;
  margin-bottom: -6px !important; }

.mpl-message__forward-time {
  display: block !important;
  color: #b4b4ba !important;
  font-size: 11px !important;
  margin-left: 6px !important;
  height: 11px !important; }

.mpl-message__forward-edited {
  display: block !important;
  color: #b4b4ba !important;
  font-size: 11px !important;
  margin-left: 2px !important;
  margin-top: -6px !important;
  height: 16px !important; }

.mpl-message__forward-content {
  padding-left: 6px !important; }

.mpl-message:last-child {
  margin-bottom: 1px !important; }

.mpl-message--user:last-child:hover {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #eee !important; }

.mpl-message--user:hover {
  border-bottom: 1px solid #eee !important;
  margin-bottom: 5px !important; }

.mpl-message--selected {
  background-color: rgba(0, 0, 0, 0.01) !important;
  border-radius: 5px !important; }

.mpl-message--highlighted {
  border-radius: 5px !important;
  background-color: #eee !important; }

.mpl-message__body {
  width: 100% !important;
  padding-left: 18px !important;
  padding-right: 10px !important; }

.mpl-message__info {
  position: relative !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  padding-bottom: 2px !important; }

.mpl-message__hint {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important; }

.mpl-message__name {
  font-size: 14px !important;
  color: #2C2D30 !important;
  font-weight: 600 !important; }

.mpl-message__reaction {
  display: inline-block !important; }

.mpl-message:hover .mpl-message__reaction-button {
  opacity: .7 !important; }

.mpl-message:hover .mpl-message__reaction-button:hover {
  opacity: 1 !important; }

.mpl-message__reaction-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: 0px !important;
  right: 80px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important; }

.mpl-message:hover .mpl-message__edit-button {
  opacity: .7 !important; }

.mpl-message:hover .mpl-message__edit-button:hover {
  opacity: 1 !important; }

.mpl-message:hover .mpl-message__edit-button--edited {
  opacity: 1 !important; }

.mpl-message__edit-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: 0px !important;
  right: 104px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important;
  fill: #7d7373 !important; }

.mpl-message__edit-button--edited {
  opacity: 1 !important; }

.mpl-message__reply-button {
  width: 16px !important;
  height: 16px !important;
  position: absolute !important;
  top: -1px !important;
  right: 128px !important;
  opacity: 0 !important;
  transition: opacity .25s !important;
  cursor: pointer !important;
  fill: #7d7373 !important; }

.mpl-message__reply-button--noedit {
  right: 104px !important; }

.mpl-message__reply-button--forwarded {
  opacity: 1 !important; }

.mpl-message:hover .mpl-message__reply-button {
  opacity: .7 !important; }

.mpl-message:hover .mpl-message__reply-button:hover {
  opacity: 1 !important; }

.mpl-message:hover .mpl-message__reply-button--forwarded {
  opacity: 1 !important; }

.mpl-message__time {
  display: inline-block !important;
  font-size: 12px !important;
  color: #85858c !important;
  opacity: 0.6 !important; }

.mpl-message--line a {
  color: #3DC8FA !important; }

.mpl-message--line a:hover {
  text-decoration: underline !important; }

.mpl-message__content {
  font-size: 14px !important;
  padding-bottom: 2px !important;
  color: #2C2D30 !important;
  line-height: 22px !important;
  text-align: start !important; }

.mpl-message__attach-file {
  display: flex !important;
  align-items: center !important;
  margin-top: 3px !important;
  transition: transform 0.25s !important; }

.mpl-message__attach-file a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important; }

.mpl-message__attach-file a:hover {
  text-decoration: underline !important; }

.mpl-message__attach-file .mpl-message__file-link__disabled {
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  padding-left: 3px !important; }

.mpl-message__attach-image {
  transition: transform 0.25s !important; }

.mpl-message__attach-image-container {
  background-color: #fff !important;
  overflow: hidden !important;
  margin-top: 5px !important;
  max-width: 300px !important;
  max-height: 300px !important;
  display: inline-block !important; }

.mpl-message__attach-image-container img {
  max-width: 100% !important;
  border-radius: 3px !important;
  max-height: 300px !important; }

.mpl-message__attach-audio {
  transition: transform 0.25s !important; }

.mpl-message__attach-video {
  display: flex !important;
  align-items: center !important;
  transition: transform 0.25s !important; }

.mpl-message__attach-video .mpl-video-container {
  border-radius: 3px !important;
  width: calc(100% - 10px) !important;
  margin-top: 5px !important; }

.mpl-message__attach-video .mpl-video-container video {
  max-width: 300px !important;
  margin: auto !important;
  width: 100% !important;
  max-height: 170px !important; }

.mpl-message__attach-name {
  background-image: transparent !important; }

.mpl-message__attach-name-icon {
  height: 38px !important;
  display: inline-block !important; }

.mpl-message__attach-name-icon svg {
  box-sizing: content-box !important;
  fill: #3dc8fa !important; }

.mpl-message--selected {
  background-color: rgba(0, 0, 0, 0.1) !important; }

.mpl-message--hovered:hover {
  background-color: rgba(0, 0, 0, 0.08) !important; }

.mpl-message__file-wrapper {
  flex: 0 0 36px !important;
  margin-right: 3px !important;
  position: relative !important;
  height: 36px !important;
  width: 36px !important; }

.mpl-message__file-wrapper svg {
  box-sizing: content-box !important;
  fill: #3dc8fa !important; }

.mpl-message__file-wrapper .mp-progress__wrapper {
  flex-basis: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  width: 36px !important;
  min-width: 36px !important; }

.mpl-message__file-wrapper .mp-progress {
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important; }

.mpl-message__file-wrapper .mp-progress .progress-circle__overlay {
  background-color: #3dc8fa;
  width: 24px;
  height: 24px;
  margin-left: 3px;
  margin-top: 3px; }

.mpl-message__file-wrapper .mp-progress .progress-circle__slice, .mpl-message__file-wrapper .mp-progress .progress-circle__fill {
  width: 30px;
  height: 30px; }

.mpl-message__file-wrapper .mp-progress .progress-circle__slice {
  clip: rect(0px, 30px, 30px, 15px); }

.mpl-message__file-wrapper .mp-progress .progress-circle__slice .progress-circle__fill {
  clip: rect(0px, 15px, 30px, 0px); }

.mpl-message__file-info {
  display: inline-flex !important;
  flex-direction: column !important;
  overflow: visible !important;
  width: calc(100% - 44px) !important;
  vertical-align: text-bottom !important;
  height: 38px !important;
  vertical-align: top !important;
  justify-content: space-evenly !important; }

.mpl-message__file-info a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important;
  max-width: 360px !important;
  line-height: 14px !important;
  height: 16px !important; }

.mpl-message__file-info a:hover {
  text-decoration: underline !important; }

.mpl-message__file-size {
  font-size: 10px !important;
  color: #8f8f8f !important;
  height: 10px !important;
  line-height: 10px !important; }

.mpl-message--user.mpl-message--disabled {
  cursor: default !important;
  margin-bottom: 6px !important;
  border: none !important; }

.mpl-message__system {
  padding: 5px 0 10px !important;
  text-align: center !important;
  color: #2C2D30 !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  width: 100% !important; }

.mpl-typing-icon {
  margin-left: 2px !important; }

.mpl-typing-icon span {
  position: relative !important;
  bottom: 0px !important;
  -webkit-animation: jump 1500ms infinite !important;
  animation: jump 1500ms infinite !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(1) {
  -webkit-animation-delay: 200ms !important;
  animation-delay: 200ms !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(2) {
  -webkit-animation-delay: 400ms !important;
  animation-delay: 400ms !important; }

.mpl-typing-icon .mpl-typing-icon__dot:nth-child(3) {
  -webkit-animation-delay: 600ms !important;
  animation-delay: 600ms !important; }

@-webkit-keyframes jump {
  0% {
    bottom: 0px; }
  20% {
    bottom: 4px; }
  40% {
    bottom: 0px; } }
@keyframes jump {
  0% {
    bottom: 0px; }
  20% {
    bottom: 4px; }
  40% {
    bottom: 0px; } }
.mpl-typing {
  position: absolute !important;
  margin-top: auto !important;
  font-size: 12.5px !important;
  color: #a9abad !important;
  min-height: 17px !important;
  bottom: 52px !important;
  width: 100% !important; }

.mpl-typing--hidden {
  opacity: 0 !important;
  visibility: hidden !important; }

.mpl-typing__text {
  margin-left: 56px !important;
  font-weight: 600 !important; }

.mpl-typing__icon {
  display: none !important;
  position: relative !important;
  bottom: -2px !important;
  width: 15px !important;
  height: 14px !important;
  margin-right: 5px !important; }

.mpl-attachments {
  position: absolute !important;
  top: 67px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  outline: none !important;
  background-color: #fff !important;
  z-index: 7 !important; }

.mpl-attachments__type-selector {
  background-color: #fff !important;
  width: 100% !important;
  height: 53px !important;
  overflow: hidden !important;
  border-bottom: 1px solid #f4f4f4 !important;
  display: flex !important;
  justify-content: space-evenly !important;
  flex-direction: row !important; }

.mpl-attachments__type {
  height: 35px !important;
  width: 35px !important;
  cursor: pointer !important;
  opacity: 0.4 !important;
  display: block !important;
  fill: #3dc8fa;
  transition: opacity .3s !important; }

.mpl-attachments__type:hover {
  opacity: 0.8 !important; }

.mpl-attachments__type--selected {
  opacity: 1 !important; }

.mpl-attachments__type--selected:hover {
  opacity: 1 !important; }

.mpl-attachments__type-wrapper {
  margin: auto 0 !important;
  outline: 0 !important; }

.mpl-attachments__field {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-flex: 1 !important;
  flex: 1 !important;
  height: calc(100% - 54px) !important; }

.mpl-attachment {
  padding: 5px 15px !important;
  display: flex !important;
  flex-direction: row;
  transition: background 0.7s ease !important;
  height: 40px !important;
  box-sizing: content-box !important; }

.mpl-attachment:hover {
  background-color: #eee !important; }

.mpl-attachment:not(:last-child) {
  padding-bottom: 4px !important; }

.mpl-attachment:first-child {
  padding-top: 10px !important; }

.mpl-attachment__info {
  cursor: default !important;
  font-size: 12px !important;
  color: #8f8f8f !important; }

.mpl-attachment__info-name {
  font-weight: bold !important; }

.mpl-attachment__info-date {
  display: inline-block !important; }

.mpl-attachment__preview {
  flex: 0 0 40px !important;
  margin-right: 3px !important;
  height: 40px !important;
  width: 40px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  font-size: 12px !important; }

.mpl-attachment__preview img {
  width: 40px !important;
  height: 40px !important;
  object-fit: cover !important; }

.mpl-attachment__preview svg {
  fill: #3dc8fa !important; }

.mpl-attachment__preview video {
  height: 40px !important;
  width: 40px !important;
  transform: scale(2); }

.mpl-attachment a {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #7aa94c !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 14px !important; }

.mpl-attachment a:hover {
  text-decoration: underline !important; }

.mpl-forward-state {
  position: absolute !important;
  z-index: 8 !important;
  background-color: red !important;
  width: calc(100% - 12px) !important;
  top: 67px !important;
  margin-left: -5px !important;
  background: #fff !important;
  word-wrap: break-word !important;
  width: 100% !important; }

.mpl-forward-state__forwards {
  flex-direction: column !important;
  width: 100% !important;
  max-height: 96px !important;
  overflow-y: scroll !important;
  word-wrap: break-word !important;
  cursor: pointer !important; }

.mpl-forward-state__forwards-title {
  justify-content: center !important;
  position: absolute !important;
  display: flex !important;
  width: 100% !important;
  background: #f7f7f7 !important;
  height: 30px !important;
  line-height: 30px !important;
  top: 0px !important;
  left: 0px !important;
  z-index: 7 !important;
  transition: 0.5s background;
  border-bottom: 1px solid #eee !important; }

.mpl-forward-state__forwards-title--active {
  background: #ededed !important;
  border-bottom: 1px solid #ededed !important; }

.mpl-forward-state__forwards-show {
  outline: 0 !important;
  color: blue !important;
  transform: rotate(270deg) !important;
  display: inline-block !important; }

.mpl-forward-state__forwards-show-icon {
  width: 11px !important;
  height: 12.7px !important;
  stroke: #b5acac !important;
  stroke-width: 2px !important; }

.mpl-forward-state__forwards-show-icon:hover {
  cursor: pointer !important;
  stroke: #857676 !important; }

.mpl-forward-state__forwards-wrap {
  height: 0 !important;
  width: 0 !important; }

.mpl-forward-state__forwards-list {
  margin-top: 30px !important;
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  background: #fff !important;
  width: calc(100% - 10px) !important;
  max-height: 100px !important;
  overflow-y: scroll !important;
  padding: 1px 5px 5px 5px !important;
  border-bottom: 1px solid #eee !important; }

.mpl-forward-state__cross-wrapper {
  display: inline-block !important; }

.mpl-forward-state__cross-wrapper--forwards {
  position: absolute !important;
  right: 5px !important;
  height: 30px !important;
  display: flex !important;
  justify-content: center;
  flex-direction: column; }

.mpl-forward-state__cross {
  width: 8px !important;
  height: 8px !important;
  margin-left: 4px !important;
  margin-right: 4px !important;
  display: inline-block !important; }

.mpl-forward-state__cross:hover {
  cursor: pointer !important;
  fill: #857676 !important; }

.mpl-conversation-messages {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-flex: 1 !important;
  flex: 1 !important;
  height: calc(100% - 17px) !important;
  padding: 15px 15px 5px 5px !important; }

.mpl-conversation-messages__date-wrap {
  position: absolute !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  margin-top: 70px !important; }

.mpl-conversation-messages__date-wrap--IE {
  margin-top: 0 !important; }

.mpl-conversation-messages__date {
  display: none !important; }

.mpl-conversation-messages--scrolling {
  display: block !important;
  width: 300px !important;
  z-index: 1 !important;
  font-size: 13px !important;
  padding: 5px !important;
  border-radius: 50px !important;
  background-color: white !important;
  opacity: 0.8 !important;
  text-align: center !important; }

.mpl-conversation-messages--forwards {
  margin-top: 35px !important; }

.mpl-conversation-messages--hidden {
  opacity: 0 !important; }

.mpl-message__upload {
  position: absolute !important;
  bottom: 16px !important;
  right: 26px !important;
  height: 26px !important;
  width: 26px !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important; }

.mpl-message__upload--icon {
  height: 26px !important;
  width: 26px !important;
  stroke: #c4c4c4 !important; }

.mpl-message__upload--icon:hover {
  stroke: #757474 !important; }

.mpl-message__upload--disabled {
  pointer-events: none !important; }

.mpl-message__attach-preview-item {
  display: inline-flex !important;
  height: 20px !important;
  margin: 0px 5px 0px 5px !important;
  position: relative !important; }

.mpl-message__attach-preview-item--max-width {
  width: calc(100% - 10px) !important; }

.mpl-message__attach-preview-item--half-width {
  width: calc(100% - 145px) !important; }

.mpl-message__attach-preview-item--min-width {
  width: calc(100% - 190px) !important; }

.mpl-message__attach-preview-item a {
  display: inline-block !important;
  overflow: hidden !important;
  color: #776c6c !important;
  font-size: 12px !important;
  text-overflow: ellipsis !important;
  padding-right: 16px !important; }

.mpl-message__attach-preview-item a:hover {
  text-decoration: underline !important; }

.mpl-message__attach-delete {
  cursor: pointer !important;
  position: absolute !important;
  right: 0 !important;
  outline: none !important; }

.mpl-message__attach-delete--mdi {
  width: 16px !important;
  height: 16px !important;
  fill: #919191 !important;
  stroke: #919191 !important; }

.mpl-message__attach-delete--mdi:hover {
  fill: #424141 !important;
  stroke: #424141 !important; }

.mpl-message__file-icon {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin-right: 3px !important;
  fill: #424141 !important;
  stroke: #424141 !important; }

.mpl-message-files {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  margin-left: 5px !important;
  flex-wrap: wrap !important;
  max-height: 75px !important;
  overflow-y: auto !important; }

.mpl-message-files:empty {
  margin: 0 !important; }

.mpl-message-file {
  height: 70px !important;
  width: auto !important;
  border-radius: 3px !important;
  margin: 0 0 5px 5px !important;
  overflow: hidden !important;
  background-color: #fbfafa !important; }

.mpl-message-file:hover .mpl-message-file__cross {
  opacity: 0.8 !important; }

.mpl-message-file__preview {
  height: 62px !important;
  min-width: 14px !important;
  max-width: 200px !important;
  fill: #3dc8fa !important;
  width: auto !important; }

.mpl-message-file__preview--image {
  padding: 4px !important;
  border-radius: 7px !important; }

.mpl-message-file__cross {
  height: 14px !important;
  width: 14px !important;
  position: relative !important;
  right: 20px !important;
  opacity: 0.5 !important;
  cursor: pointer !important;
  fill: #fff !important;
  background-color: #666666 !important;
  padding: 3px !important;
  box-sizing: content-box !important;
  border-radius: 50% !important; }

.mpl-message-file__cross-wrap {
  height: 0 !important;
  width: 0 !important;
  margin-left: 100% !important;
  margin-right: auto !important;
  outline: 0 !important; }

.mpl-textarea {
  position: relative !important;
  bottom: 0px !important; }

.mpl-textarea--hidden {
  opacity: 0 !important; }

.mpl-message-field {
  box-shadow: none !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
  padding: 8px 60px 8px 10px !important;
  margin: 5px 15px 10px !important;
  width: calc(100% - 30px) !important;
  border: 1px solid #f4f4f4 !important;
  border-radius: 3px !important;
  resize: none !important;
  max-height: 200px !important;
  font-size: 14px !important;
  color: #2C2D30 !important;
  vertical-align: inherit !important;
  overflow-y: auto !important;
  background-color: #fff !important;
  white-space: pre-wrap !important; }

.mpl-message-field__buttons {
  position: relative !important;
  right: 0px !important; }

.mpl-message-field--disabled {
  cursor: not-allowed !important; }

.mpl-message-field:focus {
  outline: none !important; }

.mpl-message-field__uploads--disabled {
  pointer-events: none !important; }

.mpl-message-field__emoticons--disabled {
  pointer-events: none !important; }

.mpl-message-field__emoticons-button {
  position: absolute !important;
  bottom: 16px !important;
  right: 55px !important;
  height: 26px !important;
  width: 26px !important;
  fill: #c4c4c4 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important; }

.mpl-message-field__emoticons-button:hover {
  fill: #757474 !important; }

.mpl-message-field__cancel-edit-button {
  position: absolute !important;
  bottom: 17.4px !important;
  right: 26px !important;
  width: 24px !important;
  height: 24px !important;
  fill: #c4c4c4 !important;
  z-index: 5 !important;
  background-color: #fff !important;
  cursor: pointer !important;
  padding: 5.5px !important;
  box-sizing: border-box !important; }

.mpl-message-field__cancel-edit-button:hover {
  fill: #757474 !important; }

.mpl-dropzone {
  position: absolute !important;
  padding: 17px !important;
  top: 67px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #f3f3f3 !important;
  color: white !important; }

.mpl-dropzone__icon {
  height: 95px !important;
  margin-bottom: 11px !important; }

.mpl-dropzone__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  height: 100% !important;
  width: 100% !important;
  border: 3px dashed white !important;
  border-radius: 20px !important;
  z-index: 6 !important; }

.mpl-dropzone__tooltip {
  color: #9f9fa5 !important; }

.mpl-dropzone__tooltip--large {
  font-size: 25px !important; }

.mpl-dropzone__tooltip--small {
  font-size: 15px !important; }

.mpl-button {
  outline: none !important;
  border: 1px solid #3dc8fa !important;
  border-radius: 5px !important;
  padding: 8px 16px !important;
  font-size: 14px !important;
  cursor: pointer !important;
  background: none !important;
  color: #3dc8fa !important;
  font-family: Open Sans, sans-serif !important;
  transition: background .1s !important; }

.mpl-button:hover {
  color: #fbfafa !important;
  background-color: #3dc8fa !important; }

.mpl-button:active {
  color: #fbfafa !important;
  background-color: #06aae5 !important;
  border: 1px solid #06aae5 !important; }

.mpl-button:focus {
  outline: none !important; }

.mpl-button[disabled] {
  opacity: .5 !important;
  cursor: inherit !important; }

.mpl-button[disabled]:hover {
  color: #3dc8fa !important;
  background: none !important; }

.mpl-selected-messages {
  display: flex !important;
  width: 100% !important;
  height: 67px !important;
  padding: 0 0 0 18px !important;
  border-bottom: 1px solid #f4f4f4 !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  font-size: 14px !important; }

.mpl-selected-messages__messages-wrapper {
  display: flex !important;
  align-items: center !important;
  margin-right: 30px !important; }

.mpl-selected-messages__number {
  font-weight: 600 !important;
  margin-right: 2px !important; }

.mpl-selected-messages__cross-wrapper {
  display: inline-block !important; }

.mpl-selected-messages__cross {
  width: 10px !important;
  height: 10px !important;
  margin-left: 6px !important; }

.mpl-selected-messages__cross:hover {
  cursor: pointer !important;
  fill: #857676 !important; }

.mpl-selected-messages__actions {
  display: flex !important;
  align-items: center !important; }

.mpl-selected-messages__action {
  padding: 2px 4px !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  margin-left: 4px !important; }

.mpl-openchat {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  width: 100% !important;
  height: 100% !important; }

.mpl-openchat__jump {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  height: 60px !important;
  min-height: 60px !important;
  position: relative !important; }

.mpl-openchat__jump-button {
  width: 180px !important; }

.mpl-switch-wrapper {
  display: inline-block !important; }

.mpl-switch {
  position: relative !important;
  display: inline-block !important;
  top: 5px !important;
  width: 29px !important;
  height: 16px !important; }

.mpl-switch__checkbox {
  display: none !important; }

.mpl-switch__slider {
  position: absolute !important;
  cursor: pointer !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  border: 1px solid #e3e3e3 !important;
  transition: 0.4s !important;
  outline: none !important; }

.mpl-switch__slider:before {
  position: absolute !important;
  content: '' !important;
  height: 19px !important;
  width: 19px !important;
  left: -2px;
  bottom: -3px;
  background-color: #fff !important;
  border-radius: 50% !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 1px 0.99px 0.01px rgba(0, 0, 0, 0.15) !important;
  transition-delay: -0.05s !important;
  transition-duration: 0.4s !important; }

.mpl-switch__slider--on {
  background-color: currentColor !important;
  border-color: currentColor !important; }

.mpl-switch__slider--on:before {
  border-color: currentColor !important;
  transform: translateX(13px) !important; }

.mpl-switch__text {
  width: 200px !important;
  margin-right: 10px !important;
  display: inline-block !important;
  font-size: 13px !important;
  color: #646464 !important; }

.mpl-dropdown {
  position: absolute !important;
  right: 0 !important;
  color: #5f5454 !important;
  z-index: 1000 !important;
  background-color: white !important;
  font-size: 14px !important;
  box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px !important;
  opacity: 1 !important;
  transition: opacity 0.25s !important;
  height: auto !important;
  max-height: 300px !important;
  overflow-y: auto !important;
  pointer-events: all !important; }

.mpl-dropdown__separator {
  background-color: rgba(210, 210, 210, 0.5) !important;
  height: 1px !important; }

.mpl-dropdown--selected {
  background-color: #eee !important;
  padding: 8px 12px !important;
  cursor: pointer !important; }

.mpl-dropdown > div:not(.mpl-dropdown__separator):not(.mpl-dropdown--selected) {
  background-color: white !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  transition: background-color .2s !important; }

.mpl-dropdown > div:not(.mpl-dropdown__separator):not(.mpl-dropdown--selected):hover {
  background-color: #eee !important; }

.mpl-dropdown--hide {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important; }

.mpl-dropdown--top {
  top: 0 !important; }

.mpl-dropdown--bottom {
  bottom: 0 !important; }

.mpl-profile {
  padding: 30px 50px !important; }

.mpl-profile__back-wrap {
  height: 0 !important;
  position: absolute !important;
  top: 15px !important;
  outline: none !important;
  cursor: pointer !important;
  width: 0 !important;
  left: 10px !important; }

.mpl-profile__back-wrap svg {
  fill: #acb4b5 !important; }

.mpl-profile__represent {
  display: flex !important;
  padding-bottom: 30px !important; }

.mpl-profile__avatar {
  cursor: pointer !important; }

.mpl-profile__edit-avatar {
  position: absolute !important;
  text-align: center !important;
  color: rgba(255, 255, 255, 0.9) !important;
  vertical-align: bottom !important;
  top: 71px !important;
  background-color: rgba(0, 0, 0, 0.2) !important;
  border-bottom-left-radius: 1000px !important;
  border-bottom-right-radius: 1000px !important;
  width: 82px !important;
  height: 41px !important; }

.mpl-profile__edit-avatar:hover {
  background-color: rgba(0, 0, 0, 0.25) !important;
  color: #fff !important; }

.mpl-profile__edit-avatar:active {
  background-color: rgba(0, 0, 0, 0.35) !important;
  color: #fff !important; }

.mpl-profile__edit-avatar-text {
  font-weight: 600 !important;
  margin-top: 10px !important; }

.mpl-profile__name-status {
  align-self: center !important;
  padding: 10px 30px !important; }

.mpl-profile__name {
  font-weight: 600 !important;
  font-size: 14px !important;
  padding-bottom: 8px !important; }

.mpl-profile__online-time {
  color: rgba(0, 0, 0, 0.7) !important;
  display: inline-block !important; }

.mpl-profile__separator {
  background-color: #f4f4f4 !important;
  height: 1px !important; }

.mpl-profile__profile-block {
  display: flex !important;
  padding: 26px 26px 0 !important; }

.mpl-profile__section-wrap {
  width: 100% !important;
  margin-left: 40px !important;
  border-bottom: 1px solid #f4f4f4 !important; }

.mpl-profile__section {
  padding-bottom: 15px !important; }

.mpl-profile__section--setting {
  display: flex !important; }

.mpl-profile__section:last-child {
  padding-bottom: 26px !important; }

.mpl-profile__section--key {
  color: rgba(0, 0, 0, 0.54) !important;
  font-size: 12px !important; }

.mpl-profile__setting--key {
  align-self: center !important;
  padding-right: 40px !important; }

.mpl-profile__icon {
  width: 34px !important;
  height: 34px !important;
  stroke: #00C9FC !important; }

.mpl-profile__switch--text {
  color: #484242 !important; }

.mpl-profile-settings__timezone {
  border: 1px solid #eee !important;
  color: #484242 !important; }

.mpl-profile-settings__timezone:hover {
  background-color: rgba(0, 0, 0, 0.01) !important;
  color: #484242 !important; }

.mpl-profile-settings__timezone:active {
  border: 1px solid #eee !important;
  background-color: rgba(0, 0, 0, 0.02) !important;
  color: #484242 !important; }

.mpl-search-field {
  position: relative !important;
  padding: 10px 0 !important; }

.mpl-search-field__input {
  padding: 7px 30px 7px 43px !important;
  outline: none !important;
  border: none !important;
  color: #534b4b !important;
  font-size: 14px !important; }

.mpl-search-field__input--empty {
  width: 100% !important;
  max-width: 100% !important; }

.mpl-search-field__input--full {
  width: 100% !important;
  max-width: 100% !important; }

.mpl-inbox .mpl-search-field__input {
  box-sizing: border-box !important; }

.mpl-search-field__icon-container {
  position: absolute !important;
  top: calc(50% - 13px) !important;
  cursor: pointer !important; }

.mpl-search-field__icon-container--left {
  left: 13px !important; }

.mpl-search-field__icon-container--right {
  right: 7px !important; }

.mpl-search-field__icon {
  width: 28px !important;
  height: 28px !important;
  fill: #a4aaab !important;
  stroke: #a4aaab !important;
  margin-top: -2px !important; }

.mpl-search-field__icon--plus {
  width: 24px !important;
  height: 24px !important;
  fill: #a4aaab !important;
  stroke: #a4aaab !important;
  transition: all .4s ease-in-out !important; }

.mpl-search-field__icon--plus:hover {
  fill: #707879 !important;
  stroke: #707879 !important; }

.mpl-search-field__icon--active {
  fill: #3DC8FA !important;
  stroke: #3DC8FA !important;
  transition: all .4s ease-in-out !important;
  transform: rotate(45deg) !important; }

.mpl-search-field__icon--active:hover {
  fill: #0597cc !important;
  stroke: #0597cc !important; }

.mpl-edit-contact {
  display: flex !important;
  overflow: hidden !important;
  padding: 5px 15px 5px 15px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mpl-edit-contact:hover {
  background-color: #eee !important; }

.mpl-edit-contact__contact-name {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: calc(100% - 50px) !important;
  font-size: 12.5px !important;
  float: left !important; }

.mpl-edit-contact__contact-time {
  padding: 2px 18px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.6 !important;
  font-size: 11.5px !important;
  color: #85858c !important; }

.mpl-edit-contact__avatar {
  position: relative !important;
  float: left !important; }

.mpl-edit-contact__mdi-icon {
  align-self: center !important;
  fill: #3dc8fa !important;
  stroke: #3dc8fa !important;
  margin-top: 1px !important;
  width: 35px !important;
  height: 35px !important; }

.mpl-edit-contact__body {
  padding: 2px 0 0px 10px !important;
  flex-grow: 1 !important;
  width: calc(100% - 90px) !important; }

.mpl-edit-contact__info {
  overflow: hidden !important; }

.mpl-edit-content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important; }

.mpl-edit-content__edit-conversation-contacts-field {
  flex: 1 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.mpl-edit-content__edit-conversation-field {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: auto !important;
  position: relative !important;
  justify-content: space-between !important;
  align-items: center !important;
  bottom: 0 !important; }

.mpl-edit-content__edit-conversation-field--edit-button {
  width: 170px !important;
  color: #fbfafa !important;
  background-color: #3dc8fa !important; }

.mpl-edit-content__edit-conversation-field--edit-button:hover {
  background-color: #06aae5 !important; }

.mpl-edit-content__edit-conversation-field--edit-button[disabled] {
  color: #3dc8fa !important;
  background: none !important; }

.mpl-edit-content__edit-conversation-field--cancel-button {
  margin-right: 10px !important;
  border: none !important; }

.mpl-edit-content__edit-conversation-field--cancel-button:hover {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  background: none !important; }

.mpl-edit-content__edit-conversation-field--cancel-button:active {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  border: none !important;
  background: none !important; }

.mpl-edit-content__edit-conversation-field--cancel-button:focus {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  background: none !important; }

.mpl-add-conversations-contact {
  display: flex !important;
  overflow: hidden !important;
  padding: 5px 15px 5px 15px !important;
  position: relative !important;
  cursor: pointer !important;
  transition: background 0.7s ease !important; }

.mpl-add-conversations-contact:hover {
  background-color: #eee !important; }

.mpl-add-conversations-contact__contact-name {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: calc(100% - 50px) !important;
  font-size: 12.5px !important;
  float: left !important; }

.mpl-add-conversations-contact__contact-time {
  padding: 2px 18px 0 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 0.6 !important;
  font-size: 11.5px !important;
  color: #85858c !important; }

.mpl-add-conversations-contact__avatar {
  position: relative !important;
  float: left !important; }

.mpl-add-conversations-contact__mdi-icon {
  align-self: center !important;
  fill: #3dc8fa !important;
  stroke: #3dc8fa !important;
  margin-top: 1px !important;
  width: 35px !important;
  height: 35px !important; }

.mpl-add-conversations-contact__body {
  padding: 2px 0 0px 10px !important;
  flex-grow: 1 !important;
  width: calc(100% - 90px) !important; }

.mpl-add-conversations-contact__info {
  overflow: hidden !important; }

.mpl-add-conversation-content {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 !important;
  height: 100% !important; }

.mpl-add-conversation-content__conversations-field {
  overflow-y: auto !important; }

.mpl-add-conversation-content__conversations-field--none {
  height: 0 !important; }

.mpl-add-conversation-content__conversations-field--small {
  min-height: 62px !important;
  height: 62px !important; }

.mpl-add-conversation-content__conversations-field--big {
  min-height: 124px !important;
  max-height: 124px !important;
  height: 124px !important; }

.mpl-add-conversation-content__separator {
  height: 1px !important;
  background-color: rgba(210, 210, 210, 0.5) !important;
  width: calc(100% - 30px) !important;
  margin-left: 15px !important; }

.mpl-add-conversation-content__contacts-field {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  flex: 1 !important; }

.mpl-add-conversation-content__create-conversation-field {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: auto !important;
  position: relative !important;
  justify-content: space-between !important;
  align-items: center !important;
  bottom: 0 !important; }

.mpl-add-conversation-content__create-conversation-field--cancel-button {
  margin-right: 10px !important;
  border: none !important; }

.mpl-add-conversation-content__create-conversation-field--cancel-button:hover {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  background: none !important; }

.mpl-add-conversation-content__create-conversation-field--cancel-button:active {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  border: none !important;
  background: none !important; }

.mpl-add-conversation-content__create-conversation-field--cancel-button:focus {
  color: #3dc8fa !important;
  text-decoration: underline !important;
  background: none !important; }

.mpl-add-conversation-content__create-conversation-field--create-button {
  width: 170px !important;
  color: #fbfafa !important;
  background-color: #3dc8fa !important; }

.mpl-add-conversation-content__create-conversation-field--create-button:hover {
  background-color: #06aae5 !important; }

.mpl-add-conversation-content__create-conversation-field--create-button[disabled] {
  color: #3dc8fa !important;
  background: none !important; }

.mpl-empty {
  position: relative !important;
  height: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important; }

.mpl-empty__wrap {
  position: relative !important;
  margin-top: -150px !important;
  width: 200px !important;
  text-align: center !important;
  font-size: 13px !important; }

.mpl-empty__picture {
  position: relative !important;
  margin: auto !important;
  width: 106px !important;
  height: 106px !important;
  padding-bottom: 20px !important; }

.mpl-empty__create-conversation {
  margin-top: 5px !important;
  color: #3DC8FA !important; }

.mpl-empty__icon {
  position: relative !important;
  margin: auto !important;
  width: 106px !important;
  height: 106px !important; }

.mpl-search-context {
  position: relative !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 100% !important;
  width: 100% !important; }

.mpl-search-context__title {
  margin: 5px 0 !important;
  text-align: center !important;
  font-weight: 600 !important;
  color: #484242 !important; }

.mpl-sidebar {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  width: 290px !important;
  height: 100% !important;
  border-right: 1px solid #f4f4f4 !important; }

.mpl-sidebar__menu {
  position: relative !important;
  height: calc(100% - 175px) !important; }

.mpl-sidebar--embed-compact {
  width: 100% !important; }

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .mpl-sidebar {
    width: 220px !important; } }
.mpl-profile-info {
  display: flex !important; }

.mpl-profile-info__wrap {
  width: 100% !important;
  display: flex !important;
  padding: 12px 3px 12px 16px !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  border-bottom: 1px solid #f4f4f4 !important;
  justify-content: space-between !important; }

.mpl-profile-info__data {
  display: flex !important; }

.mpl-profile-info__username {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  align-self: center !important;
  margin-left: 18px !important;
  font-size: 13.5px !important;
  font-weight: 400 !important; }

.mpl-profile-info__edit-profile {
  position: relative !important;
  height: 32px !important;
  width: 32px !important;
  display: flex !important;
  align-self: center !important;
  cursor: pointer !important; }

.mpl-profile-info__edit-profile:hover:after {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 32px !important;
  width: 32px !important;
  border-radius: 50% !important;
  opacity: .2 !important;
  content: '' !important;
  z-index: 1 !important;
  background-color: #b9b9b9 !important; }

.mpl-profile-info__edit-profile:active:after {
  position: absolute !important;
  height: 32px !important;
  width: 32px !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 50% !important;
  opacity: .3 !important;
  content: '' !important;
  z-index: 1 !important;
  background-color: #b9b9b9 !important; }

.mpl-profile-info__edit-icon {
  position: relative !important;
  right: -2px !important;
  margin: auto !important;
  width: 17px !important;
  height: 16px !important; }

.mpl-search {
  width: 100% !important;
  border-bottom: 1px solid #f4f4f4 !important; }

.mpl-sidebar-navigation {
  display: flex !important;
  justify-content: center !important;
  text-transform: uppercase !important;
  padding-top: 14px !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  border-bottom: 1px solid #f4f4f4 !important; }

.mpl-sidebar-navigation__link {
  position: relative !important;
  padding: 8px 10px !important;
  margin: 0 10px !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  cursor: pointer !important;
  color: #c1c1c1 !important;
  outline: none !important; }

.mpl-sidebar-navigation__link--active {
  border-bottom: 2px solid #3DC8FA !important;
  color: #484242 !important; }

.mpl-sidebar-navigation__conversations--unread {
  position: absolute !important;
  padding: 0 3px !important;
  height: 14px !important;
  min-width: 9px !important;
  line-height: 14px !important;
  text-align: center !important;
  border-radius: 50px !important;
  font-size: 10px !important;
  font-weight: bold !important;
  color: #fff !important;
  background-color: #3DC8FA !important;
  top: -3px !important;
  right: -3px !important;
  box-sizing: content-box !important; }

.mpl-error {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  justify-content: space-between !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: 100% !important;
  font-size: 14px !important;
  height: auto !important;
  z-index: 9 !important;
  color: #fff !important;
  padding: 8px !important;
  background-color: #ffb0b0 !important; }

.mpl-error__message {
  margin-left: 20px !important; }

.mpl-error__try-again {
  cursor: pointer !important;
  text-decoration: underline !important;
  margin-right: 15px !important; }

.mpl-error__try-again:hover {
  text-decoration: none !important; }

.mpl-error__wrap {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  margin: 0 13px !important; }

.mpl-error__close {
  width: 18px !important;
  height: 18px !important; }

.mpl-error__alert-icon {
  width: 20px !important;
  height: 20px !important; }

.mpl-error__clear {
  cursor: pointer !important;
  stroke-width: 2px !important;
  width: 20px !important;
  height: 20px !important;
  fill: #fff !important;
  stroke: #fff !important;
  stroke-width: 2px !important; }

.mpl-error__clear:hover {
  fill: #f0f0f0 !important;
  stroke: #f0f0f0 !important; }

.mpl-error__clear:active {
  fill: #e6e6e6 !important;
  stroke: #e6e6e6 !important; }

.mpl-error__reset {
  width: 18px !important;
  height: 18px !important;
  margin-left: 20px !important; }

.mpl-confirmation {
  position: absolute !important;
  height: auto !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 7 !important;
  color: #5f5454 !important;
  background-color: #fff !important;
  border: 1px solid #eee !important;
  border-radius: 5px !important;
  font-size: 14px !important; }

.mpl-confirmation--large {
  z-index: 10000004 !important; }

.mpl-confirmation__header {
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  width: 100% !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  padding: 15px !important;
  background-color: #3DC8FA !important;
  font-weight: 500 !important;
  color: #fff !important;
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important; }

.mpl-confirmation__body {
  padding: 15px !important; }

.mpl-confirmation__close {
  float: right !important;
  cursor: pointer !important; }

.mpl-confirmation__close-icon {
  width: 18px !important;
  height: 18px !important;
  fill: #ebebeb !important;
  stroke: #e6e6e6 !important;
  stroke-width: 2px !important; }

.mpl-confirmation__close-icon:hover {
  fill: whitesmoke !important;
  stroke: whitesmoke !important; }

.mpl-confirmation__close-icon:active {
  fill: #fff !important;
  stroke: #fff !important; }

.mpl-confirmation__text {
  font-size: 13px !important;
  margin-bottom: 15px !important; }

.mpl-confirmation-buttons {
  padding-top: 15px !important;
  border-top: 1px solid #f4f4f4 !important;
  text-align: right !important; }

.mpl-confirmation__button {
  border: none !important;
  margin: 0 5px !important;
  padding: 8px 10px !important; }

.mpl-confirmation__button_primary {
  background-color: #3dc8fa !important;
  color: #fff !important; }

.mpl-alert {
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 6px !important;
  height: auto !important;
  text-align: center !important;
  background-color: #fcf0c1 !important;
  font-size: 14px !important; }

.mp-inbox *, .mpl-inbox-background * {
  font-family: Open Sans, sans-serif;
  font-size-adjust: none;
  font-size: 100%;
  font-style: normal;
  letter-spacing: normal;
  font-stretch: normal;
  font-variant: normal;
  font-weight: 400;
  font: normal normal 100% Open Sans, sans-serif;
  text-decoration: none;
  -webkit-text-emphasis: none;
  text-emphasis: none;
  text-height: auto;
  text-indent: 0;
  text-justify: auto;
  text-outline: none;
  text-shadow: none;
  text-transform: none;
  text-wrap: normal;
  alignment-adjust: auto;
  alignment-baseline: baseline;
  -webkit-animation: none 0 ease 0 1 normal;
  animation: none 0 ease 0 1 normal;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
  azimuth: center;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: none 0 0 auto repeat scroll padding-box transparent;
  background-color: transparent;
  background-image: none;
  baseline-shift: baseline;
  binding: none;
  bleed: 6pt;
  bookmark-label: content();
  bookmark-level: none;
  bookmark-state: open;
  bookmark-target: none;
  border: 0 none transparent;
  border-radius: 0;
  bottom: auto;
  box-align: stretch;
  -webkit-box-decoration-break: slice;
  box-decoration-break: slice;
  box-direction: normal;
  box-flex: 0.0;
  box-flex-group: 1;
  box-lines: single;
  box-ordinal-group: 1;
  box-orient: inline-axis;
  box-pack: start;
  box-shadow: none;
  -webkit-column-break-after: auto;
  break-after: auto;
  -webkit-column-break-before: auto;
  break-before: auto;
  -webkit-column-break-inside: auto;
  break-inside: auto;
  caption-side: top;
  clear: none;
  clip: auto;
  color: inherit;
  color-profile: auto;
  -webkit-column-count: auto;
  -moz-column-count: auto;
  column-count: auto;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
  -webkit-column-gap: normal;
  -moz-column-gap: normal;
  column-gap: normal;
  -webkit-column-rule: medium medium #1f1f1f;
  -moz-column-rule: medium medium #1f1f1f;
  column-rule: medium medium #1f1f1f;
  -webkit-column-span: 1;
  -moz-column-span: 1;
  column-span: 1;
  -webkit-column-width: auto;
  -moz-column-width: auto;
  column-width: auto;
  -webkit-columns: auto auto;
  -moz-columns: auto auto;
  columns: auto auto;
  content: normal;
  counter-increment: none;
  counter-reset: none;
  crop: auto;
  direction: ltr;
  dominant-baseline: auto;
  drop-initial-after-adjust: text-after-edge;
  drop-initial-after-align: baseline;
  drop-initial-before-adjust: text-before-edge;
  drop-initial-before-align: caps-height;
  drop-initial-size: auto;
  drop-initial-value: initial;
  elevation: level;
  empty-cells: show;
  fit: fill;
  fit-position: 0 0;
  float: none;
  float-offset: 0 0;
  grid-columns: none;
  grid-rows: none;
  hanging-punctuation: none;
  height: auto;
  hyphenate-after: auto;
  hyphenate-before: auto;
  hyphenate-character: auto;
  hyphenate-lines: no-limit;
  hyphenate-resource: none;
  -webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
  icon: auto;
  image-orientation: auto;
  image-rendering: auto;
  image-resolution: normal;
  inline-box-align: last;
  left: auto;
  line-height: inherit;
  line-stacking: inline-line-height exclude-ruby consider-shifts;
  list-style: disc outside none;
  margin: 0;
  marks: none;
  marquee-direction: forward;
  marquee-loop: 1;
  marquee-play-count: 1;
  marquee-speed: normal;
  marquee-style: scroll;
  max-height: none;
  max-width: none;
  min-width: 0;
  move-to: normal;
  nav-down: auto;
  nav-index: auto;
  nav-left: auto;
  nav-right: auto;
  nav-up: auto;
  opacity: 1;
  orphans: 2;
  outline: medium none invert;
  outline-offset: 0;
  padding: 0;
  page: auto;
  page-break-after: auto;
  page-break-before: auto;
  page-break-inside: auto;
  page-policy: start;
  -webkit-perspective: none;
  perspective: none;
  -webkit-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  position: static;
  presentation-level: 0;
  punctuation-trim: none;
  quotes: none;
  rendering-intent: auto;
  resize: none;
  right: auto;
  rotation: 0;
  rotation-point: 50% 50%;
  ruby-align: auto;
  ruby-overhang: none;
  ruby-position: before;
  ruby-span: none;
  size: auto;
  string-set: none;
  table-layout: auto;
  top: auto;
  -webkit-transform: none;
  transform: none;
  -webkit-transform-origin: 50% 50% 0;
  transform-origin: 50% 50% 0;
  -webkit-transform-style: flat;
  transform-style: flat;
  transition: all 0 ease 0;
  unicode-bidi: normal;
  vertical-align: baseline;
  white-space: normal;
  white-space-collapse: collapse;
  widows: 2;
  word-break: normal;
  word-spacing: normal;
  z-index: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mp-inbox div, .mp-inbox img, .mp-inbox input, .mp-inbox textarea, .mpl-inbox-background div, .mpl-inbox-background img, .mpl-inbox-background input, .mpl-inbox-background textarea {
  display: block; }

.mp-inbox button, .mpl-inbox-background button {
  display: inline-block; }

.mp-inbox span, .mp-inbox a, .mpl-inbox-background span, .mpl-inbox-background a {
  display: inline; }

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; }
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
  unicode-range: U+1F00-1FFF; }
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
  unicode-range: U+0370-03FF; }
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; }
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLV83L2yn_om9bG0a6EHWBso.woff2) format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; }
/* latin */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  src: local("Yanone Kaffeesatz Regular"), local("YanoneKaffeesatz-Regular"), url(https://fonts.gstatic.com/s/yanonekaffeesatz/v7/YDAoLskQQ5MOAgvHUQCcLfGwxTS8d1Q9KiDNCMKLFUM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; }
.mpl-inbox {
  width: 1025px !important;
  margin: auto !important;
  height: 100vh !important;
  display: flex !important;
  position: relative !important;
  font-family: Open Sans, sans-serif !important;
  background-color: white !important;
  font-size: 13px !important;
  color: #484242 !important;
  overflow: hidden !important; }

.mpl-inbox__window {
  position: relative !important;
  width: calc(100% - 290px) !important;
  height: 100% !important; }

.mpl-inbox__window--embed-compact {
  width: 100% !important; }

.mpl-inbox__close {
  position: absolute !important;
  cursor: pointer !important;
  z-index: 10000001 !important;
  top: 22px !important;
  right: 18px !important; }

.mpl-inbox__close-icon {
  width: 22px !important;
  height: 22px !important;
  fill: #acb4b5 !important;
  stroke: #acb4b5 !important;
  stroke-width: 2px !important; }

.mpl-inbox__close-icon:hover {
  fill: #768385 !important;
  stroke: #768385 !important; }

.mpl-inbox__alert {
  display: -webkit-flex !important;
  display: -ms-flex !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  position: absolute !important;
  top: 67px !important;
  right: 0 !important;
  z-index: 7 !important; }

.mpl-inbox__alert--profile {
  top: 120px !important; }

.mpl-inbox__help {
  position: absolute !important;
  cursor: pointer !important;
  z-index: 10000001 !important;
  top: 23px !important;
  right: 90px !important; }

.mpl-inbox__help-icon {
  width: 20px !important;
  height: 20px !important;
  fill: #acb4b5 !important;
  stroke: #acb4b5 !important; }

.mpl-inbox__help-icon:hover {
  fill: #768385 !important;
  stroke: #768385 !important; }

.mpl-inbox--hide {
  display: none !important; }

.mpl-inbox--large {
  position: fixed !important;
  filter: none !important;
  top: 0 !important;
  left: calc(50% - 512px) !important;
  z-index: 10000000 !important; }

.mpl-inbox--embed {
  width: 100% !important;
  height: 100% !important;
  z-index: inherit !important; }

.mpl-inbox-background {
  position: relative !important;
  width: 100% !important;
  height: 100% !important; }

.mpl-inbox-background--large {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: #e7ebf0 !important;
  z-index: 1040 !important; }

.mpl-background-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 6 !important;
  background-color: #eee !important;
  width: 100% !important;
  height: 100% !important;
  opacity: .7 !important; }

.mpl-background-overlay--hide {
  display: none !important; }

.mpl-background-overlay--large {
  z-index: 10000003 !important; }

.mpl-background-overlay--guide {
  z-index: 10000003 !important;
  background-color: rgba(0, 0, 0, 0.5) !important; }

/**
 * iPad with portrait orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .mpl-inbox {
    height: 926px !important;
    width: 768px !important; }

  .mpl-inbox--large {
    left: 0 !important; }

  .mpl-inbox__window {
    width: calc(100% - 220px) !important; } }
/**
 * iPad with landscape orientation.
 */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
  .mpl-inbox {
    height: 670px !important; } }
@media only screen and (max-width: 1025px) {
  .mpl-inbox {
    width: 768px !important; }

  .mpl-inbox--large {
    left: calc(50% - 384px) !important; }

  .mpl-inbox--embed {
    width: 100% !important;
    height: 100% !important;
    z-index: inherit !important; }

  .mpl-inbox__window {
    width: calc(100% - 220px) !important; }

  .mpl-inbox__window--embed-compact {
    width: 100% !important; }

  .mpl-sidebar {
    width: 240px !important; }

  .mpl-sidebar--embed-compact {
    width: 100% !important; }

  .mpl-add-conversation-content__create-conversation-field--create-button,
  .mpl-edit-content__edit-conversation-field--edit-button {
    width: 140px !important;
    padding: 8px 0 !important; }

  .mpl-add-conversation-content__create-conversation-field--cancel-button,
  .mpl-edit-content__edit-conversation-field--cancel-button {
    padding: 8px 0 !important; } }
@media only screen and (max-width: 900px) {
  .mpl-sidebar {
    width: 220px !important; }

  .mpl-sidebar--embed-compact {
    width: 100% !important; }

  .mpl-inbox .mpl-avatar--default--big {
    line-height: 70px !important;
    height: 70px !important;
    width: 70px !important;
    font-size: 35px !important; }

  .mpl-profile__edit-avatar {
    top: 65px !important;
    width: 70px !important;
    height: 35px !important; } }

/*# sourceMappingURL=chat.css.map */