@charset "UTF-8";
/* CSS Document */

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 {text-shadow: none;
color: #efefef!important}
.navbar-brand .logo{height:30px}
.signer-header{background: #012b3a;
width: 100%;
color: #ffffff;
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:calc(100% - 30px);
max-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}
@media screen and (max-width:575px){.document-sign-page{padding-left:15px;padding-right:15px;}
.esig-container{display:block;}
.esig-container .footer-btn{text-align:center;padding-top:15px;overflow:hidden;width:100%;}
}
.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 #e51837;
background: #e51837;
background: -moz-linear-gradient(-45deg, #e51837 0%, #f27f0d 100%);
background: -webkit-linear-gradient(-45deg, #e51837 0%,#f27f0d 100%);
background: linear-gradient(135deg, #e51837 0%,#f27f0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51837', endColorstr='#f27f0d',GradientType=1 );


-webkit-box-shadow: 0px 1px 1px #e51837;
-moz-box-shadow: 0px 1px 1px #e51837;
box-shadow: 0px 1px 1px #e51837;
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}
/* loader style start here */

.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; }
}
/* loader style end here */

/* css tooltip start here  */

.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 document top part */
.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}


/* To protect lin overflow */


.dont-break-out {
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;

-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;

/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;

}

/*#esig-checkbox-tick ul{list-style: none;} #esig-checkbox-tick ul:first-child  li:before { content:"\2713\0020"; }*/

/* E-signature tick mark has been added. */
/*
.esig-checkbox-tick, .esig-checkbox-tick ul {margin-top: 0;
padding-left: 2em;
list-style-type: none}
.esig-checkbox-tick li:before {position: absolute;
margin-left: -1.3em;
font-weight: bold}
.esig-checkbox-tick li.tick:before {content: "\2713";
color: darkgreen}
.esig-checkbox-tick li.cross:before {content: "\2717";
color: crimson}
*/
.esig-checkbox-tick, .esig-checkbox-tick .tick{

list-style-type: none;

}

/* used to remove bootstrap table border */
.noborder td, .noborder th {border: none !important}

/* e-signature tick mark code here  */


/* gravity style  */
.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}