/*input[type="text"].form-control, 
input[type="email"].form-control, 
input[type="password"].form-control, 
input[type="tel"].form-control, 
textarea.form-control {
    padding: 12px;
    border-radius: 3px;
    font-size: 16px;
    border: 1px solid #DEE2E7;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}*/
:root {
    --alert-success-text: #007a26;
    --alert-success-bg: #bff3be;
    --alert-error-text: #c10000;
    --alert-error-bg: #ffd2d2;

    --soft-success: #5cb85c;
    --soft-danger : #d9534f;

    --alert-border-radius: 20px;
    --alert-scroll-margin: 100px;
}

/*.alert-box {
    border-radius: var(--alert-border-radius);
    text-align: center;
    grid-column: 1/-1;
    scroll-margin: var(--alert-scroll-margin);
}
/*.alert-box.alert-success {
    background: var(--alert-success-bg);
    color: var(--alert-success-text);
}*/
.alert-box.alert-error {
    border-radius: var(--alert-border-radius);
    scroll-margin: var(--alert-scroll-margin);
    margin: 10px 0; 
    padding: 10px 20px; 
    background: var(--alert-error-bg);
    color: var(--alert-error-text);
}
.alert-box.hidden { display: none }
.alert-box.active { display: block}