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}
/* Form styles */
label{display:block;font-weight: normal !important;margin-bottom: 0.25rem !important}


/* Alert styles */
.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('../images/sign-here_blank.jpg') no-repeat;border-radius: 6px;}
.sign-here-type{background: url('../images/sign-here_blank.jpg') no-repeat;border-radius: 6px;border:1px solid transparent}
.sign-here-type-display{background: url('../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('../images/sign-here_blank.jpg') no-repeat;background-position:left bottom}
.signatures{margin: 2em 0}
.signature-wrapper-displayonly{width:auto;float:left;position:relative;background:#FFF;min-width: 320px}
.signature-wrapper-displayonly .sign-here{cursor:pointer;width:320px;background: url('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('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('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}



.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;/*top: 56px;*/
}
.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 .saveButton{position: relative;left: 300px;top: 48px}*/

.signature-wrapper #signatureText{position:relative;left: 5px;top: 1px}

.esig-spin-loader{background:url('../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('../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('../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: -10px}

#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}

/* Red Button */
.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}

/* Blue Buttons */
.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;/*margin: 4em 4em 0em 1.2em;*/
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}

.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}


/* Agree button Tool tip */
.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('../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}
/* \end tool tip */

/* CSS for Settings Page */
#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}

/* Add New Document Views Page */
#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(../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(../images/esig-options-basic.svg)}
#esig-stand-alone .icon{background-image: url(../images/esig-options-sad.svg)}
#esig-add-template .icon{background-image: url(../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}


/*.invitations-container {display:table;width:100% !important;max-width: 100%;position: relative}*/
.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('../images/esig-headlink.svg') 0 0 no-repeat;padding: 0 0 0 21px;height: 24px}
li.esig-support{background: url('../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('../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; /* Safari */
}
.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}

/* CSS for Red Upsell Button */
.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}

/* CSS for MISC Page */
.esig-chosen-drop{margin-bottom: 20px!important}

/* User Roles Extension Needed Alert on Settings Page of Non-User */
.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}

/* Hide Third Party Notices on E-Signature Admin Pages */
.woocommerce-message, #message.error, #esig-settings-col4 > div, .admin_page_esign-add-document #post-body-content > div{display:none}

/*tooltips css here */
.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("../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}

/*CSS3 extras*/
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;/*width:273px ;*/
}
.inside{display:block ;/*max-width:270px;*/
}
.minus-recipient{text-decoration : none }

/*#signer_main{display:block ;width:100%;border-radius:3px ;vertical-align: middle ;position:relative ;margin-bottom:5px }*/


.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('../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('../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 }

/* for validation error */
label.esig-error{color: #FFFFFF;max-width:100%;height:100%;background-color:#CB3B3B}

/* css tooltip start here  */
.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}


/* System Status CSS starts here */
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}

/* dialog contents */
.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}

/* Settings dialog contents */
.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}

/*/ udpated class added */
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}
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}

/* Who Needs To Sign This Document style */
#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('../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('../images/arrow_down.png');background-repeat:no-repeat;background-position:3px 5px;display:block;height:18px}

span.deleteIcon{background:url(../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(../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}

/* loader style start here */
/* Add Page Loader Overlay + gif After clicking "Send Document" #260 */
.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*/
.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;}
}
/* loader style end here */

/* Bug Support Form */
#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}

/* Start of Bootstrap Table for Documents */

.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}

/* End of Bootstrap Table for Documents */

/*! Hint.css - v1.3.1 - 2013-11-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
.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)}
/*End of Hint Css /*




/* Style the Text at top 'positioned center' */
.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}

/* addons progress bar style end here */

/* esig two colum conainer */

.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}

/* esig vertical tab start here */

.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 ); /* IE6-9 */
}

.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(../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}

/* esig vertical tab end here */
.ui-state-active a, .ui-state-hover a, .ui-state-visited a, .ui-state-focus a  {outline: none}
/* esig type signature css start here */
#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 ;/* width:100% ;*/

}
.esig-sig-type-signed{position:relative;vertical-align:text-bottom;/* text-align: center ;*/
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;}

