.master_box_alert{
  width:300px;
  background-color: #3b9e80;
  position:relative;
  border-radius:25px;
  margin:0.5rem;
  padding:0.5rem;
}
.ok_button{
  color:white;
  font-weight: bold;
  font-size: 1.2rem;
  background-color:transparent;
  border: 0px solid black;
  cursor:pointer;
  margin-left:auto;
  margin-right:0.5rem;
  display: block;
}
.grayed_bg{
  background-color: rgb(0,0,0,0.8);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 0px;
  overflow: hidden;
  z-index: 100;
  display: grid;
  justify-content: center;
  align-items: center;
  opacity: 0;

  transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
}

.show_background {
    opacity: 100;
    background-color: rgb(0,0,0,0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 100;

    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
}

.content_popup{
  color:white;
  padding: 0.5rem;
}