.invoicing p{font-size:1.1vw;}@media screen and (max-width: 1200px) {.invoicing p{font-size: 14px;}}@media screen and (max-width: 770px) {.invoicing p{font-size: 12px;}}.invoicecontainer{width:800px;margin:0 auto;}.invoice{border:1px #CCCCCC solid;}.invoicetitle{margin:1em 0 .7em 1em ;float:left;width:45%;line-height:1.2em;}#invoicenumtitle h4{max-width:60%;} #invoicedatetitle h4{max-width:55%;}.invoicetitle p{font-size:11px;margin:.2em;line-height: 1.3em;}.invoice h2{font-size:18px;margin:3px 0 .8em 0;}.invoice h3{margin:0;font-size:14px;font-weight: 400;}.invoice h4{padding:0;margin:3px 0;font-size:12px;font-weight: 400;}.totalcost h5{padding:0;margin:0;font-size:10px;font-weight: 400;}.gstdisplay{font-size:10px;}.printbar{padding-top:0;}.printbar .links li a{color:#FFF;font-weight:bold;font-size:14px;text-align:center;}.invoicecontainer li a span{margin:0;}.submitmessage{float:right;}.printbar .links {padding-left:5%;float:left;background-color:#CCC;width:100%;margin-top:0;width:95%;}.invoiceheader{width:100%;float:left;border-bottom:1px #CCCCCC solid;}.invoiceheaderitem{float: left;width:90%}.invoiceheaderitem input{width:90%;}.invoice-customerdetails-heading{float:left;padding:0.2em 0 ;width:100%;border-top:1px #CCCCCC solid;}.invoice-customerdetails-heading h3{margin:0;}.invoice-customerdetails{float:left;border-bottom:1px #CCCCCC solid;border-top:1px #CCCCCC solid;padding:15px;}.invoice-customerdetails-item{float:left;width:49.1%;margin-right:.4em;}.invoice-customerdetails-item input {width:98%;float:left;}.invoice-customerdetails-item textarea {width:98%;height:57px;margin-right:.4em;}.invoice-customerdetails-item-small{float:left;width:15.4%;margin-right:.6em;margin-right:.4em\9;}.invoice-customerdetails-item-small input{float:left;width:100%;}.invoice-customerdetails-item-2{float:left;width:31.9%;margin-right:.6em;margin-right:.4em\9;}.invoice-customerdetails-item-2 input{float:left;width:100%;}.invoice-customerdetails-item-2b{float:left;width:23.4%;margin-right:1em;float:left;width:23%\9;}#invoicenumber{text-align:center;}#invoicedate{text-align:center;}.invoice-customerdetails-item-2b input{float:left;width:100%;}.invoice-items-outer{width:100%;}.invoice-gst{ width:47%;float:left;margin:0 2% 5px 0;border:1px #CCCCCC solid;}.invoice-item-top{width:100%;float:left;border-bottom:1px #CCCCCC solid;}.invoice-item-top h3{width:90%;font-size:14px;}.invoceitem{float:left;width:100%;margin:1% 0 0 2%;}.itemdetails{float:left;width:59%;}.itemdetails textarea{width:97%;height:57px;padding 0;margin:0;}.itemcalc{float:left;width:38%;}.invoice-item-small{float:left;width:29%;margin:0 .3em.1em.3em;margin:1.7em .1em.1em.3em\9;}.invoice-item-small input{width:99%;}.subtotalcalc{float:right;width:23%;margin:1em 3em 1em 1em;margin:1em .5em 1em 1em\9;width:25%\9;}.subtotalcalc input{width:99%;width:90%\9;}.invoice-subtotalapacer{float:left;width:73%;}.invoice-transportpacer{float:left;width:71%;}.invoice-transportpacer textarea{width:98%;padding:0;margin:0;}.transportprice{float:left;width:23%;margin:0 10px;}.transportprice input{width:95%;width:94%\9;}.paymentdetails{float:left;width:38%;height:auto;font-size:13px;font-weight: bold;}.totalcost{float:left;width:54%;border: 1px solid #CCCCCC;margin-left:15px;}.totalcost input{width:50%;}.gst{float:left;margin-top:5px;margin-right:10px;margin-left:10px;}.gst h3{float:left;}.gst input {float:right;}.grandtotal{float:left;margin-top:5px;margin-right:10px;margin-left:10px;}.grandtotal h3{font-size:14px;float:left;}.grandtotal input {width:50%;float:right;}.invoiceprocess{border-top: 1px solid #CCCCCC;float: left;margin: 15px 0;padding: 8px 0;width: 100%;}#btninvoice{float:right;}#submitform{float:left;}.isinvoice{}.printbar{padding:0 .5em 0 .5em 0;margin: 0 0 .5em 0;float:left;width:99.8%;border: 1px solid #CCCCCC;text-align:center;min-height:30px;background-color:#CCC;}.printbar ul{width:95%;padding:0;margin:0 auto 0 auto ;list-style-type: none;}#back{float:left;}#print{float:right;}.printbar li a{ padding:0;float:left;text-decoration: none;}.invoiceordernumber{float:left; width:90%}.invoiceordernumber input{width:100%;}@media print{.print_button{display:none;}body{background-color:#FFF;background-image:none;}.print_button{display:none;}.navbar{display:none;}#pagetitle{display:none;}#adminNav{display:none;}#header{display:none;}.header{display:none;}#footer{display:none;clear:both;}#admincontainer{margin-top:0;float:left; width:auto;}.admincontainer{float:left; width:auto;}}.invoicing p{font-size:1.1vw;}@media screen and (max-width: 1200px) {.invoicing p{font-size: 14px;}}@media screen and (max-width: 770px) {.invoicing p{font-size: 12px;}}.section {margin-left:60px;}.section input[type="radio"],.section input[type="checkbox"]{display: none;}.container label {text-transform: uppercase;padding-top:10px;position: relative;}.ui-dialog .ui-dialog-titlebar{background-color:#3399FF;border:none;padding:10px;text-transform: uppercase;}.container span::before,.container span::after {content: '';position: absolute;top: 0;bottom: 0;margin: auto;}.container span.radio:hover {cursor: pointer;}.container span.radio::before {left: -52px;width: 45px;height: 25px;border:solid thin #A8AAC1;border-radius: 50px;}.container span.radio::after {left: -49px;width: 17px;height: 17px;border-radius: 10px;border:solid thin #A8AAC1;background-color:#C8D9EA;transition: left .25s, background-color .25s;}input[type="radio"]:checked + label span.radio::after {left: -27px;background-color: #8DC76B;}.invoicecontainer{width:800px;margin:0 auto;}.invoice{border:1px #CCCCCC solid;}.invoicetitle{margin:1em 0 .7em 1em ;float:left;width:45%;line-height:1.2em;}#invoicenumtitle h4{max-width:60%;} #invoicedatetitle h4{max-width:55%;}.invoicetitle p{font-size:11px;margin:.2em;line-height: 1.3em;}.invoice h2{font-size:18px;margin:3px 0 .8em 0;}.invoice h3{margin:0;font-size:14px;font-weight: 400;}.invoice h4{padding:0;margin:3px 0;font-size:12px;font-weight: 400;}.totalcost h5{padding:0;margin:0;font-size:10px;font-weight: 400;}.gstdisplay{font-size:10px;}.printbar{padding-top:0;}.printbar .links li a{color:#FFF;font-weight:bold;font-size:14px;text-align:center;}.invoicecontainer li a span{margin:0;}.submitmessage{float:right;}.printbar .links {padding-left:5%;float:left;background-color:#CCC;width:100%;margin-top:0;width:95%;}.invoiceheader{width:100%;float:left;border-bottom:1px #CCCCCC solid;}.invoiceheaderitem{float: left;width:90%}.invoiceheaderitem input{width:90%;}.invoice-customerdetails-heading{float:left;padding:0.2em 0 ;width:100%;border-top:1px #CCCCCC solid;}.invoice-customerdetails-heading h3{margin:0;}.invoice-customerdetails{float:left;border-bottom:1px #CCCCCC solid;border-top:1px #CCCCCC solid;padding:15px;}.invoice-customerdetails-item{float:left;width:49.1%;margin-right:.4em;}.invoice-customerdetails-item input {width:98%;float:left;}.invoice-customerdetails-item textarea {width:98%;height:57px;margin-right:.4em;}.invoice-customerdetails-item-small{float:left;width:15.4%;margin-right:.6em;margin-right:.4em\9;}.invoice-customerdetails-item-small input{float:left;width:100%;}.invoice-customerdetails-item-2{float:left;width:31.9%;margin-right:.6em;margin-right:.4em\9;}.invoice-customerdetails-item-2 input{float:left;width:100%;}.invoice-customerdetails-item-2b{float:left;width:23.4%;margin-right:1em;float:left;width:23%\9;}#invoicenumber{text-align:center;}#invoicedate{text-align:center;}.invoice-customerdetails-item-2b input{float:left;width:100%;}.invoice-items-outer{width:100%;}.invoice-gst{ width:47%;float:left;margin:0 2% 5px 0;border:1px #CCCCCC solid;}.invoice-item-top{width:100%;float:left;border-bottom:1px #CCCCCC solid;}.invoice-item-top h3{width:90%;font-size:14px;}.invoceitem{float:left;width:100%;margin:1% 0 0 2%;}.itemdetails{float:left;width:59%;}.itemdetails textarea{width:97%;height:57px;padding 0;margin:0;}.itemcalc{float:left;width:38%;}.invoice-item-small{float:left;width:29%;margin:0 .3em.1em.3em;margin:1.7em .1em.1em.3em\9;}.invoice-item-small input{width:99%;}.subtotalcalc{float:right;width:23%;margin:1em 3em 1em 1em;margin:1em .5em 1em 1em\9;width:25%\9;}.subtotalcalc input{width:99%;width:90%\9;}.invoice-subtotalapacer{float:left;width:73%;}.invoice-transportpacer{float:left;width:71%;}.invoice-transportpacer textarea{width:98%;padding:0;margin:0;}.transportprice{float:left;width:23%;margin:0 10px;}.transportprice input{width:95%;width:94%\9;}.paymentdetails{float:left;width:38%;height:auto;font-size:13px;font-weight: bold;}.totalcost{float:left;width:54%;border: 1px solid #CCCCCC;margin-left:15px;}.totalcost input{width:50%;}.gst{float:left;margin-top:5px;margin-right:10px;margin-left:10px;}.gst h3{float:left;}.gst input {float:right;}.grandtotal{float:left;margin-top:5px;margin-right:10px;margin-left:10px;}.grandtotal h3{font-size:14px;float:left;}.grandtotal input {width:50%;float:right;}.invoiceprocess{border-top: 1px solid #CCCCCC;float: left;margin: 15px 0;padding: 8px 0;width: 100%;}#btninvoice{float:right;}#submitform{float:left;}.isinvoice{}.printbar{padding:0 .5em 0 .5em 0;margin: 0 0 .5em 0;float:left;width:99.8%;border: 1px solid #CCCCCC;text-align:center;min-height:30px;background-color:#CCC;}.printbar ul{width:95%;padding:0;margin:0 auto 0 auto ;list-style-type: none;}#back{float:left;}#print{float:right;}.printbar li a{padding:0;float:left;text-decoration: none;}.invoiceordernumber{float:left; width:90%}.invoiceordernumber input{width:100%;}@media print{.print_button{display:none;}body{background-color:#FFF;background-image:none;}.print_button{display:none;}.navbar{display:none;}#pagetitle{display:none;}#adminNav{display:none;}#header{display:none;}.header{display:none;}#footer{display:none;clear:both;}#admincontainer{margin-top:0;float:left; width:auto;}.admincontainer{float:left; width:auto;}}