/* ALERT MODULE JQUERY */
.topper{
    width:100%;
    height:auto;
    background-color:#3498db;
    color:#fff;
    z-index:60009022;
}
.topper-top { position:fixed; left:0; top:0; }
.topper-bottom { position:fixed;
    left: 0;
    bottom: 0;
}
.topper-success{ background:#2ecc71; color:#fff; }
.topper-info{ background:#3498db; color:#fff; }
.topper-warning{ background:#f39c12; color:#1f1f1f; }
.topper-danger{ background:#e74c3c; color:#fff; }

.topper > .topper-content{
    display: grid;
    grid-template-columns: 20% 70% 10%;
    position: relative;
    padding: 1em 0;
}
.topper > .topper-content > .topper-title {
    display: block;
    text-align: right;
    font-weight:bold;
}

.topper > .topper-content > .topper-text{
    text-align:left;
    margin-left: 25px;
}

.topper-top .topper-close{
    position:relative;
    display: block;
    cursor:pointer;
    font-weight: 600;
    transition:opacity 200ms ease;
}

.topper-top .topper-close:hover{
    opacity:0.7;
}
.topper-top .topper-content:after{
    content:"";
    display:table;
    clear:both;
}