@charset "UTF-8"; body { background:#efefef!important; } a:hover { color: #46b1cd; } a  { color: #46b1cd; text-decoration: none; } a:link { color: #46b1cd; } .esig-sitename { text-shadow: none; } .navbar-inverse .navbar-brand  { color: #fff; letter-spacing: .1em; } .first-page { margin-top: 58px;	 } .navbar-brand  {	padding: 25px 15px; text-shadow: none; color: #efefef!important; } .navbar-brand .logo { height:30px; } .signer-header { background: #23282e; width: 100%; color: #fefefe; z-index: 200; position: relative;	 display: block; height: 75px; } .navbar-header  { display:inline-block ; float:left ;  padding-top: 20px; } .doclogo-right  { padding: 10px; float:right ;  display:inline ; } .document-sign-page { padding-left:30px; padding-right:30px; } .doc-name { float: left; font-size: 18px; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding-top: 5px; letter-spacing: .1em; } .doc_page { width:780px; background-color: white; box-shadow: 0px 1px 1px #AAA; margin-bottom: 84px; padding-bottom:2em; min-height:600px; position: relative; } .doc_page .post-password-form { width: 200px; margin: 70px auto; } .doc_page .post-password-form label input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background:#fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }	 .doc_page .post-password-form label input:hover { background-color: #fff; background: #fff; } .doc_page .post-password-form p { font-size: 12px; } .doc_page .post-password-form input { font-weight: 300; font-size: 15px; font-family: "Proxima Nova", Arial, Helvetica, sans-serif; border-radius: 2px; background: #e9573f; border: transparent; text-transform: capitalize; margin-right: 0; background-color: #e9573f; color: #fff; padding: 6px; width: 100%; margin: 3px 0; } .doc_page .post-password-form input:hover { background-color: #dc3519;	 background: #dc3519; } .document_id { display:none ;  position : relative ;  float:left ;  width:80% ;  } .document_date  { display:none ;  position : relative ;  float:right ;  width:20% ;  } .signed_on  { display:none ;  margin-top:8px ;  } .doc-terms { text-shadow: 0px 1px 1px #000; color:#46b1cd!important; } .esig-container { display:flex; flex-direction: row; } .esig-container .footer-btn { text-align: right; margin-right: 0.9%; flex-direction: inherit; } .footer-agree { background: #23282e; width: 100%; max-width: 100%; color: #fefefe; position: fixed; z-index: 200; padding: 15px; bottom:0; left:0; } #esig-iam { font-size: 16px; text-decoration: none; color: #efefef;	 } .agree-text { font-size: 16px; text-decoration: none; color: #efefef;	 } .agree-container { align-self: center; margin-right: 0.9%; flex:50%; } .agree-button { color: white!important; display:inline-block; font-size:16px; letter-spacing: .05em; text-decoration:none!important; border: none; border-top: solid 1px #95cfe7; 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: 0px 1px 1px #557280; -moz-box-shadow: 0px 1px 1px #557280; box-shadow: 0px 1px 1px #557280; text-shadow: 0px 1px 1px #315D6D; font-weight: 700; padding: 15px 35px 15px 32px; border-radius: 3px; vertical-align: middle; margin-top:5px; margin-right: 3px; } .agree-button:hover { color:#fff; text-decoration:none;	 } .agree-button.disabled { cursor:default; border-top: 1px solid #b5b5b6; background: #6d6d6f; background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8f), to(#6d6d6f)); background: -webkit-linear-gradient(top, #8e8e90, #6d6d6f); background: -moz-linear-gradient(top, #8e8e90, #6d6d6f); background: -ms-linear-gradient(top, #8e8e90, #6d6d6f); background: -o-linear-gradient(top, #8e8e90, #6d6d6f); padding: 15px 35px 15px 32px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 -1px 0; color: #aaaaaa!important; text-decoration:none!important; font-size: 16px; font-weight: 700; letter-spacing: .05em; font-family: "Helvetica Neue", Helvetica, Arial, Sans-Serif; text-decoration: none; vertical-align: middle; } .doc_page input[type="button"], .doc_page input[type="submit"]{} .esig-template-page .sign-form label.error { color:#c00; } .doc_title { font-size: 26px; font-weight: 200; margin-top: 5px; margin-bottom: 10px; font-family: inherit; color:#000; } .success_title { font-size: 26px; font-weight: 200; margin-top: 20px; margin-bottom: 10px; font-family: inherit; } .esign input { border: 1px solid #bdc3c7!important; height: 43px!important; width: 34.5%!important; border-radius:3px!important; margin-top: 7px; } .esign input:focus { border-color:#66afe9!important; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) } .signers_label { font-weight: 300; text-transform: none; color: #504f4f; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; } .page_loader_overlay { display:none; position:fixed; left:0; top:0; text-align:center; height:100%; width:100%; z-index:15; background: #000; opacity:.3; } #page_loader  { width: 100px; height: 40px; position: fixed; top: 50%; left: 50%; z-index: 990; margin: -20px -50px; } #page_loader div  { width: 20px; height: 20px; background: #FFF; border-radius: 50%; position: absolute;  z-index: 990; } #d1  {  animation: animate 2s linear infinite; } #d2  {  animation: animate 2s linear infinite -.4s;  } #d3  { animation: animate 2s linear infinite -.8s;  } #d4  {  animation: animate 2s linear infinite -1.2s;  }  #d5  {  animation: animate 2s linear infinite -1.6s;  } @keyframes animate  { 0% { left: 100px; top:0} 80% { left: 0; top:0;} 85% { left: 0; top: -20px; width: 20px; height: 20px;} 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px;} 100% { left: 100px; top:0; } } .ui-tooltip, .esign-arrow:after  { background: black; border: 1px solid white; width:300px; position:fixed; } .ui-tooltip  { padding: 10px 10px!important; color: white!important; border-radius: 5px!important; font: 13px "Helvetica Neue", Sans-Serif!important; text-transform: normal; background: #0c0e11!important; box-shadow: none!important; line-height:1.3em!important; max-width: 250px!important; min-width: auto !important; margin: 0 auto!important; } .esign-arrow  { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: 35px; bottom: -16px; } .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; } .esig_header_top { margin-top:20px; display:inline-block; position:relative; width:100%; } .esig_top_left  {    position:relative; float:left; display:inline-block ;  width:65% ; }  .esig_top_right {  position:relative; float:right; display:inline-block ;   width:35% ;  margin-top: 20px; margin-bottom: 10px; }  .col-sm-8 { max-width:345px; padding-left:0px !important; } .dont-break-out { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .esig-checkbox-tick, .esig-checkbox-tick .tick{ list-style-type: none; } .noborder td, .noborder th { border: none !important; } .document-sign-page .gfield_list { border-spacing: 0; padding: 0; margin: 2px 0 6px; width: 100%; } .esig-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .esig-underline-link { text-decoration: underline; }