#message {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 999000;
}

#message .close {
    position: absolute;
    top: 3px;
    right: 8px;
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.error, .success, .info{
    width: 90%;
    padding: 3px;
    margin: 10px auto;
    /*font-weight: bold;*/
    text-align: center;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #AAA;
    position: relative;
}

.error{
    color: #cc0f0f;
    border: 1px solid #ff9999;
    background-color: #ffcccc;

}

.success{
    color: green;
    border: 1px solid #99ff99;
    background-color: #ccffcc;
}

.info{
    color: #bf8809;
    border: 1px solid #ffd100;
    background-color: #ffeea0;
}
/* ==================== */
.green {
    color: green;
}
.orange {
    color: orange;
}
.red {
    color: red;
}
.gray {
    color: gray;
}
/* ==================== */
.bold {
    font-weight: bold;
}
.small{
    font-size: 75%;
}
.del {
    text-decoration: line-through;
}
.gray {
    color: gray;
}
.italic {
    font-style: italic;
}
/* ==================== */
.reset {
    clear: both;
}
.sempis {
    color: gray;
    font-style: italic;
}
/* ==================== */
.popup {
    background-color: white;
    border: 2px solid black;
    padding: 10px;
    border-radius: 8px;
    overflow-y: auto;
    max-height: 90%;
    /*box-shadow: 3px 3px 5px #333;*/
}

.popupBg{
    background-color: black;
    opacity: 0.25;
}

.popupClose {
    background-color: transparent;
    background-image: url("../../images/close.png");
    width: 25px;
    height: 25px;
}