.topper-top{ position:fixed; right:0; bottom:0; width:300px; height:auto; background-color:#ff5747; color:#fff; z-index:2000; border-radius:15px 0 0 0; }

.topper-alert-success{ background-color:#50ae32; color:#fff; }
.topper-alert-info{ background-color:#4884EC; color:#fff; }
.topper-alert-warning{ background-color:#f39c12; color:#1f1f1f; }
.topper-alert-danger{ background-color:#ff5747; color:#fff; }

/* Topper-top */
.topper-top .topper-title{ width:100%; font-size:14px; font-weight:bold; }
.topper-top .topper-text{ float:left; }
.topper-top .topper-close{ position:absolute; right:15px; top:15px; font-size:30px; cursor:pointer; transition:opacity 200ms ease; line-height:15px; }
.topper-top .topper-close:hover{ opacity:0.7; }
.topper-top .topper-content:after{ content:""; display:table; clear:both; }
.topper-top .topper-content{ padding:15px; font-size:12px; }