/***************Toast****************/
.toast_success{
    z-index: 8;
    padding: 5px;
    height: 70px;
    border: 2px solid #70b771;
    border-radius: 2px;
    background-color: #54b356;
    color: white;
    /* font-weight: bold; */
    position: absolute; 
    top: 130px; 
    left: 68%;  
    width: 400px; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    display: flex; 
  
    box-shadow: 3px 2px 16px -10px rgba(0,0,0,0.75);
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 5s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 10s;
    /*position: relative;*/
    }
    @-webkit-keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
        }
    }
    @keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
    }  
  }
.toast_success p{
    font-size: 18px;
    color: white; 
  } 
.toast_danger{
    z-index: 8;
    padding: 5px;
    height: 70px;
    border: 2px solid #cb5f55;
    border-radius: 2px;
    background-color: #f35042;
    color: white;
    font-weight: bold;
    position: absolute; 
    top: 130px; 
    left: 68%; 
    width: 400px; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    display: flex; 

    box-shadow: 3px 2px 16px -10px rgba(0,0,0,0.75);
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 5s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 10s;
    /*position: relative;*/
    }
    @-webkit-keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
        }
    }
    @keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
    }  
  }
.toast_danger p{
    font-size: 18px;
    color: white; 
  } 
  
.toast_alert{
    z-index: 8;
    padding: 5px;
    height: 70px;
    border: 2px solid #faa922;
    border-radius: 2px;
    background-color: #faa922;
    color: white;
    font-weight: bold;
    position: absolute; 
    top: 130px; 
    left: 68%; 
    width: 400px; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    display: flex; 
    
    box-shadow: 3px 2px 16px -10px rgba(0,0,0,0.75);
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 5s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 10s;
    /*position: relative;*/
    }
    @-webkit-keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
        }
    }
    @keyframes seconds {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        display: none; 
    }  
  }
.toast_alert p{
    font-size: 18px;
    color: white;
    font-family: calibri; 
  }
.detail_prod_bold{
    font-size: 22px;
  }