@charset "utf-8";

/*
   primesign-light-blue : #84d0f0
   primesign-medium-blue: #009ee0
   primesign-dark-blue  : #00538d
   symbols              : #01a2e5
   symbols' background  : #e5f5ff
   prev/next disabled   : #ddecf4
*/

html, body {
	height: 100%;
}

body {
	position: relative;
}


.StackPanelHeader {
  padding-left: 3px;
  font-weight: bold;
  color: #01a2e5;
  cursor: pointer;
  word-wrap: break-word;
}

.workflowListSubject {
    font-weight: bold;
    color: #01a2e5;
    cursor: pointer;
    word-wrap: break-word;
}

.StackPanelHeader-disabled {
  color: #b6b2aa;
}

.StackPanelContent {
  padding-left: 10px;
  font-weight: bold;
  color: #01a2e5;
  cursor: pointer;
  word-wrap: break-word;
  display: inline-block;
  max-width: 180px;
}

.StackPanelContent-description {
	font-style: italic;
	padding: 0px;
}

.tooltipImage {
	background-repeat: no-repeat;
	background-position: 0% 0%;
	position: absolute;
	top:   75%;
	right: -30px;
	cursor: pointer;
	z-index: 5;
}

.workflowListRow {
    background-color: white;
}

.workflowListRow:hover {
    background-color: #d9f1fa;	 
}

.workflowListRowMarked {
    background-color: #d9f1fa;	 
}

.workflowListDump {
	cursor: pointer;
}

.dialog-header {    
	background: White;
	overflow: hidden;
	border: solid 1px steelblue;    
	-moz-border-radius: 6px 6px 4px 4px;
	-webkit-border-radius: 6px 6px 4px 4px;
	border-radius: 6px 6px 3px 3px;   
}

.popup {
	border: 2px solid #01a2e5;
	padding: 3px;
	max-width: 300px;
	background: white;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;   
	z-index: 32000;
	word-wrap: break-word;
}

.stamperArea {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	overflow: hidden !important;
	z-index: -32767;
}

.tabHeaderLabel {
	font-size: 10pt;
}

.mailHeaderLabel {
	font-size: 10pt;
	vertical-align: top;
}

.mailHeaderLabel-recipient {
	padding-top: 11px;
}

.mailHeaderButtonRecipient {
	margin-top: 8px;
}

.mailHeaderButtonFinalRecipient {
	margin-top: 8px;
}

.mailHeaderTableFinalRecipient {
	vertical-align: top;
}

.signatureGroupHeaderLabel{
	font-size: 10pt;
	padding-top: 4px;
	display: inline;
}

.signatureGroupContent th, .signatureGroupContent td {
	vertical-align: top;
}

.mailHeaderLabel-signed {
	font-weight: bold;
}

.mailHeaderLabel-template {
	margin-left: 1px;
	margin-right: 15px;
}

.mailHeaderLabel-intro {
	margin-bottom: 5px;
}

.mailHeaderLabel-description {
	margin-top: 10px;
}



.mailHeaderField {
	border: solid 1px steelblue;    
	padding: 5px;
}

.dialogue-sf-archive {
	padding-top: 10px;
}

table.mailHeaderField-template {
	padding-top: 7px;
	padding-bottom: 7px;
}

table.templateselection tr td:first-child, table.templateselection tr td:last-child, table.templatenaming tr td:first-child, table.templatenaming tr td:last-child {
	width: 1%;
	white-space: nowrap;
}

.templatenaming button {
	margin-left: 10px;
}

button.templateDelete {
	background-image: url("./img/delete_template.png");
	cursor: pointer;
	border: none;
	width: 15px;
	height: 15px;
	background-position: center center; 
	background-repeat: no-repeat;
	background-color: transparent;
	margin-left: 4px;
	vertical-align: middle;
}

button.templateDelete-disabled {
	background-image: url("./img/delete_template_disabled.png");
	cursor: default;
}

button.templateDelete:enabled:active {
	position: relative;
	top: 1px;
}

select.mailHeaderField-template, input[type='text'].mailHeaderField-template {
	width: 100%;
	margin-right: 1px;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border-color: black;
}


.workflowSignedField {
	padding: 2px;
	padding: 5px;
	font-weight: bold;
}


select.mailHeaderField {
	padding: 2px;
}

.gwt-DialogBox.noCaption .dialogTopCenterInner .Caption {
	padding: 0px;
}
.mailContentField {
  	border: solid 1px black;    
    padding: 5px;
}

.indexlabel {
	text-align: center;
	font-size: medium;
	padding: 0px 0px 8px 0px;
}

.stepLabel {
	font-size: 14pt;
}

.esignButton {
	background-image: url("./img/button.png");
	background-position: 0px 50%; 
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
    background-color: #d9f1fa;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 26px;
	vertical-align: middle;
	text-decoration: none;
	height: 38px;
}

.esignButton-sign {
	background-image: url("./img/button_sign.png");
}

.esignButton-sign:hover {
	background-image: url("./img/button_sign_hover.png");
}

