body{font-family:Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.form-group--error,.form-group--error legend{color:red!important}.form-group--error .form-control,.form-group--error .vs__dropdown-toggle{border:1px solid red!important;background:rgba(255,0,0,.0196078431372549)!important}.invoiceViewer{width:100%;height:200vh;overflow:hidden;position:fixed}.invoiceViewer .form-group{margin-bottom:1rem}@media (max-width:1280px){.invoiceViewer .customerLogo img{max-height:100px;max-width:100px}}@media (max-width:992px){.invoiceViewer{padding-top:0}.invoiceViewer .logoArea{padding:1rem 30px}.invoiceViewer .formArea{padding-top:10px;border-radius:0}.invoiceViewer h4{width:100%;margin:10px auto}.invoiceViewer .customerLogo{padding-top:0;width:100px;float:left}.invoiceViewer .customerLogo img{max-width:70px;max-height:70px}}@media (max-width:468px){.invoiceViewer{overflow:auto;padding-top:0}.invoiceViewer .logoArea{padding:5px 30px 0 30px}.invoiceViewer .formArea{padding:10px 15px}.invoiceViewer h4{font-size:18px}.invoiceViewer .customerLogo{padding-top:0;width:80px;float:left}.invoiceViewer .customerLogo img{max-width:70px;max-height:70px}}.invoiceViewer .query{background:linear-gradient(45deg,#003088,#5cb3e6);background-size:cover;margin:auto;height:100vh;padding-top:100px}.invoiceViewer .logoArea{padding:2.5rem;text-align:center}.invoiceViewer .formArea{background:#fff;padding:2.5rem;border-radius:5px}.invoiceViewer h4{width:60%;margin:20px auto;font-weight:500;color:#fff;letter-spacing:-.02em}.invoiceViewer label{font-weight:400;letter-spacing:-.3px;margin:0;padding:0}.invoiceViewer button{font-weight:700}.invoiceViewer .customerLogo{padding-top:100px;width:100%;text-align:center}.invoiceViewer .customerLogo img{max-height:160px;max-width:160px}@media (max-width:1280px){.query .customerLogo img{max-height:100px;max-width:100px}}@media (max-width:992px){.query{padding-top:0!important}.query .logoArea{padding:1rem 30px}.query .formArea{padding-top:10px;border-radius:0}.query h4{width:100%;margin:10px auto}.query .customerLogo{padding-top:0;width:100px;float:left}.query .customerLogo img{max-width:70px;max-height:70px}}@media (max-width:468px){.query{overflow:auto;padding-top:0!important}.query .logoArea{padding:5px 30px 0 30px}.query .formArea{padding:10px 15px}.query h4{font-size:18px}.query .customerLogo{padding-top:0;width:80px;float:left}.query .customerLogo img{max-width:70px;max-height:70px}}.showInvoice{margin-top:-100vh}.invoiceViewer{transition:.6s;-webkit-transition:.6s}.invoice{background:linear-gradient(-45deg,#5cb3e6,#003088);background-size:cover;width:100%;height:100vh;position:relative;overflow:hidden}.invoice .invoiceHeader{padding-top:100px}.invoice .invoiceHeader .btn{display:block!important;float:none!important;width:100%;margin-bottom:5px}@media (max-width:1023px){.invoice .invoiceHeader .btn{width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important;float:left!important;display:inline-block!important;margin-right:.5rem}}.invoice .invoiceBody{width:21cm;height:100vh;display:block;overflow:auto;margin:auto}@media (max-width:1023px){.invoice .invoiceBody{width:100%;height:80vh}}.invoice #viewerContainer{background:#fff;width:100%;height:100%}.invoice .vue-friendly-iframe{width:21cm;height:98vh;display:block;overflow:auto;margin:1vh auto;background:#fff}.invoice .vue-friendly-iframe iframe{width:21cm;height:100%;border:transparent}