.Report
{
   	zoom: 1;
}

body
{

    line-height: 110%;

}





/*  2026-10-20  The module's title shows on screen (it holds the Settings button for editors; the title
    text only when the module's Show Title is on) with the Print button when the report shows in the
    browser. It never prints (@media print below). */
table.ReportTitle
{
	width:100%;
    border-collapse:collapse;
}
table.ReportTitle > tbody > tr > td
{
    padding:0;
}
/*  2026-10-20  Spinner on a PDF download button while the server makes the PDF ("Processing ...") */
.ReportSpinner
{
    display:inline-block;
    width:1em;
    height:1em;
    margin-right:6px;
    vertical-align:-0.15em;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:ReportSpinnerTurn 0.8s linear infinite;
}
@keyframes ReportSpinnerTurn
{
    to { transform:rotate(360deg); }
}
/*  2026-10-20  A report page that is too long now continues on the next sheet
    instead of being cut off. A page that fits on one sheet looks the same as
    before: it is still at least 9.9in tall and its footer is still at the
    bottom of the sheet. On a long page the footer follows the last line. */
.ReportPage
{
	background-color:white;
	position:relative;
    overflow-x:clip;
    overflow-y:visible;
}
hr {
    height: 1px;
    background-color: #D1D7DC !important;
    color: #D1D7DC !important;
    
}
.PageContent
{
    position:relative;
    min-height:9.9in;
    overflow-x:clip;
    overflow-y:visible;
    display:flex;
    flex-direction:column;
}
.ReportHeader
{}
.ReportFooter
{
	margin-top:auto;
	width:100%;
}
.PageBreak
{
    page-break-after:always;
}

/*  Table of Contents 
    Use this Macro to generate a Table of Content for any HTML Report:
        ${HTMLReport.Report Name.TableOfContents}
    Example:
        ${HTMLReport.Marriage Snapshot for Couple.TableOfContents}
*/
#toc 
{
	list-style: none;
	margin-bottom: 20px;
    font-size:12pt;
}
#toc li 
{
	-background: url(dot.gif) repeat-x bottom left;
	overflow: hidden;
    -margin-right: 1in;
    -padding-left: 0.25in;
    padding-right: 0.25in;
}
#toc li:hover
{
    background-color:#eee;
}
#toc span.TOCTitle 
{
	float: left;
	padding: 2px 2px 3px 0;
}
#toc span.TOCPage 
{
	float: right;
	padding: 2px 0 3px 2px;
}


@media print
{
	.ReportTitle
	{
		display:none;
	}	

	.container 
	{
    	width: 100%;
	}

	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	  position: relative;
	  min-height: 1px;
	  padding-left: 0px;
	  padding-right: 0px;
	}	
	.col-xs-8
{
	padding-right: 20px;

}
}

/*  2026-10-20  The HTML Report module's script marks everything on the page outside the
    report (site banner, menu, other modules, site footer); print only the report. */
@media print
{
	.ReportNotPrinted
	{
		display:none !important;
	}
	.ReportPrintWrapper
	{
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-top:0 !important;
		margin-bottom:0 !important;
		border-top:none !important;
		border-bottom:none !important;
		min-height:0 !important;
	}
}

@page
{
	margin-left: 0.5in;
	margin-right: 0.5in;
	margin-top: 0.5in;
	margin-bottom: 0.5in;
	zoom:1;
}


@media not print
{
	
    .Report
	{   
        zoom:1;
	}
   
    .ReportPage
    {
        zoom: 1;
        border:solid;
        border-width:1px;
        border-color:black;
        box-shadow: 2px 2px 5px #888888;
        padding:0.5in;
		width:8.5in;
        min-height:11in;
    }
    .PageBreak
    {
        height:15px;
    }
    /* 2026-10-20  Set by the HTML Report module's script to fit the sheets to the screen width */
    .ReportFit
    {
        zoom: var(--ReportFit, 1);
    }

    /* 2026-10-20  On screen the sheets sit in rows: one per row at Preview Size 100, two side by side at 50,
       three at 33. The gap stands in for the page breaks (which still apply when printing). */
    .ReportFit
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 15px;
    }
    .ReportFit > .PageBreak
    {
        display: none;
    }

    /* 2026-10-20  On screen, lay a report page out exactly as it prints, so the sheets the
       HTML Report module's script splits on screen are the sheets that print:
       - the sheet is as wide as the printed page leaves for it (set by the script)
       - columns stack (a printed page is too narrow for Bootstrap's side-by-side columns)
       - columns have no side padding (the @media print rule above)
       - links are blue and underlined, without their address (rule below the screen rules) */
    .ReportFit .ReportPage
    {
        width: calc(var(--ReportSheetWidth, 7.5in) + 1in + 2px);
    }
    .ReportFit .ReportPage [class*="col-sm-"],
    .ReportFit .ReportPage [class*="col-md-"],
    .ReportFit .ReportPage [class*="col-lg-"]
    {
        float: none;
        width: auto;
        margin-left: 0;
        left: auto;
        right: auto;
    }
    .ReportFit .ReportPage [class*="col-xs-"],
    .ReportFit .ReportPage [class*="col-sm-"],
    .ReportFit .ReportPage [class*="col-md-"],
    .ReportFit .ReportPage [class*="col-lg-"]
    {
        padding-left: 0;
        padding-right: 0;
    }
    .ReportFit .ReportPage .col-xs-8
    {
        padding-right: 20px;
    }
    .ReportFit .ReportPage img
    {
        max-width: 100%;
    }
    .ReportFit .ReportPage .ModuleSettingsButton,
    .ReportFit .ReportPage .ModuleEditButton,
    .ReportFit .ReportPage .hidden-print
    {
        display: none;
    }
}

/*  2026-10-20  Links in a report: blue underlined text, on screen and in print/PDF, without the address
    Bootstrap's print rules add after each link (e.g. "Web Content Management System (http://...)") */
.ReportPage a,
.ReportPage a:visited
{
    color: #0066cc !important;
    text-decoration: underline !important;
}
.ReportPage a[href]:after,
.ReportPage abbr[title]:after
{
    content: none !important;
}

 @media print {
	 
	 

  a,
  a:visited {
    text-decoration: underline;
  }

  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
	 


    .ModuleSettingsButton
	{
		display:none;
	}
		.ModuleEditButton
	{
		display:none;
	}
	.col-md-1, .col-md-2, 
	.col-md-3, .col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, 
	.col-md-10, .col-md-11, .col-md-12
	{
	    float:none;
	}
		
}

@media print and (color) 
{
   * 
   {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
   }
}