/*-------------------------------------------------------------------------------------------------
  Popup Balloon in Lower Right Corner
-------------------------------------------------------------------------------------------------*/
.alert-balloon {
    position: absolute;
    padding-right: 55px;
    width: 350px;
    bottom:20px;
    border-radius: 15px;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    opacity: 1.0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}

.alert-header {
    font-size: 1.25rem;
    font-weight: bold;
}

.alert-pull-right {
    position: absolute;
    right: 3%;
    opacity: 1.0;
    /* background:#000; */
}

.btn-circle.btn-xl-alert {
  width: 40px;
  height: 40px;
  font-size: 1.2rem;
  /* padding: 0 0 0 0; */
  /* padding-left: 10px; */
  /* padding: 10px 10px; */
  line-height: 1.33;
  border-radius: 35px;
  cursor:default;
  transition: background-color 1s, color 1s;
}

.alert-icon i {
  padding-left: 25px !important;
  font-size: 1.8rem;
}

.btn-float-alert {
    position: absolute;
    right:-20px;
    top:-20px;
}

.alert-message button {
    background-color: #EEEEEE;
    color:#222222;
    opacity: 0.95;
}

.alert-message hr {
    margin-top: 0px;
    margin-bottom: 10px;
    border: 0;
    border-top: 4px solid #EEEEEE;
    border-color: #EEEEEE;
}

.alert-error button {
    background-color: #FF0000;
    color:#FFFFFF;
    opacity: 0.95;
}

.alert-error hr {
    margin-top: 0px;
    margin-bottom: 10px;
    border: 0;
    border-top: 4px solid #EEEEEE;
    border-color: #FF0000;
}