/* =========================================================
   KOMUNIKATY
========================================================= */

.message {

    padding: 16px 20px;

    margin: 20px 0;

    border-radius: 10px;

    font-weight: bold;

}

/* =========================================================
   SUKCES
========================================================= */

.message-success {

    background: rgba(46, 204, 113, .15);

    border: 1px solid rgba(46, 204, 113, .45);

    color: #9be7b4;

}

/* =========================================================
   BŁĄD
========================================================= */

.message-error {

    background: rgba(231, 76, 60, .15);

    border: 1px solid rgba(231, 76, 60, .45);

    color: #ffb3ab;

}

/* =========================================================
   OSTRZEŻENIE
========================================================= */

.message-warning {

    background: rgba(241, 196, 15, .15);

    border: 1px solid rgba(241, 196, 15, .45);

    color: #ffe082;

}