#message-zone {
    position: absolute;
    top: 30px;
    right: 30px;
}
.message-box {
    position:relative;
    background-color: rgba(255,255,255,.9);
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 5px;
    min-width: 300px;
    max-width: 400px;
}

.error-box {
    border: 3px solid #ff0000;
    color: #660000;
}

.alert-box {
    border: 3px solid #ff9900;
    color: #663300;
}

.warning-box {
    border: 3px solid #ffcc00;
    color: #996600;
}

.info-box {
    border: 3px solid #0099cc;
    color: #003366;
}

.debug-box {
    border: 3px solid #009900;
    color: #006600;
}

.error-icon {
    color: #ff0000 !important;
}

.alert-icon {
    color: #ff9900;
}

.warning-icon {
    color: #ffcc00;
}

.info-icon {
    color: #0099cc;
}

.debug-icon {
    color: #009900;
}


.message-close {
    border-radius: 100px;
    font-weight: bold;
}

.error-close {
    border: 3px solid #cc0000;
    background-color: #ff0000;
    color: #ffffff;
}

.alert-close {
    border: 3px solid #cc6600;
    background-color: #ff9900;
    color: #ffffff;
}

.warning-close {
    border: 3px solid #cc9900;
    background-color: #ffcc00;
    color: #ffffff;
}

.info-close {
    border: 3px solid #006699;
    background-color: #0099cc;
    color: #ffffff;
}

.debug-close {
    border: 3px solid #006600;
    background-color: #009900;
    color: #ffffff;
}