/**
 * Signature Field Styles
 *
 * Styling for the e-signature pad rendered by the signature field type.
 */

.afb-signature-field {
	width: 100%;
}

.afb-signature-canvas {
	display: block;
	width: 100%;
	height: 160px;
	background-color: #fff;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	cursor: crosshair;
	touch-action: none;
	box-sizing: border-box;
}

.afb-signature-actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 8px;
}

.afb-signature-clear {
	display: inline-block;
	padding: 6px 14px;
	font-size: 13px;
	line-height: 1.4;
	color: #50575e;
	background-color: #f6f7f7;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	cursor: pointer;
}

.afb-signature-clear:hover {
	background-color: #f0f0f1;
	color: #1d2327;
}

.afb-signature-field.afb-signature-invalid .afb-signature-canvas {
	border-color: #d63638;
}

.afb-signature-error {
	margin-top: 6px;
	color: #d63638;
	font-size: 13px;
}