body { background: #f1f1f1 !important; color: #444; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif !important; font-size: 13px; } label { display:block; font-weight: normal !important; margin-bottom: 0.25rem !important; } .alert-bubble { display: inline-block; border-radius: 9999px; width: 30px; height: 30px; line-height: 30px; font-size: 12px; text-align: center; color: white; background-color: red; text-decoration: none; } .alert-margin { margin: 22px 18px 12px 0px !important; } .alert-bubble:hover { color:white; opacity: .6; } .e-sign-alert { background: #fff; margin: 24px 0 0px!important; border-radius: 0; color: #444; padding:10px !important; } .esig-error-box { position:relative; color:red; font-weight:bold; font-size:14px !important; align-items: center; } .e-sign-red-alert { border-left: 4px solid #dd3d36!important; background-color: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 20px 0 14px!important; border-radius: 0; color: #444; padding: 5px 10px; } .e-sign-green-alert { border-left: 4px solid #13821c!important ; background-color: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 20px 0 14px!important; border-radius: 0; color: #444; padding: 5px 10px; } .esig-invite-sent-error { background: #FCD4D3 } .esig-invite-sent-error span.esig-sent-error { color:red; } .esign-main-tab div.error { border-left-color: #dc3232; border-bottom: 3px solid #DEDEDE; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: flex; } .bangBar .esig-icon-esig-alert { margin:0; } .esign-main-tab div.error h4 { font-size: 0.8rem; margin-top:15px; } .esign-main-tab div.error .about-button { padding: 10px 15px; background: #dd3133; color: #fff; border-radius: 3px; margin: 0 0 0 15px; text-decoration: none; } .e-sign-enter-license { color: #dd3d36; font-weight: 600; } .e-sign-enter-license:hover { color: #AF2A09; } .esig-center { text-align: center; } .esig-right { text-align: right; } .settings-title { margin:3em 0 1em; font-size: 19px; font-weight: 300; text-transform: none; } .esign-form-panel { display:block ; margin: 16px 0; padding: 11px 10px 0; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); background: #fff; font-size: 13px; line-height: 2.1em; } .esign-form-panel h2 { margin:0!important; } .esign-form-header .wp-document_content-wrap { margin:13px 0 20px 0; } .esig-masthead .settings-title { font-size: 13px; font-weight: 400; } .signature-wrapper .alert-bubble { position: absolute; top: 50%; margin-top: -10px; margin-left: 5px; } .esign-main-tab { margin: 1.5em 0 1.5em 0; } .esign-form-header { text-transform: capitalize; } .sign-here { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; border-radius: 6px; } .sign-here-type { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; border-radius: 6px; border:1px solid transparent; } .sign-here-type-display { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; border-radius: 6px; border:1px solid transparent; } .sign-arrow { position:absolute; top:30%; left:-100px; width: 80px; height: 70px; } .sign-here.signed { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; } .signatures { margin: 2em 0; } #signatureCanvas { height: 82px; } .signature-wrapper-displayonly { width:auto; display:inline-block; position:relative; background:#FFF; min-width: 320px; } .signature-wrapper-displayonly .sign-here { cursor:pointer; width:320px; background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_small.jpg') no-repeat; background-position:bottom left; height: 115px; border-width:1px; border-radius:0; } .signature-wrapper-displayonly .sigPadHeight { height: 121px; } .signature-wrapper-displayonly-signed { width:auto; display:flex; position:relative; background:#FFF; line-height: 1; height: 120px; } .signature-wrapper-displayonly .sign-here.signed { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; border-width:0px; background-position:left bottom; background-size: 100% auto; display: flex; } .signature-wrapper-displayonly-signed .signed { cursor:pointer; background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sign-here_blank.jpg') no-repeat; background-position:bottom left; background-size: 100% auto; border-width:1px; border-radius:0; align-self: flex-end; width: 100%; min-height: 40%; } .signature-image { vertical-align: bottom; max-width:350px; height: 70px; align-self: flex-end; margin-bottom: 5%; } .signature-wrapper-displayonly .sign-here.unsigned:hover { border-color: #46b1cd; } .signature-wrapper { display:block; position: relative; margin:auto; width:430px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .signature-wrapper .saveButton { background: #0083c5; border: none; color: #fff; position: relative; left: 100px; top: 46px; padding: 7px 13px; height: 33px; border-radius: 0; width: auto; left: 289px; font-size: 15px; } .e-signature_page_esign-settings .signature-wrapper .saveButton{ left: 309px; line-height: 1.2; } .e-signature_page_esign-settings .signature-wrapper .saveButton:hover{ color: #fff; } .e-signature_page_esign-settings #esig-type-in-text-accept-signature{ left: 40px; top: 25px; } #esig-type-in-text-accept-signature{ background: #0083c5; border: none; color: #fff; padding: 7px 22px; position: relative; float:right; top: 15px; height: 33px; border-radius: 0; line-height: 1.1em; left: 20px; } #esig-type-in-text-accept-signature:hover, .signature-wrapper .saveButton:hover{ text-decoration:none; background: #2496cf; } .signature-wrapper { display:block; position: relative; margin-left:-5px; width:420px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .signature-wrapper #signatureText { position:relative; left: 5px; top: 1px; } .esig-spin-loader { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/ajax-loader.gif') 0 0 no-repeat; height:12px; width:30px; display:block; position:absolute; top:.5em; right: -100%; } .esig-ajax-loader { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/ajax-loader.gif') 0 0 no-repeat; height:100px; width:100px; display:block; position:absolute; top:.5em; left:40%; margin:auto auto; } .signature-wrapper .saveButton.loading .loader { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/ajax-loader.gif') 0 0 no-repeat; height:12px; width:30px; display:block; position:absolute; top:.5em; right: -100%; } .signature-wrapper .clearButton { text-decoration:none; margin-left: 380px; line-height:2em; } .signature-wrapper .instructions { position:absolute; line-height:2em; font-size: 13px; } .signature-wrapper .description { position:absolute; line-height:2em; font-size: 13px; width:100%; text-align:left; margin-top: -12px; padding-top: 5px; } #signatureText { visibility:hidden; } .signature-wrapper .instructions { position:absolute; line-height:2em; font-size: 13px; } .wp-e-saveButton { letter-spacing: 1px; height: 32px!important; padding: 0 18px!important; line-height: 32px!important; text-transform: uppercase!important; border-radius: 2px!important; background: #0088cc!important; color: #fff!important; left: 247px!important; border: none!important; margin: 10px 0 0 0; } .wp-e-saveButton:hover { background: #03a2f1!important; } .esig-alert-btn { background: #d00a1b !important; border: none; color: #fff; border-radius: 3px !important; -webkit-box-shadow: none; box-shadow: none; padding: 8px 20px; height: auto; width:auto; font-weight: bold !important; letter-spacing: .02em; transition: all 0.3s ease 0s; text-decoration: none !important; } .esig-alert-btn:hover{ background: #e8071b; } .esig-mini-red-btn { padding: 12px 30px; font-size: 16px; background: #e53832; background: -moz-linear-gradient(top,#e53832 0%,#f44 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#e53832),color-stop(100%,#f44)); background: -webkit-linear-gradient(top,#e53832 0%,#f44 100%); background: -o-linear-gradient(top,#e53832 0%,#f44 100%); background: -ms-linear-gradient(top,#e53832 0%,#f44 100%); background: linear-gradient(to bottom,#e53832 0%,#f44 100%); border-radius: 3px; color: white; box-shadow: 0 1px 1px #a02421; text-shadow: 0 1px 1px #a02421; font-weight: 400; display: inline-block; text-decoration: none; float: right; } .esig-mini-red-btn:hover { background:#46a7cd; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#C01C18',endColorstr='#EA0000'); background:-moz-linear-gradient(top,#C01C18,#EA0000); background:-webkit-gradient(linear,left top,left bottom,from(#C01C18),to(#EA0000)); color: #FFF; cursor: pointer; text-decoration: none; } .esig-blue-btn { letter-spacing: 1px; height: 32px; text-align: center; padding: 10px 18px; font: 12px/28px 'ProximaNova-Bold', Arial, Helvetica, sans-serif; line-height: 0; border-top:1px solid #95cfe7; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff !important; border: 0 transparent; text-decoration: none; background: #5ab8dd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ab8dd',endColorstr='#2ba3d3'); background: -moz-linear-gradient(top,#5ab8dd,#2ba3d3); background: -webkit-gradient(linear,left top,left bottom,from(#5ab8dd),to(#2ba3d3)); -webkit-box-shadow: 0 1px 1px #557280; -moz-box-shadow: 0 1px 1px #557280; box-shadow: 0 1px 1px #557280; text-shadow: 0 1px 1px #315d6d; font-weight: 400; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,Sans-Serif; } .esig-blue-btn:hover { border-top-color:#63c1dd; background:#63c1dd; color:#fff !important; text-decoration:none; cursor:pointer; } .esig-mini-btn { height: 40px!important; font-size: 15px; margin: 0 auto; } .canvas-label { margin-top:9px; } #company_logo_image_wrap { margin:.5em 0; } .esig-masthead { margin-bottom:50px; } .documents_index_sidebar { width:300px; height:250px; border:1px solid #999; padding-left:10px; } .clearButton { font-weight: 700; color: #2ea2cc!important; } .audit-wrapper { list-style-type: none; position: relative; } .esign-form-document-panel { margin:15px 0px 0px 0px ; } .audit-wrapper .esig-logo img { width:172px; height: 45px !important; position:relative; top: 3px; } .audit-wrapper .document-meta { color: #777; margin: .5em 0 1em 0; } .audit-wrapper .site-info { width:300px; color:#000; text-align:right; } .auditReport { margin:1em 0; } .auditReport .day { margin-bottom:1em; list-style:none; border-width:0; } .auditReport .day th { font-size:16px; color: #777; border-width:0; padding:.5em 0; } .auditReport .day td { color: #777; font-size:13px; border-width:0; padding-bottom:.5em; } .auditReport .day .time { width:100px; } .auditReport .day .log { color: #777; } .esig-template-page .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .fade.in { opacity: 0.6; } .sif_advanced_button_area .popover.fade.bottom.in { opacity: 1; margin-left: 1% !important; } .esig-template-page .modal.fade .modal-dialog{ transform: translate(0,50px); } .esig-template-page .modal-header .close { margin-top: -2px; } .esig-template-page button.close { padding: 0; cursor: pointer; background: 0 0; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .esig-template-page .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; } .esig-template-page .sig-tooltip, .arrow:after { background: white; border: 0px solid white; } .esig-template-page .sig-tooltip { opacity: 0 !important; display: inline-block; position: absolute; padding: 0px; color: #666; margin-top: 20px; font-stretch: condensed; text-decoration: none; max-width:300px; font-size:14px; top:-176px !important; } .esig-template-page .sig-tooltip { -webkit-box-shadow: 2px 5px 12px -4px black, 2px 5px 12px -4px black; -moz-box-shadow: 2px 5px 12px -4px black, 2px 5px 12px -4px black; box-shadow: 2px 5px 12px -4px black, 2px 5px 12px -4px black; } .esig-template-page .sig-tooltip .header { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/pen_bullet.svg') 10px 5px no-repeat #5ab8dd; color:#FFFFFF; padding:4px; height:50px; border-top-left-radius: 6px; border-top-right-radius: 6px; } .esig-template-page .sig-tooltip .header-title { display:inline-block; line-height:40px; margin-left:60px; font-weight: 600; } .esig-template-page .sig-tooltip p { padding:10px; text-shadow:none; font-weight: 300; } .form-control { width:255px!important; } .esig-template-page .sig-tooltip p a { text-shadow:none; } .esig-template-page .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; } .esig-template-page .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; -webkit-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black; -moz-box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black; box-shadow: 6px 5px 9px -9px black, 5px 6px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform:    rotate(45deg); -ms-transform:     rotate(45deg); -o-transform:      rotate(45deg); } .esig-template-page .sig-tooltip.active { opacity: 1 !important; margin-top: -10px; -webkit-transition: all 0.2s ease; -moz-transition:    all 0.2s ease; -ms-transition:     all 0.2s ease; -o-transition:      all 0.2s ease; border-radius: 6px; max-height: 200px !important; } .esig-template-page .sig-tooltip.out { opacity: 0; margin-top: -20px; } .esig-template-page .esig-tooltip-overlay { display:none; position:fixed; left:0; top:0; height:100%; width:100%; z-index:10; background: #000; opacity:.7; } #esig-settings-container { float:left; width:100%; } #esig-settings-col1 { float:left; width:26%; margin-left:22px; } #esig-settings-col2 { float:left; width:62%; } .settings-form .esig-settings-form { width:100%; } .esig-settings-form th label { font-weight: 600 !important; } .settings-form .esig-settings-form input[type=text], .esig-mail-left input[type=text], .esig-mail-left input[type=password] { border-radius: 2px; height: 41px; } .esig-sidebar-ad { background:#fff; border:1px solid #d3d3d3; padding:12px; } .admin_page_esign-addons-general .esig-sidebar-ad { max-width:270px; } .esig-sidebar-ad .esig-ad-subline { font-weight:bold; font-size:14px; } .esig-sidebar-ad .esig-ad-text { font-size:14px; font-weight: 100; } .esig-sidebar-ad h3 { margin: 0.4em 0; text-align: center; font-size: 17px; } #esig_view-main { width:100%; text-align:center ; display: inline-block ; margin:auto; position: relative; } #esig-view-page { width:auto; text-align:center ; display: inline-block ; margin:auto; position: relative; } .expired-warning { width: 75%; } .expired-warning #esig-settings-col3 p, .expired-warning #esig-settings-col3 ol { font-size: 1.25em; } .expired-warning #esig-settings-col3 ol { width: 80%; margin: 0 auto; } #esig-settings-col_head { float:left; width:49%; } #esig-settings-col3 { float:left ; text-align:center ; } #esig-settings-col3 .benefits p, #esig-settings-col3 .benefits div { position:relative; float:left; clear:both; font-size:16px } #esig-settings-col3 .benefits div { width:300px; padding:8px 20px; text-align: left; font-size: 14px; font-style: italic; font-weight: 100; } #esig-settings-col3 .plus-li { position:relative; float:left; clear:both; width:300px; font-size:18px; padding:16px 0; color:#222; padding-left:28px; background:url(https://amarisbrand.com/vinumul/e-signature/assets/images/icon-plus.png) left center no-repeat; } #esig-settings-col4 { float:left; width:100%; } .esig-settings-title h2 { font-size: 25px; text-align:center; font-weight:100; margin-top: 100px; text-decoration: underline; } .esig-add-document-hover { cursor: pointer; cursor: hand; float: left; background-color: #ededed; margin: 10px; border-bottom: 10px #88bbd7 solid; color: #191919; display: inline-block; } .esig-add-document-hover:hover { text-decoration:none; border-bottom:10px #1ea2d5 solid; } .esig-doc-options { text-align:center; } #esig-add-basic .icon { background-image: url(https://amarisbrand.com/vinumul/e-signature/assets/images/esig-options-basic.svg); } #esig-stand-alone .icon { background-image: url(https://amarisbrand.com/vinumul/e-signature/assets/images/esig-options-sad.svg); } #esig-add-template .icon { background-image: url(https://amarisbrand.com/vinumul/e-signature/assets/images/esig-options-template.svg); } .esign-signing-options .esig-add-document-hover .icon { height: 136px; } .esig-add-document-hover .icon { background-color: #f1f1f1;; background-position: center; background-repeat: no-repeat; } .esig-add-document-hover .text { padding: 16px 0; font-size: 24px; text-align: center; font-weight: normal; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; background:#E4E4E4; } .esign-signing-options { float: left; margin-right: 10px; text-align: center; border-bottom: 1px #c9c9c9 solid; } .esign-signing-options .esig-doc-options { width: 190px; } .esign-signing-options-col1 { float:right!important; } #esig-settings-col4.esig-settings-title { float: none; margin: 0 auto; width: 527px; display: block; margin-bottom: 22px; } #esig-settings-col4 span { letter-spacing: .11em; line-height: 4; } #esig-settings-col4 .esig-extension-headlink { font-weight: 600; } .esig-settingstitle { text-transform: uppercase; font-weight: 800; font-size: 17px; letter-spacing: .01em; line-height: 1; } #recipient_emails input { border-radius:3px; height:37px; } .invitations-container p input, #recipient_emails p { margin:0; } #recipient_emails input, .sif_input_field, #newsigeradded input { border-radius:3px; height:37px; margin-bottom: 5px; } .af-inner-doc{ display: block; position: relative; width:100%; } .invitation-emails { display:block; position:relative; } .invitations-container h2 { font-weight:100; font-size: 1.3em !important; } .esig-signer-view { text-align: center !important; width: 100%; } .af-inner_edit { display: block; position:relative; width:100% ; text-align:center ; } .invitations-container_ajax { display:block; position:relative; } .invitations-container_ajax.af-inner{ display:block; position: relative; } .af-inner  #recipient_emails { text-align: center; } #esig-headlink-col1 { float:left; width:75%; } #esig-headlink-col2 { float:left; width:25%; } .esig-extension-headlink { font-size:13px; font-family:sans-serif; letter-spacing: .03em; color:#0033cc; } .esig-extension-headtext { font-size: 13px; font-family: "Open Sans",sans-serif; color: #575757; } li.esig-extension-headimg { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/esig-headlink.svg') 0 0 no-repeat; padding: 0 0 0 21px; height: 24px; } li.esig-support { background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/tick.svg') 0 0 no-repeat; padding: 0 0 9px 29px; height: 20px; font-size: 17px; font-weight: 300; margin-left: 12px; } .esig-supportprice { font-size: 17px; font-weight: 300; } .pad-left { display:block; position:relative ; float:left ; margin-top:0px; margin-right:2px; } .pad-right { display:block; position:relative; float:left; margin-left:3px; } .esig-feedback { font-size: 14px; text-decoration: none; font-weight: 600; } .esign-feedback-alert { background: #fff; padding: 19px; border-left: 6px solid rgba(0,83,159,0.65); border-right: 1px solid #e2e2e2; } .esig-feedback-survey-align { text-align:center; } .esig-feedback-span { display:inline-block; background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/shout-icon.svg') no-repeat; height:16px; width:16px; margin-right: 6px; } .esig-not-found-page-template { font-size: 16px; margin-top: 33px; line-height: 3em; } .esig-not-found-btn { background-image: linear-gradient(#e3262e, #ab171e); background-color: #ab171e; border-bottom-color: #820a0f; border-left-color: #9a1015; border-right-color: #9a1015; transition: background, color, .3s; -webkit-transition: background, color, .3s; height: 45px; padding: 0px 35px; font-size: 18px; line-height: 45px; border-radius: 27.5px; color: #fff!important; text-align: center; text-decoration: none !important; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; font-weight: 700; padding: 14px 37px 14px 37px; } .esig-not-found-btn:hover { background-image:-webkit-linear-gradient(#bb1618, #e22123); background-image:linear-gradient(#bb1618, #e22123); box-shadow:0 1px 7px 0 rgba(0, 0, 0, 0.5) inset; background-color:#e22123;border-color:#99161b; text-shadow:0 1px rgba(0, 0, 0, 0.6); -webkit-transition: background, color, .3s;  } .esig-not-found-search { padding: 0px 0px 38px 80px; } #esig_document_search_form .esig_document_search { min-width: 216px; margin: 0 10px 0 9px; height: 30px; border-radius: 2px; } .esig-documents-list-wrap { margin: 0 0 12px 0; } .esig-red-btn { background: #F74343; border-radius: 4px; padding: 11px; color: #fff; text-decoration: none; display: block; text-align: center; } .esig-red-btn:hover { background: #F51D1D; } .esig-red-btn span { color: #fff; font-weight: 600; } .esig-red-btn a { color: #fff; text-decoration:none; } .esig-chosen-drop { margin-bottom: 20px!important; } .esig-error-message-wrap { width:500px; padding:16px 22px 22px 36px; background-color:#fff; border-radius:6px; margin-top: 22px; border-bottom: 1px solid #ccc; } .esig-error-message-wrap .esig-error-text { font-size: 16px; } .chosen-select { position: relative; display: block; overflow: hidden; padding: 0 0 0 8px; height: 23px; border: 1px solid #aaa; border-radius: 5px; background-color: #fff; background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4)); background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); background-clip: padding-box; box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1); color: #444; text-decoration: none; white-space: nowrap; line-height: 24px; } .woocommerce-message, #message.error, #esig-settings-col4 > div, .admin_page_esign-add-document #post-body-content > div { display:none; } .esig-inside div p h4{ margin-left: 10px !important; } .tooltip { position:relative !important; z-index:0; float:left; display:block; font-size:12px; line-height:1.4; opacity:1 !important; } a.tooltip { outline:none; margin-right:20px; } a.tooltip strong { line-height:30px; } a.tooltip:hover { text-decoration:none; cursor:url("https://amarisbrand.com/vinumul/e-signature/assets/images/cursor.png"),help; z-index: 1000000000000000000; } a.tooltip span { z-index:9999 !important; display:none; padding:14px 20px; margin-top:40px; margin-left:-140px; width:240px; line-height:20px; } a.tooltip:hover span { display:inline; position:absolute; border:0px solid #FFF; color:#EEE; background:#000; } .callout { z-index:20; position:absolute; border:0; top:-9px; left:120px; } a.tooltip span { border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity: 0.8; } .esig-postbox-container { margin: 4px 10px 0px 23px; max-width:273px; float: right; } .postbox .hndle { height: 22px; font-size: 14px; padding: 8px 12px; margin: 0; line-height: 1.4; } .inside { display:block ; } .minus-recipient { text-decoration : none ; } .signer_box { border:1px solid #F2F2F2; display:block ; float:left ; width:100% ; text-align:center ; position: relative ; } #newsigeradded { display:block ; width:100%; float:left ; position:relative ; text-align:center ; } #input_left { float:left ; text-align:center ; } #input_right { float:left; text-align:center ; margin-left:4px; } #input_right span.deleteicon { position: relative; display:inline; } span.deleteicon span { position: relative; display: inline-block; margin: 12px 4px; right: 0px; width: 16px; height: 16px; background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sprites.png?v=4') 0 -690px; cursor: pointer; border:1px solid red ; } span.deleteicon span:hover { position: absolute; display: inline-block; margin: 12px 4px; right: 0px; width: 16px; height: 16px; background: url('https://amarisbrand.com/vinumul/e-signature/assets/images/sprites.png?v=4') 0 -665px; cursor: pointer; border:1px solid green; } span.deleteicon input { padding-right: 0px; } .signer_popup_view { width:100%; text-align: center ; } label.esig-error { color: #FFFFFF; max-width:100%; height:100%; background-color:#CB3B3B; } .document-sign-page1.ui-tooltip, .esign-arrow:after { background: black; border: 1px solid black; width:300px; position:fixed; } .ui-tooltip { padding: 10px 20px; color: white; border-radius: 8px; font: bold 14px "Helvetica Neue", Sans-Serif; text-transform: none; box-shadow: 0 0 7px black; font-weight:500; } .esign-arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; border:1px solid transparent; } .esign-arrow.top { top: -16px; bottom: auto; } .esign-arrow.left { left: 20%; } .esign-arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); tranform: rotate(45deg); } .esign-arrow.top:after { bottom: -20px; top: auto; } .invitations-container-title { position : relative ; width:100%; display:flex ; align-items: center; } .need_to_sign { width:15px !important; } .need_to_sign_right { text-align: left !important; } table.esign_status_table tr:nth-child(2n) td,table.esign_status_table tr:nth-child(2n) th { background:#fcfcfc } table.esign_status_table th { font-weight:700 } table.esign_status_table td:first-child { width:20% } table.esign_status_table td { padding:6px 9px; font-size:1.1em } table.esign_status_table td mark { background:transparent none } table.esign_status_table td mark.yes { color:#7ad03a } table.esign_status_table td mark.no { color:#999 } table.esign_status_table td mark.error { color:#a00 } table.esign_status_table td ul { margin:0 } #debug-report { display:none; margin:10px 0; padding:0; position:relative } .esig_nextstep .button-primary { -webkit-font-smoothing:subpixel-antialiased !important; } #esig-system-info-textarea { width: 960px; height: 400px; font-family: Menlo,Monaco,monospace; background: 0 0; white-space: pre; overflow: auto; display: block; } #esig-import-info-textarea { width: 960px; height: 400px; font-family: Menlo,Monaco,monospace; background: 0 0; white-space: pre; overflow: auto; display: block; } .esig-error-dialog { border-radius: 6px; border: 7px solid transparent; padding:10px; display:inline-block; width:100%; z-index:10000000; } .esig-error-dialog-content { margin:10px; text-align:justify ; display: inline-block; border-radius: 8px; } .esig-error-dialog .ui-dialog-title { text-align:left !important; font-weight:100; font-size:1.1em; color:#000; } .esig-error-dialog-content { padding:10px 0; } .toplevel_page_esign-docs .ui-widget-overlay { z-index:1; } .esig-confirm-dialog { border-radius: 6px; border: 7px solid transparent; padding:10px; display:block; width:100%; z-index:103; } .esig-confirm-dialog-content { margin:10px; text-align:justify ; display: block; border-radius: 8px; } .esig-confirm-dialog .ui-dialog-title { text-align:left !important; font-weight:100; font-size:1.1em; color:#000; } .esig-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { display:none; } .esig-confirm-dialog-content { padding:10px 0; } #esig_selected_admin { font-weight:bold ; text-transform:uppercase; color:Red; } .e-signature_page_esign-settings .ui-widget-overlay { z-index:102; } .header_left { position :relative; display:inline-block; } .header_right { position :relative; float:right; display:inline-block; } .footer-container .header_left { position :relative; display:inline-block; margin-top:10px; width:59%; } .footer_right { position :relative; float:right; display:inline-block; width:40%; } .footer_right .tablenav .tablenav-pages { display:block !important; padding:0px !important; margin:0px !important; } .pagination-below { display: block; width:100%; float:right; text-align: right; } div.esig-updated, div.esig-error { padding: 0 0.6em; margin: 5px 15px 2px; } div.esig-updated { border-left: 4px solid #7ad03a; padding: 1px 12px; background-color: #fff; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); } .admin_page_esign-email-general div.esig-updated{ margin: 5px 0 2px; } div.esign-update-alert{ border-left: 4px solid #c95315; } div.esign-update-alert .message:before{ color: #d54e21; content: '\f463'; display: inline-block; font: 400 20px/1 dashicons; speak: none; margin: 0 8px 0 -2px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; vertical-align: top; } div.esign-update-alert a{ float: right; background-color: #D52121; padding: 4px 10px; margin: -4px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-decoration: none; font-weight: 600!important; font-family: "Proxima Nova", Arial, Helvetica, sans-serif!important; font-size: 14px!important; text-transform: none!important; text-shadow: 0px 1px 1px rgba(0,0,0,0.4)!important; color: #fff!important; border-bottom: 2px solid #A3300D!important; letter-spacing: .04em!important; } div.esig-error { border-left: 4px solid #dd3d36; background: #fff; display: block; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1); padding: 1px 12px; } .esig-settings-wrap { background: rgba(221, 221, 221, 0.32); padding: 4px 13px 15px 13px; border: 2px solid #E4E4E4; border-radius: 4px; margin: 26px 0 0 0; } .esig-settings-wrap th label { padding-left: 15px; } span.esig-description { padding-right: 70px ; } div.esig-settings-wrap input[type=text] { height: 36px; border-radius: 3px; min-width: 343px; } div.esig-settings-column-wrap { padding: 15px 10px; } a.misc_link { text-decoration:none; font-size:14px; } a.misc_current { text-decoration:none ; font-weight:bold ; font-size:14px; color:#000; } a.mails_link { text-decoration:none; font-size:14px; } a.mails_current { text-decoration:none ; font-weight:bold ; font-size:14px; color:#000; } #recipient_emails { clear: both } .signer-sl { display:inline; float:left ; position:relative; width:10px; height:40px; vertical-align:middle; } .field_arrows { display:inline; float:left ; background:-webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F4F4F4)); background:-moz-linear-gradient(top,#FFF,#F4F4F4); position:relative; width:20px; } span.field_arrows span:hover { cursor:pointer;filter:alpha(opacity = 100); -moz-opacity:1.0;-khtml-opacity:1.0; opacity:1.0 } span.field_arrows span.up { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/arrow_up.png'); background-repeat:no-repeat; background-position:3px 5px; border-bottom:solid 1px #DDDDE5; display:block; height:18px; } span.field_arrows span.down { background:url('https://amarisbrand.com/vinumul/e-signature/assets/images/arrow_down.png'); background-repeat:no-repeat; background-position:3px 5px; display:block; height:18px; } span.deleteIcon { background:url(https://amarisbrand.com/vinumul/e-signature/assets/images/delete-light.png); width: 16px; height: 16px; position: relative; left:10px; display: inline-block; cursor: pointer; background-repeat: no-repeat; border:0px solid red; } span.deleteIcon:hover { background:url(https://amarisbrand.com/vinumul/e-signature/assets/images/delete-dark.png); background-repeat:no-repeat } .esig-signer-left { margin-left:1%; } .esig-signer-right { position:relative; float:right; text-align:center; color:#0073AA; width: 45%; } .add-signer { color:#0073AA !important; } .esig-signer-right a:hover { color:#0073AA; } .esig-signer-right-document { position:relative; left:20%; } .esign-form-panel .esig-signer-container{ max-width: 450px; display: block; position: relative; } #esig-signer-edit-wrapper .add-signer{ text-decoration: none; display: block; right:1px; } .esign-form-panel .esig-signer-container .esig-signer-left, .esign-form-panel .esig-signer-container a{ text-decoration:none; } .esign-form-panel .esig-signer-container a:hover { color:#fff; } #esig_recipent_left { position:relative ; display:block; width:2%; float:left ; vertical-align: middle ; margin-bottom:5px ; border-radius:3px ; } #signer_main_recipent { display:block; width:97%; float:right; border-radius:3px ; vertical-align: middle ; text-align:left ; position:relative ; margin-bottom:5px ; border:1px solid red; } .steps-chevron { width: 5%; padding: 0; margin: 0; float: left; } .steps-chevron span.esig-icon-chevron-right { font-size: 5em; line-height: 2.6em; color: rgba(213, 213, 213, 1); } #license_key_label { padding: 0 29px; } #license_key_label .description { color: red; } .onboarding-screenshots { border-radius: 8px; border: 4px solid #DEDEDE; } .page-loader-overlay { display:none; position:fixed; left:0; top:0; height:100%; width:100%; z-index:1000015; background: #000; text-align:center; opacity:.8; } #page-loader-admin { width: 100%; height: 100%; top:50%; left:18%; position: fixed; margin: -20px -50px; z-index: 1000020; } .cf .span { width: 700px; } .cf .span h2 { color: rgba(255,255,255,0.5); font-size: 40px; font-weight: 200; text-align: center; margin: 40px 0 0 0; } .cf .span h2 { font-size: 18px; margin: 0; padding: 0; margin: 10px 0; } .coffee_cup { width: 20px; height: 24px; border: 1px rgba(255,255,255,1) solid; border-radius: 0px 0px 5px 5px; position: relative; margin: 36px auto; } .coffee_cup:after, .coffee_cup:before { position: absolute; content: ""; } .coffee_cup:after { width: 5px; height: 12px; border: 1px #fff solid; border-left: none; border-radius: 0px 20px 20px 0px; left: 20px; } .coffee_cup:before { width: 1px; height: 6px; background-color: rgba(255,255,255,1); top: -10px; left: 4px; box-shadow: 5px 0px 0px 0px rgba(255,255,255,1), 5px -5px 0px 0px rgba(255,255,255,1), 10px 0px 0px 0px rgba(255,255,255,1); -webkit-animation: steam 1s linear infinite alternate; -moz-animation: steam 1s linear infinite alternate; animation: steam 1s linear infinite alternate; } @-webkit-keyframes steam { 0%{height: 0px;} 100%{height: 6px;} } @-moz-keyframes steam { 0%{height: 0px} 100%{height: 6px;} } @keyframes steam { 0%{height: 0px} 100%{height: 6px;} } #report-bug-form input[type=text], #report-bug-form textarea { border-radius: 2px; width: 100%; } #report-bug-form input[type=text] { height: 41px; } #report-bug-form textarea { margin: 8px 0 0 0; } #report-bug-form{ font-size: 1.2em; } #report-bug-form .chosen-container{ min-width: 100%!important; } .document-sign-page .table-bordered { border: 1px solid #ddd; } .document-sign-page .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .document-sign-page table { background-color: transparent; } .document-sign-page table { border-spacing: 0; border-collapse: collapse; } .document-sign-page thead { display: table-header-group; vertical-align: middle; border-color: inherit; } .document-sign-page tr { display: table-row; vertical-align: inherit; border-color: inherit; } .document-sign-page .table>caption+thead>tr:first-child>th, .document-sign-page .table>colgroup+thead>tr:first-child>th, .document-sign-page .table>thead:first-child>tr:first-child>th, .document-sign-page .table>caption+thead>tr:first-child>td, .document-sign-page .table>colgroup+thead>tr:first-child>td, .document-sign-page .table>thead:first-child>tr:first-child>td { border-top: 0; } .document-sign-page .table-bordered>thead>tr>th, .document-sign-page .table-bordered>thead>tr>td { border-bottom-width: 2px; } .document-sign-page .table-bordered>thead>tr>th, .document-sign-page .table-bordered>tbody>tr>th, .document-sign-page .table-bordered>tfoot>tr>th, .document-sign-page .table-bordered>thead>tr>td, .document-sign-page .table-bordered>tbody>tr>td, .document-sign-page .table-bordered>tfoot>tr>td { border: 1px solid #ddd; } .document-sign-page .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .document-sign-page .table>thead>tr>th, .document-sign-page .table>tbody>tr>th, .document-sign-page .table>tfoot>tr>th, .document-sign-page .table>thead>tr>td, .document-sign-page .table>tbody>tr>td, .document-sign-page .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .document-sign-page th { text-align: left; } .document-sign-page td, .document-sign-page th { padding: 0; } .document-sign-page tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } .document-sign-page tr { display: table-row; vertical-align: inherit; border-color: inherit; } .hint,[data-hint]{position:relative;display:inline-block;} .hint:before,.hint:after,[data-hint]:before,[data-hint]:after{ position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);visibility:hidden;opacity:0;z-index: 1000000000;pointer-events:none;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;transition:0.3s ease} .hint:hover:before,.hint:hover:after,.hint:focus:before,.hint:focus:after,[data-hint]:hover:before,[data-hint]:hover:after,[data-hint]:focus:before,[data-hint]:focus:after{visibility:visible;opacity:0.9} .hint:before,[data-hint]:before{content:'';position:absolute;background:transparent;border:6px solid transparent;z-index:1000000001} .hint:after,[data-hint]:after{content:attr(data-hint);background:#383838;color:white;text-shadow:0 -1px 0px black;padding:8px 10px;font-size:15px;line-height:15px;width:auto;max-width:350px;min-width:250px;text-align:center;box-shadow:4px 4px 8px rgba(0,0,0,0.3)} .hint--top:before{border-top-color:#383838}.hint--bottom:before{border-bottom-color:#383838;} .hint--left:before{border-left-color:#383838}.hint--right:before{border-right-color:#383838} .hint--top:before{margin-bottom:-12px} .hint--top:after{margin-left:-18px} .hint--top:before,.hint--top:after{bottom:100%;left:50%} .hint--top:hover:after,.hint--top:hover:before,.hint--top:focus:after,.hint--top:focus:before{ -webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)} .hint--bottom:before{margin-top:-12px} .hint--bottom:after{margin-right:-18px} .hint--bottom:before,.hint--bottom:after{top:100%;right:50%;} .hint--bottom:hover:after,.hint--bottom:hover:before,.hint--bottom:focus:after,.hint--bottom:focus:before{ -webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)} .hint--right:before{margin-left:-12px;margin-bottom:-6px} .hint--right:after{margin-bottom:-14px} .hint--right:before,.hint--right:after{left:100%;bottom:50%} .hint--right:hover:after,.hint--right:hover:before,.hint--right:focus:after,.hint--right:focus:before{ -webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)} .hint--left:before{margin-right:-12px;margin-bottom:-6px} .hint--left:after{margin-bottom:-15px} .hint--left:before,.hint--left:after{right:100%;bottom:50%} .hint--left:hover:after,.hint--left:hover:before,.hint--left:focus:after,.hint--left:focus:before{ -webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)} .hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0px #592726} .hint--error.hint--top:before{border-top-color:#b34e4d} .hint--error.hint--bottom:before{border-bottom-color:#b34e4d} .hint--error.hint--left:before{border-left-color:#b34e4d} .hint--error.hint--right:before{border-right-color:#b34e4d} .hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0px #6c5328} .hint--warning.hint--top:before{border-top-color:#c09854} .hint--warning.hint--bottom:before{border-bottom-color:#c09854} .hint--warning.hint--left:before{border-left-color:#c09854} .hint--warning.hint--right:before{border-right-color:#c09854} .hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0px #193b4d} .hint--info.hint--top:before{border-top-color:#3986ac} .hint--info.hint--bottom:before{border-bottom-color:#3986ac} .hint--info.hint--left:before{border-left-color:#3986ac} .hint--info.hint--right:before{border-right-color:#3986ac} .hint--success:after{background-color:#458746;text-shadow:0 -1px 0px #1a321a} .hint--success.hint--top:before{border-top-color:#458746} .hint--success.hint--bottom:before{border-bottom-color:#458746} .hint--success.hint--left:before{border-left-color:#458746} .hint--success.hint--right:before{border-right-color:#458746} .hint--always:after,.hint--always:before{opacity:1;visibility:visible} .hint--always.hint--top:after,.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)} .hint--always.hint--bottom:after,.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)} .hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)} .hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:6px}.hint--bounce:before,.hint--bounce:after{-webkit-transition:opacity 0.3s ease,visibility 0.3s ease,-webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);-moz-transition:opacity 0.3s ease,visibility 0.3s ease,-moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24)} .load{ width:100%; position: absolute; top:-65px; left:-5px; } .load p{ font-size: 1.25em; color: #fff; } #esig-custom-message-input textarea , #confirmation_custom_message_text textarea{ max-width: 96%; border-radius: 6px; } .esig-colum-conainer { display:inline-block; clear:both ; position:relative; width:100%; } .esig-colum-conainer .esig-left { float:left; } .esig-colum-conainer .esig-right { float:right; } .esig-preview{ float: right; } .esig-text-left { text-align: left !important; } .stMain { display:block; margin:0; padding:0; color: #666666; border: 0px solid #CCC; font-family: "Segoe UI",Tahoma,arial,sans-serif; font-size: 100%; width:100%; } .stContainer { display:block; margin:0; padding:0; border: 0px solid #CCC; height:300px; overflow:hidden; position: relative; min-height: 230px; } .stMain div.tabContent { display:block; position: absolute; margin:0; padding:10px; border: 0px solid #D4D4D4; background-color: #FFF; text-align:left; } .stMain ul.tabAnchor { display: inline-block; list-style-type: none; position:relative; padding:0; margin:0; padding-left: 10px; clear: both; margin-bottom: -1px; z-index: 100; } .stMain ul.tabAnchor li { position: relative; border-bottom:1px solid #ccc; margin:0 -27px; padding:0 27px; height:40px; float: left; } .stMain ul.tabAnchor li a { display:block; margin:0; margin-right: -1px; padding:5px; height:30px; width:215px; font-size: 13px; color:#666; text-decoration: none; outline:none; outline-style:none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );  } .stMain ul.tabAnchor li a small { font-size:15px; } .stMain ul.tabAnchor li a:hover { color:#666; } .ui-state-focus:focus { outline:1px dotted red !important } .stMain ul.tabAnchor li a.sel { color:#FAAC58; } .stMain ul.tabAnchor li a.sel:after { position:absolute; content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff; bottom:-1px; left:30%; margin-left:-8px } .stMain ul.tabAnchor li a.sel:before { position:absolute; content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #ccc; bottom:-1px; left:30%; margin-left:-10px } .loader{ position: absolute; left:48%; top:40%; display:block; margin:0; padding:5px; padding-top: 35px; font-size: 10px; color:#666; text-decoration: none; outline-style:none; border: 1px solid #D4D4D4; background: #f6f6f6 url(https://amarisbrand.com/vinumul/e-signature/assets/images/loader.gif) no-repeat 10px 10px ; } a.stLinks { margin:0; padding:5px; color:#666; text-decoration: none; outline-style:none; background-color: #f6f6f6; } a.stLinks:hover { color:#FFF; background-color: #00A7DB; } a:focus { box-shadow:none !important; } .ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a  { outline: none; } #type-in-signature label { float:left; font-weight:normal; font-size:1em; margin-top:0 } .signature-tab #esignature-in-text { width: 240px; margin-top: 0; border: 1px solid #DDD; border-radius: 3px; height: 33px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07); box-shadow: inset 0 1px 2px rgba(0,0,0,.07); background-color: #fff; color: #333; outline: 0; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; padding: 0 0 0 14px; } .signature-tab #esignature-in-text ::-webkit-input-placeholder{ padding: 0 12px 0 12px; } #type-in-form label { margin-top:15px } #esig-type-in-preview { position:relative; width:400px; height:100px; } .sign-text { display:block; position:relative; } .esig-admin-type { display:block; position:relative; text-align:center; height:100%; } .sign-text-admin { position:relative; display:inline; vertical-align:text-bottom; text-align:center; } .sign-text-display { position: absolute; vertical-align:text-bottom; left:10%; bottom:12px; } .sig-type { position: absolute; bottom: 12px; left: 25px; margin:auto ; } .esig-sig-type-signed { position:relative; vertical-align:text-bottom; height:100px; width:100% ; } .esig-sig-type { position:relative; vertical-align:text-bottom; height:100px; width:100% ; } .esig-sig-type1 { position: absolute; vertical-align:text-bottom; margin-left: 10%; width:100% ; bottom: 10px; } .admin-sig-type { position:relative; display: block; margin:auto ; width:100% ; text-align:center; } .admin-sig-type-display { position: absolute; display: block; width: 100%; bottom: 30px; } .admin-sig-type { position:relative; vertical-align:text-bottom; text-align:center; width:100% ; } .type-in-preview-text-example { color:#888; } .signature-tab #adopt label{color:#666666;font-size:13px;margin-right:1px;font-weight:100;margin-bottom:5px;display:inline-block;*display:inline;*zoom:1} .signature-tab #adopt .text-input{width:240px;height: 32px;border: 1px solid #E8E8E8;border-radius: 3px;} .signature-tab #adopt .full-name{width:70%;float:left} .signature-tab #adopt .full-name .wrapper{padding-right:17px} .signature-tab .text-area-wrapper{margin-bottom:6px} .signature-tab .text-input-wrapper{margin-bottom:10px;} .signature-tab ul.tabAnchor li a{color:#0074a2;} .signature-tab ul.tabAnchor li a:hover,#esig-type-in-change-fonts:hover{color:#46b1cd;} .signature-tab ul.tabAnchor li a.sel:hover{color:#FAAC58;} #esig-type-in-change-fonts{text-decoration: none;color:#0074a2;line-height: 2.4;} #type-in-text-accept-signature-statement{width:340px} #type-in-text-accept-signature-statement > label{margin-top:10px;} #type-in-change-fonts{color:#28B1CA;text-decoration:none;padding-left:7px} #type-in-signature div.error{clear:left;color:red;margin-top:10px;margin-left:7px} #esig-type-in-controls{display:block;position:relative; } #esig-type-in-text-accept-signature{font-size:16px;white-spaze:nowrap} #type-in-text{float:right} .clearfix:after{content:".";display:block;visibility:hidden;clear:both;height:0} .esig-type-clear{clear:both} .left{float:left;} .right{float:right;} .esig-signature-type-font1 { font-family: 'La Belle Aurore', cursive; font-size:64px; } .esig-signature-type-font2 { font-family: 'Shadows Into Light', cursive; font-size:64px; } .esig-signature-type-font3 { font-family: 'Nothing You Could Do', cursive; font-size:64px; } .esig-signature-type-font4 { font-family: 'Zeyada', cursive; font-size:64px; } .esig-signature-type-font5 { font-family: 'Dawning of a New Day', cursive; font-size:64px; } .esig-signature-type-font6 { font-family: 'Herr Von Muellerhoff', cursive; font-size:64px; } .esig-signature-type-font7 { font-family: 'Over the Rainbow', cursive; font-size:64px; } input.form-control{ border-radius: 1px; -webkit-box-shadow: none; box-shadow: none; } #esig-mobile-popup { display: none; position: absolute; top:-1px; left:-1px; width: 100%; height: 100%; border: 2px solid #FFF; background: #FFF; z-index:1002; overflow:visible; -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5); } .auto-signature-agree { font-size:16px ; padding:15px; max-width: 700px; } .auto-signature-strong { font-size:15px; } .auto-signature-pad { padding:15px; position: relative; } .esig-info-box{ margin: 1em 0 2em; background: #fff; padding: 1em; border-left: #588ebf solid 5px; font-weight: 400; line-height: 1.6em; font-size: 19px; color: #777; border-bottom: 1px solid #ccc; } .esig-preview-mode { font-weight: bold ; color: #ff0000; } .post-type-esign #titlediv #title{ padding: 29px 10px 24px; } .esig-like-social{ margin: 0 0 15px 1px; border-radius: 4px; height: 100%; } .post-type-esign #esig-social-share{ display:none; } #esig-twt-side-wrap{ width:99%; margin: 0 0 14px; float: left; } .esig-twt-side-wrap #twitter-widget-1{ margin: 0 0 14px!important; } .esig-twt-side-wrap #l:before{ content:'Click to' } .esig-dialog .esig-dgr-btn:hover{ color: #fff; } .esig-alert-icon{ margin: 0 auto; text-align: center; width: 121px; padding: 17px 10px 5px 29px; } .post-type-esign #titlediv #document-title { height:50px; } #titlediv #document-title { padding: 3px 8px; font-size: 2vw; line-height: 100%; height: 1.7em; width: 100%; outline: 0px none; margin: 0px 0px 3px; background-color: #FFF; overflow: hidden; } #ui-datepicker-div .ui-datepicker-header,.ui-datepicker{ padding-top: 0 !important; } #ui-datepicker-div  .ui-datepicker-title{ border: 1px solid #2d2d2d !important; background-color:#222222!important; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #3F3F3F), color-stop(1, #222222) )!important; background-image: -o-linear-gradient(bottom, #3F3F3F 0%, #222222 100%)!important; background-image: -moz-linear-gradient(bottom, #3F3F3F 0%, #222222 100%)!important; background-image: -webkit-linear-gradient(bottom, #3F3F3F 0%, #222222 100%)!important; background-image: -ms-linear-gradient(bottom, #3F3F3F 0%, #222222 100%)!important; background-image: linear-gradient(to bottom, #3F3F3F 0%, #222222 100%)!important; } #ui-datepicker-div  .ui-datepicker-header{ border:0px!important; } #ui-datepicker-div  .ui-datepicker-header, #ui-datepicker-div .ui-widget-content { background-color:#2e2e2e !important; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2D2D2D), color-stop(1, #252628) ) !important; background-image: -o-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: -moz-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: -webkit-linear-gradient(bottom, #2D2D2D 0%, #252628 100%); background-image: -ms-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: linear-gradient(to bottom, #2D2D2D 0%, #252628 100%) !important; color: #939393 !important; font-weight: normal !important; border-color: #1b1b1b !important; } .ui-datepicker-calendar thead { background-color: #c5ced5; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #DDE6ED), color-stop(1, #C5CED5) ); background-image: -o-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%); background-image: -moz-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%); background-image: -webkit-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%); background-image: -ms-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%); background-image: linear-gradient(to bottom, #DDE6ED 0%, #C5CED5 100%); -moz-box-shadow: 0 1px 1px #fff inset; -webkit-box-shadow: 0 1px 1px #fff inset; box-shadow: 0 1px 1px #fff inset; border-bottom: 1px solid #a4abb3 !important; } .ui-datepicker-calendar thead th { color: #727483; font-weight: bold; text-shadow: 0 1px 0 #fff; } #ui-datepicker-div  .ui-state-default, #ui-datepicker-div  .ui-state-default, #ui-datepicker-div  .ui-widget-header .ui-state-default { background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #DDE6ED), color-stop(1, #C5CED5) ) !important; background-image: -o-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%) !important; background-image: -moz-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%) !important; background-image: -webkit-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%) !important; background-image: -ms-linear-gradient(bottom, #DDE6ED 0%, #C5CED5 100%) !important; background-image: linear-gradient(to bottom, #DDE6ED 0%, #C5CED5 100%) !important; background-color: #c5ced5 !important; border-color: #b8c2cc !important; -moz-box-shadow: 0 1px 1px #fff inset; -webkit-box-shadow: 0 1px 1px #fff inset; box-shadow: 0 1px 1px #fff inset; color: #6f7074 !important; font-weight: normal; text-align: center; text-shadow: 0 1px 0 #fff; } #ui-datepicker-div  .ui-state-default.ui-state-highlight , #ui-datepicker-div  .ui-widget-content .ui-state-default.ui-state-highlight , #ui-datepicker-div  .ui-widget-header .ui-state-default.ui-state-highlight { background-color:#1381cc !important; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #1298F2), color-stop(1, #1382CC) ) !important; background-image: -o-linear-gradient(bottom, #1298F2 0%, #1382CC 100%) !important; background-image: -moz-linear-gradient(bottom, #1298F2 0%, #1382CC 100%) !important; background-image: -webkit-linear-gradient(bottom, #1298F2 0%, #1382CC 100%) !important; background-image: -ms-linear-gradient(bottom, #1298F2 0%, #1382CC 100%) !important; background-image: linear-gradient(to bottom, #1298F2 0%, #1382CC 100%) !important; border-color: #1381cc !important; box-shadow: none; color: #fff !important; text-shadow: 0 1px 0 #1381cc; } #ui-datepicker-div  .ui-state-default.ui-state-highlight:hover , #ui-datepicker-div  .ui-widget-content .ui-state-default.ui-state-highlight:hover , #ui-datepicker-div  .ui-widget-header .ui-state-default.ui-state-highlight:hover { background:#1381cc !important; } #ui-datepicker-div  .ui-state-default:hover, #ui-datepicker-div  .ui-widget-content .ui-state-default:hover, #ui-datepicker-div  .ui-widget-header .ui-state-default:hover { background: #d8e4f0 !important; } #ui-datepicker-div  .ui-datepicker td { border: 0 none; padding: 0px!important; } #ui-datepicker-div  .ui-state-disabled, #ui-datepicker-div  .ui-widget-content .ui-state-disabled, #ui-datepicker-div  .ui-widget-header .ui-state-disabled { background-color: #d8e4f0; background-image: none; color: #c8d2dc; opacity: 1!important; } #ui-datepicker-div  .ui-datepicker-calendar tbody td a { border-left: 0 none !important; border-top: 0 none !important; } #ui-datepicker-div  .ui-widget-header .ui-datepicker-next, #ui-datepicker-div  .ui-widget-header .ui-datepicker-prev { border: 1px solid #222; background-color:#2e2e2e !important; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #2D2D2D), color-stop(1, #252628) ) !important; background-image: -o-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: -moz-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: -webkit-linear-gradient(bottom, #2D2D2D 0%, #252628 100%); background-image: -ms-linear-gradient(bottom, #2D2D2D 0%, #252628 100%) !important; background-image: linear-gradient(to bottom, #2D2D2D 0%, #252628 100%) !important; } #ui-datepicker-div  .ui-widget-header .ui-icon.ui-icon-circle-triangle-e { background-image: url("https://amarisbrand.com/vinumul/e-signature/assets/images/next.png") !important; background-position: center top !important; background-repeat: no-repeat !important; height: 18px !important; width: 18px !important; } #ui-datepicker-div  .ui-widget-header .ui-icon.ui-icon-circle-triangle-w { background-image: url("https://amarisbrand.com/vinumul/e-signature/assets/images/prev.png") !important; background-position: center top !important; background-repeat: no-repeat !important; height: 18px !important; width: 18px !important; } #ui-datepicker-div  .ui-datepicker .ui-datepicker-prev-hover { left: 2px!important; top:2px!important; } #ui-datepicker-div  .ui-datepicker .ui-datepicker-next-hover { right: 2px!important; top:2px!important; } .esig-error-input { border:1px solid #ff0000; } #esig_wpaccess_control_role textArea{ padding:4px !important; } #esig-featured-image-container{ margin: 20px 0px 0; } #esig-featured-image-container img { width:100%; } #esig-char-limit #esig-char-count{ font-weight: strong!important; color: green; } #esig_wpaccess_control_role hr{ margin: 24px 0; } #esig-char-limit{ color: gray; } #esig_wpaccess_control_role h4{ margin: 0 0 9px; } #esig-valid-message{ margin: 14px 10px 0; padding: 9px 19px; border-radius: 4px; color: red; border: 3px solid; } .esig-sent-error { color:#F51D1D !important; font-weight: bold; } .esig-invite-sent-error { background-color: #FCD4D3 !important; } .esig-light-link{ color:#C4C4C4; } .esig-anti-spam { display:none; } .esig-error-left { width:8%; float: left; display:inline; color:#dd3d36; margin-bottom:10px; margin-top:10px; } .esig-error-right { width:90%; float: left; position: relative; color:#dd3d36; margin-bottom:10px; vertical-align: text-top; } .expired-message-admin{ float: none!important; } .expired-warning{ width:100%!important; } .expired-warning p.center{ text-align:center; } .expired-warning p.center img{ float:none!important; } .expired-message-admin .esig-text-left{ max-width: 730px; margin: 24px auto 50px; float: none!important; border: 1px solid #e3e3e3; padding: 22px 57px; background: #fff; border-bottom: 2px solid #cacaca; font-family: Georgia; font-size: 12px; } .expired-warning li { margin-bottom: 20px; } .esig-506-error { max-width: 500px; margin: 50px auto 0; border: 3px solid red; border-radius: 9px; padding: 28px 40px 50px; color: red; } .esig-506-error h3{ margin: 0 0 10px; text-align: center; } .esig-506-error h4{ margin: 0!important; text-align: center; } .esig-506-error p{ margin: 18px 0 0!important; } .esig-506-error .alert-icon{ text-align: center; margin: 0!important; } .esig-506-error  .esig-icon-esig-alert { font-size: 65px; } #postimagediv img { border: 0px !important; } .error { color:#c00; } .esig-invalid{ border: 1px solid red; } .esig-checkbox input[type=checkbox], .esig-radio input[type=radio] { border: 1px solid #7e8993; background: #fff; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; margin: .30rem .1rem 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; transition: .05s border-color ease-in-out; } .esig-documents-list .check-column { padding:10px 0 0px !important; } .header_left select { margin-right: 8px; } .header_right .esig_document_search { margin-right: 8px !important; } .esig-pdf-heading { margin-left:0 !important; } #esigAlertBox { padding: 20px; background-color: #fff; color: Black; border:1px solid #CCC; border-left:5px solid red; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); margin: auto; z-index: 1000000000000000000000; } #esigAlertBox .closebtn { margin-left: 15px; color: black; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } #esigAlertBox .closebtn:hover { color: black; } hr { border-top:2px solid rgb(161, 161, 161); } .orberby-link { color:inherit; } @media only screen and (min-width: 768px) { .col-sm-6{ float:left; width: 50%; } } .esig-template-page.modal-open { overflow: hidden; } .checkbox label, .radio label { padding-left: 20px; } .button-inline { padding-left: 22px; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 0.6%; } .modal { opacity: 1 !important; } .document-info .col{ flex:none; } .document-info .left{ width:70% } .document-info .right{ width:30% } .checkbox.esig-checkbox { margin-left: 0.4%; } #esig-esigactive-box input[type="checkbox"] { margin-top: 1.5px !important; } .update-php .wrap { max-width: unset !important; } .checkbox label, .radio label { padding-left: 20px; } .checkbox label { display: block !important; }  .checkbox input[type=radio]{ margin-top: 5px; position: absolute; }