@charset "utf-8";

.container .message {
	width: 900px;
	margin: 10px auto 0 auto;
    padding: 0 20px;
    font-size: 1.2em;
}
@media(max-width:900px){
    .container .message {
        width: 90%;
        min-width: 320px;
    }
}

#fullOverlay {
    position: absolute;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(100, 100, 100, .8);
    z-index: 2147483647;
    display: none;
}

#fullOverlay .text{
    position: absolute;
    left: 50%; top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    color: rgba(250, 250, 250, 1);
    font-size: 24px;
    text-align: center;
}

.message.success {
    background: #eafbe9;
    color: #05b505;
    border: solid;
    border-width:2px 2px 2px 2px;
    /* border-radius: 10px;     */
    border-color: #c4f5c6;
}

.message.error {
    background: #fee0e0;
    color: #ff0000;
    border: solid;
    border-width:2px 2px 2px 2px;
    /* border-radius: 10px;     */
    border-color: #ff6969;
}
.error-message {
    color: #ff0000;
}