html, body {
	height: 100%;
}

label {
	font-weight: normal;
}

table.borderless td, th {
	border: 0 !important;
}

span.loader {
	background: url('../images/loader.gif') left top;
	display: inline-block;
	position: relative;
	top: 2px;
	width: 16px;
	height: 16px;
}

/* Header */
.header h3 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 32px;
	padding-bottom: 2px;
	color: #888;
}

.header .buttons {
	padding-top: 20px;
}

.header .buttons button {
	margin-left: 5px;
}

.header .buttons button.btn.disabled, .header .buttons button.btn:disabled
	{
	pointer-events: auto;
	color: #999;
}

.header .buttons button.btn.loading {
	cursor: wait;
}

.header .buttons.session-ready .btn {
	background-color: #fff;
	border-color: #ccc;
	color: #333;
}

.header .buttons.session-ready #exitButton {
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
}

.header .links {
	width: 100%;
	height: 20px;
	padding-top: 5px;
	text-align: right;
	font-size: 80%;
}

.header .links a {
	margin: 0px 2px;
}

.header .links a.current {
	text-decoration: underline;
}

.popover .popover-title {
	display: none;
}

.popover .popover-content {
	text-align: center;
	font-size: 85%;
}

/* Content */
.row {
	margin: 7px 0px;
}

#webviewer {
	margin-top: 7px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#webviewer iframe {
	border: none;
	overflow: hidden;
}

#pageInfo {
	margin: 0 10px 0 15px;
}

#webviewer .converting {
	margin: 0px auto;
}

/* Signing modal */
#appletContainer {
	padding: 0;
}

#appletContainer iframe {
	width: 100%;
	height: 80px;
	border: none;
	padding: 0;
	margin: 0;
}

#signModal {
	font-size: 110%;
}

#signModal .modal-body {
	padding-top: 20px;
	overflow: hidden;
}

#signModal .modal-footer {
	font-weight: bold;
	text-align: left;
	background-color: #EEEEEE;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#signModal .modal-footer .btn {
	margin-left: 5px;
}

#signModal .modal-footer .signButton .glyphicon {
	display: none;
}

#signModal .modal-footer .signButton.activeButton .glyphicon {
	display: inline-block;
}

#signModal .modal-footer .signButton.activeButton {
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
	font-weight: bold;
}

#signModal .checkReason, #signModal .textReason {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 8px;
}

#signModal .checkReason {
	padding: 6px;
}

#signModal .textReason {
	padding: 10px;
}

#signModal .checkReason td.check {
	width: 13px;
}

#signModal .checkReason checkbox {
	margin-top: 0;
}

#signModal .checkReason .reasonTable {
	margin-bottom: 0;
}

#signModal .checkReason .reasonTable td {
	padding: 6px;
}

#signModal .textReason .reasonLabel {
	margin-left: 5px;
	margin-bottom: 10px;
}

#signModal .reasonText::before, #signModal .reasonText::after {
	content: '"';
}

#signModal .textReason .reasonLabel .glyphicon {
	margin-right: 7px;
}

.reasons .well.bg-success {
	background-color: #dff0d8;
	border-color: #9cd69d;
}

#signModal span.loader {
	margin-right: 10px;
}

#loginFeedback {
	color: #555;
	line-height: 30px;
}

#loginFeedbackMsg .glyphicon {
	top: 2px;
	margin-right: 5px;
}

/* Overview modal */
#overviewModal .modal-footer {
	border-top: none;
	margin-top: 0px;
}

#overviewModal div.feedback {
	width: 100%;
	height: 220px;
	padding-top: 100px;
	text-align: center;
}

#overviewModal div.feedback .glyphicon {
	font-size: 24pt;
}

#overviewModal .signingTime {
	font-size: 80%;
}

#overviewModal .signatureTable {
	margin-top: 25px;
	margin-bottom: 3px;
}

#overviewModal .signatureTable:first-of-type {
	margin-top: 0px;
}

.signatureTable tr:last-child td {
	border-bottom: 1px solid #DDDDDD;
}