.esignButton-refuse {
	background-image: url("./img/button_refuse.png");
}

.esignButton-refuse:hover {
	background-image: url("./img/button_refuse_hover.png");
}

.esignButton-save {
	background-image: url("./img/button_save.png");
}

.esignButton-save:hover {
	background-image: url("./img/button_save_hover.png");
}

.esignButton-share {
	background-image: url("./img/button_share.png");
}

.esignButton-share:hover {
	background-image: url("./img/button_share_hover.png");
}

.esignButton-countersign {
	background-image: url("./img/button_countersign.png");
}

.esignButton-countersign:hover {
	background-image: url("./img/button_countersign_hover.png");
}

.esignButton-cancel {
	background-image: url("./img/button_cancel.png");
}

.esignButton-cancel:hover {
	background-image: url("./img/button_cancel_hover.png");
}

.esignButton-new {
	background-image: url("./img/button_new.png");
}

.esignButton-new:hover {
	background-image: url("./img/button_new_hover.png");
}

.esignButton-view {
	background-image: url("./img/button_view.png");
}

.esignButton-view:hover {
	background-image: url("./img/button_view_hover.png");
}

.esignButton:hover {
	color: #d9f1fa;
}

.esignButton:active {
	position: relative;
	top: 1px;
}

.esignButton-upload {
	background-image: url("./img/button_upload.png");
}

.esignButton-upload:hover {
	background-image: url("./img/button_upload_hover.png");
}

.esignButton-verifySignature {
	background-image: url("./img/button_verify.png");
}

.esignButton-verifySignature:hover {
	background-image: url("./img/button_verify_hover.png");
}

.base-Button {
	cursor: pointer;
}

.base-Button-disabled {
	cursor: default;
}

.base-Button input[type='checkbox'], .base-Button label {
	cursor: pointer;
}

.base-Button-ShareWorkflowLinkDialog input,
.base-Button-ShareWorkflowLinkDialog label {
	vertical-align: middle;
}

.base-Button-ShareWorkflowLinkDialog input[type='checkbox'] {
	margin-left: 0;
	margin-right: 5px;
}

input[type='file'] {
	cursor: pointer;
}

.base-Button:active {
	position:relative;
	top:1px;
}

.fileUpload-Default-Button {
	opacity: 0;
	position: relative;
	filter: alpha(opacity=0); 
	z-index: -1;
	width: 160px;
	cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem {
	    font-size: 10pt;
}

.gwt-TabPanelBottom {
	border: solid 1px steelblue !important;

}

.removeSignatureGroupButton {
	cursor: pointer;
}

.signatureFolderButton {
	background-image: url("./img/add_button.png");
	background-position: center center; 
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
    background-color: #ffffff;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
}

.signatureFolderButton:active {
	position: relative;
	top: 1px;
}

.np-down-button {
	background-image: url("./img/down.png");
	background-repeat: no-repeat;
    background-position: bottom;
    cursor: pointer;
    border: solid 1px steelblue;
}


.np-up-button {
	background-image: url("./img/up.png");
	background-repeat: no-repeat;
    background-position:top;
    cursor: pointer;
    border: solid 1px steelblue;
        border-bottom: none;
}


.signatureWorkflow {
	background-image: url("./img/document_signature_workflow.png");
	background-position: center center; 
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
	background-color: #ffffff;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
}
.signatureWorkflow:hover:not(.signatureWorkflow-disabled) {
	background-image: url("./img/document_signature_workflow_hover.png");
}
.signatureWorkflow-disabled {
	background-image: url("./img/document_signature_workflow_disabled.png");
	cursor: default;
}


.signatureFolderButton:hover {
	background-image: url("./img/add_button_hover.png");
}


.signatureFolderButton-disabled {
	background-image: url("./img/add_button_disabled.png");
	cursor: default;
}


.signatureFolderButton-disabled:hover {
	background-image: url("./img/add_button_disabled.png");
}

.signatureFolderButton-disabled:active {
	position: relative;
	top: 0px;
}


.signatureFolderButtonShare {
	background-image: url("./img/document_share_button.png");
	background-position: center center; 
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
    background-color: #ffffff;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
}

.signatureFolderButtonShare:active {
	position: relative;
	top: 1px;
}

.signatureFolderButtonShare:hover {
	background-image: url("./img/document_share_button_hover.png");
}

.signatureFolderButtonShare-disabled {
	background-image: url("./img/document_share_button_disabled.png");
	cursor: default;
}

.signatureFolderButtonShare-disabled:hover {
	background-image: url("./img/document_share_button_disabled.png");
}

.signatureFolderButtonShare-disabled:active {
	position: relative;
	top: 0px;
}


.signatureFolderBulkSignatureButton {
	background-image: url("./img/bulksign_button.png");
	background-position: center center; 
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
    background-color: #ffffff;
	color: #ffffff;
	padding: 20px;
	text-decoration: none;
}

.signatureFolderBulkSignatureButton:active {
	position: relative;
	top: 1px;
}

.signatureFolderBulkSignatureButton:hover {
	background-image: url("./img/bulksign_button_hover.png");
}

.signatureFolderBulkSignatureButton-disabled {
	background-image: url("./img/bulksign_button_disabled.png");
	cursor: default;
}

.signatureFolderBulkSignatureButton-disabled:hover {
	background-image: url("./img/bulksign_button_disabled.png");
}

.signatureFolderBulkSignatureButton-disabled:active {
	position: relative;
	top: 0px;
}


.esign-FileUpload {
	vertical-align: middle;
}

.headingLabel {
	font-size: 13pt;
	font-weight: bold;
	vertical-align: top;
	color: #01a2e5;
}

.docImgWithNavPanel {
	z-index: 4;
	border: 1px solid #01a2e5;
	cursor: default;
	margin: 3px 3px;
}

.docImgWithNavPanel-drag {
	margin: 0px 0px;
	border: 4px solid #01a2e5; 
	-moz-box-shadow: 5px 5px 5px #01a2e5;
	-webkit-box-shadow: 5px 5px 5px #01a2e5;
	-box-shadow: 5px 5px 5px #00538d;
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#00538d')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135,
		Color='#00538d');
}

