/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20 dic 2022, 21:03:33
    Author     : Androino

*/

@media only screen and (max-device-width: 400px) {
 #toast {
  /*left:calc(100% - 340px)!important;*/
 }
}

#toast , #toast_a, #toast_b{
 visibility: hidden;
 width: calc(100% - 50px);
 background-color: red;
 color: #fff;
 font-weight:bold;
 text-align: center;
 border-radius: 2px;
 padding: 13px;
 position: fixed;
 z-index: 1;
 left:5px!important;
 bottom: 30px;
 font-size: 22px;
 border:4px double  #00FF00;
 border-radius: 9px;
}

#toast.show , #toast_a.show , #toast_b.show {
 visibility: visible;
 -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
 animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
 from {bottom: 0; opacity: 0;} 
 to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
 from {bottom: 0; opacity: 0;}
 to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
 from {bottom: 30px; opacity: 1;} 
 to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
 from {bottom: 30px; opacity: 1;}
 to {bottom: 0; opacity: 0;}
}