/*.left{float:left;margin-left:200px;}*/
/*.right{float:right;margin-top:15px;margin-right:2%;}*/


/* signature type font family */
.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}

/* mobile signature pad disabled */
#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 add signature style **/

.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}
/* Modal Alert Messages for Add-ons */
.esig-alert-icon{margin: 0 auto;text-align: center;width: 121px;padding: 17px 10px 5px 29px}
/* document title style */
.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}

/*Custom Date Picker CSS for Signer INput Fields*/
#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("../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("../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;}

/* access control */
#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}

/* Esignature Expired License CSS */
.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}


/*
********************* E-signature conflict css ****************
*/

#postimagediv img {border: 0px !important}

.error{color:#c00}

.esig-invalid{border: 1px solid red}



/* checkbox conflict issue fixed */
.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}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {position: absolute;margin-left: -20px}
.modal {
opacity: 1 !important}
.document-info .col{flex:none}
.document-info .left{width:70%
}
.document-info .right{width:30%
}


nav{padding:20px 0px;width:100%;}
nav img.Logo{width:100%;max-width:230px;margin-bottom:30px;}
nav .Content{text-align:right;}
@media screen and (max-width:767px){nav .Content{text-align:left;}
}

.Pasengrs{display:inline-block;width:100%;}
.Pasengrs li{margin-left:-10px;margin-right:-10px;width:100%;display:inline-block;}
.Pasengrs li h5{margin:15px 10px 6px 10px;}
.Pasengrs li div{float:left;padding:0px 10px 10px;width:33.333%}
.Pasengrs li div input{width:100%;}
#frmCreditCardAuthorization input{padding:0px 5px;max-width:100%;}
#frmCreditCardAuthorization input:focus{border:1px #e51837 solid;color:#e51837;}
.btnAddTraveller{padding:5px 20px;}
.btnAddTraveller button{padding:5px 10px;background:#f27f0d;color:#ffffff;border:0;font-weight:bold;background:-moz-linear-gradient(-45deg,  #f27f0d 0%, #e51837 50%, #f27f0d 100%);background:-webkit-linear-gradient(-45deg,  #f27f0d 0%,#e51837 50%,#f27f0d 100%);background:linear-gradient(135deg,  #f27f0d 0%,#e51837 50%,#f27f0d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f0d', endColorstr='#f27f0d',GradientType=1 );}
.btnAddTraveller button:hover{background:#e51837;background:-moz-linear-gradient(-45deg, #e51837 0%, #f27f0d 45%, #e51837 100%);background:-webkit-linear-gradient(-45deg,  #e51837 0%,#f27f0d 45%,#e51837 100%);background:linear-gradient(135deg,  #e51837 0%,#f27f0d 45%,#e51837 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51837', endColorstr='#e51837',GradientType=1 );}
.common_test.payinfo input{width:100%;}
@media screen and (max-width:575px){.Pasengrs li div{width:100%;}
}
.SubmtBtn{float:left;margin-top:45px;font-size:36px;text-transform:uppercase;color:#ffffff;text-align:center;border:none;width:50%;border-radius:26px;background:#f27f0d;background:-moz-linear-gradient(-45deg,  #f27f0d 0%, #e51837 50%, #f27f0d 100%);background:-webkit-linear-gradient(-45deg,  #f27f0d 0%,#e51837 50%,#f27f0d 100%);background:linear-gradient(135deg,  #f27f0d 0%,#e51837 50%,#f27f0d 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f0d', endColorstr='#f27f0d',GradientType=1 );}
.SubmtBtn:hover{background:#e51837;background:-moz-linear-gradient(-45deg, #e51837 0%, #f27f0d 45%, #e51837 100%);background:-webkit-linear-gradient(-45deg,  #e51837 0%,#f27f0d 45%,#e51837 100%);background:linear-gradient(135deg,  #e51837 0%,#f27f0d 45%,#e51837 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51837', endColorstr='#e51837',GradientType=1 );}