/* @media print {
	body * {
		visibility: hidden;
		zoom: 96%;
	}
	.OptiForm .modal-content * {
		visibility: visible;
		overflow: visible;
	}
	.OptiForm .btn {
		display: none;
	}
	.OptiForm .modal {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		min-height: 550px;
		visibility: visible;
		overflow: visible !important;
	}
	.OptiForm .modal-dialog {
		visibility: visible !important;
		overflow: visible !important;
	}

	.OptiForm .sectionBreak {
		display: block !important;
		page-break-inside: avoid !important; 
	}

	.OptiForm table {page-break-inside: avoid;}
} */




/* TESTING - CRH */
@media print {
    /* Remove horizontal whitespace from outermost container, but NOT in between elements themselves */
    body {
        /* margin-left: 0 !important;
        margin-right: 0 !important; */
        /* border: 1px solid blue; */
        /* height: 0 !important;
        width: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        overflow: hidden !important; */
    }    

    body * {
        visibility: hidden;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        zoom: 100%;
    }

    .OptiForm .btn {
		display: none;
	}
    .OptiForm .btn-close {
		display: none;
	}

    /* AV (previous fix) modal-header is component causing issues with extra block of whitespace in first page of print preview */
    .OptiForm .modal-header {
        display: none;
    }

    /* Preview print should have lower zoom level than Summary print page */
    #prj_preview_template * {
        zoom: 97%;
    }

    /* FIX ISSUE WITH PREVIEW PRINT STARTING ON SECOND PAGE / EXTRA WHITE SPACE UNDER HEADER */
    .modal-content {
        flex-direction: unset !important;
    }


    
    /* html, body {
        height: 100%;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden;            
    }     */    
    
    .OptiForm .modal-content * {
        visibility: visible;
        overflow: visible;        
    }    
    
    .OptiForm .modal {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0;
		/* min-height: 550px; */
		visibility: visible;
		overflow: visible !important;   /* Remove scrollbar for printing. */        
	}


    .OptiForm .modal-dialog {
		visibility: visible !important;
		overflow: visible !important;   /* Remove scrollbar for printing. */        
        max-width: 100% !important;     /* needed for elements to span full width */
	}

    .OptiForm .sectionBreak {
		display: block !important;
		page-break-inside: avoid !important; 
	}

    .OptiForm table {page-break-inside: avoid;}

    /* Prevent issue of some labels being combined into one line */
    label {        
        width: 100% !important;
    }
        
    /* Fix specific issue with select element incorrectly appearing above the label for 'LA County Supervisor District' in Preview */
    #PrjSupDistrict_div {
        /* margin-top: 2rem !important; */
        margin-bottom: 0.5rem !important;
    }
    #PrjSupDistrict_div label,
    #PrjSupDistrict_div label span {
        margin: 0;
        padding: .375rem 0 .375rem 0 !important;
    }




    /* Specifically for Summary modal printing */
    #summaryLeftCol, #summaryRightCol {
        page-break-inside: avoid;        
    }
    #summaryLeftCol *, #summaryRightCol * {
        text-align: left !important;        
    }    
}