/**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License version 3.0
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/AFL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
 */

:root {
  --telegramwhatsappchat-main-bottom: 0;
}
.telegramwhatsappchat-main {
  display: block;
  position: fixed;
  bottom: var(--telegramwhatsappchat-main-bottom);
}

.telegramwhatsappchat-main label {
  margin-bottom: 0;
}

.telegramwhatsappchat-main-body {
  letter-spacing: normal;
  line-height: 25px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #707070;
  /* line-height: 1.25em; */
}
.telegramwhatsappchat-main-body .btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.telegramwhatsappchat-talk-to-us {
  cursor: pointer;
  display: inline-block;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  background-color: #fff;
}
.telegramwhatsappchat-talk-to-us > i {
  display: flex;
  align-items: center;
  height: 100%;
  margin: auto;
}

.telegramwhatsappchat-main-body .panel {
  width: 350px;
  margin-bottom: 7px;
}

.telegramwhatsappchat-main-body .panel-heading {
  background: #eee;
  border-radius: 10px 10px 0 0;
  font-weight: bold;
}

.telegramwhatsappchat-main-body .panel-body {
  min-height: 150px;
}
.telegramwhatsappchat-main-body .panel-body,
.telegramwhatsappchat-main-body .panel-footer {
  background: #fff;
}
.telegramwhatsappchat-main-body .panel-footer {
  padding: 15px;
  max-height: 100px;
  overflow-x: auto;
}
.telegramwhatsappchat-main-body .panel-footer a {
  width: 49%;
  font-weight: bold;
}

.telegramwhatsappchat-main-body .panel-heading,
.telegramwhatsappchat-main-body .panel-body {
  padding: 15px;
}

.telegramwhatsappchat-main,
.telegramwhatsappchat-main-body,
.telegramwhatsappchat-talk-to-us {
  z-index: 9999;
}

.telegramwhatsappchat-main-body {
  visibility: hidden;
  display: none;
  position: fixed;
  bottom: calc(50px);
}

.telegramwhatsappchat-main,
.telegramwhatsappchat-main-body {
  right: 25px;
}

/* Animation */

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.fadeInUp {
  animation-duration: 0.7s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  visibility: visible;
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}

@keyframes fadeOutDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible;
  }

  to {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fadeOutDown {
  from {
    transform: translate3d(0, 40px, 0);
    opacity: 1;
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

.fadeOutDown {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  opacity: 1;
  animation-name: fadeOutDown;
  -webkit-animation-name: fadeOutDown;
}

.telegramwhatsappchat-main-body .panel-body {
  padding: 15px;
  overflow-x: auto;
  max-height: 50vh;
}
.background-eee {
  background-color: #eee;
}

.white-space-pre {
  white-space: pre;
}

.panel-body-main {
  display: block;
  padding: 7px 15px;
  width: fit-content;
  border-radius: 10px;
}

.telegramwhatsappchat-main-body .time {
  margin-bottom: 15px;
  opacity: 0.6;
  font-size: small;
}

.text-center {
  text-align: center;
}

.telegramwhatsappchat-talk-to-us {
  background-color: #18a918;
}

.telegramwhatsappchat-talk-to-us .material-icons {
  color: #fff;
}

.btn-whatsapp {
  background-color: #28d146;
  color: #fff;
  border-radius: 10px;
}
.btn-telegram {
  background-color: #27a7e7;
  color: #fff;
  border-radius: 10px;
}

.back-top {
  right: 70px;
}

@media screen and (max-width: 500px) {
  .back-top {
    right: 64px;
  }
  .telegramwhatsappchat-main {
/*    bottom: 17px;*/
  }

  .telegramwhatsappchat-main,
  .telegramwhatsappchat-main-body {
    right: 15px;
  }
  .telegramwhatsappchat-main-body .panel {
    width: calc(100vw - 30px);
  }
}

.va-middle {
  vertical-align: middle;
}

.va-top {
  vertical-align: top;
}

.btn-bottom-space {
  margin-bottom: 5px;
}

.btn-group-main-top-space {
  margin-top: 10px;
}

.mt-5 {
  margin-top: 5px;
}

.telegramwhatsappchat-main-body .panel-footer a:hover {
  color: #ee3333;
}

.telegramwhatsappchat-main-body .btn-secondary,
.telegramwhatsappchat-main-body .btn-tertiary,
.telegramwhatsappchat-main-body .btn-primary {
  text-transform: capitalize;
  font-weight: 400;
  font-size: 14px;
  border: none;
  line-height: 25px;
  box-shadow: none;
  padding: 5px 20px;
  border-radius: 5px;
  display: inline-block;
  background: #292929;
  color: #ffffff;
}

.telegramwhatsappchat-main-body .btn-secondary:hover,
.telegramwhatsappchat-main-body .btn-tertiary:hover,
.telegramwhatsappchat-main-body .btn-primary:hover {
  background: #ee3333;
}
.telegramwhatsappchat-main-body button {
  transition: all 300ms ease;
}

.telegramwhatsappchat-main-body .hidden {
  display: none !important;
}