.navigationPanel {
	background-color: #e5f5ff;
}

.PrimeSign-innerNavPanel {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.PrimeSign-navigationPanelText {
	font-family: Arial Unicode MS,Arial,sans-serif;
	font-size: small;
	color: #01a2e5;
	white-space: nowrap;
}

.previewpanel {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

.previewpanel-annotatable {
	cursor: crosshair;
}

.thumbnailscrollpanel {
	overflow: scroll;
	min-height: 100%;
	 background-color: white;
	/*
	margin: 2px 2px 2px 2px;
	*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.thumbnailImage {
	z-index: 5;
}

.thumbnailscrollpanelContainer {
	border: 1px solid #01a2e5;
	text-align: center;
}

.thumbnailPaneHeader {
	font-size: 14pt;
	padding: 15px 0px 10px 0px;
}

.controlspanel {
	min-height: 100%;
	margin: 0;
	font-size: 9pt;
}

.controlspanelTop {
	background-image: url("./img/info_left_top.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 215px;
	height: 8px;
}

.controlspanelContent {
	background-image: url("./img/info_left_bg.png");
	background-repeat: repeat-y;
	position: absolute;
	top: 8px;
	bottom: 7px;
	width: 215px;
}

.controlspanelBottom {
	background-image: url("./img/info_left_bottom.png");
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 215px;
	height: 7px;
}


img.preview {
	border: 2px solid #8e9699;
	cursor: default;
}

.righthand-shadow {
	background-image: url("./img/column_right_shadow.png");
	background-repeat: repeat-y;
}

#markedThumb {
	background-image: url("./img/stamper_symbol.png");
	background-repeat: no-repeat;
	bottom: 20px;
	right: 15px;
	position: absolute;
	height: 43px;
	width: 43px;
}


img.prevSymbol {
	position: absolute;
	top: -12px;
	right: 55px;
	cursor: pointer;
	opacity: 0.3;
	z-index: 2;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}

img.prevSymbol-blink{
  opacity:1;
}


img.nextSymbol {
	position: absolute;
	top: -12px;
	right: 30px;
	cursor: pointer;
	opacity: 0.3;
	z-index: 2;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}

img.nextSymbol-blink{
  opacity:1;
}


img.okSymbol {
	position: absolute;
	top: -12px;
	right: 0px;
	cursor: pointer;
	opacity: 0.3;
	z-index: 2;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}

img.okSymbol-blink{
  opacity:1;
}


img.opaque {
	opacity:0.80;
	filter:alpha(opacity=80);
}

img.transparent {
	opacity:0.40;
	 filter:alpha(opacity=40);
}


div.moveUndraggedContainer {
	background-image: url("./img/move_undragged.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	position: absolute;
	top: 0px;
	right: -40px;
	overflow: hidden;
	opacity: 0.3;
	-webkit-transition-property: right, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: right, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: right, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: right, opacity;
	-o-transition-duration: 0.5s;
	transition-property: right, opacity;
	transition-duration: 0.5s;
}


div.moveUndraggedContainer-blink {
  opacity:1;
	right: -45px;
}



img.resetUndraggedContainer {
	z-index: 2;
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	top: 0px;
	right: -10px;
	overflow: hidden;
	-webkit-transition-property: right, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: right, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: right, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: right, opacity;
	-o-transition-duration: 0.5s;
	transition-property: right, opacity;
	transition-duration: 0.5s;
}



div.resetUndraggedContainer-blink {
  opacity:1;
	right: -45px;
}


div.moveSymbolUpContainer {
		z-index: 1;
	background-image: url("./img/move_up.png");
	background-repeat: no-repeat;
	background-position: 50% 0%;
	position: absolute;
	top: -15px;
	right: 0px;
	overflow: hidden;
	opacity: 0.3;
	-webkit-transition-property: top, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: top, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: top, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: top, opacity;
	-o-transition-duration: 0.5s;
	transition-property: top, opacity;
	transition-duration: 0.5s;
}

div.moveSymbolUpContainer-blink {
  opacity:1;
  top: -20px;
}

div.moveSymbolRightContainer {
	background-image: url("./img/move_right.png");
	background-repeat: no-repeat;
	background-position: 100% 50%;
	position: absolute;
	top: 0px;
	right: -17px;
	overflow: hidden;
	opacity: 0.3;
	-webkit-transition-property: right, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: right, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: right, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: right, opacity;
	-o-transition-duration: 0.5s;
	transition-property: right, opacity;
	transition-duration: 0.5s;
}

div.moveSymbolRightContainer-blink {
  opacity:1;
  right: -22px;
}



div.draggedStamperSymbol{
	background-image: url("./img/dragged_stamper_symbol.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
	position: absolute;
	top: 20px;
	right: 0px;
	overflow: hidden;
	opacity: 0.3;
	-webkit-transition-property:  opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property:  opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property:  opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property:  opacity;
	-o-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}

div.draggedStamperSymbol-blink{
  opacity:1;
}



div.moveSymbolDownContainer {
	background-image: url("./img/move_down.png");
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: absolute;
	top: 15px;
	opacity: 0.3;
	right: 0px;
	overflow: hidden;
	-webkit-transition-property: top, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: top, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: top, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: top, opacity;
	-o-transition-duration: 0.5s;
	transition-property: top, opacity;
	transition-duration: 0.5s;
}

div.moveSymbolDownContainer-blink {
 opacity:1.0;
  top: 20px;
  
}

div.moveSymbolLeftContainer {
	background-image: url("./img/move_left.png");
	background-repeat: no-repeat;
	background-position: 0% 50%;
	position: absolute;
	top: 0px;
	right: 15px;
	overflow: hidden;
	opacity: 0.3;
	-webkit-transition-property: right, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: right, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: right, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: right, opacity;
	-o-transition-duration: 0.5s;
	transition-property: right, opacity;
	transition-duration: 0.5s;
}

div.moveSymbolLeftContainer-blink {
  opacity:1;
  right: 20px;
}

img.thumbnail {
	border-width: 1px;
	border-style: solid;
	border-color: #8e9699;
	margin: 1px 1px;
}

div.dropPointer {
	visibility: hidden;
	background-image: url("./img/drop_pointer.png");
	background-repeat: no-repeat;
	position: absolute;
	background-position: 0% 30%;
	right: 35px;
	overflow: hidden;
	opacity: 0;
	-webkit-transition-property: right, opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: right, opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: right, opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: right, opacity;
	-o-transition-duration: 0.5s;
	transition-property: right, opacity;
	transition-duration: 0.5s;
}

div.dropPointer-drag {
	visibility:visible;
	right: 5px;
	opacity: 0.7;	
}

img.undraggedStamperImage {
	z-index: 1;
	position: absolute;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}



img.thumbnail-drag
{	
	margin: 0px 0px;
	border-width:2px;
	z-index: 2;
}

img.thumbnail-selected {
	border-style: solid;
	border-color: #01a2e5;
}

img.thumbnail:hover {
	border-style: solid;
	border-color: #01a2e5;
	cursor: pointer;
}

img.thumbnail-dragged {
	border-style: solid;
	border-color: #01a2e5;
}

img.navigationSymbol {
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 0px 4px;
	cursor: default;
}

img.navigationSymbol-clickable {
	cursor: pointer;
}

.stamperPanel:hover .moveSymbolUpContainer{opacity:1;   top: -20px;}
.stamperPanel:hover .moveSymbolLeftContainer{ opacity:1;  right: 20px;}
.stamperPanel:hover .moveSymbolDownContainer{ opacity:1;   top: 20px;}
.stamperPanel:hover .moveSymbolRightContainer{ opacity:1;  right: -22px;}
.stamperPanel:hover .okSymbol{ opacity:1;}
.stamperPanel:hover .prevSymbol{ opacity:1;}
.stamperPanel:hover .nextSymbol{ opacity:1;}
.stamperPanel:hover .moveUndraggedContainer{ opacity:1; right: -45px;}
/*.stamperPanel:hover .undraggedStamperImage{ opacity:1;}*/
.stamperPanel:hover .draggedStamperSymbol{opacity:1;}

.stamperPanel:hover .signatureblockImageSelected {
	
	-moz-box-shadow: 4px 4px 4px #000;
	-webkit-box-shadow: 4px 4px 4px #000;
	box-shadow: 4px 4px 4px #000;
	/* For IE 8+ */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135,
		Color='#000000'); 
}

img.signatureblockImageSelected {
	border: 1px solid #01a2e5;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;
	box-shadow: 1px 1px 1px #000;
	-webkit-transition: -webkit-box-shadow 0.5s linear;
	-o-transition: -o-box-shadow 1s 0.5s linear;
	-moz-transition: -moz-box-shadow 0.5s linear;
	-ms-transition: box-shadow 0.5s linear;
	transition: box-shadow 0.5s linear;
	/* For IE 8+ */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135,
		Color='#000000');
}

img.stamperImage {	

}





/* overwrite default dnd layout */
.dragdrop-positioner {
	border: none; /* remove blue dashed border */
}
.dragging .dropZone:not(#shared-with-id), .dragging #shared-with-id.dropZone, .dragging #shared-with-header-id.dropZone {
	border-color: #6699CC;
}
.dragCenter .dropZone:not(#shared-with-id), #shared-with-id.dragCenter.dropZone {
	border-width: 3px;
	border-color: #6699CC;
	border-style: solid;
}
#shared-with-id.dragging.dropZone {
	padding: 0px 0px 8px 3px !important;
}
.dropZone:not(#shared-with-id) {
	border-color: #ddd;
}
.dropZone, .dragging #shared-with-id.dropZone, .dragging #shared-with-header-id.dropZone {
	/*
		#EFF4FA;
		#ddd;
		#6699CC;
	*/
	border-width: 3px;
	border-style: dashed;
	border-radius: 2px;
}

