/* static/css/common/common_form_notifications.css */
.form-group {
    margin-bottom: 0px;
}
/* Styles for the "Same as Home" checkbox within a form group */
.form-group .same-as-home-checkbox {
    margin-left: var(--spacing-sm);
    vertical-align: middle; /* Ensures consistent vertical alignment */
}
/* Standardized styles for labels within a form group */
.form-group label {
    display: block; /* Makes labels take up their own line */
    margin-bottom: 2px; /* Consistent spacing below the label */
    color: var(--text-muted); /* Uses a muted text color variable */
    font-size: var(--font-size-sm); /* Standardized font size */
}
/* Standardized styles for input fields within a form group */
.form-group input {
    width: 100%; /* Makes input fields take full width of their container */
    padding: var(--spacing-xs); /* Standardized internal padding */
    border: 1px solid var(--border-color); /* Consistent border style */
    border-radius: var(--radius-lg); /* Standardized border radius */
}
.form-group input:focus {
    border-color: var(--primary-color);
    box-shadow: var(--shadow-primary);
}
.myalert {
    margin: var(--spacing-md) 0;
    text-align: center;
}
.myalert-success {
    background-color: var(--alerts-success-bg); /* Light green background */
    color: var(--alerts-success-text); /* Dark green text */
    border-color: var(--alerts-success-border); /* Green border */
    padding: 10px;
    box-shadow: var(--shadow-box);
    font-size: var(--font-size-lg);
    font-weight: var(--button-font-weight);
    border-radius: var(--radius-sm);
}
.myalert-danger {
    background-color: var(--alerts-danger-bg); /* Light red background */
    color: var(--alerts-danger-text); /* Dark red text */
    border-color: var(--alerts-danger-border); /* Red border */
    padding: 10px;
    box-shadow: var(--shadow-box);
    font-size: var(--font-size-lg);
    font-weight: var(--button-font-weight);
    border-radius: var(--radius-sm);
}
.myalert-error {
    background-color: var(--alerts-warning-bg); /* Light red background */
    color: var(--alerts-error-text); /* Dark red text */
    border-color: var(--alerts-error-border); /* Red border */
    padding: 10px;
    box-shadow: var(--shadow-box);
    font-size: var(--font-size-lg);
    font-weight: var(--button-font-weight);
    border-radius: var(--radius-sm);
}


.form-control.is-invalid {
    border-color: var(--color-danger, #dc3545); /* A red color */
    padding-right: calc(1.5em + .75rem); /* Space for an optional icon */
    background-image: url("data:image/svg+xml,..."); /* Optional: a small error icon */
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}