.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;

}
.animated-svg-component {
    width: 100%;
    line-height: 0;
}

.animated-svg-component svg {
    width: 100%;
    height: auto;
    display: block;
}

.animated-svg__render {
    opacity: 0;
}

.animated-svg__fallback {
    opacity: 1;
}

.animated-svg__fallback svg,
.animated-svg__fallback svg * {
    animation: none !important;
    transition: none !important;
}

.animated-svg--visible .animated-svg__render {
    opacity: 1;
    transition: opacity 0.3s ease;
}

.animated-svg-component--mobile-only {
    display: none;
}

@media (max-width: 767px) {
    .animated-svg-component--has-mobile {
        display: none;
    }

    .animated-svg-component--mobile-only {
        display: block;
    }
}