.announcement-cmpnt-wrap {
  display: none;
}
.announcement-cmpnt-wrap.show {
  display: block;
}
.customAnnouncement {
  /*  position: relative;
  padding: 16px 40px 16px 16px;
  margin: 1rem 0;
  border-radius: 4px;
  font-family: sans-serif;
  transition: opacity 0.3s ease;
  width: 99vw;
  box-sizing: border-box; */
}
.customAnnouncement.info {
  background-color: #e0f1ff;
  border: 1px solid #73bfff;
  color: #003e66;
}
.customAnnouncement.success {
  background-color: #eefff2;
  border: 1px solid #94edcf;
  color: #005f66;
}
.customAnnouncement.danger {
  background-color: #ffe6e1;
  border: 1px solid #ffb0a1;
  color: #7e1a0d;
}
.customAnnouncement.warning {
  background-color: #fcf7d6;
  border: 1px solid #f3cd30;
  color: #916801;
}
.customAnnouncement.top {
  position: fixed;
  top: 20px;
  z-index: 1000;
}
.customAnnouncement.bottom {
  position: fixed;
  bottom: 20px;
  z-index: 1000;
}
.customAnnouncement.center {
  position: fixed;
  top: 50%;
  z-index: 1000;
}

.floatingdialogbox .public-promo-box {
  display: none;
}
.floatingdialogbox .public-promo-box.show {
  display: block;
}


.loaderData,
.loaderData:before,
.loaderData:after {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

.loaderData {
    color: #002677;
    font-size: 8px;
    margin: 20px auto 20px;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.loaderData:before,
.loaderData:after {
    content: '';
    position: absolute;
    top: 0;
}

.loaderData:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loaderData:after {
    left: 3.5em;

}