.section form label {
	display: block;
	width: 100%;
	padding-bottom: 5pt;
	padding-top: 15pt;
}


.section form input, select, textarea {
	display: block;
	width: 100%;
	padding: 10pt;
	border: 1pt solid #ccc;
	border-radius: 2pt;
	box-sizing: border-box;
}

.section form input:focus, select:focus, textarea:focus {
	border: 2pt solid #132a61;
	border: 2pt solid var(--servipier-blue);
}

.section form label input[type="checkbox"] {
	float: left;
	width: auto;
	margin-right: 1em;
	margin-top: 2pt;
}

.section form button {
	display: block;
	width: 100%;
	background-color: #132a61;
	background-color: var(--servipier-blue);
	color: white;
	padding: 10pt;
	margin-top: 35pt;
	border-radius: 6pt;
	box-sizing: border-box;
}

.section form button:hover {
	background-color: #496baa;
	background-color: var(--light-servipier-blue);
}

.section form input.form-error {
	border: #b00000 2px solid;
	border-radius: 6pt 6pt 0pt 0pt;
}

.section form div.error-message {
	display: block;
	font-size: 0.8em;
	padding: 4pt 10pt;
	padding-top: 2pt;
	background: #b00000;
	color: white;
	border-radius: 0pt 0pt 6pt 6pt;
}

.section form div.input.checkbox.error label {
	border: #b00000 2px solid;
	border-radius: 6pt 6pt 0pt 0pt;
	width: calc(100% - 4px - 5pt);
	margin-top: 10pt;
	padding-top: 5pt;
	padding-left: 5pt;
}

.section .linkbutton {
	display: inline-block;
	background-color: #132a61;
	background-color: var(--servipier-blue);
	color: white;
	padding: 10pt;
	border-radius: 6pt;
	box-sizing: border-box;
	text-decoration: none;
}

.section .linkbutton:hover {

	background-color: #132a61;
	background-color: var(--light-servipier-blue);
}

/* Some correction for summernote */

.section form .note-btn {
	display: inline-block;
	margin-top: 2pt;
	width: auto;
}

.section form .note-modal-footer {
	margin-bottom: 1em;
}

.section form .note-editable {
	background: white;
}