/************************************************************************************************************************************************************
	VN / jQueryMobile / Mobile Property Grid
************************************************************************************************************************************************************/

.vn-jqm-mobile-property-grid-require {
	color: Red;
}

/************************************************************************************************************************************************************
	Apperance / Header Bar Summary Line
************************************************************************************************************************************************************/

.header-bar-summary-line {
	overflow: hidden;
	height: 1.5em;
	background-color: #f6f6f6;
	vertical-align: middle;
	color: #630034; /* Dim black text standard color */
	border-bottom: 1px solid #d5d5d5; /* Border standard color */
	padding: 0 .4em;
}

/************************************************************************************************************************************************************
	Indicator Horizon Bar
************************************************************************************************************************************************************/

.indicator-horizon-bar {
	margin-top: .2em;
}

	.indicator-horizon-bar:after {
		content: "";
		display: table;
		clear: both;
	}

	.indicator-horizon-bar .indicator {
		border: 1px solid black;
		background-color: white;
	}

	.indicator-horizon-bar .captions {
		color: dimgray;
	}

	.indicator-horizon-bar .indicator,
	.indicator-horizon-bar .captions {
		position: relative;
		width: 20em;
	}

		.indicator-horizon-bar .indicator.blank {
			border-style: dotted;
		}

		.indicator-horizon-bar .indicator,
		.indicator-horizon-bar .indicator .value-bar {
			height: 1em;
		}

		.indicator-horizon-bar .captions .left-caption {
			float: left;
			font-size: small;
		}

		.indicator-horizon-bar .captions .right-caption {
			float: right;
			font-size: small;
		}


/************************************************************************************************************************************************************
	Standard Signature Pad
************************************************************************************************************************************************************/

.signature-pad-std {
}

	.signature-pad-std canvas {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.signature-pad-std .signature-pad-std-ink-picker,
	.signature-pad-std .signature-pad-std-button-picker,
	.signature-pad-std .signature-pad-std-size-picker {
		display: inline-block;
	}

	.signature-pad-std .signature-pad-std-ink-picker,
	.signature-pad-std .signature-pad-std-button-picker {
		margin-right: 1em;
	}

		.signature-pad-std .signature-pad-std-ink-picker .ui-btn-active {
			text-shadow: none;
			border-color: #ddd;
		}

	.signature-pad-std .signature-pad-std-pen-input {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		border: 1px solid black;
		background-image: url(../v2/images/SignaturePadBackground.png);
	}

	.signature-pad-std.comment-input .signature-pad-std-pen-input {
		/* AppGlobal.RefreshCommonRuntimeCss() */
	}

	.signature-pad-std.signature-input .signature-pad-std-pen-input {
		/* AppGlobal.RefreshCommonRuntimeCss() */
	}

/************************************************************************************************************************************************************
	Digital Signature
************************************************************************************************************************************************************/

.digital-signature-icon {
	display: inline-block;
	border-width: 2px;
	border-style: solid;
	border-radius: 1em;
	margin-top: .1em;
	background-color: white;
	font-weight: bold;
	cursor: default;
}

	.digital-signature-icon.with-label {
		padding-right: .5em;
	}

	.digital-signature-icon.button {
		cursor: pointer;
	}

	.digital-signature-icon::before {
		content: '\1F58A';
		display: inline-block;
		color: white;
		border-radius: 1em;
		text-align: center;
		margin: .075em;
		padding: .1em .25em;
	}

	.digital-signature-icon.with-label::before {
		margin-right: .2em
	}

	.digital-signature-icon.unsigned {
		border-color: gray;
		color: gray;
	}

	.digital-signature-icon.valid {
		border-color: forestgreen;
		color: forestgreen;
	}

	.digital-signature-icon.invalid {
		border-color: darkred;
		color: darkred;
	}

	.digital-signature-icon.unsigned::before {
		background-color: gray;
	}

	.digital-signature-icon.valid::before {
		background-color: forestgreen;
	}

	.digital-signature-icon.invalid::before {
		background-color: darkred;
	}

	.digital-signature-icon.unsigned.with-label::after {
		content: 'Unsigned';
	}

	.digital-signature-icon.valid.with-label::after {
		content: 'Signed \1F5F8';
	}

	.digital-signature-icon.invalid.with-label::after {
		content: 'Invalid \26A0';
	}