/***************Toast****************/
.toast_success{
    z-index: 8;
    padding: 5px;
  
    border: 2px solid #70b771;
    border-radius: 2px;
    background-color: #70b771;
    color: white;
    font-weight: bold;
    position: absolute; 
    top: 150px; 
    left: 73%; 
    width: 400px; 
  
    box-shadow: 5px 10px 18px #888888;
    -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;
    
    border: 2px solid #cb5f55;
    border-radius: 2px;
    background-color: #cb5f55;
    color: white;
    font-weight: bold;
    position: absolute; 
    top: 150px; 
    left: 73%; 
    width: 400px; 
  
    box-shadow: 5px 10px 18px #888888;
    -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;
    
    border: 2px solid #faa922;
    border-radius: 2px;
    background-color: #faa922;
    color: white;
    font-weight: bold;
    position: absolute; 
    top: 150px; 
    left: 73%; 
    width: 400px; 
  
    box-shadow: 5px 10px 18px #888888;
    -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;
  }