h1 { margin-left: 15px; margin-top: 50px; } form.cipf, section.cipf { margin: 15px; border: 1px solid black; padding: 20px; } form.cipf > div { margin: 20px 0px; } .define_paypal_credentials_cipf input { width: 100%; } form.cipf .vertical_wrapper_cipf { display: flex; flex-direction: column; } form.cipf textarea { resize: vertical; height: 120px; } /* * form emails * */ form.emails_form_cipf { margin: 10px; padding: 10px; > input[type="submit"] { margin-left: 15px; } details.set_email_options_cipf { margin: 15px; padding: 0px 20px; border: 1px solid black; summary { padding: 20px 0px; cursor: grab; h2 { display: inline; } } .email_type_wrapper_cipf { margin-bottom: 50px; .send_or_not_cipf { margin-bottom: 20px; } .send_or_not_cipf:has(input:not(:checked)) + .email_options_cipf { display: none; } .email_options_cipf { padding-left: 20px; border-left: 1px solid black; label { margin: 10px 0px; } } } } } /* * explication class css * */ section.cipf { font-size: 1.3em; p { font-size: 1em; } > h2:not(:first-child) { margin-top: 50px; } ul { list-style: disc inside; ul { list-style: circle inside; margin-top: 5px; margin-left: 15px; } } .big_space { width: 20px; display: inline-block; } details { margin: 10px; cursor: default; summary { cursor: grab; padding: 10px; margin-bottom: 20px; } .case_title { display: flex; margin-top: 40px; p { margin: auto 20px; } } .case { padding: 10px; display: flex; > h1, > h2 { margin: auto 50px; } } .delimiter { border-bottom: 1px solid black; } .group { background-color: lightgray; padding: 1px 10px; margin-bottom: 50px; min-height: 50px; .field { display: flex; .input { border: 1px solid black; height: 20px; width: 300px; margin: auto 100px; } } } } }