.ctrlbs-form {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.ctrlbs-form-group {
    margin-bottom: 1.5rem;
}

.ctrlbs-form-group label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.ctrlbs-form-group input,
.ctrlbs-form-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.ctrlbs-submit {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.ctrlbs-submit:hover {
    background-color: #005177;
}

.ctrlbs-message {
    margin-top: 1rem;
    padding: 10px;
    border-radius: 4px;
}

/* Date input styles */
.ctrlbs-form input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
}

.ctrlbs-form input[type="date"]:in-range::-webkit-calendar-picker-indicator {
    opacity: 1;
}

.ctrlbs-form input[type="date"]:out-of-range::-webkit-calendar-picker-indicator {
    opacity: 1;
}

.ctrlbs-form input[type="date"]:out-of-range {
    color: inherit;
    background-color: inherit;
}

/* Success and error messages */
.ctrlbs-success-message {
    background-color: #e7f6ea;
    border: 1px solid #46b450;
    font-size: 12px;
    color: #1a472a;
    text-align: center;
}

.ctrlbs-error-message {
    background-color: #fbeaea;
    border: 1px solid #dc3232;
    font-size: 12px;
    color: #8a1f11;
    text-align: center;
}

/* Validation message styles */
.ctrlbs-validation-message {
    font-size: 12px;
    margin-top: 4px;
}