.rw-widget-container {
  /* only ecollect.online */
  margin: 0 27px 27px 0;
}

@media screen and (max-width: 425px) {

  /* only ecollect.online */
  .rw-widget-container {
    margin: 0 10vw 12vw 0;
  }
}

.rw-widget-container .rw-launcher {
  background-image: linear-gradient(294deg, #4EC3E0, #3C78AB 51%, #416AA3 60%, #582C83);
  box-shadow: none;
  border: 1px solid #94A9CB;
}

.rw-widget-container .rw-launcher .rw-open-launcher__container img {
  display: none;
}

.rw-widget-container .rw-launcher .rw-open-launcher__container::after {
  content: url(assets/images/mina-lg.png);
  display: inline;
}

.rw-widget-container .rw-launcher:hover {
  cursor: pointer;
}

.rw-widget-container .rw-header {
  background-image: linear-gradient(294deg, #4EC3E0, #3C78AB 51%, #416AA3 60%, #582C83);
}

.rw-widget-container .rw-header .rw-title {
  font-family: "Montserrat";
}

.rw-widget-container .rw-conversation-container {
  width: 600px;
  max-width: 98%;
  max-height: 98%;
}

.rw-widget-container .rw-conversation-container .rw-message .rw-client {
  background-color: #426DA9;
  font-family: "Graphik-Regular";
  line-height: 1.5;
}

.rw-widget-container .rw-conversation-container .rw-message .rw-response {
  font-family: "Graphik-Regular";
  line-height: 1.5;
}

.rw-widget-container .rw-conversation-container .rw-message .rw-response a {
  font-weight: bold;
  color: #4EC3E0;
}

.rw-widget-container .rw-conversation-container .rw-replies .rw-reply {
  background: #385e9d;
  font-family: "Graphik-Regular";
  box-shadow: 0px 10px 10px -8px #636363;
  padding: 4px 8px;
  border: none;
}

.rw-widget-container .rw-sender .rw-new-message {
  font-family: "Graphik-Regular";
}

.rw-widget-container .rw-sender .rw-send .rw-send-icon-ready {
  fill: #426DA9;
}

.rw-widget-container .rw-sender .rw-send .rw-send-icon-ready:hover {
  cursor: pointer;
}

.rw-group-message.rw-from-response span.rw-message-date:before {
  content: url(assets/images/mina-sm.png);
  vertical-align: middle;
}

.rw-close-button img.rw-close {
  z-index: 99999;
  position: relative;
}

.rw-widget-container .eclang-select {
  position: relative;
  height: 40px;
  /* width: 44px; */
  right: 0;
  border-radius: 10px;
  border: none;
  border-right: 1px solid transparent;
  text-align: left;
  padding: 0 15px;
  font-size: 30px;
  cursor: pointer;
}

/*
.rw-widget-container .eclang-select::after {
  content: '';
  position: absolute;
  right: 14px;
  top: 44%;
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
}
*/

.rw-widget-container .eclang-select:hover {
  background-color: #4EC3E0;
}

.rw-widget-container .eclang-select.active {
  background-color: #4EC3E0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 1px solid rgba(0, 0, 0, .1);
}

.rw-widget-container .eclang-options {
  position: absolute;
  z-index: 1;
  top: 40px;
  right: 0;
  width: 160px;
  height: fit-content;
  text-align: left;
  background-image: linear-gradient(180deg, #4EC3E0, #3C78AB 51%, #416AA3 60%, #582C83);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  display: none;
}

.rw-widget-container .eclang-options.active {
  display: block;
  border-right: 1px solid rgba(0, 0, 0, .1);
}

.rw-widget-container .eclang-options .eclang-item {
  color: #fff;
  text-transform: capitalize;
  width: 100%;
  height: 40px;
  padding: 0 15px;
  line-height: 40px;
  cursor: pointer;
}

.rw-widget-container .eclang-options .eclang-item.active {
  background: rgba(0, 0, 0, .1);
}

@media screen and (max-width: 800px) {
  .rw-widget-container .eclang-select {
    right: 40px;
  }

  .rw-widget-container .eclang-options {
    right: 40px;
  }
}

@media screen and (max-width: 425px) {
  .rw-widget-container .rw-conversation-container {
    max-width: 100%;
    max-height: 100%;
  }

  .rw-widget-container .rw-title {
    display: none;
  }

  .rw-widget-container .rw-header:after {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 700;
    content: 'Mina (eCollect)';
    position: absolute;
    left: 20px;
  }

  .rw-widget-container .rw-title,
  .rw-widget-container .rw-message,
  .rw-widget-container .rw-replies {
    font-size: 14px;
    margin: 5px;
  }

  .rw-widget-container .rw-conversation-container .rw-replies .rw-reply {
    box-shadow: 0px 5px 5px -4px #999;
    margin: 0.1em;
  }

  .rw-widget-container .eclang-select {
    right: 40px;
  }

  .rw-widget-container .eclang-options {
    right: 40px;
  }
}

/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WRhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459W1hyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WZhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WdhyyTh89ZNpQ.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Montserrat Regular"), local("Montserrat-Regular"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459WlhyyTh89Y.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gTD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3g3D_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gbD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gfD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Montserrat Bold"), local("Montserrat-Bold"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_dJE3gnD_vx3rCs.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gTD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3g3D_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* vietnamese */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gbD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gfD_vx3rCubqg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: local("Montserrat Black"), local("Montserrat-Black"),
    url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_epG3gnD_vx3rCs.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Graphik-Regular";
  src: url('./assets/fonts/graphik_lcg/Graphik-Regular-Web.eot'),
    url('./assets/fonts/graphik_lcg/Graphik-Regular-Web.woff2') format("woff2"),
    url('./assets/fonts/graphik_lcg/Graphik-Regular-Web.woff') format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Bold";
  src: url('./assets/fonts/graphik_lcg/Graphik-Bold-Web.eot'),
    url('./assets/fonts/graphik_lcg/Graphik-Bold-Web.woff2') format("woff2"),
    url('./assets/fonts/graphik_lcg/Graphik-Bold-Web.woff') format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Graphik-Semibold";
  src: url('./assets/fonts/graphik_lcg/Graphik-Medium-Web.eot'),
    url('./assets/fonts/graphik_lcg/Graphik-Medium-Web.woff2') format("woff2"),
    url('./assets/fonts/graphik_lcg/Graphik-Medium-Web.woff') format("woff");
  font-weight: 600;
  font-style: normal;
}