﻿.pickView #container{ padding: 10px; text-align: left; font-size: 12px; }

.pickView #headerleft, .pickView #headerright { width: 50%; float: left; }

.pickView #headerright .address { width: 100%; text-align: right; }

.pickView #contenttop { clear: left; }

.pickView #contenttop h2{ text-align: center; }

.pickView #contenttop .left { width: 315px; float: left; }

.pickView #contenttop .left div.formfield .label { width: 130px; }

.pickView #contenttop .left div.formfield .field { width: 180px; }

.pickView #contenttop .right { width: 375px; float: right; }

.pickView #contenttop .right div.formfield .label { width: 120px; }

.pickView .pickSummary { clear: both; padding: 20px 0; }

.pickView #status, .pickView #statusbottom { width: 160px; }

.pickView #count, .pickView #countbottom { width: 100px; }

.pickView #total, .pickView #totalend { text-align: right; }

.pickView #displaypick .formfield { width: 300px; }

.pickView #displaypick .formfield .label { width: 120px; }

.pickView #displaypick .formfield .field { width: 180px; }

.pickView .commenttext, .pickView .foctext { text-align: right; }
	    
.pickView .commentlabel, .pickView .foclabel { width: 200px; font-weight: bold; float:left; text-align: right; padding-right: 10px; }

.pickView .codemargin { padding-right: 10px; }

.pickView .clear { clear: left; }

.pickView .descriptionminwidth { min-width: 150px; }
        
.pickView .picktable table { border: 1px solid #000; border-collapse: collapse; }

.pickView .picktable th, .picktable td { border: 1px solid #000; }

.pickView .picktable .picktablenoborder table { border: none; width: 100%; }

.pickView .picktable .picktablenoborder th, .picktable .picktablenoborder td { border: none; }

.pickView .textleft { text-align: left; }

.pickView .commentline { border-bottom: solid; }

.pickView tr.rgFooter td { border-top:solid; }

.pickView .marginbottom { margin-bottom: 10px; }

.pickView .addressSearch textarea {
    text-align: right;
    font-size: 16px;
}

.providerPortal .pickView .control-content,
.providerPortal .pickView .control-label {
    /*width: auto;*/
    font-weight: normal;
    padding: 0;
    margin-bottom: 0;
}

    .providerPortal .pickView .form-group {
        margin-bottom: 0; 
        line-height: normal;
    }

    .pickView .adHocItemTemplate {
        width: 220px;
    }

    .pickView .jobItemTemplate {
        width: 300px;
    }

    .pickView .signaturePictureTemplate {
        width: 200px;
    }

    .pickView .photoPictureTemplate {
        width: 600px;
    }

@media only screen and (max-width: 768px) {
    .pickView #displaypick,
    .pickView .pickSummary {
        overflow-x: auto;
        border: 1px solid #83a3ad;
    }
    
    .pickView #contenttop .left,
    .pickView #contenttop .right {
        width: 100%;
    }
}


/********************************
* Overrides for pdf export
********************************/
.pickView.pickViewPdf #container.print {
	font-size: 10px;
}

.pickView.pickViewPdf #container.print div.formfield {
	margin-top: 0;
}

.pickView.pickViewPdf .print #contenttop .left {
	    width: 250px; 
	    float: left;
}

.pickView.pickViewPdf .print #contenttop .right {
	width: 375px; 
	float: right;
}

.pickView.pickViewPdf .print #contenttop .left {
	width: 250px; 
	float: left;
}

.pickView.pickViewPdf .print #contenttop .left div.formfield {
	width: 250px;
}

.pickView.pickViewPdf .print #contenttop .left div.formfield .label {
	width: 90px;
}

.pickView.pickViewPdf .print #contenttop .left div.formfield .field {
	width: 150px;
}

.pickView.pickViewPdf .print #contenttop .right div.formfield {
	width: 375px;
}

.pickView.pickViewPdf .print #contenttop .right div.formfield .label {
	width: 90px;
}

.pickView.pickViewPdf .print #contenttop .right div.formfield .field {
	width: 275px;
}

.pickView.pickViewPdf .print #contenttop .left div.formfield,
.pickView.pickViewPdf .print #contenttop .left div.formfield .label,
.pickView.pickViewPdf .print #contenttop .right div.formfield,
.pickView.pickViewPdf .print #contenttop .right div.formfield .label {
	border: 0 solid;
}

.pickView .manifestLines {
    margin: 10px 0 10px 0;
}

@media only print {
    
    .pickView #container.print {
	    font-size: 10px;
    }

    .pickView #container.print div.formfield {
	    margin-top: 0;
    }

    .pickView .print #contenttop .left {
	        width: 250px; 
	        float: left;
    }

    .pickView .print #contenttop .right {
	    width: 375px; 
	    float: right;
    }

    .pickView .print #contenttop .left {
	    width: 250px; 
	    float: left;
    }

    .pickView .print #contenttop .left div.formfield {
	    width: 250px;
    }

    .pickView .print #contenttop .left div.formfield .label {
	    width: 90px;
    }

    .pickView .print #contenttop .left div.formfield .field {
	    width: 150px;
    }

    .pickView .print #contenttop .right div.formfield {
	    width: 375px;
    }

    .pickView .print #contenttop .right div.formfield .label {
	    width: 90px;
    }

    .pickView .print #contenttop .right div.formfield .field {
	    width: 275px;
    }

    .pickView .print #contenttop .left div.formfield,
    .pickView .print #contenttop .left div.formfield .label,
    .pickView .print #contenttop .right div.formfield,
    .pickView .print #contenttop .right div.formfield .label {
	    border: 0 solid;
    }
}