.jzd-form {display: table; margin: 0 auto; width: 50%; font-size: 14px; font-family: Roboto, sans-serif;}
.jzd-form section, .jzd-form > section div {margin: 10px 0;}
.jzd-form section.alreadyParticipated section > div {display: none;}
.jzd-form > section div:before, 
.jzd-form > section div:after {content: ' '; display: table;}
.jzd-form > section div:after {clear: both;}
.jzd-form > section div.info {margin: 15px 0; font-size: 12px; color: #c00; font-weight: bold;}
.jzd-form > section div > div.info-add {font-size: 12px; color: #aaa;}
.jzd-form label, .jzd-form legend {display: block; margin: 0 0 2px; font-weight: bold;}
.jzd-form input[type="text"], .jzd-form input[type="number"], .jzd-form input[type="tel"], .jzd-form input[type="email"] {width: calc(100% - 12px); border: solid 1px #ccc; padding: 3px 5px; color: #666; font-family: Roboto, sans-serif; font-size: 14px; -webkit-appearance: textfield}
.jzd-form input[type="file"] {margin: 3px 0;}
.jzd-form input[type="radio"] {display: block; float: left; margin-right: 3px; margin-top: 3px; -webkit-appearance: radio;}
.jzd-form input[type="radio"] + label {display: block; float: left; margin-right: 20px; font-weight: normal; color: #666; cursor: pointer}
.jzd-form input[type="checkbox"] {display: block; float: left; margin-right: 3px; margin-top: 4px; -webkit-appearance: checkbox;}
.jzd-form input[type="checkbox"] + label {display: block; float: left; width: calc(100% - 20px); font-weight: normal; color: #666; cursor: pointer}
.jzd-form input:disabled, .jzd-form textarea:disabled {background-color: #e9ecef; opacity: 1}
.jzd-form textarea {width: calc(100% - 12px); border: solid 1px #ccc; padding: 3px 5px; color: #666; font-family: Roboto, sans-serif; font-size: 14px; resize: none}
.jzd-form button {display: table; margin: 10px auto; padding: 7px 20px; font-weight: normal; color: #fff; background-color: #060; cursor: pointer; -webkit-appearance: button}
.jzd-form button:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d }

.pnm-form {display: table; margin: 0 auto; width: 50%; font-size: 14px; font-family: Roboto, sans-serif;}
.pnm-form > section > p {margin: 10px 0}
.pnm-form > section > ul {margin: 10px 20px}
.pnm-form > section > div {margin: 10px 0;}
.pnm-form > section > div:before, 
.pnm-form > section > div:after {content: ' '; display: table;}
.pnm-form > section > div:after {clear: both;}
.pnm-form > section > div.info {margin: 15px 0; font-size: 12px; color: #c00; font-weight: bold;}
.pnm-form > section > div > div.info-add {font-size: 12px; color: #aaa;}
.pnm-form label {display: block; margin: 0 0 2px; font-weight: bold;}
.pnm-form input[type="text"] {width: 100%; border: solid 1px #ccc; padding: 3px 5px; color: #666; font-family: Roboto, sans-serif; font-size: 14px; -webkit-appearance: textfield}
.pnm-form input[type="file"] {margin: 3px 0;}
.pnm-form input[type="radio"] {display: block; float: left; margin-right: 3px; margin-top: 3px; -webkit-appearance: radio;}
.pnm-form input[type="radio"] + label {display: block; float: left; margin-right: 20px; font-weight: normal; color: #666; cursor: pointer}
.pnm-form input[type="checkbox"] {display: block; float: left; margin-right: 3px; margin-top: 4px; -webkit-appearance: checkbox;}
.pnm-form input[type="checkbox"] + label {display: block; float: left; width: calc(100% - 20px); font-weight: normal; color: #666; cursor: pointer}
.pnm-form textarea {width: 100%; border: solid 1px #ccc; padding: 3px 5px; color: #666; font-family: Roboto, sans-serif; font-size: 14px; resize: none}
.pnm-form input:disabled, .pnm-form textarea:disabled {background-color: #e9ecef; opacity: 1}
.pnm-form select {width: 102%; border: solid 1px #ccc; padding: 3px 5px; color: #666; font-family: Roboto, sans-serif; font-size: 14px}
.pnm-form button {display: table; margin: 10px auto; padding: 7px 20px; font-weight: normal; color: #fff; background-color: #060; cursor: pointer; -webkit-appearance: button}
.pnm-form button:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d }