.toast {
    display:flex;justify-content:center;flex-wrap: wrap;
    position: fixed;list-style: none;padding:0;top: 0;z-index: 999999;font-family: 'Helvetica Neue',
    Helvetica,
    Arial,
    sans - serif;font-size: 14 px;line-height: 20 px
}.toast li {
    margin: 10 px 0 0 0;display: block;background-color: #fcf8e3;color: #c09853;border: 1 px solid #fbeed5;padding: 5 px 10 px;
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    text-shadow: 0 1 px 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 2 px 5 px rgba(0, 0, 0, .15); 
    -webkit-box-shadow: 0 2 px 5 px rgba(0, 0, 0, .15);
/*     width:400px; */
    width:370px;
/*     height:40px; */
     line-height:16px;
    text-align:center;
    font-size:14px;
    padding-top:10px;
    padding-bottom:10px;
}.toast li:first-child {
    margin-top: 0
}.toast li.danger {
/*     color: #b94a48;background - color: #f2dede;border - color: #eed3d7 */
	background-color: #F64E60;
    color: #ffffff;
	border-radius: 4px; 
    -webkit-border-radius: 4px; 
/*     opacity:0.8; */
}.toast li.info {
/*     color: #3a87ad;background-color:# d9edf7;border - color: #bce8f1 */
 background-color: #1BC5BD;
 color: #ffffff;
  border-radius: 4px; 
  -webkit-border-radius: 4px; 
/*   opacity:0.8; */
}.toast li.success {
    color: #468847;background-color:#dff0d8;border-color: #d6e9c6
}.toast button.close {
    background: none;border: none;font-weight: bold;font-size: 20px;line-height: 20px;float: right;padding: 0;margin: 0 0 0 5 px;color: rgba(0, 0, 0, 1);cursor: pointer
}.toast h1, .toast h2, .toast h3, .toast h4 {
    display: inline
}


.toast li.toast-success {
    background-color: #1BC5BD;
    color: #ffffff;
}
/*초록색*/

.toast li.toast-info {
    background-color: #8950FC;
    color: #ffffff;
}
/*보라색*/

.toast li.toast-warning {
    background-color: #FFA800;
    color: #ffffff;
}
/*노란색*/

.toast li.toast-error {
    background-color: #F64E60;
    color: #ffffff;
}
/*빨간색*/