.gwt-Button-emphasized {
	color: blue;
}

img.bku-selection-hover {
	cursor: pointer;
}

.gwt-Label {
	font-size: 12pt;
}

.gwt-PopupPanelGlass {
	z-index: 32769;
}

.gwt-DialogBox {
	z-index: 32770;
}

.upload-zone-visible {
	border: 4px dashed #ff9710;
	border-radius: 8px 8px 8px 8px;
}

.primesign-uploadPanel {
	max-width: 200px;
}

.removeSupplementButton {
	font-weight: bold;
}

.primesignStamperAnchor {
	z-index:1;
}

/* INFO VIEW */

.infoView-footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.infoView-footer-copyright, .infoView-footer-copyright a, .infoView-footer-copyright a:link, .infoView-footer-copyright a:hover, .infoView-footer-copyright a:visited, .infoView-footer-copyright a:active, .infoView-footer-copyright a:focus {
	text-align: center;
	padding: 0px 0px 3px 0px;
	font-size: 7pt;
	color: black;
	text-decoration: none;
	vertical-align: bottom;
}

/* MenuBar */

.PrimeSign-MenuBar {
	cursor: default;
}

.PrimeSign-MenuBar .PrimeSign-MenuItem {
	cursor: pointer;
}


/* horizontal menu bar */

