/* NOTIFICAITON */

.notificationPanel {
    position: fixed;
    width: 100%;
    right: 0;
    top: 0px;
    display:none;
}

.notification {
    padding: 15px;
    font-size: 1.2em;
    cursor: pointer;
    border-radius: 3px;
}

    .notification > p {
        margin: 0;
        text-align:center;
    }

.notificationSuccess {
    background-color: #25A098;
    border: 1px solid #25A098;
}

    .notificationSuccess p {
        color: white;
        text-align: center;
    }

.notificationWarning {
    background-color: #ffeaa8;
    border: 1px solid #ffc237;
}

    .notificationWarning p {
        color: white;
        text-align: center;
    }

.notificationError {
    background-color: #BA4953;
    border: 1px solid #A40A21;
}

    .notificationError p {
        color: white;
        text-align: center;
    }

/* MOBILE */
/*@media screen and (max-width: 640px) {
    .notificationPanel {
        width: 100%;
        left: 0;
        bottom: 5px;
    }

    .notification {
        margin: 3px 3px;
        padding: 5px 10px;
        font-size: .9em;
        border-radius: 1px;
    }
}*/