@import url('./lib/jquery.jgrowl.min.css');
.af-message-success { background-color: green !important; }
.af-message-error { background-color: brown !important; }
.af-message-info { background-color: black !important; }
.ajax_form.af_example {width: 100%; background-color: #6bbde8; padding: 1px;}

.ajax_form.af_example .form-group {margin: 10px 0;}



.ajax_form.af_example .controls input,
.ajax_form.af_example .controls textarea {width: 95%;}

#ajax_form_v2 .ajax_form.af_example .controls input {width: 50%;}
#ajax_form_v2 .ajax_form.af_example .controls {text-align: -webkit-right;}
#ajax_form_v2 .ajax_form.af_example {padding: 0px;background-color: inherit;}
#ajax_form_v2 .form-group {margin: 15px 0;}
#ajax_form_v2 .form-group .controls.submit {text-align: -webkit-center;}
#ajax_form_v2 .ajax_form.af_example .controls button[type="submit"] {float: inherit;}

#ajax_form_v3 .ajax_form.af_example .controls input {width: 50%;}
#ajax_form_v3 .ajax_form.af_example .controls {text-align: -webkit-right;}
#ajax_form_v3 .ajax_form.af_example {padding: 0px;background-color: inherit;}
#ajax_form_v3 .form-group {margin: 15px 0;}
#ajax_form_v3 .form-group .controls.submit {text-align: -webkit-center;}
#ajax_form_v3 .ajax_form.af_example .controls button[type="submit"] {float: inherit;}
#ajax_form_v3 .ajax_form.af_example .controls textarea {width: 90%;margin: 0 auto;}

#ajax_form_v4 .ajax_form.af_example .controls input {width: 50%;}
#ajax_form_v4 .ajax_form.af_example .controls {text-align: -webkit-right;}
#ajax_form_v4 .ajax_form.af_example {padding: 0px;background-color: inherit;}
#ajax_form_v4 .form-group {margin: 15px 0;}
#ajax_form_v4 .form-group .controls.submit {text-align: -webkit-center;}
#ajax_form_v4 .ajax_form.af_example .controls button[type="submit"] {float: inherit;}
#ajax_form_v4 .ajax_form.af_example .controls textarea {width: 90%;margin: 0 auto;}

.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;
    }
}