.PrimeSign-MenuBar-horizontal {
	background-color: white;
}

.PrimeSign-MenuBar-horizontal .PrimeSign-MenuItem {
	/* padding 2px because of font-family not in the middle; */
	padding: 2px 10px 0px 10px;
	vertical-align: bottom;
	font-family: 'Myriad Pro Regular', sans-serif;
	text-decoration: none;
	color: #c4c4c4;
	outline: none;
	transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
}

.PrimeSign-MenuBar .PrimeSign-TopMenuBarItem {
	font-size: 12pt;
}

/* vertical menu bar */

.PrimeSign-MenuBar-vertical {
}

.PrimeSign-MenuBar-vertical .PrimeSign-MenuItem {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}


/* menu bar disabled/selected */

.PrimeSign-MenuBar .PrimeSign-MenuItem-disabled {
	color: gray;
}

.PrimeSign-MenuBar .PrimeSign-MenuItem-selected {
	/*color: #87CEFA;*/
	color: #8a8a8a;
}


/* menu bar separator */

.PrimeSign-MenuBar-horizontal .PrimeSign-MenuItemSeparator {
	width: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background:  white;
}

.PrimeSign-MenuBar-horizontal .PrimeSign-MenuItemSeparator .menuSeparatorInner {
	width: 1px;
	height: 1px;
	text-align: left;
	/*background:#01a2e5;*/
	visibility: hidden;
}

.PrimeSign-MenuItemListSeparator {
	width: 1px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: red;

}
/* Header Area */

.PrimeSign-Header {
	background-color: white;
	width: 100%;
}

.PrimeSign-HeaderPanel {
	/*dock layout*/
	/*
	background-color: white;
	border-bottom: 6px solid  #01a2e5;
	-moz-box-shadow: 0px 15px 2px #888;
	-webkit-box-shadow: 0px 15px 2px #888;
	box-shadow: 0px 15px 2px #888;
	/* For IE 8+ */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888')";
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888');	
	*/
}

.PrimeSign-Header-menu {
	position: absolute;
}

.PrimeSign-Header-logo {
	vertical-align: middle;
	text-align: center;
}

.PrimeSign-Header-home {
	vertical-align: middle;
	text-align: center;
}

.PrimeSign-Header-seperator {
	
	background-color: #01a2e5;
	border-bottom: 1px solid #888;
	/*
	-moz-box-shadow: 0px 3px 2px #888;
	-webkit-box-shadow: 0px 3px 2px #888;
	box-shadow: 0px 3px 2px #888;
	/* For IE 8+ 
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888')";
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#888');	
	*/
}


/* MISC */

.infoPage-iframe-scrollcontainer {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	text-align: center;
}