.signatureTable td.docstatus {
	width: 300px;
}

.signatureTable td.not_signed.docstatus {
	color: #999999;
	font-style: italic;
}

.signatureTable td.signed {
	color: green;
	font-weight: bold;
}

.signatureTable td.action {
	width: 70px;
	text-align: right;
	font-size: 110%;
}

.signatureTable td.action a {
	color: #999999;
	cursor: not-allowed;
	margin-left: 10px;
}

.signatureTable td.action a.activeLink {
	cursor: pointer;
}

.signatureTable td.action a.activeLink.signLink {
	color: green;
}

.signatureTable td span.others {
	cursor: default;
	border-bottom: 1px dotted #555;
}

/* About modal */
#aboutModal .modal-header {
	overflow: auto;
}

#aboutModal .modal-header h4 {
	margin: 5px 0 0 15px;
}

#aboutModal .modal-body {
	clear: both;
}

/*eazylinkmodal*/
#eazylinkModal .modal-body .hostLogo {
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#eazylinkModal .modal-body .extLogo {
	width: 110px;
	height: 110px;
	margin-top: 25px;
	margin-bottom: 10px;
}

#eazylinkModal .modal-body .btn-install {
	margin-top: 20px;
	margin-bottom: 10px;
}

eazylinkModal .modal-body .col-sm-6 {
	text-align: center;
}

#eazylinkModal .firstInstall, #eazylinkModal .update {
	display: none;
}

#eazylinkModal .modal-body .hostLogo {
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/*androidUpdateModal*/
#androidUpdateModal .modal-body .hostLogo {
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#androidUpdateModal .modal-body .extLogo {
	width: 110px;
	height: 110px;
	margin-top: 25px;
	margin-bottom: 10px;
}

#androidUpdateModal .modal-body .btn-install {
	margin-top: 20px;
	margin-bottom: 10px;
}

#androidUpdateModal .modal-body .col-sm-6 {
	text-align: center;
}

#androidUpdateModal .firstInstall, #eazylinkModal .update {
	display: none;
}

#androidUpdateModal .modal-body .hostLogo {
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Chrome modal */
#chromeModal .modal-body .hostLogo {
	width: 130px;
	height: 130px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#chromeModal .modal-body .extLogo {
	width: 110px;
	height: 110px;
	margin-top: 25px;
	margin-bottom: 10px;
}

#chromeModal .modal-body .btn-install {
	margin-top: 20px;
	margin-bottom: 10px;
}

#chromeModal .modal-body .col-sm-6 {
	text-align: center;
}

#chromeModal .firstInstall, #chromeModal .update {
	display: none;
}

/* Default branding */
.logo {
	height: 50px !important;
	background-repeat: no-repeat;
	background-clip: content-box;
}

.title {
	margin-left: 10px;
}

.title .titleLabel {
	color: #999;
}

.title .titleText {
	font-weight: bold;
}

/* Wrapper for page content to push down footer */
#wrap {
	height: calc(100% - 153px);
	/*height: 100%;*/
	/* Negative indent footer by it's height */
	/*margin: 0 auto -125px;*/
}
/* Set the fixed height of the footer here */
#push, #footer {
	height: 60px;
}

#footer {
	background-color: #f5f5f5;
	padding: 1rem;
	color: #777;
	text-align: center;
	border-top: 1px solid #d5d5d5;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width : 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.stat-container {
	display: table;
	margin-bottom: 1.5em;
	width: 100%;
}

.stat-holder {
	display: table-cell;
}

.stat {
	height: 50px;
	padding: 15px;
	margin-right: 1em;
	font-size: 12px;
	font-style: italic;
	text-align: center;
	color: #888;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, .5);
}

.stat span {
	display: block;
	margin-bottom: .4em;
	font-size: 32px;
	font-weight: 600;
	font-style: normal;
	color: #4A515B;
}

.green {
	color: green;
}

.red {
	color: red;
}

#push, #footer {
	min-height: 60px;
}

input#pin {
	width: auto;
}

img#logoPreview {
	height: 70px;
}

.hide {
	display: none;
}