.df_Default {
    color: #333;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    border: 3px solid #007BFF; /* Blue rounded border */
    border-radius: 10px; /* Rounded border */
    background-color: #f4f4f4; /* Light background */
}

.df_Default .label {
    color: red;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

.df_Default .hint {
    font-size: 80%;
    color: #555;
    font-style: italic;
    margin-bottom: 10px;
}

.df_Default .section {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 5px 0;
    margin-bottom: 10px;
}

.df_Default .section .header {
    background-color: #ccc;
    padding: 5px;
}

.df_Default .section .header h1 {
    font-size: 150%;
    width: 100%;
    margin-bottom: 1px;
    color: #000;
}

.df_Default .section_design {
    border: 2px dotted #aaa;
}

.df_Default .field input, .df_Default .field textarea {
    width: 100%;
    padding: 10px;
    border-radius: 5px; /* Rounded red border */
    border: 2px solid red; /* Red border */
    font-size: 1.1em;
    margin-bottom: 15px;
}

.df_Default .field textarea {
    height: 120px; /* Larger for textareas */
}

.df_Default .field input:focus, .df_Default .field textarea:focus {
    outline: none;
    background-color: #FFF7C0; /* Focused background */
}

.df_Default .subextra {
    font-size: 80%;
    color: #555;
    text-align: center;
    margin-bottom: 20px;
}

.df_Default .field {
    margin-bottom: 20px;
}

.df_Default button {
    background-color: #007BFF; /* Blue background for the submit button */
    color: white;
    padding: 15px 20px; /* Larger padding for better visual appearance */
    font-size: 18px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    width: 100%; /* Full width of the form container */
    text-align: center;
}

.df_Default button:hover {
    background-color: #0056b3; /* Slightly darker blue on hover */
}

.df_Default .disclaimer {
    font-size: 75%; /* Smaller font size for disclaimer */
    color: #666; /* Gray color for better readability */
    margin-top: 20px;
    text-align: justify; /* Justified text for better alignment */
    line-height: 1.4; /* Better line spacing for readability */
}