.PrimeSign-PwdChangeDialog .PrimeSign-ErrorMessage {
	color: #8e9699;
	font-size: small;
}
img.signaturelogo {
	cursor: default;
	border: 2px solid #8e9699; /*8e9699*/
}
img.signaturelogo-hover {
	border: 2px solid #87CEFA;
	cursor: pointer;
}
img.signaturelogo-select {
	border: 2px solid #8e9699;
	cursor: default;
}
img.signaturelogo-default {
	border: 2px solid #C4DAEF;
}
img.signaturelogo-unselect {
	border: 2px solid white;
	cursor: default;
}

.PrimeSign-SelectFromListMenuBar {
	background-color: white;
}

.PrimeSign-SelectFromListMenuItem {
	color: #989898;
}
.PrimeSign-SelectFromListMenuItem-selected {
	color: white;
	cursor: pointer;
	background-color: #01a2e5;
	
}
.PrimeSign-SelectFromListMenuItem-disabled {
	text-decoration: none;
	color: #c4c4c4;
	outline: none;
	transition: 0.5s linear;
	-o-transition: 0.5s linear;
	-webkit-transition: 0.5s linear;
	
	cursor: default;	
}
.PrimeSign-SelectFromListMenuItem-default {
	color: white;
	cursor: pointer;
	background-color: #01a2e5;
}
.editProfileSignatureLogoPanel {
	border: 1px solid #01a2e5;
}
.editProfilesTextField {
	font-family: Verdana, Arial, Helvetica;
}
.PrimeSign-MenuBarPopup {
	z-index: 32767;
}

.PrimeSign-iFrame {
	border: 1px solid gray;
}

.PrimeSign-iFrame-withScrollBars {
	overflow: scroll;	
}

.PrimeSign-LoginForm {
	font-family: Arial Unicode MS,Arial,sans-serif;
	font-size: 11pt;  
}
.PrimeSign-LoginForm p {
	margin: 6px 0px 6px 0px;
}
.PrimeSign-LoginForm p.error {
	color: red;
	font-weight: bold;
	text-align: center;
}
.PrimeSign-LoginForm h1 {
    font-size: 13pt;
	margin: 0px 0px 6px 0px;
	text-align: center;
}
.PrimeSign-LoginForm table {
	margin-left: auto;
	margin-right: auto;
}
.PrimeSign-LoginForm input.field {
    font-family: verdana, sans-serif;
    border: 1px solid gray;
}

/* SignatureBlock Edit Mask */
.signatureBlockPreview {
	border: thin !important;
	border-color: gray !important;
	border-style: solid !important;
	margin-left: 7px !important;
	margin-right: 7px !important;
}
.signatureBlockPreview img.previewImage {
	border: 1px solid gray;
}
.editableComponents {
	border: thin !important;
	border-color: gray !important;
	border-style: solid !important;
}
.nonEditableComponents {
	border: thin !important;
	border-color: #ddd !important;
	border-style: solid !important;
}
.dialogLabel {
	font-size: 10pt;
}
.separator {
	margin-left: 7px;
	margin-right: 7px;  
	border-bottom: 1px dashed black;
}
.separator2 {
    width:100%;
	border-bottom: 1px dashed gray;
}
.separator3 {
	margin-left: 0px;
	margin-right: 0px;  
	border-bottom: 2px solid #6f7277;
}

.footnote {
	margin: 3px;
	font-size: 10pt;
}
.gray {
	color: gray;
}
.red {
	color: red;
}
.warningPanel {
	width: 100%;
	color: red;
	padding: 10px;
}
.validationLabel {
	font-size: 8pt;
	color: red;
}
.friendlyNamePanel {
	padding-top: 5px;
	padding-right: 8px;
	padding-left: 8px;
}
.friendlyNameLabel {
	padding-right: 3px;
	vertical-align: middle;
}
.friendlyNameTextBox {
	padding-left: 5px;
}
.friendlyNameValidation {
	margin-right: 5px;
}

.PrimeSign-DialogButton {
	margin: 2px 7px;
}

.PrimeSign-DialogButton:disabled {
	cursor: default;
}

