.toast2{
    position:fixed;
    box-sizing: border-box;
    width:100%;
    min-height:120px;
    top:0px;
    left:0px;
    background:#1caa97;
    color:white;
    font-size:16px;
    padding:10px;
    padding-right:80px;
    z-index:10000;
    transition:all 0.2s;
    opacity:1;
    padding-top:env(safe-area-inset-top) !important;

}

.toast2-inner{
  padding:15px;
}

.toast2.toast2-alert{
    background:#e53935;
    color:white;
}

.toast2.toast2-alert:before{
    background:#ff5955;
    content: "\f071";
}

.toast2.toast2-warn{
    background:#ef9a9a;
    color:white;
}


.toast2 a{
    color:white !important;
    font-weight:bold;
    transition:all 0.2s;
}

.toast2 a:hover{
    transform:scale(1.03);
}




.toast2:before{
    position:absolute;
    bottom:50%;
    margin-bottom:-22px;
    right:10px;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    background:#3ccab7;
    border-radius:50%;
    z-index:1;
    content: "\f00c";
    color:#f0f0f0;
    font-weight:900;
    font-family: 'Font Awesome 5 Pro';
      font-size:25px;
      pointer-events:none;
    
      

}

.toast2.animate:before{
    box-shadow: 0 0 0 0 rgba(56,181,74, 1);
    transform: scale(1);
    animation: pulse 2s infinite;


}

.toast2 .toast2-title{
    display:block;
    font-size:24px;
    font-weight:bold !important;
    padding-bottom:10px;

}

.toast2.start{
    margin-top:-500px;
    opacity:0.5;
}

.toast2-card{
    box-sizing: border-box;
    position:fixed;
    top:60px;
    min-height:80%;
    width:94%;
    max-width:500px;
    margin-left:3%;
    background:white;
    border-top:2px solid grey;
    box-shadow:0px 0px 8px rgba(0,0,0,0.5);
    z-index:2000;
    font-size:14px;
    color:#606060;
    border-radius:10px 10px 10px 10px;
    transition:all 0.2s;
    overflow:hidden;
    padding-bottom:20px;

}


.toast2-notrans{
    transition:all 0.09s;
}

.toast2-card-inner{
    width:100%;
    height:100%;
    overflow-y:scroll;

}

.toast2-card.start{
    top:95% !important;
}

.toast2-faded{
    opacity:0.7;

}

.toast2-card-close{
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    font-size:20px;
    color:#1caa97;
    
}

.toast2-push-wrap{
  position:fixed;
  top:44px;
  width:100%;
  z-index:100;
  margin-top:env(safe-area-inset-top);
  box-shadow:0px 0px 30px rgba(0,0,0,0.4);

}

.toast2-push-wrap.toast2-push-lower{
  top:77px !important;

}


.toast2-push{
  position:relative;
  width:100%;
  background:white;
  border-bottom:4px solid #1caa97;
  padding:10px;
  font-size:14px;
  border-top:4px solid #1caa97;
  padding-left:50px;
  transition:all 0.2s;
  z-index:100000 !important;
}


.toast2-push img{
  position:absolute;
  top:13px;
  left:5px;
  font-size:30px;
  width:30px;
}


.toast2-push h6{
  font-size:20px;
  color:#1caa97;
  font-weight:bold;
  margin-bottom:10px;
  margin-top:0px;
}


@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}