@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.nomrg {
  margin: 0px !important;
}
.initiatechat {
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
  border-radius: 50px;
  background: url("data:image/svg+xml,%3Csvg id='ic_nav_chat' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect id='Rectangle_1089' data-name='Rectangle 1089' width='32' height='32' fill='%231f212b' opacity='0'/%3E%3Cg id='Group_5454' data-name='Group 5454' transform='translate(0.979 1.736)'%3E%3Cpath id='Path_2727' data-name='Path 2727' d='M13.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 13.507 13.36Zm0 1Z' transform='translate(3.623 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2728' data-name='Path 2728' d='M17.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 17.507 13.36Zm0 1Z' transform='translate(5.22 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2729' data-name='Path 2729' d='M9.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 9.507 13.36Zm0 1Z' transform='translate(2.026 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2730' data-name='Path 2730' d='M23.61 11.848a7.934 7.934 0 0 0 .581-2.963 7.142 7.142 0 0 0-7.1-7.165h-9A7.142 7.142 0 0 0 .979 8.885v9.536a.7.7 0 0 0 .417.638.655.655 0 0 0 .264.054.675.675 0 0 0 .477-.2l2.847-2.824H7.227a7.594 7.594 0 0 0 6.729 10.92H26.823l3.037 3.01a.672.672 0 0 0 .74.143.7.7 0 0 0 .417-.638V19.406a7.54 7.54 0 0 0-7.407-7.559Zm-18.9 2.861a.675.675 0 0 0-.476.2L2.342 16.779V8.885A5.768 5.768 0 0 1 8.083 3.1h9a5.767 5.767 0 0 1 5.742 5.782 5.04 5.04 0 0 1-.762 2.9l.075.058H13.956A7.462 7.462 0 0 0 8.1 14.707ZM29.649 27.887l-2.076-2.059a.675.675 0 0 0-.477-.2H13.966a6.246 6.246 0 0 1-6.143-6.224 6.165 6.165 0 0 1 6.134-6.175h9.557a6.165 6.165 0 0 1 6.134 6.181Z' transform='translate(-0.979 -1.72)' fill='%23f2f3f9'/%3E%3C/g%3E%3C/svg%3E") no-repeat 30px center, #8e2157;
  background-size: 22px;
  box-shadow: 0px 19px 54.88px 1.12px rgba(153, 153, 153, 0.42);
  position: fixed;
  right: 25px;
  bottom: 25px;
  height: 50px;
  line-height: 45px;
  z-index: 2;
  color: #fff;
  text-align: left;
  border: 0em solid #fff;
  text-indent: 65px;
  font-size: 16px !important;
  width: 170px;
  font-weight: 400;
  cursor: pointer;
  direction: ltr;
}
.initiatedchat {
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
  border-radius: 75px;
  box-shadow: 0px 19px 54.88px 1.12px rgba(153, 153, 153, 0.42);
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 75px;
  height: 75px;
  z-index: 2;
}
.initiatedchat {
  border-radius: 75px;
  box-shadow: 0px 19px 54.88px 1.12px rgba(153, 153, 153, 0.42);
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 75px;
  height: 75px;
  z-index: 2;
  border: 0em;
  background: none;
}
.initiatedchat ul {
  list-style: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.initiatedchat ul li {
  display: block;
}
.initiatedchat li:nth-child(1) span:nth-child(1) {
  float: left;
  background: url("ic_nav_chat.png") no-repeat center center;
  background-size: 30px;
  width: 75px;
  height: 75px;
  border-radius: 75px;
  border: 0.2em solid #fff;
}
.initiatedchat li:nth-child(1) span:nth-child(2) {
  background: #2aa705;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 0.2em solid #fff;
  float: right;
  margin-top: -85px;
}
.initiatedchat.minimised li:nth-child(1) span:nth-child(2) {
  background: #3a35af;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #fff;
  border-radius: 25px;
  border: 0.2em solid #fff;
  float: right;
  margin-top: -95px;
  margin-right: -15px;
}
.initiatedchat.minimised .response.text {
  position: fixed;
  background: #55575d;
  width: 150px;
  padding: 20px 10px;
  border-radius: 18px;
  right: 100px;
  bottom: 0px;
  color: #fff;
}
.initiatedchat.minimised .response.text li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.initiatedchat.minimised .response.text .calloutarrowbotrit {
  background: url("callarrowbottomright.png") no-repeat right bottom;
  width: 38px;
  height: 30px;
  position: absolute;
  border-radius: 0px;
  border: 0em solid #fff;
  margin-top: -10px;
}
.chat-window {
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 19px 54.88px 1.12px rgba(153, 153, 153, 0.42);
  width: 400px;
  list-style-type: none;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  position: fixed;
  bottom: 20px;
  right: 20px;
}
.chat-window .chat-header {
  /* background-image: -moz-linear-gradient(
    82deg,
    rgb(127, 28, 78) 0%,
    rgb(82, 12, 48) 100%
  );
  background-image: -webkit-linear-gradient(
    82deg,
    rgb(127, 28, 78) 0%,
    rgb(82, 12, 48) 100%
  );
  background-image: -ms-linear-gradient(
    82deg,
    rgb(127, 28, 78) 0%,
    rgb(82, 12, 48) 100%
  ); */
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #fff;
}
.chat-window .chat-header ul {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.chat-window .chat-header ul li {
  list-style-type: none;
  float: left;
  height: 66px;
}
.chat-window .chat-header ul li img {
  float: left;
  background: url(ic_nav_chat.png) no-repeat center center;
  width: 42px;
  height: 42px;
  border-radius: 42px;
  margin-top: 10px;
  margin-left: 10px;
}
.chat-window .chat-header ul::after {
  display: block;
  content: "";
  clear: both;
}
.chat-window .chat-header ul li:nth-child(2) {
  float: left;
  width: calc(100% - 170px);
  height: 30px;
  margin-top: 15px;
  margin-left: 11px;
}
.chat-window .chat-header ul li:nth-child(2) .chat-name {
  display: block;
}
.chat-window .chat-header ul li:nth-child(2) .chat-online {
  display: block;
  font-size: 12px !important;
  font-weight: normal;
  padding-left: 15px;
  background: url(chat_onlinegreen.png) no-repeat left -4px center;
}
.chat-window .chat-header ul li:nth-child(3) {
  float: left;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 15px;
}
.chat-window .chat-header ul li:nth-child(3) .chat-minimise {
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='ic_turfoff' transform='translate(-288 -12)'%3E%3Crect id='Background' width='24' height='24' transform='translate(288 12)' fill='none'/%3E%3Cline id='Minimize_icon' data-name='Minimize icon' x2='18' transform='translate(291.5 24.5)' fill='none' stroke='%23fff' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  border: 0em solid transparent;
  cursor: pointer;
}
.chat-window .chat-header ul li:nth-child(4) {
  float: left;
  width: 30px;
  height: 30px;
  margin-top: 15px;
  margin-left: 15px;
}
.chat-window .chat-header ul li:nth-child(4) .chat-close {
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml,%3Csvg id='ic_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Background' width='24' height='24' fill='none'/%3E%3Cg id='Close' transform='translate(0.5 0.496)'%3E%3Cpath id='Line_114' data-name='Line 114' d='M.147 16.853a.5.5 0 0 1 0-.707l16-16 .707.707-16 16a.5.5 0 0 1-.707 0Zm16-16.707a.5.5 0 0 1 .707.707Z' transform='translate(3.5 3.503)' fill='%23fff'/%3E%3Cpath id='Line_115' data-name='Line 115' d='M16.146 16.853l-16-16L.853.147l16 16a.5.5 0 0 1-.707.707ZM.147.147a.5.5 0 0 1 .707 0L.147.853A.5.5 0 0 1 .147.147Z' transform='translate(3.5 3.503)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  border: 0em solid transparent;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-property: transform;
}
.chat-window .chat-header ul li:nth-child(4) .chat-close:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.chat-window .chat-header ul li .chat-qrlogo {
  float: left;
  background: url("data:image/svg+xml,%3Csvg id='Icon_24_Logo_QR' data-name='Icon / 24 / Logo / QR' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Oryx'%3E%3Cpath id='Oryx-2' data-name='Oryx' d='M17.659 13.873c.013.341.01.68-.006 1.012-3.255.132-6.337.331-6.337.555s3.015.418 6.23.548c-.056.379-.129.751-.218 1.114-3.169.132-6.11.326-6.11.545s2.745.4 5.787.532a11.341 11.341 0 0 1-.476 1.148c-2.61.128-4.769.3-4.769.485s1.886.335 4.263.46c-.134.222-.272.438-.419.644q-.231.335-.5.662a7.055 7.055 0 0 0-2.5.384c0 .122.729.234 1.854.335a10.762 10.762 0 0 1-2.2 1.7 17.626 17.626 0 0 1-1.839-1.917c-.742-.921-2.314-3.349-2.685-3.892s-.614-.7-1.047-.544a5.69 5.69 0 0 1-1.464.314c-.207 0-.32-.082.028-.223a4.9 4.9 0 0 0 2.392-2.165 5.728 5.728 0 0 0 .091-3.654A2.681 2.681 0 0 1 6.9 13.475 3.4 3.4 0 0 0 6.373 10.8L6.089 12.13s-.179-.008-.618.369a1.9 1.9 0 0 0-.562.928c.347.143.763-.211.763-.211a17.2 17.2 0 0 1-1.851 4.552A3.186 3.186 0 0 1 2.25 19.2c-.47.193-.625-.032-.625-.032A8.705 8.705 0 0 1 .588 18.08s-.026-.046.062-.044c.228 0 .635-.4.725-.562.1-.188.091-.333.04-.344s-.138.142-.579.425-.641.087-.787-.071c-.113-.124 0-.28.069-.377A31.514 31.514 0 0 1 8.653 7.969C16.707 1.891 21.851.251 22.145.132c.194-.078.512-.181.585-.106a.3.3 0 0 1 .108.253c-.01.1-.062.15-.433.317a69.964 69.964 0 0 0-8.753 5.049A41.8 41.8 0 0 0 8.635 8.728c-.193.123-.05.3.067.226A52.03 52.03 0 0 1 23.469 2.49c.265-.077.409-.077.454-.017A.415.415 0 0 1 24 2.7c.009.1-.075.157-.3.248A65.236 65.236 0 0 0 10.592 9.2s-.292.179-.3.386c0 .077.156.087.156.087 1.407.025 3.288.11 4.182.164 0 0-.127.461-.984.834a4.427 4.427 0 0 1-1.88.246.171.171 0 0 0-.141.285c.055.073 1.343 2.189 6.029 2.672' fill='%235c0931'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  margin-top: 10px;
  margin-left: 15px;
}
.chat-window .chat-header ul li:nth-child(2) .chat-waitingtxt {
  display: block;
  padding-top: 5px;
}
.chat-window .chat-header ul li:nth-child(2) .chat-howcanwehelptxt {
  display: block;
  padding-top: 5px;
}
.chat-window .chat-body {
  background: -moz-linear-gradient(
    top,
    #ffffff 0%,
    #f5f6fb 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ffffff 0%,
    #f5f6fb 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #f5f6fb 100%);
  height: 385px;
  overflow-x: hidden;
  overflow-y: auto;
}

.initiated-chat-minimised,
.initiated-chat-responsed-minimised {
  position: fixed;
  box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
  right: 25px;
  bottom: 25px;
  z-index: 2;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 0;
  background: #8E2157 url("data:image/svg+xml,%3Csvg id='ic_nav_chat' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect id='Rectangle_1089' data-name='Rectangle 1089' width='32' height='32' fill='%231f212b' opacity='0'/%3E%3Cg id='Group_5454' data-name='Group 5454' transform='translate(0.979 1.736)'%3E%3Cpath id='Path_2727' data-name='Path 2727' d='M13.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 13.507 13.36Zm0 1Z' transform='translate(3.623 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2728' data-name='Path 2728' d='M17.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 17.507 13.36Zm0 1Z' transform='translate(5.22 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2729' data-name='Path 2729' d='M9.507 13.36a1 1 0 1 0 1 1A1 1 0 0 0 9.507 13.36Zm0 1Z' transform='translate(2.026 3.222)' fill='%23f2f3f9'/%3E%3Cpath id='Path_2730' data-name='Path 2730' d='M23.61 11.848a7.934 7.934 0 0 0 .581-2.963 7.142 7.142 0 0 0-7.1-7.165h-9A7.142 7.142 0 0 0 .979 8.885v9.536a.7.7 0 0 0 .417.638.655.655 0 0 0 .264.054.675.675 0 0 0 .477-.2l2.847-2.824H7.227a7.594 7.594 0 0 0 6.729 10.92H26.823l3.037 3.01a.672.672 0 0 0 .74.143.7.7 0 0 0 .417-.638V19.406a7.54 7.54 0 0 0-7.407-7.559Zm-18.9 2.861a.675.675 0 0 0-.476.2L2.342 16.779V8.885A5.768 5.768 0 0 1 8.083 3.1h9a5.767 5.767 0 0 1 5.742 5.782 5.04 5.04 0 0 1-.762 2.9l.075.058H13.956A7.462 7.462 0 0 0 8.1 14.707ZM29.649 27.887l-2.076-2.059a.675.675 0 0 0-.477-.2H13.966a6.246 6.246 0 0 1-6.143-6.224 6.165 6.165 0 0 1 6.134-6.175h9.557a6.165 6.165 0 0 1 6.134 6.181Z' transform='translate(-0.979 -1.72)' fill='%23f2f3f9'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}

.initiated-chat-minimised ul,
.initiated-chat-responsed-minimised ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}

.initiated-chat-minimised .defaultagentpic img,
.initiated-chat-minimised .chattxt,
.initiated-chat-responsed-minimised .defaultagentpic img,
.initiated-chat-responsed-minimised .chattxt {
  display: none;
}

.initiated-chat-responsed-minimised {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
  position: fixed;
  right: 5px;
  bottom: 15px;
  z-index: 2;
  cursor: pointer;
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}

.initiated-chat-responsed-minimised .defaultagentpic .chat-count {
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  background: #3a35af;
  border-radius: 24px;
  margin-top: -10px;
  right: -6px;
  top: 0;
  font-size: 12px !important;
  font-weight: bold;
  border: 0.2em solid #fff;
}

.chat-window .chat-body .chat-body-wrapper {
  display: table-cell;
  height: 385px;
  vertical-align: bottom;
}
.chat-window .chat-body ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.chat-window .chat-body .chat-agent-responsed .chat-agent-txt-block {
  margin-top: 10px;
  float: left;
  width: 98%;
  font-size: 13px !important;
}
.chat-window .chat-body .chat-agent-responsed.loading .chat-agent-txt-block {
  width: 98%;
}
.chat-window
  .chat-body
  .chat-agent-responsed.loading
  .chat-agent-txt-block::after {
  display: block;
  content: "";
  clear: both;
}
.chat-window
  .chat-body
  .chat-agent-responsed
  .chat-agent-txt-block
  .chat-agent-pic-small {
  display: block;
  width: 60px;
  text-align: center;
  height: 40px;
  background: url(chatgentpic.png) no-repeat center center;
}
.chat-window
  .chat-body
  .chat-agent-responsed
  .chat-agent-txt-block
  .chat-agent-resp-txt {
  display: block;
  background: #e9e9e9;
  width: calc(100% - 80px);
  padding: 12px;
  margin-left: 60px;
  margin-top: -40px;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
}
.chat-window
  .chat-body
  .chat-agent-responsed.loading
  .chat-agent-txt-block
  .chat-agent-resp-loadanimation {
  display: block;
  background: #e9e9e9;
  width: calc(50% - 80px);
  padding: 12px;
  height: 10px;
  margin-left: 60px;
  margin-top: -35px;
  -webkit-border-radius: 10px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  padding-left: 30px;
}
.dot-typing {
  position: relative;
  left: -9999px;
  width: 8px;
  height: 8px;
  border-radius: 5px;
  background-color: #999;
  color: #999;
  box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  }
  50% {
    box-shadow: 9984px 0 0 0 #999, 9999px -10px 0 0 #999, 10014px 0 0 0 #999;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px -10px 0 0 #999;
  }
  100% {
    box-shadow: 9984px 0 0 0 #999, 9999px 0 0 0 #999, 10014px 0 0 0 #999;
  }
}
.chat-window
  .chat-body
  .chat-agent-responsed
  .chat-agent-name-time
  .chat-agent-name {
  font-size: 13px !important;
  padding-left: 10px;
  color: #999;
  float: left;
  padding-top: 5px;
}
.chat-window
  .chat-body
  .chat-agent-responsed.loading
  .chat-agent-name-time
  .chat-agent-name {
  font-size: 13px !important;
  padding-left: 10px;
  color: #999;
  float: left;
  padding-top: 10px;
}
.chat-window
  .chat-body
  .chat-agent-responsed
  .chat-agent-name-time
  .chat-agent-timestamp {
  font-size: 13px !important;
  padding-right: calc(50% - 50px);
  color: #999;
  float: right;
  padding-top: 5px;
}
.chat-window .chat-body .chat-agent-responsed .chat-agent-name-time::after {
  display: block;
  content: "";
  clear: both;
}
.chat-window .chat-footer {
  background: -moz-linear-gradient(
    top,
    #f5f5fb 0%,
    #f2f3fa 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #f5f5fb 0%,
    #f2f3fa 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f5f5fb 0%, #f2f3fa 100%);
  padding: 15px;
}
.chat-window .chat-footer .chat-txtbox-attach-pnl {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
  border: 0.1em solid #dcdfe8;
  background: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.chat-window .chat-footer .chat-txtbox-attach-pnl > li {
  display: block;
  height: 40px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  padding-left: 15px;
}
.chat-window .chat-footer > ul.chat-txtbox-attach-pnl > li .chat-txtbox {
  border: 0em solid #fff;
  height: 40px;
  width: calc(100% - 60px);
}
.chat-window .chat-footer > ul.chat-txtbox-attach-pnl > li .chat-attachment {
  border: 0em solid #fff;
  height: 40px;
  width: 40px;
  padding-left: 50px;
  background: url(attachment.png) no-repeat 10px center;
  position: absolute;
  cursor: pointer;
}
.chat-window .chat-footer > ul.chat-txtbox-attach-pnl > li .chat-send {
  border: 0em solid #fff;
  height: 40px;
  width: 40px;
  background: url(sendarrow.png) no-repeat 10px center;
  position: absolute;
  cursor: pointer;
  display: none;
}
.chat-window .chat-footer > ul::after {
  display: block;
  content: "";
  clear: both;
}
.chat-window .chat-body .chat-user-responsed {
  float: right;
  width: 95%;
}
.chat-window .chat-body .chat-user-responsed .chat-user-txt-block {
  display: block;
}
.chat-window
  .chat-body
  .chat-user-responsed
  .chat-user-txt-block
  .chat-user-pic-small {
  background: #9d92c4;
  float: right;
  margin-right: 10px;
  width: 32px;
  height: 32px;
  margin-top: 15px;
  -webkit-border-radius: 32px;
  -moz-border-radius: 32px;
  border-radius: 32px;
  text-align: center;
  color: #fff;
  line-height: 32px;
  font-size: 12px !important;
}
.chat-window
  .chat-body
  .chat-user-responsed
  .chat-user-txt-block
  .chat-user-resp-txt {
  background: #e9e9e9;
  float: right;
  margin-right: 10px;
  max-width: calc(100% - 84px);
  margin-top: 15px;
  text-align: right;
  line-height: 20px;
  font-size: 12px !important;
  padding: 7px;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
}
.chat-window .chat-body .chat-user-responsed .chat-user-txt-block::after {
  display: block;
  content: "";
  clear: both;
}
.chat-window .chat-body .chat-user-responsed .chat-user-name-time {
  display: block;
}
.chat-window
  .chat-body
  .chat-user-responsed
  .chat-user-name-time
  .chat-user-name {
  font-size: 13px !important;
  padding-right: 15px;
  color: #999;
  float: right;
  padding-top: 5px;
}
.chat-window
  .chat-body
  .chat-user-responsed
  .chat-user-name-time
  .chat-user-timestamp {
  font-size: 13px !important;
  padding-left: calc(50% - 20px);
  color: #999;
  float: left;
  padding-top: 5px;
}
.chat-window .chat-body .chat-user-responsed .chat-agent-user-time::after {
  display: block;
  content: "";
  clear: both;
}
.chat-endingconver-poupwindow {
  /*background: url(chat_dark_bg.png) repeat center center;*/
  background: #FFF;
  position: absolute;
  width: 100%;
  height: 100vh;
  padding: 0px;
  z-index: 10;
      display: flex;
    align-items: center;
}
.chat-endingconver-poupwindow ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.chat-endingconver-poupwindow .chat-popup-block {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
}
.chat-endingconver-poupwindow .chat-popup-block li {
  margin-bottom: 10px;
  text-align: center;
  color: #1f212b;
}
.chat-endingconver-poupwindow .chat-popup-block li:nth-child(1) {
  font-size: 18px !important;
  display: block;
  margin-bottom: 20px;
  font-weight: 400;
  width: 75%;
  margin-left: 12.5%;
}
.chat-endingconver-poupwindow .chat-popup-block li:nth-child(2) {
  margin-bottom: 20px;
  font-size: 14px !important;
}
.chat-endingconver-poupwindow .chat-popup-block li:nth-child(3) {
  margin-bottom: 5px;
}
.chat-endingconver-poupwindow .chat-popup-block .btn_chat_primary {
  border: 0.1em solid #832c56;
  height: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  color: #fff;
  background: #832c56;
  width: 75%;
  transition: 0.3s;
  cursor: pointer;
  font-size: 15px !important;
  font-weight: 500;
  margin-bottom: 1em;
}
.chat-endingconver-poupwindow .chat-popup-block .btn_chat_primary:hover {
  border: 0.1em solid #9d3f6e;
  color: #fff;
  background: #9d3f6e;
}
.chat-endingconver-poupwindow .chat-popup-block .btn_chat_secondary {
  border: 0.1em solid #e0e2e8;
  height: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  color: #9d3f6e;
  background: #fff;
  width: 75%;
  transition: 0.3s;
  cursor: pointer;
  font-size: 15px !important;
  margin-bottom: 20px;
  font-weight: 500;
}
.chat-endingconver-poupwindow .chat-popup-block .btn_chat_secondary:hover {
  border: 0.1em solid #9d3f6e;
  color: #9d3f6e;
  background: #fff;
}
.chat-endingconver-poupwindow .chat-popup-block .chat-popup-header {
  border-bottom: 0.1em solid #ccc;
  padding-bottom: 10px;
  color: #666;
}
.chat-endingconver-poupwindow .chat-popup-block .chat-popup-body {
  border-bottom: 0.1em solid #ccc;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #999;
}
.chat-endingconver-poupwindow
  .chat-popup-block
  .chat-popup-body
  .chat-popup-body-content {
  padding-bottom: 20px;
}
.chat-endingconver-poupwindow .chk_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  font-size: 14px !important;
}
.chat-endingconver-poupwindow .chk_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.chat-endingconver-poupwindow .chat_checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.chat-endingconver-poupwindow .chk_container:hover input ~ .chat_checkmark {
  background-color: #ccc;
}
.chat-endingconver-poupwindow .chk_container input:checked ~ .chat_checkmark {
  background-color: #3a35af;
}
.chat-endingconver-poupwindow .chat_checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.chat-endingconver-poupwindow
  .chk_container
  input:checked
  ~ .chat_checkmark:after {
  display: block;
}
.chat-endingconver-poupwindow .chk_container .chat_checkmark:after {
  left: 9px;
  top: 3px;
  width: 3px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.chat-endingchatwithoutconver-poupwindow {
  background: url(chat_dark_bg.png) repeat center center;
  position: absolute;
  width: 338px;
  height: 472px;
  border-radius: 10px;
  border: 0.1em solid #666;
  padding: 30px;
  z-index: 10;
}
.chat-endingchatwithoutconver-poupwindow ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block {
  background: #fff;
  border-radius: 15px;
  margin-top: 100px;
  padding: 20px 30px;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block li {
  margin-bottom: 10px;
  text-align: center;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block li:nth-child(1) {
  font-size: 17px !important;
  line-height: 24px;
  display: block;
  margin-bottom: 10px;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block li:nth-child(2) {
  font-size: 14px !important;
  line-height: 20px;
  display: block;
  margin-bottom: 20px;
  color: #999;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block .btn_chat_primary {
  border: 0.1em solid #832c56;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  color: #fff;
  background: #832c56;
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 10px;
}
.chat-endingchatwithoutconver-poupwindow
  .chat-popup-block
  .btn_chat_primary:hover {
  border: 0.1em solid #9d3f6e;
  color: #fff;
  background: #9d3f6e;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block .btn_chat_secondary {
  border: 0.1em solid #e0e2e8;
  height: 36px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px;
  color: #9d3f6e;
  background: #fff;
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
  margin-bottom: 20px;
}
.chat-endingchatwithoutconver-poupwindow
  .chat-popup-block
  .btn_chat_secondary:hover {
  border: 0.1em solid #9d3f6e;
  color: #fff;
  background: #9d3f6e;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block .chat-popup-header {
  border-bottom: 0.1em solid #ccc;
  padding-bottom: 10px;
  color: #666;
}
.chat-endingchatwithoutconver-poupwindow .chat-popup-block .chat-popup-body {
  border-bottom: 0.1em solid #ccc;
  padding-top: 30px;
  padding-bottom: 30px;
  color: #999;
}
.chat-endingchatwithoutconver-poupwindow
  .chat-popup-block
  .chat-popup-body
  .chat-popup-body-content {
  padding-bottom: 20px;
}
.waitingpnlmain {
  width: 90%;
  margin-left: 5%;
  color: #1f212b;
  display: flex;
  height: 100%;
  align-items: center;
}
.waitingpnlmain .waitingpnl{
  background: url(animation_500_l3lfytsi.gif) no-repeat center top;
  background-size: 150px;
  padding-top: 120px;
}
.waitingpnlmain .waitingpnl > ul > li {
  text-align: center;
    font-family: 'Graphik';
  font-size: 16px !important;
}
.waitingpnlmain .waitingpnl > ul > li:nth-child(1) {
  font-size: 28px !important;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 200;
  padding-left: 50px;
  padding-right: 50px;
  font-family: 'Graphik';
  font-size: 16px !important;
}
.waitingpnlmain .waitingpnl > ul > li:nth-child(2) {
    font-size: 16px !important;
    padding-bottom: 20px;
    line-height: 24px;
    font-family: 'Graphik';
}
.waitingpnlmain .waitingpnl > ul > li.availagent {
  text-align: center;
  display: block;
  height: 50px;
}
.waitingpnlmain .waitingpnl > ul > li.availagent div {
  float: left;
  margin-left: calc(50% - 75px);
}
.waitingpnlmain .waitingpnl > ul > li.availagent div span {
  float: left;
  background: #fff;
  width: 42px;
  height: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  border-radius: 42px;
  border: 0.1em solid #fff;
  line-height: 42px;
  margin-right: -10px;
}
.waitingpnlmain .waitingpnl > ul > li.availagent div span img {
  -webkit-border-radius: 44px;
  -moz-border-radius: 44px;
  border-radius: 44px;
}
.waitingpnlmain .waitingpnl > ul > li.availagent div span:last-child {
  background: #e0e2e7;
}
.waitingpnlmain .waitingpnl > ul > li.availagent,
.waitingpnlmain .waitingpnl > ul > li.availagent div {
  display: block;
  content: "";
  clear: both;
}
/*.waitingpnlmain .waitingpnl{
border-bottom:0.1em solid #cacbcd;
margin-bottom:20px;
}*/
.waitingpnlmain .promoads {
  border: 0.1em solid #cacbcd;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 25px;
}
.waitingpnlmain .promoads > ul > li:nth-child(1) {
  border-bottom: 0.1em solid #cacbcd;
  height: 100px;
}
.waitingpnlmain .promoads > ul > li:nth-child(1) img {
  -webkit-border-top-left-radius: 11px;
  -webkit-border-top-right-radius: 11px;
  -moz-border-radius-topleft: 11px;
  -moz-border-radius-topright: 11px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
}
.waitingpnlmain .promoads > ul > li:nth-child(2) {
  border-bottom: 0.1em solid #cacbcd;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-size: 14px !important;
  line-height: 22px;
  color: #666;
}
.waitingpnlmain .promoads > ul > li:nth-child(3) {
  text-align: left;
}
.waitingpnlmain .promoads .chatcollasiblepnl {
  display: block;
  font-size: 12px !important;
}
.waitingpnlmain .promoads .chatcollasiblepnl .chatcolpheader {
  display: block;
  padding-left: 15px;
  border-bottom: 0.1em solid #cacbcd;
  line-height: 36px;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.waitingpnlmain .promoads .chatcollasiblepnl .chatcolpcontent {
  line-height: 20px;
  padding: 15px;
  border-bottom: 0.1em solid #cacbcd;
}
.waitingpnlmain .promoads .chatcollasiblepnl.closed .chatcolpheader {
  background: url(collaprightarrow.png) no-repeat right 10px center;
}
.waitingpnlmain .promoads .chatcollasiblepnl.closed .chatcolpcontent {
  display: none !important;
}
.waitingpnlmain .promoads .chatcollasiblepnl.opened .chatcolpheader {
  background: url(collapdownarrow.png) no-repeat right 10px center;
}
.waitingpnlmain .promoads .chatcollasiblepnl.opened .chatcolpcontent {
  display: block !important;
}
.waitingpnlmain .promoads .chatcollasiblepnl:last-child .chatcolpheader,
.waitingpnlmain .promoads .chatcollasiblepnl:last-child .chatcolpcontent {
  border-bottom: 0em solid #cacbcd !important;
}
.waitingpnlmain .promoads .chatcollasiblepnl:last-child .chatcolpcontent {
  border-top: 0.1em solid #cacbcd !important;
}
.newuserpnlmain {
  width: 90%;
  margin-left: 5%;
  color: #666;
}
.newuserpnlmain .newuserpnl > ul > li:nth-child(1) {
  font-size: 18px !important;
  padding-top: 30px;
  padding-bottom: 25px;
  color: #1f212b;
  text-align: center;
  font-weight: 500;
  line-height: 25px;
}
.newuserpnlmain .newuserpnl > ul > li {
  text-align: center;
}
.newuserpnlmain .newuserpnl > ul > li:nth-child(2) input {
  width: 80%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0.1em solid #dadada;
  text-indent: 10px;
}
.newuserpnlmain .newuserpnl > ul > li:nth-child(3) input {
  width: 80%;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0.1em solid #dadada;
  text-indent: 10px;
}
.newuserpnlmain .newuserpnl > ul > li:nth-child(4) input {
  width: 80%;
  height: 42px;
  -webkit-border-radius: 42px;
  -moz-border-radius: 42px;
  border-radius: 42px;
  background: #832c56;
  border: 0.1em solid #832c56;
  color: #fff;
  font-size: 16px !important;
  cursor: pointer;
}
.newuserpnlmain .newuserpnl > ul > li:nth-child(4) input:disabled {
  background: #fff;
  border: 0.1em solid #f6f6f6;
  color: #77818e;
}
/* New Corrections */
.chat-agent-responded {
  display: block;
  width: 90%;
  margin-bottom: 15px;
}
.chat-agent-responded::before {
  display: block;
  content: "";
  height: 15px;
  clear: both;
}
.chat-agent-responded li {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
}
.chat-agent-responded li.agent-img {
  display: table-cell;
  width: 60px;
}
.chat-agent-responded li.agent-img > img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.chat-agent-responded li.agent-res-name-txt {
  background: #8e2157;
  width: calc(100% - 60px);
  text-align: left;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomleft: 0;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  font-size: 13px !important;
  line-height: 20px;
  padding: 10px 15px;
  color: #f2f3f9;
}
.chat-agent-responded li.agent-res-name-txt span {
  display: block;
}
.chat-agent-responded li.agent-res-name-txt span:nth-child(1) {
  font-weight: bold;
  padding-bottom: 2px;
}

.chat-agent-responding {
  display: block;
  width: 90%;
  margin-top: 15px;
}
.chat-agent-responding li {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
}
.chat-agent-responding li.agent-img {
  display: table-cell;
  width: 60px;
}
.chat-agent-responding li.agent-img > img {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.chat-agent-responding li.agent-res-name-txt {
  background: #eaecf0;
  width: calc(100% - 60px);
  text-align: left;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomleft: 0;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  font-size: 13px !important;
  line-height: 20px;
  padding: 10px 15px;
  color: #444;
}
.chat-agent-responding li.agent-res-name-txt span {
  display: block;
}
.chat-agent-responding li.agent-res-name-txt span:nth-child(1) {
  padding-bottom: 12px;
}
.chat-agent-responding li.agent-res-name-txt span:nth-child(2) {
  padding-left: 17px;
}
.chat-customer-responded {
  float: right;
  width: 340px;
  padding-left: 30px;
  margin-top: 8px;
  margin-right: 20px;
}
.chat-customer-responded li.customer-res-time-txt {
  background: #eaecf0;
  text-align: left;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomright: 0;
  border-radius: 20px;
  border-bottom-right-radius: 0;
  font-size: 13px !important;
  line-height: 20px;
  padding: 10px 15px;
  color: #1f212b;
}
.chat-customer-responded li.customer-res-time-txt span {
  display: block;
}
.chat-customer-responded li.customer-res-time-txt span:nth-child(1) {
  font-weight: bold;
  padding-bottom: 2px;
}
.chat-customer-responded > ul {
  float: right;
}
.chat-customer-attachment {
  display: inline-block;
  background: #832c56;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-top: 10px;
}
.chat-customer-attachment ul li:nth-child(1) {
  width: 90px;
  float: left;
  padding: 10px;
}
.chat-customer-attachment ul li:nth-child(1) img {
  width: 80px;
  height: 30px;
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 0.1em solid #b75283;
  cursor: pointer;
}
.chat-customer-attachment ul li:nth-child(2) {
  width: calc(100% - 120px);
  max-width: calc(100% - 150px);
  float: left;
  line-height: 50px;
  font-size: 12px !important;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-customer-attachment ul li:nth-child(3) {
  float: left;
  width: 40px;
  height: 50px;
}
.chat-customer-attachment ul li:nth-child(3) .delete-attachment {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-left: 5px;
  background: url(closebtn12.png) no-repeat center center;
  border: 0em solid transparent;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-property: transform;
}
.chat-customer-attachment ul li:nth-child(3) .delete-attachment:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.chat-customer-attachment ul.pdf li:nth-child(1) {
  width: 30px;
  float: left;
  padding: 10px;
}
.chat-customer-attachment ul.pdf li:nth-child(2) {
  width: calc(100% - 90px);
  max-width: calc(100% - 90px);
}
.chat-customer-attachment ul.pdf li:nth-child(1) img {
  width: 21px;
  height: 26px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  border: 0em solid #b75283;
  margin-left: 5px;
  margin-top: 2px;
}
.chat-customer-loading-attachment {
  display: inline-block;
  background: #832c56;
  width: calc(100% - 40px);
  margin-left: 20px;
  margin-right: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-top: 10px;
  font-size: 11px !important;
  height: 25px;
  text-align: center;
  color: #fff;
  line-height: 25px;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}
.chat-agent-responding:after,
.chat-agent-responding > ul:after,
.chat-agent-responded:after,
.chat-agent-responded > ul:after,
.chat-customer-responded:after,
.chat-customer-responded > ul:after {
  display: block;
  content: "";
  clear: both;
}
.chat-window .chat-body::-webkit-scrollbar {
  width: 8px;
  background-color: #fff;
}
.chat-window .chat-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 -6px 0 0 #fff, inset 0 6px 0 0 #fff;
  background-color: hsla(0, 0%, 82%, 0.97);
}
.chat-window .chat-body::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 -6px 0 0 #fff, inset 0 6px 0 0 #fff;
  background-color: #f4f4f4;
}
.colorloading {
  height: 3px;
  width: 90%;
  margin-left: 5%;
  background: #dbdee7;
}
.colorloading span {
  height: 3px;
  width: 30%;
  margin-left: 0%;
  background: -moz-linear-gradient(
    left,
    rgba(30, 87, 153, 0) 0%,
    rgba(32, 124, 202, 0.94) 16%,
    rgba(32, 124, 202, 1) 17%,
    rgba(41, 137, 216, 1) 50%,
    rgba(125, 185, 232, 1) 87%,
    rgba(125, 185, 232, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(30, 87, 153, 0) 0%,
    rgba(32, 124, 202, 0.94) 16%,
    rgba(32, 124, 202, 1) 17%,
    rgba(41, 137, 216, 1) 50%,
    rgba(125, 185, 232, 1) 87%,
    rgba(125, 185, 232, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(30, 87, 153, 0) 0%,
    rgba(32, 124, 202, 0.94) 16%,
    rgba(32, 124, 202, 1) 17%,
    rgba(41, 137, 216, 1) 50%,
    rgba(125, 185, 232, 1) 87%,
    rgba(125, 185, 232, 0) 100%
  );
  display: block;
  animation-name: colorloadinganimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes colorloadinganimation {
  0% {
    margin-left: 0%;
  }
  100% {
    margin-left: 70%;
  }
}
#newcustomererror1 {
  margin-top: 15px;
  margin-left: 25px;
  margin-right: 25px;
  padding: 15px;
  padding-left: 60px;
  color: #fff;
  font-size: 13px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #b4071c url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' width='28' height='28' xmlns='https://urldefense.com/v3/__http://www.w3.org/2000/svg__%3B!!GF_29dbcQIUBPA!gBJkOrKLHp0OcERqGuDEaIP_o04fFe6ccbX9oYuFkpZtSsEKUDqeEZNtIeJQB5k4sLWpKA%24 %5Bw3%5B.%5Dorg%5D' fill='%23fff'%3E%3Cpath d='m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm94.273438 320.105469c8.339843 8.34375 8.339843 21.824219 0 30.167969-4.160157 4.160156-9.621094 6.25-15.085938 6.25-5.460938 0-10.921875-2.089844-15.082031-6.25l-64.105469-64.109376-64.105469 64.109376c-4.160156 4.160156-9.621093 6.25-15.082031 6.25-5.464844 0-10.925781-2.089844-15.085938-6.25-8.339843-8.34375-8.339843-21.824219 0-30.167969l64.109376-64.105469-64.109376-64.105469c-8.339843-8.34375-8.339843-21.824219 0-30.167969 8.34375-8.339843 21.824219-8.339843 30.167969 0l64.105469 64.109376 64.105469-64.109376c8.34375-8.339843 21.824219-8.339843 30.167969 0 8.339843 8.34375 8.339843 21.824219 0 30.167969l-64.109376 64.105469zm0 0'/%3E%3C/svg%3E") no-repeat 15px center;
}
#chatcustomerfullname.error {
  border: 0.1em solid #b4071c;
}
#chatcustomeremailaddress.error {
  border: 0.1em solid #b4071c;
}
@media only screen and (min-device-width: 480px) and (max-width: 319px) {
  body {
    margin: 0px !important;
  }
  .initiatechat {
    bottom: auto;
    top: 25px;
  }
  .chat-window {
    border-radius: 0px;
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
  }
  .chat-window .chat-body {
    height: calc(100vh - 150px);
  }
  .chat-window .chat-body .chat-body-wrapper {
    height: calc(100vh - 160px);
  }
  .chat-window .chat-body.heightadjust1 {
    height: calc(100vh - 85px);
  }
  .chat-window .chat-body.heightadjust1 .newuserpnlmain {
    margin-top: calc(50vh - 250px);
  }
  .chat-endingconver-poupwindow {
    width: 85%;
    height: 100vh;
  }

  .chat-endingchatwithoutconver-poupwindow {
    width: 85%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 100vh;
  }
  .chat-endingchatwithoutconver-poupwindow .chat-popup-block {
    margin-top: calc(50vh - 180px);
  }
 /* #initiatechat.animtyp1 {
    background: #8e2157;
    line-height: 18px !important;
  }
  #initiatechat.animtyp1 span {
    background: url(ellipsis.svg) no-repeat center;
    animation-name: animtyp1anim;
    animation-iteration-count: infinite;
    animation-duration: 1s;
  }
  #initiatechat.animtyp1 span {
    width: 32px;
    height: 24px;
    float: left;
    margin-left: 10px;
  }*/
  @keyframes animtyp1anim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  body {
    margin: 0px !important;
  }
  .initiatechat {
    bottom: 100px;
    top: unset;
  }
  .chat-window {
    border-radius: 0px;
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: 100%;
    left: 0px;
    top: 0px;
    position: fixed;
  }
  .chat-window .chat-header {
    border-radius: 0px;
  }
  .chat-window .chat-body {
    height: calc(100vh - 150px);
  }
  .chat-window .chat-body .chat-body-wrapper {
    height: calc(100vh - 160px);
  }
  .chat-window .chat-body.heightadjust1 {
    height: calc(100vh - 85px);
  }
  .chat-window .chat-body.heightadjust1 .newuserpnlmain {
    margin-top: calc(50vh - 250px);
  }
  .chat-endingconver-poupwindow {
    width: 100%;
    height: 100vh;
  }

  .chat-endingchatwithoutconver-poupwindow {
    width: 85%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 100vh;
  }
  .chat-endingchatwithoutconver-poupwindow .chat-popup-block {
    margin-top: calc(50vh - 180px);
  }

  #initiatechat.animtyp1 span {
    width: 32px;
    height: 24px;
    float: left;
    margin-left: 10px;
    color: transparent;
    font-size: 0px;

    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' width='28' height='28' xmlns='https://urldefense.com/v3/__http://www.w3.org/2000/svg__%3B!!GF_29dbcQIUBPA!gBJkOrKLHp0OcERqGuDEaIP_o04fFe6ccbX9oYuFkpZtSsEKUDqeEZNtIeJQB5k4sLWpKA%24 %5Bw3%5B.%5Dorg%5D' fill='%23fff'%3E%3Cpath d='m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm94.273438 320.105469c8.339843 8.34375 8.339843 21.824219 0 30.167969-4.160157 4.160156-9.621094 6.25-15.085938 6.25-5.460938 0-10.921875-2.089844-15.082031-6.25l-64.105469-64.109376-64.105469 64.109376c-4.160156 4.160156-9.621093 6.25-15.082031 6.25-5.464844 0-10.925781-2.089844-15.085938-6.25-8.339843-8.34375-8.339843-21.824219 0-30.167969l64.109376-64.105469-64.109376-64.105469c-8.339843-8.34375-8.339843-21.824219 0-30.167969 8.34375-8.339843 21.824219-8.339843 30.167969 0l64.105469 64.109376 64.105469-64.109376c8.34375-8.339843 21.824219-8.339843 30.167969 0 8.339843 8.34375 8.339843 21.824219 0 30.167969l-64.109376 64.105469zm0 0'/%3E%3C/svg%3E") no-repeat center;
    animation-name: animtyp1anim;
    animation-iteration-count: infinite;
    animation-duration: 1s;
  }

  @keyframes animtyp1anim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) and (max-width: 600px) {
  body {
    margin: 0px !important;
  }
  .initiatechat {
    bottom: auto;
    top: 25px;
  }
  .chat-window {
    border-radius: 0px;
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: calc(100% - 20px);
    left: 10px;
    top: 10px;
    position: fixed;
    bottom: unset;
    right: unset;
  }
  .chat-window .chat-body {
    height: calc(100vh - 150px);
  }
  .chat-window .chat-body .chat-body-wrapper {
    height: calc(100vh - 160px);
  }
  .chat-window .chat-body.heightadjust1 {
    height: calc(100vh - 85px);
  }
  .chat-window .chat-body.heightadjust1 .newuserpnlmain {
    margin-top: calc(50vh - 250px);
  }
  .chat-endingconver-poupwindow {
    width: 85%;
    height: 100vh;
  }

  .chat-endingchatwithoutconver-poupwindow {
    width: 85%;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    height: 100vh;
  }
  .chat-endingchatwithoutconver-poupwindow .chat-popup-block {
    margin-top: calc(50vh - 180px);
  }

  #initiatechat.animtyp1 span {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' width='28' height='28' xmlns='https://urldefense.com/v3/__http://www.w3.org/2000/svg__%3B!!GF_29dbcQIUBPA!gBJkOrKLHp0OcERqGuDEaIP_o04fFe6ccbX9oYuFkpZtSsEKUDqeEZNtIeJQB5k4sLWpKA%24 %5Bw3%5B.%5Dorg%5D' fill='%23fff'%3E%3Cpath d='m256 0c-141.164062 0-256 114.835938-256 256s114.835938 256 256 256 256-114.835938 256-256-114.835938-256-256-256zm94.273438 320.105469c8.339843 8.34375 8.339843 21.824219 0 30.167969-4.160157 4.160156-9.621094 6.25-15.085938 6.25-5.460938 0-10.921875-2.089844-15.082031-6.25l-64.105469-64.109376-64.105469 64.109376c-4.160156 4.160156-9.621093 6.25-15.082031 6.25-5.464844 0-10.925781-2.089844-15.085938-6.25-8.339843-8.34375-8.339843-21.824219 0-30.167969l64.109376-64.105469-64.109376-64.105469c-8.339843-8.34375-8.339843-21.824219 0-30.167969 8.34375-8.339843 21.824219-8.339843 30.167969 0l64.105469 64.109376 64.105469-64.109376c8.34375-8.339843 21.824219-8.339843 30.167969 0 8.339843 8.34375 8.339843 21.824219 0 30.167969l-64.109376 64.105469zm0 0'/%3E%3C/svg%3E") no-repeat center;
    animation-name: animtyp1anim;
    animation-iteration-count: infinite;
    animation-duration: 1s;
  }
  #initiatechat.animtyp1 span {
    width: 32px;
    height: 24px;
    float: left;
    margin-left: 10px;
  }
  @keyframes animtyp1anim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .chat-window {
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: 400px;
    list-style-type: none;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: unset;
    top: unset;
  }
  .chat-window .chat-body {
    height: 385px;
  }
  #initiatechat.animtyp1 {
    width: 153px;
    text-indent: 0px;
    padding-left: 68px;
  }
  #initiatechat.animtyp1 span {
    font-size: 16px !important;
    animation-name: animtyp1anim;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    line-height: 18px;
    text-align: left !important;
  }
  @keyframes animtyp1anim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0.5;
    }
    100% {
      opacity: 1;
    }
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
  .chat-window {
    border-radius: 10px;
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: 400px;
    list-style-type: none;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: unset;
    top: unset;
  }
  .chat-window .chat-body {
    height: 385px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  .chat-window {
    border-radius: 10px;
    box-shadow: 0px 19px 54.88px 1.12px rgb(153 153 153 / 42%);
    width: 400px;
    list-style-type: none;
    margin-block-end: 0em;
    padding-inline-start: 0px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    left: unset;
    top: unset;
  }
  .chat-window .chat-body {
    height: 385px;
  }
}

/* Avaya Corrections Starts */
#container,
#footer .input-container .message-input,
#wrapper .chat-header .chat-heading {
  font-family: Graphik, Noto Sans, Verdana, Geneva, sans-serif;
}
#messenger-button .messenger-button-icon img {
  display: none;
}
#messenger-button .messenger-button-icon {
  background: #8e2157 url("data:image/svg+xml,%3Csvg id='ic_nav_live_chat' data-name='ic_nav_live chat' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Rectangle_3445' data-name='Rectangle 3445' width='24' height='24' fill='%23FFF' opacity='0'/%3E%3Cg id='Group_9886' data-name='Group 9886' transform='translate(1 1)'%3E%3Cpath id='Path_10164' data-name='Path 10164' d='M21.364 18.886c-.541-.532-1.64-.66-3.03-.823-1.523-.178-3.414-.4-4.206-1.268l0 0c-.005-.006-.012-.008-.017-.013a5.579 5.579 0 0 1-.6-1.9c2.724-1.961 3.483-6.856 3.483-7.7a5.714 5.714 0 0 0-5.97-5.4 5.715 5.715 0 0 0-5.971 5.4A13.837 13.837 0 0 0 5.8 10.688a5.517 5.517 0 0 1-.871-.613L4.28 7.243A6.542 6.542 0 0 1 11.017 1a6.536 6.536 0 0 1 6.737 6.3.5.5 0 0 0 1 0A7.535 7.535 0 0 0 11.017 0 7.535 7.535 0 0 0 3.28 7.3a.524.524 0 0 0 .012.111l.691 3.034a.5.5 0 0 0 .121.229 6.855 6.855 0 0 0 2.251 1.4 7.227 7.227 0 0 0 2.164 2.8 5.554 5.554 0 0 1-.608 1.915c-.783.879-2.686 1.1-4.215 1.282-1.389.162-2.487.291-3.028.824A3.532 3.532 0 0 0 0 21.387a.5.5 0 0 0 .5.5h0a.5.5 0 0 0 .5-.5c.007-1.333.286-1.71.371-1.794a6.237 6.237 0 0 1 2.441-.543c.75-.088 1.538-.185 2.28-.349l2.814 2.656a.5.5 0 0 0 .676.011l.935-.832a.669.669 0 0 1 1 0l.934.832a.5.5 0 0 0 .676-.011l2.812-2.655c.743.163 1.53.26 2.279.348a6.264 6.264 0 0 1 2.444.543c.086.084.364.461.372 1.794a.5.5 0 0 0 .5.5h0a.5.5 0 0 0 .5-.5A3.538 3.538 0 0 0 21.364 18.886ZM11.017 2.771a4.735 4.735 0 0 1 4.95 4.222 3.472 3.472 0 0 1-2.106-1.556.5.5 0 0 0-.829-.161A11.946 11.946 0 0 1 6.247 8.528a8.78 8.78 0 0 1-.2-1.354A4.718 4.718 0 0 1 11.017 2.771ZM7.743 12.528c.305.077 1.768.414 2.114.469a.549.549 0 0 0 .08.006.5.5 0 0 0 .079-.994 26.421 26.421 0 0 1-2.911-.719A13.755 13.755 0 0 1 6.483 9.5 12.78 12.78 0 0 0 13.3 6.4a5.238 5.238 0 0 0 2.579 1.624c-.276 1.617-1.167 4.923-3.18 6.172a.506.506 0 0 0-.068.04 3.077 3.077 0 0 1-3.267-.017l0 0A5.024 5.024 0 0 1 7.743 12.528Zm3.274 3.166a4.166 4.166 0 0 0 1.575-.305 8.768 8.768 0 0 0 .5 1.62l-2.076 1.762L8.931 17a8.885 8.885 0 0 0 .5-1.617A4.173 4.173 0 0 0 11.017 15.694ZM9.259 20.322 7.2 18.383A4.083 4.083 0 0 0 8.3 17.775l1.957 1.662Zm3.515 0-.995-.885L13.73 17.78a4.124 4.124 0 0 0 1.1.606Z' transform='translate(0)' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}
#newuserpnlmain ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
#wrapper .chat-header {
  text-align: left;
  font-size: 14px !important;
  padding-left: 10px;
  height: 50px;
  background: #8e2157;
}
#wrapper .chat-header .chat-heading {
  font-weight: 500;
  color: #333;
  margin-left: 10px;
  font-size: 16px !important;
  margin-block-start: 0em;
  margin-block-end: 0em;
  height: 60px;
  line-height: 60px;
}
#wrapper .chat-header .chat-mini-btn {
  height: 50px;
  margin-top: 5px;
  width: 40px;
  color: transparent;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='ic_turfoff' transform='translate(-288 -12)'%3E%3Crect id='Background' width='24' height='24' transform='translate(288 12)' fill='none'/%3E%3Cline id='Minimize_icon' data-name='Minimize icon' x2='18' transform='translate(291.5 24.5)' fill='none' stroke='%23666' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  border: 0em solid transparent;
  cursor: pointer;
}
#wrapper .chat-header .chat-close-btn {
  height: 50px;
  margin-top: 5px;
  width: 40px;
  color: transparent;
  margin-right: 10px;
  background: url("data:image/svg+xml,%3Csvg id='ic_close' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect id='Background' width='24' height='24' fill='none'/%3E%3Cg id='Close' transform='translate(0.5 0.496)'%3E%3Cpath id='Line_114' data-name='Line 114' d='M.147 16.853a.5.5 0 0 1 0-.707l16-16 .707.707-16 16a.5.5 0 0 1-.707 0Zm16-16.707a.5.5 0 0 1 .707.707Z' transform='translate(3.5 3.503)' fill='%23666'/%3E%3Cpath id='Line_115' data-name='Line 115' d='M16.146 16.853l-16-16L.853.147l16 16a.5.5 0 0 1-.707.707ZM.147.147a.5.5 0 0 1 .707 0L.147.853A.5.5 0 0 1 .147.147Z' transform='translate(3.5 3.503)' fill='%23666'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  border: 0em solid transparent;
  cursor: pointer;
  transition-duration: 0.5s;
  transition-property: transform;
}
#wrapper .chat-header .chat-close-btn:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
#wrapper .chat-header .chat-head-logo {
  margin-top: 12px;
  margin-left: 5px;
}
#wrapper .chat-header .pull-left {
  float: left;
}
#wrapper .chat-header .pull-right {
  float: right;
}
.waitingpnlmain .waitingpnl > ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
.waitingpnlmain {
  color: #333;
}
#footer .send {
  color: transparent !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cg id='ic_send' transform='translate(-307 -6)'%3E%3Crect id='Rectangle_2624' data-name='Rectangle 2624' width='30' height='30' rx='15' transform='translate(307 6)' fill='%238e2157'/%3E%3Cg id='Icon_24_Utility_GPS' data-name='Icon / 24 / Utility / GPS' transform='translate(312 11)'%3E%3Crect id='Background' width='20' height='20' fill='none'/%3E%3Cpath id='Filled' d='M7.641 14.164a.416.416 0 0 1-.361-.332L6.125 8.043.335 6.884A.416.416 0 0 1 .244 6.1L13.578.037l.173.379.38.172L8.068 13.922a.414.414 0 0 1-.378.244Zm-.361-.332.408-.082h0Zm-.8-6.142h0ZM.417 6.476h0L.244 6.1ZM13.75.416 13.578.037a.417.417 0 0 1 .552.551Z' transform='translate(2.916 2.917)' fill='%23fff' opacity='0.99'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center center;
  margin-top: 3px;
}
#container #conversation {
  background: #FFF;
}
#chatcustomerfullname,
#chatcustomeremailaddress {
  font-size: 15px !important;
  color: #1f212b;
}
#chatcustomerfullname,
#chatcustomeremailaddress,
#btncustomerstartchat {
  height: 52px;
}
.message-item.message-text * {
  color: #1f212b;
}
.msg-wrapper .msg {
  background-color: #eaecf0 !important;
}
#footer {
  background-color: #f5f6fb;
}
#footer textarea {
  background-color: #f5f6fb;
  border: 0em;
}
#container
  #conversation
  .row.row-current-user-last:not(.row-current-user-first)
  .msg-wrapper
  .msg,
