@import url('lib/jquery.jgrowl.min.css');
#jGrowl {
    z-index: 99999;
}
.jGrowl-notification {
    opacity: 1 !important;
}
.af-message-success,
.af-message-error,
.af-message-info {
    font-family: inherit !important;
    font-size: 0.7rem;
    background-color: var(--post-card-mini-bg);
    color: var(--title-color);
    border: 0.1rem solid var(--app-border-color);
    border-radius: 0.8rem;
    backdrop-filter: blur(30px);
    padding: 1.5rem 1.25rem 1.5rem 1.5rem;
}
@media (max-width: 991.98px) {
    .af-message-success,
    .af-message-error,
    .af-message-info {
        font-size: 1rem;
        border-width: 0.0833333333rem;
        border-radius: 0.8333333333rem;
        padding: 1.6666666667rem 1.8333333333rem;
    }        
}    
.ajax_form.af_example {
    width: 100%;
}
.ajax_form.af_example .controls input,
.ajax_form.af_example .controls textarea {
    width: 100%;
}
.ajax_form .error {
    color: brown;
}
@media screen and (min-width: 320px) {
    .ajax_form.af_example .controls button[type="submit"] {
        float: right;
    }
}
@media screen and (max-width: 320px) {
    .ajax_form.af_example .controls button {
        width: 100%;
        margin-top: 5px;
    }
}