:root{--napp-p1:0.25rem;--napp-p2:0.5rem;--napp-p3:0.75rem;--napp-p4:1rem;--napp-p5:1.25rem;--napp-p6:1.5rem;--napp-p8:2rem;--napp-p10:2.5rem;--napp-text-xs:0.75rem;--napp-text-sm:0.875rem;--napp-text-md:1rem;--napp-form-width:26rem;--napp-color-facebook:hsla(221, 40%, 47%, 1);--napp-color-google:hsla(4, 69%, 53%, 1);--napp-color-twitter:hsla(195, 100%, 60%, 1);--napp-form-control-border:1px solid red;--napp-form-control-padding:4px;--napp-shadow-color:black;--napp-shadow:0 3px 6px var(--napp-shadow-color);--napp-red-100:hsla(0, 100%, 94%, 1);--napp-red-500:hsla(4, 69%, 53%, 1);--napp-danger-100:hsla(0, 100%, 94%, 1);--napp-danger-500:hsla(4, 69%, 53%, 1);--napp-color-success-100:hsla(152, 68%, 96%, 1);--napp-color-text:black;--napp-color-header:var(--napp-color-text);--napp-color-accent-500:red}.napp-container .text-xs{font-size:.75rem;font-size:var(--napp-text-xs)}.napp-container .text-sm{font-size:.875rem;font-size:var(--napp-text-sm)}.napp-container .text-md{font-size:1rem;font-size:var(--napp-text-md)}.napp-container .cursor-pointer{cursor:pointer}.napp-container .pt-1{padding-top:.25rem!important;padding-top:var(--napp-p1)!important}.napp-container .pt-2{padding-top:.5rem!important;padding-top:var(--napp-p2)!important}.napp-container .pt-4{padding-top:1rem!important;padding-top:var(--napp-p4)!important}.napp-container .pt-10{padding-top:2.5rem!important;padding-top:var(--napp-p10)!important}.napp-container .pb-1{padding-bottom:.25rem!important;padding-bottom:var(--napp-p1)!important}.napp-container .pb-2{padding-bottom:.5rem!important;padding-bottom:var(--napp-p2)!important}.napp-container .pb-4{padding-bottom:1rem!important;padding-bottom:var(--napp-p4)!important}.napp-container .pb-10{padding-bottom:2.5rem!important;padding-bottom:var(--napp-p10)!important}.napp-container .mr-1{margin-right:.25rem!important;margin-right:var(--napp-p1)!important}.napp-container .mr-2{margin-right:.5rem!important;margin-right:var(--napp-p2)!important}.napp-container .mr-4{margin-right:1rem!important;margin-right:var(--napp-p4)!important}.napp-container .mr-6{margin-right:1.5rem!important;margin-right:var(--napp-p6)!important}.napp-container .mr-10{margin-right:2.5rem!important;margin-right:var(--napp-p10)!important}.napp-container .mb-1{margin-bottom:.25rem!important;margin-bottom:var(--napp-p1)!important}.napp-container .mb-2{margin-bottom:.5rem!important;margin-bottom:var(--napp-p2)!important}.napp-container .mb-4{margin-bottom:1rem!important;margin-bottom:var(--napp-p4)!important}.napp-container .mb-5{margin-bottom:1.25rem!important;margin-bottom:var(--napp-p5)!important}.napp-container .mb-6{margin-bottom:1.5rem!important;margin-bottom:var(--napp-p6)!important}.napp-container .mb-8{margin-bottom:2rem!important;margin-bottom:var(--napp-p8)!important}.napp-container .mb-10{margin-bottom:2.5rem!important;margin-bottom:var(--napp-p10)!important}.napp-container .mt-1{margin-top:.25rem!important;margin-top:var(--napp-p1)!important}.napp-container .mt-2{margin-top:.5rem!important;margin-top:var(--napp-p2)!important}.napp-container .mt-4{margin-top:1rem!important;margin-top:var(--napp-p4)!important}.napp-container .mt-5{margin-top:1.25rem!important;margin-top:var(--napp-p5)!important}.napp-container .mt-6{margin-top:1.5rem!important;margin-top:var(--napp-p6)!important}.napp-container .mt-10{margin-top:2.5rem!important;margin-top:var(--napp-p10)!important}.napp-container .border-r-0{border-right-width:0!important}.napp-container .btn-social{color:#fff;border:0}.napp-container .btn-flat{padding:0!important}.napp-container .btn-facebook{background:#4766a7;background:var(--napp-color-facebook)}.napp-container .btn-facebook:hover{background:#3d578e}.napp-container .btn-google{background:#d93f34;background:var(--napp-color-google)}.napp-container .btn-google:hover{background:#be3a31}.napp-container .btn-twitter{background:#32ccff;background:var(--napp-color-twitter)}.napp-container .btn-twitter:hover{background:#2eb7e5}.napp-form .btn.btn-primary{border:0;background-color:red;background-color:var(--napp-color-accent-500)}.napp-form .btn.btn-primary:hover{background-color:var(--napp-color-accent-700)}.napp-container .text-facebook{color:#4766a7;color:var(--napp-color-facebook)}.napp-container .text-google{color:#d93f34;color:var(--napp-color-google)}.napp-container .text-twitter{color:#32ccff;color:var(--napp-color-twitter)}.napp-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;font-family:var(--napp-font-family);color:#000;color:var(--napp-color-text)}.napp-container a{color:var(--napp-link-color)}.napp-form h4{color:#000;color:var(--napp-color-header);font-weight:700;margin-bottom:1rem;margin-bottom:var(--napp-p4)}.napp-form .napp-logo{text-align:center;margin-bottom:2.5rem;margin-bottom:var(--napp-p10)}.napp-form .form-control{height:auto;border:1px solid red;border:var(--napp-form-control-border);padding:4px;padding:var(--napp-form-control-padding);border-radius:var(--napp-form-control-radius);box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.napp-form .input-group-append .input-group-text,.napp-form .input-group-prepend .input-group-text{border:1px solid red;border:var(--napp-form-control-border);padding:4px;padding:var(--napp-form-control-padding);border-radius:var(--napp-form-control-radius);text-align:center;display:inline-block;min-width:48px}.napp-form .input-group-append .input-group-text svg,.napp-form .input-group-prepend .input-group-text svg{fill:currentColor}.napp-form .input-group .input-group-prepend+.form-control{border-left:0!important;padding-left:.25rem;padding-left:var(--napp-p1)}.napp-form .input-group .input-group-append+.form-control{border-right:0;padding-right:.25rem;padding-right:var(--napp-p1)}.napp-container .alert-danger{background-color:#ffe0e0;background-color:var(--napp-danger-100);color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control,.napp-container .has-error .input-group-append .input-group-text,.napp-container .has-error .input-group-prepend .input-group-text{border-color:#d93f34;border-color:var(--napp-danger-500);outline-color:#d93f34;outline-color:var(--napp-danger-500);box-shadow:none}.napp-container .has-error .form-control,.napp-container .has-error .input-group-prepend .input-group-text{color:#d93f34;color:var(--napp-danger-500)}.napp-inner{display:flex;flex-direction:column}.napp-form{margin:auto}@media (min-width:768px){.napp-inner{height:auto;width:26rem;width:var(--napp-form-width)}.napp-form{width:26rem;width:var(--napp-form-width)}}.napp-container .has-error{background:#ffe0e0;background:var(--napp-danger-100)}.napp-container .has-error .form-control::-webkit-input-placeholder{color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control::-moz-placeholder{color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control:-ms-input-placeholder{color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control::-ms-input-placeholder{color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control::placeholder{color:#d93f34;color:var(--napp-danger-500)}.napp-container .has-error .form-control,.napp-container .has-error .input-group-text,.napp-container .has-error input:-webkit-autofill,.napp-container .has-error input:-webkit-autofill:active,.napp-container .has-error input:-webkit-autofill:focus,.napp-container .has-error input:-webkit-autofill:hover{box-shadow:0 0 0 30px #ffe0e0 inset!important;box-shadow:0 0 0 30px var(--napp-danger-100) inset!important;border-color:#d93f34;border-color:var(--napp-danger-500);color:#d93f34;color:var(--napp-danger-500)}.napp-container .is-valid,.napp-container .is-valid input:-webkit-autofill,.napp-container .is-valid input:-webkit-autofill:active,.napp-container .is-valid input:-webkit-autofill:focus,.napp-container .is-valid input:-webkit-autofill:hover{background-color:#edfbf5;background-color:var(--napp-color-success-100);box-shadow:0 0 0 30px #edfbf5 inset!important;box-shadow:0 0 0 30px var(--napp-color-success-100) inset!important}.napp-form .form-group.focused:not(.has-error){background:#fff;border-color:var(--napp-color-text-100)}.napp-form .form-control,.napp-form .input-group-text{color:#000;color:var(--napp-color-text);background:0 0}.napp-form .form-control::-webkit-input-placeholder{color:#000;color:var(--napp-color-text)}.napp-form .form-control::-moz-placeholder{color:#000;color:var(--napp-color-text)}.napp-form .form-control:-ms-input-placeholder{color:#000;color:var(--napp-color-text)}.napp-form .form-control::-ms-input-placeholder{color:#000;color:var(--napp-color-text)}.napp-form .form-control::placeholder{color:#000;color:var(--napp-color-text)}.napp-container .custom-control-input:checked~.custom-control-label::before{border-color:red;border-color:var(--napp-color-accent-500);background-color:red;background-color:var(--napp-color-accent-500)}.napp-form .form-group .input-group-append .input-group-text{padding-left:.5rem;padding-left:var(--napp-p2);border-top-left-radius:0;border-bottom-left-radius:0;border-left:0!important}.napp-form .form-group .input-group-append .input-group-text:hover{color:red;color:var(--napp-color-accent-500)}.napp-form .input-group-prepend .input-group-text{padding-right:.5rem;padding-right:var(--napp-p2);border-top-right-radius:0;border-bottom-right-radius:0;border-right:0!important}.napp-container .alert{margin-bottom:1rem;margin-bottom:var(--napp-p4)}.napp-container .password-field .form-control{border-right:0!important}.napp-container .btn-icon{margin-right:8px}