.form-container { margin-top: 24px; margin-bottom: 54px; margin-left: 5px; margin-right: 5px; overflow: auto; border: 1px solid lightgray; border-radius: 10px; padding: 20px; background: lightgray; } form label { font-weight: bold; font-size: 1.2em; display: inline-block; margin-bottom: 3px; } form label.required::after { content: ' *'; color: red; } form label[for=id_pdf_files]::after, form label[for=id_thumbnail_files]::after { content: ' *'; color: red; } form input[type="text"], form input[type="password"], form input[type="email"] { padding: 0.75em 18px; border-radius: 5px; width: 100%; margin-left: 2px; } form input[type=text], form input[type="password"], form input[type="email"], textarea { color: #6A6C6F; background: #FFFFFF; /*border: 2px solid #E4E5E7;*/ border: 1px solid darkgray; border-radius: 5px; margin-left: 2px; } form select { display: block; border: 1px solid darkgray; border-radius: 5px; background: white; width: 100%; padding: 0.75em 18px; } form input[type="submit"] { border: 0px; background: darkmagenta; border-radius: 5px; padding: 10px; color: white; width: 200px; } form input[type="submit"]:hover { background: #30053b; color: white; } form input[type="number"] { border: 1px solid darkgray; border-radius: 2px; background: white; width: 100px; padding: 0.75em 18px; } form input[type="file"] { border: 1px solid darkgray; border-radius: 5px; background: white; width: 400px; padding: 10px; } .helptext { font-size: 0.9em; } form div { margin-bottom: 20px; margin-top: 8px; } form div:last-child { border-top: 1px dashed #E4E5E7; } textarea { padding: 18px; width: 100%; height: 266px; }