.edge-section {
  height: 100vh;
  color: #fff;
  position: absolute;
  z-index: 9999;
  background-color: #000a25;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.edge-section .content {
  max-width: 464px;
  width: 100%;
  text-align: center;
}

.edge-section .content h1 {
  font-size: 34px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #f6f9ff;
  color: #f3f6ff;
  font-weight: 400;
}

.edge-section .content p {
  max-width: 600px;
  width: 100%;
  text-align: center;
  color: rgb(203 216 255 / 60%);
  font-weight: 400;
  font-size: 16px;
}

.edge-section .content a {
  color: #0d8adb;
}

.edge-section .content img {
  width: 100px;
}

.hide {
  display: none;
}

#google_translate_element {
  position: absolute;
  z-index: 100;
  right: 0;
}

.videoOverlay {
  position: absolute;
  background-color: rgba(10, 10, 10, 0.8);
  z-index: 99999;
  display: none;
  visibility: visible;
}

.likeButton,
.replayButton {
  min-width: 16%;
  height: 12%;
  border: none;
  padding: 3px 7px;
  margin: 10px;
  cursor: pointer;
}

.likeButton {
  font: 12px Arial;
  color: White;
  background-color: rgb(200, 0, 0);
}

.replayButton {
  font: 12px Arial;
  background-color: rgb(255, 255, 255);
}

.pietimer {
  position: relative;
  font-size: 200px;
  width: 1em;
  height: 1em;
  float: left;
}

.pietimer > .percent {
  position: absolute;
  top: 1.05em;
  left: 0;
  width: 3.33em;
  font-size: 0.3em;
  text-align: center;
  display: none;
}

.pietimer > .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0px, 1em, 1em, 0.5em);
}

.pietimer > .slice.gt50 {
  clip: rect(auto, auto, auto, auto);
}

.pietimer > .slice > .pie {
  border: 0.1em solid #c0c0c0;
  position: absolute;
  width: 0.8em;
  /* 1 - (2 * border width) */
  height: 0.8em;
  /* 1 - (2 * border width) */
  clip: rect(0em, 0.5em, 1em, 0em);
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
}

.pietimer > .slice > .pie.fill {
  -moz-transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
  -o-transform: rotate(180deg) !important;
  transform: rotate(180deg) !important;
}

.pietimer.fill > .percent {
  display: none;
}

.pietimer.fill > .slice > .pie {
  border: transparent;
  background-color: #c0c0c0;
  width: 1em;
  height: 1em;
}

#dv_videoelement {
  height: 100%;
  width: 100%;
}

.overlay-container .toast-container .ngx-toastr {
  width: 480px;
}

.overlay-container .toast-info {
  background-color: #1a75bb;
}

.s27bot .bot_profile {
  background: #0f1e3c !important;
}
