html, body {
  background: #EFEFEF;
  height:100%;
}
#center-text {
  display: flex;
  flex: 1;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  height:100%;
}

/* Handles the floating text */
/* Make the msg slide from left on page load (from widget) */
@keyframes slideFromLeft {
  0% {
    transform: translate(15%);
  }
  100% {
    transform: translate(0);
  }
}

.text-callout {
  background-color: #EEF4F9;
  animation: 1s ease-out 1s 1 slideFromLeft;
  position: fixed;
  right: 120px;
  bottom: 60px;
  border-radius: 6px;
  /* border: 1px solid #C5D9E8; */ /*Only use with callout having the same */
  z-index: 2147483637;
  display: none;
}

.text-callout--hide {
  display: none;
  z-index: 2147483637;
}
.text-callout--show {
  display: flex;
  transition: transform 0.6s 0s;
  animation: 0.3s ease-out 0s 1 slideFromLeft;
  background-color: #EEF4F9;
  position: fixed;
  right: 120px;
  bottom: 60px;
  border-radius: 6px;
  /* border: 1px solid #C5D9E8; */ /*Only use with callout having the same */
  /* z-index: 2147483637; */
  z-index: 5;
}
.removed {
  transform: translateX(3vw);
}

.text-callout--show::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  right: -20px;
  top: 65%;
  border-left: 10px solid #EEF4F9;
  /* border: 1px solid #C5D9E8; */
}
.text-callout::before {
  content: "";
  width: 0px;
  height: 0px;
  border: 0.8em solid transparent;
  position: absolute;
  right: -20px;
  top: 65%;
  border-left: 10px solid #EEF4F9;
  /* border: 1px solid #C5D9E8; */
}
#chat-icon {
  content: "";
  /* border: 2px solid red; */
  position: absolute;
  width: 70px;
  height: 70px;
  right: 40px;
  bottom:60px;
  z-index: 2147483637;
  cursor: pointer;
}

#close-text-callout {
  display: none;
  /* background-color: gray; */
  width: fit-content;
  height: fit-content;
  border-radius: 85px;
  z-index: 2147483637;
  cursor: pointer;
  /* animation: 0s ease-out 5s 1 delay */
}
#p-text {
  padding-top: 5px;
  padding-bottom: 5px;
}