#notify-logs{
   z-index              : 5000;
   position             : fixed;
   top                  : 10px;
   right                : 10px;
   width                : 300px;
}

.notify-log{
   position             : relative;
   margin-top           : 10px;
   background           : rgba(0,0,0,.9);
   color                : #FFFFFF;
   border-radius        : 4px;
   padding              : 15px;
   -webkit-transition   : all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
      -moz-transition   : all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
       -ms-transition   : all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
        -o-transition   : all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
           transition   : all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
}

.notify-log-success{
   background           : rgba(92,184,17,.9);
}

.notify-log-warning{
   background           : rgba(254,26,0,.9);
}

.notify-log-show{
   opacity              : 1;
   right                : 0;
}

.notify-log-hide{
   -webkit-transition   : all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
      -moz-transition   : all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
       -ms-transition   : all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
        -o-transition   : all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
           transition   : all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);
   opacity              : 0;
   right                : -300px;
}