.symbol {
    font-size:        0.9em;
    font-family:      Times New Roman;
    border-radius:    1em;
    padding:          .1em .6em .1em .6em;
    font-weight:      bolder;
    color:            white;
    background-color: #4E5A56;
    margin-right:     5px;
}

.icon-info  { background-color: #3229CF; }
.icon-error { background: #e64943; font-family: Consolas; }
.icon-tick  { background: #13c823; }
.icon-excl  { background: #ffd54b; color: black; }

.icon-info:before  { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before  { content: '\002713'; }
.icon-excl:before  { content: '!'; }

.notify {
    background-color: #e3f7fc;
    color:            #555;
    border:           .1em solid;
    border-color:     #8ed9f6;
    border-radius:    10px;
    font-family:      Tahoma,Geneva,Arial,sans-serif;
    font-size:        1.2em;
    padding:          10px 0 10px 10px;
    cursor:           default;
    margin-bottom:    5px;
    width:            80vw;
    position: fixed;
    bottom: 0;
    left: 5.2em;
}

.notify-yellow { background: #fff8c4; border-color: #f7deae; }
.notify-red    { background: #ffecec; border-color: #fad9d7; }
.notify-green  { background: #e9ffd9; border-color: #D1FAB6; }