.invoiceView #container{ padding: 10px; text-align: left; font-size: 12px; }

.invoiceView #headerleft, .invoiceView #headerright { width: 50%; float: left; }

.invoiceView #headerright .address { width: 100%; text-align: right; }

.invoiceView #contenttop { clear: left; }

.invoiceView #contenttop h2{ text-align: center; }

.invoiceView #contenttop .left { width: 315px; float: left; }

.invoiceView #contenttop .left div.formfield .label { width: 130px; }

.invoiceView #contenttop .left div.formfield .field { width: 180px; }

.invoiceView #contenttop .right { width: 375px; float: right; }

.invoiceView #contenttop .right div.formfield .label { width: 120px; }

.invoiceView .invoiceSummary { clear: both; padding: 20px 0; }

.invoiceView #status, .invoiceView #statusbottom { width: 160px; }

.invoiceView #count, .invoiceView #countbottom { width: 100px; }

.invoiceView #total, .invoiceView #totalend { text-align: right; }

.invoiceView #displayinvoice .formfield { width: 300px; }

.invoiceView #displayinvoice .formfield .label { width: 120px; }

.invoiceView #displayinvoice .formfield .field { width: 180px; }

.invoiceView .commenttext, .invoiceView .foctext { text-align: right; }
	    
.invoiceView .commentlabel, .invoiceView .foclabel { width: 200px; font-weight: bold; float:left; text-align: right; padding-right: 10px; }

.invoiceView .codemargin { padding-right: 10px; }

.invoiceView .clear { clear: left; }

.invoiceView .descriptionminwidth { min-width: 150px; }
        
.invoiceView .invoicetable table { border: 1px solid #000; border-collapse: collapse; }

.invoiceView .invoicetable th, .invoicetable td { border: 1px solid #000; }

.invoiceView .invoicetable .invoicetablenoborder table { border: none; width: 100%; }

.invoiceView .invoicetable .invoicetablenoborder th, .invoicetable .invoicetablenoborder td { border: none; }

.invoiceView .textleft { text-align: left; }

.invoiceView .commentline { border-bottom: solid; }

.invoiceView tr.rgFooter td { border-top:solid; }

.invoiceView .marginbottom { margin-bottom: 10px; }

.invoiceView .addressSearch textarea {
    text-align: right;
    font-size: 16px;
}

    .providerPortal .invoiceView .control-content,
    .providerPortal .invoiceView .control-label {
        /*width: auto;*/
        font-weight: normal;
        padding: 0;
        margin-bottom: 0;
    }

    .providerPortal .invoiceView .form-group {
        margin-bottom: 0; 
        line-height: normal;
    }

    .invoiceView .adHocItemTemplate {
        width: 220px;
    }

    .invoiceView .jobItemTemplate {
        width: 300px;
    }

    .invoiceView .signaturePictureTemplate {
        width: 200px;
    }

    .invoiceView .photoPictureTemplate {
        width: 600px;
    }

@media only screen and (max-width: 768px) {
    .invoiceView #displayinvoice,
    .invoiceView .invoiceSummary {
        overflow-x: auto;
        border: 1px solid #83a3ad;
    }
    
    .invoiceView #contenttop .left,
    .invoiceView #contenttop .right {
        width: 100%;
    }
}


/********************************
* Overrides for pdf export
********************************/
.invoiceView.invoiceViewPdf #container.print {
	font-size: 10px;
}

.invoiceView.invoiceViewPdf #container.print div.formfield {
	margin-top: 0;
}

.invoiceView.invoiceViewPdf .print #contenttop .left {
	    width: 250px; 
	    float: left;
}

.invoiceView.invoiceViewPdf .print #contenttop .right {
	width: 375px; 
	float: right;
}

.invoiceView.invoiceViewPdf .print #contenttop .left {
	width: 250px; 
	float: left;
}

.invoiceView.invoiceViewPdf .print #contenttop .left div.formfield {
	width: 250px;
}

.invoiceView.invoiceViewPdf .print #contenttop .left div.formfield .label {
	width: 90px;
}

.invoiceView.invoiceViewPdf .print #contenttop .left div.formfield .field {
	width: 150px;
}

.invoiceView.invoiceViewPdf .print #contenttop .right div.formfield {
	width: 375px;
}

.invoiceView.invoiceViewPdf .print #contenttop .right div.formfield .label {
	width: 90px;
}

.invoiceView.invoiceViewPdf .print #contenttop .right div.formfield .field {
	width: 275px;
}

.invoiceView.invoiceViewPdf .print #contenttop .left div.formfield,
.invoiceView.invoiceViewPdf .print #contenttop .left div.formfield .label,
.invoiceView.invoiceViewPdf .print #contenttop .right div.formfield,
.invoiceView.invoiceViewPdf .print #contenttop .right div.formfield .label {
	border: 0 solid;
}

@media only print {
    
    .invoiceView #container.print {
	    font-size: 10px;
    }

    .invoiceView #container.print div.formfield {
	    margin-top: 0;
    }

    .invoiceView .print #contenttop .left {
	        width: 250px; 
	        float: left;
    }

    .invoiceView .print #contenttop .right {
	    width: 375px; 
	    float: right;
    }

    .invoiceView .print #contenttop .left {
	    width: 250px; 
	    float: left;
    }

    .invoiceView .print #contenttop .left div.formfield {
	    width: 250px;
    }

    .invoiceView .print #contenttop .left div.formfield .label {
	    width: 90px;
    }

    .invoiceView .print #contenttop .left div.formfield .field {
	    width: 150px;
    }

    .invoiceView .print #contenttop .right div.formfield {
	    width: 375px;
    }

    .invoiceView .print #contenttop .right div.formfield .label {
	    width: 90px;
    }

    .invoiceView .print #contenttop .right div.formfield .field {
	    width: 275px;
    }

    .invoiceView .print #contenttop .left div.formfield,
    .invoiceView .print #contenttop .left div.formfield .label,
    .invoiceView .print #contenttop .right div.formfield,
    .invoiceView .print #contenttop .right div.formfield .label {
	    border: 0 solid;
    }
}

.invoiceView .previewwatermark
{
   background-image: url('../Images/previewwatermark.png');
   background-position: center center;
   background-size: 100%; /* CSS3 only, but not really necessary if you make a large enough image */
   width: 100%;
   height: 100%;
   margin: 0;
   z-index: 10;
}