body { background:#fafafa; }

.app-header { margin: 0px auto; padding:20px 0 20px 0; font-size:16px; text-align:center; position:relative; }
.app-security { position:absolute; top:20px; right:20px; width:100px; }
.app-header img { max-width: 275px; margin:0px auto; }
.app-header h1 { text-align:left; margin:20px auto 0; font-size:20px; }
.app-header h1, .app-header .logo { padding-left:15px; }
.app-thank-you { display:none; margin:60px auto 0; width:100%; max-width:760px; padding:40px 40px; font-size:18px; border:1px solid rgba(0,0,0,.15); box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#fff; -webkit-box-sizing: border-box;box-sizing: border-box; }
.app-thank-you strong { display:block; }
.papp-ctl h1 { padding: 0px 10px 0px 20px; }
.papp-notes { padding: 20px 20px 50px 20px; font-size: 15px; line-height: 24px; }

a { color:#0088cc; }
a:hover { text-decoration:underline; }

.uv-silver { background-color: #fafafa;  
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
	background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
	background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
}

.financing { position:relative; opacity:0; }
.financing form { margin:0; }
.financing * { -webkit-box-sizing: border-box;box-sizing: border-box; }
.financing .header { padding: 10px; font-size:18px; }
.financing .header.uv-silver { border:1px solid rgba(82, 168, 236, 0.8); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }
.financing .header.uv-dark { border:1px solid #252525; color:#fff; }
.financing .header small { font-size:100%; font-weight:400; padding:0 0 0 10px; }
.financing .header-notes { font-size:14px; border:0px none; margin: 0; padding: 0; height: auto; }

.financing .subheader { padding:10px 10px 10px 0; color:green; font-size:18px; }
.financing .fields-section { border:1px solid rgba(0,0,0,.15); box-shadow: 0 4px 16px rgba(0,0,0,.2); background:#fff; padding:3px; margin:0 0 40px; }
.financing .fields-section.alt-section { background:#f7f7f7; }
.financing .fields-section .fields { padding:20px 15px 15px; }
.financing .fields-section input[type="text"], 
.financing .fields-section input[type="tel"],
.financing .fields-section input[type="email"],
.financing .fields-section select { height:32px; }
.financing .mdr-radio { margin-top:2px !important; margin-bottom:4px !important; }
.financing .input-append .add-on { height:32px; padding: 5px 10px 0; background-color: #fafafa; border: 1px solid #ddd; box-sizing: border-box;}

.financing .fields-section .row-fluid { min-height:68px; }
.financing input[type="radio"], .financing input[type="checkbox"] { position:relative; top:-3px; left:-3px; }
.financing .masked input::-webkit-input-placeholder { color:transparent !important; }
.financing .masked input:-moz-placeholder { color:transparent !important; }
.financing .masked input::-moz-placeholder { color:transparent !important; }
.financing .masked input-ms-input-placeholder { color:transparent !important; }
.financing .fields-section label { display:block; position:relative; font-size:13px; font-weight:400; }
.financing .fields-section .control-label { position:relative; font-size:13px; font-weight:400; }
.financing .fields-section label .req,
.financing .fields-section .control-label .req,
.financing .fields-section .co-owner.active label .req { color:#f00; font-weight:600; }
.financing .fields-section .co-owner label .req { color:#eee; transition: all 0.2s ease-in 0s; }
.financing .fields-section label.inline { display:inline-block; vertical-align:top; margin:0 10px 0 5px; }
.financing .owner { margin:0 0 0px; padding:0 0 10px; border-bottom:1px dashed #ddd; position:relative; }

.partner-app .control-group { margin-bottom:20px; }
.partner-app .placeholder-field { position:relative; }
.partner-app .placeholder-field input { padding-right:120px; }
.partner-app .placeholder-field .adds { padding:0; color:#aaa; position:absolute; top: 6px; right: 10px; font-style: italic; }

@media (max-width:767px){
	.partner-app input[name="ZipCode"] { margin-top:10px; }
}


.financing .post-section { padding:20px 15px;  }
.financing .post-section label { margin:10px 0 10px 110px; font-weight:bold; }
.financing .post-section .btns { text-align:center; margin:30px auto; }
.financing .post-section .btns .btn { font-weight:bold; border-radius: 1px; margin:0 5px 10px; }
.financing .post-section .btns .submit_ { width:200px; }
.financing .post-section .btns .print_fax_ { width:200px; }
.financing .post-section .btns .cancel_ { width:120px; }
.financing .post-section .contact-phone { text-align:center; font-size:20px; font-weight:bold; }
.financing .post-section .contact-phone .svg { margin: -4px 5px 0 0; }


.financing .owner-info-co { margin-right:350px; min-height: 300px; }
.financing .co-signer { border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding: 0 0 10px; position:relative; }
.financing .co-signer-info-co { margin-right: 350px; min-height: 300px; }

.financing .signature-co { position: absolute; width: 335px; top: 70px; right: -2px; display: block; text-align: center; }
.signature-co .signature-preview { width: 335px; height: 225px; background: url(/images/bg-pattern/bg-pattern5.png) repeat; border: 2px solid #ddd; border-radius: 1px; }
.signature-co .pc-prompt { position:absolute; width: 335px; height: 225px; background:rgba(255,100,0,.7);  text-align:center; color:#fff; padding: 65px 30px 0; font-size: 18px; cursor: pointer; border-radius: 1px;}
.signature-co .pc-prompt .svg { width:24px; height:24px; filter: invert(1); margin:10px auto 0; }
.signature-co .pc-prompt .svg-ui { background:url(/css/svg/pencil-alt.svg) 50% 50% no-repeat; }
.signature-co .pc-prompt>strong { position:absolute; left:0px; right:0px; top:100%; margin:8px 0 0; text-align:center; color:#00f; font-weight:400; font-size: 16px; }
.signature-co .mobile-prompt { position:absolute; width: 335px; height: 225px; background:rgba(255,255,255,.3);  text-align:center; color:green; padding: 65px 30px 0; font-size: 22px; font-weight:600; cursor: pointer; border-radius: 1px;}
.signature-co .pc-wait { position:absolute; width: 335px; height: 225px; display:none; background:rgba(0,100,255,.5);  text-align:center; color:#fff; padding: 65px 30px 0; font-size: 18px; cursor: pointer; border-radius: 1px; }
.signature-co .pc-wait .svg { width:24px; height:24px; filter: invert(1); margin:10px auto 0; }
.signature-co .thank-you { display:none; position: absolute; background: rgba(0,10,255,.7); text-align: center; color: #fff; padding:20px 30px; font-size: 13px; left: 3px; top: 3px; right: 3px; text-shadow: 0 0 2px #000; }
.signature-co.awaiting-signature .pc-wait { display:block; }
.signature-co.awaiting-signature .pc-prompt { display:none; }


						
.signature-co .signed, .signature-co .not-signed { position:relative; width: 335px; }
.signature-co .signed { display:none; }
.signature-co .not-signed { display:block; }
.signature-co .not-signed .sign-ctrl { display:none; }
.signature-co.signing-mode .not-signed .sign-ctrl { display:block; }
.signature-co.signed_ .signed { display:block; }
.signature-co.signed_ .signed .notes { display:block; margin: 10px 0 0; padding: 8px; border: 1px solid #ddd; background: #eee; font-size: 15px; }
.signature-co.signed_ .not-signed { display:none; }

.signature-co .sign-ctrl { margin: 10px 0 0; }
.signature-co .sign-ctrl .btn .svg { position:relative; left:-4px; }
.signature-co .sign-ctrl .sign-date { display:inline-block; vertical-align:top; text-align:center; margin: 0 0 0 10px; }
.signature-co .sign-ctrl .sign-date em { display:block; border:1px solid #ddd; background:#f7f7f7; font-size:18px; height: 30px; line-height: 29px; white-space: nowrap; padding: 0 10px; border-radius: 2px; }
.signature-co .sign-ctrl.sign-mobile .sign-date em { display:inline-block; vertical-align:top; }
.signature-co .sign-ctrl.sign-mobile .sign-date small { display:inline-block; vertical-align:top; line-height: 30px; margin: 0 8px 0 0;}

.financing .signatureparent { width: 337px; height: 225px; color:darkblue; padding:0px; border: 2px solid #ddd; border-radius: 1px; overflow: hidden; background: url(/images/bg-pattern/bg-pattern5.png) repeat;}
.financing .signature { background:transparent; width: 337px; height: 225px;}
.financing .signature canvas { background:transparent !important; }
.jSignature { height: 100% !important; width: 100% !important; }


.warn-blink { -webkit-animation:warning-blinky 1s 10; animation:warning-blinky 1s 10; }
@-webkit-keyframes warning-blinky { 0%{ opacity:1; } 90%{ opacity:.3; } }
@keyframes warning-blinky { 0%{ opacity:1; } 90%{ opacity:.3; } }



@media (max-width:767px){
	.financing .signature-co { position:relative;right:auto; top:0px; margin: 0px auto; }
	.financing .owner-info-co { margin-right:0; }
	.financing .co-signer-info-co { margin-right:0; }
	.financing .post-section label { margin:10px 0 10px 0px; }
}

@media (max-width:640px){
	.app-security { right:auto; left:10px; top:10px; }
	.papp-notes { padding: 15px 10px 30px 10px; font-size: 14px; line-height: 1.5; }
}
.financing.single-signature { opacity:1; }
.financing.single-signature .subheader { text-align:center; }
.financing.single-signature .signature-co { position:relative;right:auto; top:0px; margin: 0px auto; }
.financing.single-signature .owner { padding:0 10px; border:0px none; }
.financing .agree-overlay { display:none; position:fixed; z-index:90; top:0px;left:0px; right:0px;bottom:0px; overflow:auto; background:rgba(255,255,255,.95); padding: 45px 30px 0; -webkit-box-sizing: border-box;box-sizing: border-box; }
.portrait-overlay { display:none; position:fixed; z-index:100; top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%; background:rgba(0,0,0,.7); color:#fff; font-size:20px; text-align:center; font-weight:bold; font-style: italic; padding: 150px 20px 0; -webkit-box-sizing: border-box;box-sizing: border-box; }

@media (max-width:360px){
	.financing .signature-co { position:relative;right:auto; top:0px; left:-7px; }
}
@media (max-width:350px){
	.portrait-overlay { display:block; }
}
@media (max-width:320px){
	.financing .signature-co { position:relative;right:auto; top:0px; left:-20px; }
}