#container
  #conversation
  .row.row-current-user-last:not(.row-current-user-first)
  .msg-wrapper
  .msg-image {
  border-top-right-radius: 16px;
}
#container
  #conversation
  .row.row-other-user-last:not(.row-other-user-first)
  .msg-wrapper
  .msg,
#container
  #conversation
  .row.row-other-user-last:not(.row-other-user-first)
  .msg-wrapper
  .msg-image {
  border-top-left-radius: 16px;
}
#container #conversation .row.row-other-user-middle .msg-wrapper .msg,
#container #conversation .row.row-other-user-middle .msg-wrapper .msg-image {
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}
.messages-container .row.left-row div.msg {
  background-color: #8e2157 !important;
  color: #f2f3f9 !important;
  -webkit-border-radius: 16px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius: 16px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-radius: 16px !important;
  border-bottom-left-radius: 0 !important;
}
.messages-container .row.left-row div.msg .message-text * {
  color: #f2f3f9 !important;
  font-size: 14px !important;
}
.messages-container .row.right-row div.msg {
  background-color: #eaecf0 !important;
  color: #1f212b !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.messages-container .row.right-row div.msg .message-text * {
  color: #1f212b !important;
  font-size: 14px !important;
}
.conversation-timestamp-header {
  color: #1f212b !important;
  font-weight: normal !important;
  text-transform: lowercase !important;
  opacity: 0.7;
}
.conversation-timestamp-header:first-letter {
  text-transform: uppercase !important;
}
#messenger-button .unread-badge {
  left: 40px;
}
#footer .input-container .message-input {
  min-height: 30px;
}
#initiatechat.animtyp1 {
  line-height: 18px !important;
}
#waitingpnlmain.unavailablechatpnl {
  text-align: center;
}
#waitingpnlmain.unavailablechatpnl ul {
  list-style-type: none;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-inline-start: 0px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt {
  width: 80%;
  margin-left: 10%;
  margin-top: 10%;
  color: #1f212b;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt li.txtmast {
  font-size: 18px;
  font-weight: 500;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt li.txtsub {
  font-size: 14px;
  margin-top: 10px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt #btn_chat_contactus {
  height: 38px;
  background: #fff;
  border: 0.1em solid #8e2157;
  margin-top: 20px;
  width: 100%;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  color: #8e2157;
  transition-duration: 0.3s;
  font-weight: 500;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt #btn_chat_contactus:hover {
  background: #8e2157 !important;
  color: #fff !important;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt li.fltxt {
  margin-top: 40px;
  font-size: 14px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia {
  float: left;
  width: 100%;
  box-sizing: content-box;
  margin-top: 15px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia li {
  float: left;
  width: 33.33%;
  height: 100px;
  box-sizing: content-box;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia #social_facebook {
  float: left;
  width: 100%;
  height: 100px;
  padding-top: 50px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg id='Ic_Facebook' transform='translate(-0.223 -0.223)'%3E%3Crect id='Rectangle_2635' data-name='Rectangle 2635' width='42' height='42' transform='translate(0.223 0.223)' opacity='0'/%3E%3Cg id='Group_7019' data-name='Group 7019' transform='translate(3.547 3.549)'%3E%3Cpath id='Path_4017' data-name='Path 4017' d='M35.35 17.674A17.675 17.675 0 1 0 14.914 35.133V22.784H10.429v-5.11h4.486V13.786A6.237 6.237 0 0 1 21.59 6.909a27.179 27.179 0 0 1 3.956.353V11.6H23.317a2.554 2.554 0 0 0-2.881 2.761v3.314h4.9l-.783 5.11H20.436V35.135A17.675 17.675 0 0 0 35.35 17.674Z' transform='translate(0.001 -0.001)' fill='%231877f2'/%3E%3Cpath id='Path_4018' data-name='Path 4018' d='M316.129 215.887l.783-5.11h-4.9v-3.316a2.554 2.554 0 0 1 2.881-2.761h2.229v-4.339a27.174 27.174 0 0 0-3.956-.353 6.237 6.237 0 0 0-6.676 6.877v3.888H302v5.11h4.488v12.351a17.864 17.864 0 0 0 5.523 0V215.883Z' transform='translate(-291.574 -193.105)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat top 15px center;
  border: 0.1em solid #dbdee7;
  -webkit-border-top-left-radius: 12px;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomleft: 12px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia #social_twitter {
  float: left;
  width: 100%;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' viewBox='0 0 42 42'%3E%3Cg id='Ic_Twitter' transform='translate(0.484 0.484)'%3E%3Crect id='Rectangle_2634' data-name='Rectangle 2634' width='42' height='42' transform='translate(-0.484 -0.484)' opacity='0'/%3E%3Cg id='Group_7018' data-name='Group 7018' transform='translate(5.211 8.617)'%3E%3Cpath id='Path_4016' data-name='Path 4016' d='M84.464 122.635a17.289 17.289 0 0 0 17.4-17.4c0-.262 0-.525-.012-.787a12.46 12.46 0 0 0 3.06-3.172 12.394 12.394 0 0 1-3.519.966 6.153 6.153 0 0 0 2.695-3.387 12.167 12.167 0 0 1-3.888 1.479 6.12 6.12 0 0 0-10.583 4.187 6.76 6.76 0 0 0 .155 1.4 17.367 17.367 0 0 1-12.607-6.393 6.141 6.141 0 0 0 1.9 8.169 6.187 6.187 0 0 1-2.768-.763v.083a6.121 6.121 0 0 0 4.9 6 6.151 6.151 0 0 1-2.756.107 6.121 6.121 0 0 0 5.712 4.25 12.267 12.267 0 0 1-7.6 2.623 11.771 11.771 0 0 1-1.455-.083 17.4 17.4 0 0 0 9.363 2.73' transform='translate(-75.098 -98.4)' fill='%231da1f2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat top 15px center;
  padding-top: 50px;
  border: 0.1em solid #dbdee7;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia #social_instagram {
  float: left;
  width: 100%;
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42' height='42' viewBox='0 0 42 42'%3E%3Cdefs%3E%3CradialGradient id='radial-gradient' cx='0.266' cy='1.077' r='0.991' gradientTransform='translate(-2.918 5.666) rotate(-90) scale(1 0.93)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fd5'/%3E%3Cstop offset='0.1' stop-color='%23fd5'/%3E%3Cstop offset='0.5' stop-color='%23ff543e'/%3E%3Cstop offset='1' stop-color='%23c837ab'/%3E%3C/radialGradient%3E%3CradialGradient id='radial-gradient-2' cx='-0.168' cy='0.072' r='0.443' gradientTransform='matrix(0.196  0.981  -4.042  0.809  15.634  -0.42)' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%233771c8'/%3E%3Cstop offset='0.128' stop-color='%233771c8'/%3E%3Cstop offset='1' stop-color='%2360f' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg id='ic_insta' transform='translate(5.846 5.297)'%3E%3Crect id='Rectangle_2643' data-name='Rectangle 2643' width='42' height='42' transform='translate(-5.846 -5.297)' opacity='0'/%3E%3Cpath id='Path_4019' data-name='Path 4019' d='M14.709 0C8.569 0 6.773.006 6.424.035a7.3 7.3 0 0 0-2.9.728A5.871 5.871 0 0 0 1.835 2a6.312 6.312 0 0 0-1.7 3.577A26.543 26.543 0 0 0 0 9.919C0 11.09 0 12.631 0 14.7c0 6.135.007 7.929.036 8.278a7.387 7.387 0 0 0 .7 2.841A6.2 6.2 0 0 0 4.751 29.1a10.435 10.435 0 0 0 2.136.283c.364.016 4.077.027 7.791.027s7.429 0 7.785-.023a10.048 10.048 0 0 0 2.213-.29 6.158 6.158 0 0 0 4.016-3.287 7.266 7.266 0 0 0 .693-2.786c.02-.253.028-4.293.028-8.327s-.009-8.067-.029-8.321a7.185 7.185 0 0 0-.707-2.814 5.829 5.829 0 0 0-1.259-1.725 6.35 6.35 0 0 0-3.581-1.7A26.505 26.505 0 0 0 19.5 0Z' transform='translate(1.004 1)' fill='url(%23radial-gradient)'/%3E%3Cpath id='Path_4020' data-name='Path 4020' d='M14.709 0C8.569 0 6.773.006 6.424.035a7.3 7.3 0 0 0-2.9.728A5.871 5.871 0 0 0 1.835 2a6.312 6.312 0 0 0-1.7 3.577A26.543 26.543 0 0 0 0 9.919C0 11.09 0 12.631 0 14.7c0 6.135.007 7.929.036 8.278a7.387 7.387 0 0 0 .7 2.841A6.2 6.2 0 0 0 4.751 29.1a10.435 10.435 0 0 0 2.136.283c.364.016 4.077.027 7.791.027s7.429 0 7.785-.023a10.048 10.048 0 0 0 2.213-.29 6.158 6.158 0 0 0 4.016-3.287 7.266 7.266 0 0 0 .693-2.786c.02-.253.028-4.293.028-8.327s-.009-8.067-.029-8.321a7.185 7.185 0 0 0-.707-2.814 5.829 5.829 0 0 0-1.259-1.725 6.35 6.35 0 0 0-3.581-1.7A26.505 26.505 0 0 0 19.5 0Z' transform='translate(1.004 1)' fill='url(%23radial-gradient-2)'/%3E%3Cpath id='Path_4021' data-name='Path 4021' d='M28.86 18c-2.949 0-3.319.013-4.478.066a7.969 7.969 0 0 0-2.636.5 5.555 5.555 0 0 0-3.177 3.176 7.932 7.932 0 0 0-.5 2.636C18.014 25.54 18 25.91 18 28.859s.013 3.318.066 4.476a7.981 7.981 0 0 0 .5 2.636 5.557 5.557 0 0 0 3.175 3.177 7.976 7.976 0 0 0 2.636.5c1.158.053 1.528.066 4.477.066s3.318-.013 4.477-.066a7.981 7.981 0 0 0 2.637-.5 5.564 5.564 0 0 0 3.176-3.177 8.049 8.049 0 0 0 .5-2.636c.052-1.158.066-1.527.066-4.477s-.014-3.319-.066-4.478a8.045 8.045 0 0 0-.5-2.636 5.556 5.556 0 0 0-3.176-3.176 7.994 7.994 0 0 0-2.638-.5C32.175 18.013 31.807 18 28.857 18Zm-.974 1.957h.974c2.9 0 3.243.01 4.388.062a6.012 6.012 0 0 1 2.016.374 3.6 3.6 0 0 1 2.06 2.061A6 6 0 0 1 37.7 24.47c.052 1.145.063 1.489.063 4.387S37.75 32.1 37.7 33.243a6.006 6.006 0 0 1-.374 2.016 3.6 3.6 0 0 1-2.06 2.06 5.99 5.99 0 0 1-2.016.374c-1.145.052-1.489.063-4.388.063s-3.243-.011-4.388-.063a6.024 6.024 0 0 1-2.016-.374 3.6 3.6 0 0 1-2.061-2.06 6 6 0 0 1-.374-2.016c-.052-1.145-.062-1.489-.062-4.388s.01-3.242.062-4.387a6.012 6.012 0 0 1 .374-2.016 3.6 3.6 0 0 1 2.061-2.061 6 6 0 0 1 2.016-.374c1-.045 1.39-.059 3.414-.061Zm6.771 1.8a1.3 1.3 0 1 0 1.3 1.3 1.3 1.3 0 0 0-1.3-1.3Zm-5.8 1.523a5.576 5.576 0 1 0 5.576 5.577 5.577 5.577 0 0 0-5.576-5.577Zm0 1.957a3.62 3.62 0 1 1-3.62 3.62A3.62 3.62 0 0 1 28.86 25.239Z' transform='translate(-13.154 -13.154)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat top 15px center;
  padding-top: 50px;
  border: 0.1em solid #dbdee7;
  -webkit-border-top-right-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-radius-topright: 12px;
  -moz-border-radius-bottomright: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia button {
  transition-duration: 0.3s !important;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia button:hover {
  border: 0.1em solid #8e2157 !important;
}
#waitingpnlmain.unavailablechatpnl ul.txtcnt .socialmedia::after {
  display: block;
  content: "";
  clear: both;
}
/* Avaya Corrections Ends */

/* CR - 02 Aug 2022 Fix Starts */
#initiatechat.animtyp1 {
background: #FFF;
width:410px;
height:640px;
position: fixed;
bottom:20px !important;
right:20px !important;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
padding-left: unset !important;
top:unset !important;
}
#initiatechat.animtyp1 ul li:nth-child(1){
background: url(animation_500_l3lfytsi.gif) no-repeat center top;
background-size: 150px;
height:150px
}
#initiatechat.animtyp1 ul li:nth-child(2){
font-size: 2em;
font-family: 'Jotia';
font-weight: 200;
color:#333;
}
#wrapper .chat-header{
height: 60px;
z-index: 1;
position: absolute;
width:100%;
background: #FFF;
box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
#wrapper .chat-header .chat-heading{
height:60px;
}
#container #conversation{
padding-top: 60px;
}
#container #footer{
background: #FFF;
}
#footer .input-container .message-input {
background: #FFF;
padding-left: 0.5em;
padding-top: 0.3em;
}
#footer .send{
display: flex;
height: calc(100% - 12px);
}
.chat-endingconver-poupwindow .chat-popup-block{
margin-left: 10px;
width: 100%
}
/* CR - 02 Aug 2022 Fix Ends */