.dndPanel {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.dndPanel-drag {
	z-index: 3;
	background-color: #d6ddef;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity = 0);
}

.PrimeSign-PasswordForm {
	font-family: Arial Unicode MS,Arial,sans-serif;
	font-size: 11pt;  
	overflow-y: hidden;
}
.PrimeSign-PasswordForm p {
	margin: 6px 0px 6px 0px;
	text-align: center;
}
.PrimeSign-PasswordForm h1 {
    font-size: 13pt;
	margin: 0px 0px 6px 0px;
	text-align: center;
}
.PrimeSign-PasswordForm table {
	margin-left: auto;
	margin-right: auto;
}
.PrimeSign-PasswordForm input.field {
    font-family: verdana, sans-serif;
    border: 1px solid gray;
}
.PrimeSign-PasswordForm .error {
	color: red;
	text-align: center;
	text-transform: none;
}

label.error {
	color: red; 
	font-size:11pt;
	margin: 6px 0px 6px 0px;
	text-align: center;
}

.footer-text {
	font-size:10pt;
	margin: 6px 0px 6px 0px;
	text-align: right;
}

.errorMsg li {
	list-style-type: none;
}

a.imageLink, a.imageLink img {
    border: none;
}

.uploadNote {
	font-size: 12pt;
	text-align: center;
	display: none;
}
.centeredContainer .uploadNote {
	display: block;
}

.uploadNote a, .uploadNote a:link, .uploadNote a:hover, .uploadNote a:visited, .uploadNote a:focus {
	color: #00538d;
	background-color: white;
	cursor: pointer;
	text-decoration: underline;
}

.uploadNote a:active {
	color: #01a2e5; 
	background-color: white;
	cursor: pointer;
	text-decoration: underline;
}

.PrimeSign-RegisteredUsersOnlyNote  {
	padding: 5px 5px 5px 5px;
	color: #01a2e5;
	word-wrap: break-word;
	overflow: hidden;
}

.PrimeSign-RegisteredUsersOnlyNote a, .PrimeSign-RegisteredUsersOnlyNote a:link, .PrimeSign-RegisteredUsersOnlyNote a:hover, .PrimeSign-RegisteredUsersOnlyNote a:visited, .PrimeSign-RegisteredUsersOnlyNote a:focus {
	color: #00538d;
	background-color: white;
	cursor: pointer;
	text-decoration: underline;
}

.PrimeSign-SignatureFolder {
	height: calc(100% - 1px) !important; 
}

.PrimeSign-UiMessagesView {
	z-index: 32100;
}

.PrimeSign-UiMessage {
	padding: 8px 12px 8px 12px;
	background: #84d0f0;
	color: black;
	font-weight: bold;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.PrimeSign-UiMessage-warn {
	background-color: #f69105;
}

.PrimeSign-UiMessage-error {
	background-color: red;
	color: white;
}

.PrimeSign-ContextMenuPopupPanel {
	z-index: 16384;
}

.PrimeSign-ContextMenuPopupPanel .PrimeSign-ContextMenuPopupPanel-MenuBar {
	background-color: #e5f5ff;
	border: 1px solid #01a2e5;
	color: #01a2e5;
	cursor: default;
	font-family: Arial Unicode MS,Arial,sans-serif;
	font-size: small;
	padding: 2px 4px;
}

.PrimeSign-ContextMenuPopupPanel .PrimeSign-ContextMenuPopupPanel-MenuItem {
	cursor: pointer;
}

.PrimeSign-ContextMenuPopupPanel .PrimeSign-ContextMenuPopupPanel-MenuItem-disabled {
	cursor: default;
	color: #b6b2aa;
	background-color: #e5f5ff;
}

.PrimeSign-ContextMenuPopupPanel .PrimeSign-ContextMenuPopupPanel-MenuItem-selected {
	color: white;
	background-color: #01a2e5;
}

.PrimeSign-AddressBook {
}

.PrimeSign-AddressBook-ResultsPanel {
	border: 1px solid steelblue;
}

.PrimeSign-AddressBook-ResultsTable {
}

.PrimeSign-AddressBook-SearchBox {
	border: 1px solid steelblue;
	padding: 5px;
}

.PrimeSign-AddressBook-Message {
	font-size: 10pt;
	text-align: left;
}


.signerTable {
	border: none !important;
}


.PrimeSign-SignatureWorkflow {
	font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
}

.PrimeSign-SignatureWorkflow-description {
	text-align: left;
	font-style: italic;
}

.PrimeSign-SignatureWorkflow-label {
}


.PrimeSign-SignatureWorkflow-NoRecipient-Panel {
  padding: 0.3em;
  margin: 0.1em;
  display: inline;
  overflow: auto;
  line-height: 220%;
}

.PrimeSign-SignatureWorkflow-Recipient-Panel {
  padding: 0.3em;
  margin: 0.1em;
  background-color: rgb(208, 228, 246);
}

.PrimeSign-SignatureWorkflow-Recipient-Panel-Signed {
  padding: 0.3em;
  margin: 0.1em;
  background-color: #92c1f0;
  color: #000000;
  line-height: 100%;
}

.PrimeSign-SignatureWorkflow-Recipient-Panel-Invalid {
  background-color: #ff8080;
}


.PrimeSign-SignatureWorkflow-Recipient-Panel-Input { 
  background-color: #ffffff;
}

.PrimeSign-SignatureWorkflow-Recipient-Panel,
.PrimeSign-SignatureWorkflow-Recipient-Panel DIV, .PrimeSign-SignatureWorkflow-Recipient-Panel td  {
  display: inline;
  overflow: auto;
  line-height: 220%;
}

.PrimeSign-SignatureWorkflow-RecipientTokenField-label {
	font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
    vertical-align: bottom;
    padding: 2px;
}

.PrimeSign-SignatureWorkflow-RecipientTokenField-Text {
	font-family: Arial Unicode MS, Arial, sans-serif;
    font-size: small;
    padding: 3px;
}

.PrimeSign-sce-selection .base-Button, .PrimeSign-sce-selection .PrimeSign-bulkDescription {
	width: 180px;
	text-align: center;
}

.PrimeSign-sce-selection {
	border-spacing: 15px 0;
	width: 100%;
}

/* Customized PrimeSign CheckBox */
.PrimeSign-checkbox-container {
	display: block;
	position: relative;
	height: 20px;
	margin-bottom: 2px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.all-documents {
	margin-bottom: 7px;
}

/* Hide the browser's default checkbox */
.PrimeSign-checkbox-container input {
	position: absolute;
	opacity: 0;
}

/* Create a custom checkbox */
.PrimeSign-checkbox-label {
	position: absolute;
	top: 0;
	left: 0px;
	margin-left: 10px;
	height: 15px;
	width: 15px;
	background-color: #eee;
	display: inline-block;
}

/* On mouse-over, add a grey background color */
.PrimeSign-checkbox-container:hover input ~ .PrimeSign-checkbox-label {
	background-color: #ccc;
	cursor: pointer; 
}

/* When the checkbox is checked, add a blue background */
.PrimeSign-checkbox-container input:checked ~ .PrimeSign-checkbox-label {
	background-color: #009ee0;
	cursor: pointer; 
}

/* Create the checkbox/indicator (hidden when not checked) */
.PrimeSign-checkbox-label:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkbox when checked */
.PrimeSign-checkbox-container input:checked ~ .PrimeSign-checkbox-label:after {
	display: block;
}

/* Style the checkbox/indicator */
.PrimeSign-checkbox-container .PrimeSign-checkbox-label:after {
	left: 5px;
	top: 1px;
	width: 3px;
	height: 8px;
	border: solid white;
	border-width: 0 1.5px 1.5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	cursor: pointer;
}

.PrimeSign-checkbox-innerLabel {
	margin-left: 35px;
	cursor: pointer;
	display: inline-block;
	width: 275px;
	overflow: hidden;
	text-overflow: ellipsis;	
}

.bold-label {
	font-weight: bold;
}
/* Customized PrimeSign CheckBox END */

.PrimeSign-styledbutton {
	color: white;
	border: none;
	min-width: 70px;
	padding: 5px 10px;
	margin: 10px 5px;
	border-radius: 1px;
}

.PrimeSign-styledbutton-disabled {
	background: #ccc;
}

.PrimeSign-styledbutton-submit {
	margin-left: 70px;
}

.PrimeSign-styledbutton-submit:not(.PrimeSign-styledbutton-disabled) {
	background: #009ee0;
}

.PrimeSign-styledbutton-cancel {
	background: #b7b7b7;
}

.PrimeSign-bulkdialog .gwt-Label, .PrimeSign-checkbox-innerLabel {
	font-size: 15px;
	width: auto;
	text-overflow: clip;
}

.PrimeSign-bulkdialog .dialogContent td {
	padding: 0 5px;
}

.PrimeSign-bulkdialog .gwt-Label {
	padding: 10px 0;
}

.PrimeSign-SignatureWorkflow tr td div {
	margin-left: 10px;
	max-height: 220px;
}

.PrimeSign-bulkSignatureScrollpanel {
	min-width: 350px;
	white-space: nowrap;
	padding-right: 24px;
}

.PrimeSign-horizontalPanel {
	margin: 10px auto 10px auto;
}

.PrimeSign-errorDialogue-documentName {
	font-weight: bold;
}

.PrimeSign-bulkdialogSummary-table-icon {
	cursor: pointer;
}

.PrimeSign-bulkdialogSummary .gwt-Image {
	padding-top: 5px;
	cursor: pointer;
}

.PrimeSign-bulkdialogSummary-table {
	margin-left: 12px;
}

.PrimeSign-bulkdialogSummary-table-listing {
	padding: 2px 0px;
	font-size: 14px;
	/* too long texts replace to ...  */
	overflow: hidden;
 	text-overflow: ellipsis; 
 	width: 350px;
}

.PrimeSign-bulkSignatureSummary-Scrollpanel {
	width: 450px;
	white-space: nowrap;
	margin: 5px 0px;
	max-height: 220px;
}

.PrimeSign-bulkSignatureSummary-icon {
	cursor: default;
	margin-right: 7px;
	margin-top: 2px;
}

.base-Button-PrimeSign-bulkSignatureSummary-button {
	min-width: 80px;
	padding: 1px;
}

.PrimeSign-bulkSignatureSummary-download-button {
	width: 150px;
	height: 32px;
	padding: 8px 0px 0px 28px;
	margin-top: 5px;
	margin-left: 15px;
	color: white;
	text-decoration: none;
	font-size: 14px;
	display: block;
	background-repeat: no-repeat;
	background-image: url("./img/download.png");
}

.PrimeSign-bulkSignatureSummary-download-button:hover, .PrimeSign-bulkSignatureSummary-download-button:visited {
	color: #d9f1fa;
	background-image: url("./img/download_hover.png");
}