.toast1,.toast2,.toast3{width:450px;padding:20px;background:#fff;position:fixed;right:20px;font-size:.8rem;line-height:1.1rem;border-radius:5px;border:1px solid #ccc;box-shadow:5px 5px 10px #999;z-index:1}
@media screen and (max-width:667px){
	.toast1,.toast2,.toast3{width:320px;left:50%;margin:0 -160px;}
}
.toast1 .text,.toast2 .text,.toast3 .text,.toast1 .ico,.toast2 .ico,.toast3 .ico,.toast1 .close,.toast2 .close,.toast3 .close{float:left;}
.toast1 .ico,.toast2 .ico,.toast3 .ico{width:17%;padding-top:10px;text-align:left;font-size:2.5rem;}
@media screen and (max-width:667px){
	.toast1 .ico,.toast2 .ico,.toast3 .ico{display:none;}
}
.toast1 .text,.toast2 .text,.toast3 .text{width:80%;color:#333;position:relative;}
@media screen and (max-width:667px){
	.toast1 .text,.toast2 .text,.toast3 .text{width:100%;}
}
.toast1 .close,.toast2 .close,.toast3 .close{font-size:1.25rem;color:#999;}
.toast1 .close i,.toast2 .close i,.toast3 .close i{width:20px;height:20px;position:absolute;right:-30px;top:-10px;cursor:pointer;}
@media screen and (max-width:667px){
	.toast1 .close i,.toast2 .close i,.toast3 .close i{right:-20px;top:-15px;}
}
.toast1 p,.toast2 p,.toast3 p{margin-bottom:10px;}
.btn-footer .testing  {margin-left:10px;}
.toast1 p:last-child,.toast2 p:last-child,.toast3 p:last-child{margin-bottom:0;}
.toast1 button,.toast2 button,.toast3 button{border:none;padding:10px;color:#fff;border-radius:5px;cursor:pointer;transition:opacity 0.5s;}
.toast1 button:hover,.toast2 button:hover,.toast3 button:hover{opacity:0.5;}
.btn-footer{padding-top:10px;text-align:center;}
.font-welcome{color:#34b233;}
.font-client{color:#00a4cf;}
.font-alert{color:#ff5800;}
.border-welcome{border-left:7px solid #34b233;}
.border-client{border-left:7px solid #00a4cf;}
.border-alert{border-left:7px solid #ff5800;}
.bg-welcome{background:#34b233;}
.bg-client{background:#00a4cf;}
.bg-alert{background:#ff5800;}
.appear{top:20px;animation: upAppear linear 0.5s;}
@keyframes upAppear {
    0%{
      top:100px;
      opacity:0;
    }
    100% {
        top:20px;
        opacity:1;
    }
  }
.desappear{top:-1000px;animation: upDesappear linear 1s;}
@keyframes upDesappear {
    0%{
      top:20px;
      opacity:1;
    }
    100% {
        top:-1000px;
        opacity:0;
    }
  }
#stModalOfertaTrial{z-index: 1;}  