:root { --mud-palette-primary: #310077; --mud-palette-primary-rgb: 49, 0, 119; --mud-palette-secondary: #6900ff; --mud-palette-secondary-rgb: 105, 0, 255; --table-border-color: color-mix(in srgb, var(--mud-palette-primary) 20%, white); --top-content-color: color-mix(in srgb, var(--mud-palette-primary) 50%, white); --table-focus-row: color-mix(in srgb, var(--mud-palette-secondary) 10%, white); --backing-color: color-mix(in srgb, var(--mud-palette-primary) 20%, white); --highlight-backing: color-mix(in srgb, var(--mud-palette-primary) 70%, white); } ul { margin-left: 2ch; } .print-content { display: block; position: relative; width: 100% !important; height: auto; background-color: #FFF; color: #000; font-size: 12px; } .print-content h1, .print-content h2, .print-content h3, .print-content h4, .print-content h5, .print-content h6 { font-size: 1em; font-weight: 400; } .print-content .close-print { position:absolute; top:0; left:0; display:block; } .print-content .logo { display:block; float:right; width: 300px; height: auto; padding: 20px 30px; background-color: #FFF; border-radius: 0 0 0 30px; margin: -40px -30px 0 0; } .print-content .logo > img { width: 100%; height: auto; } .print-content .top-content { background-color: var(--backing-color); margin: 0 0 0 30px; padding: 40px 30px 20px; border-radius: 0 0 0 60px; } .print-content .top-content h1 { padding-right: 320px; } .print-content .bottom-content { margin: 20px 0 0 30px; padding: 0 30px 0; } .print-content .table-title, .print-content .colored-title { text-transform:uppercase; font-size:1.2em; font-weight: 600; } .print-content .colored-title { background-color: var(--backing-color); border-bottom: 2px solid var(--mud-palette-primary); margin-top:10px; } .print-content .capitalize { text-transform: capitalize; } .print-content .top-content .table-title { border-bottom: 2px solid #000; } .b-bottom { border-bottom: 2px solid var(--mud-palette-primary); } .page { page-break-before:always; } .print-content table { border-collapse: collapse; font-size: var(--mud-typography-default-size); } .print-content table * { } .print-content table thead th { font-size: max(var(--mud-typography-default-size), 0.7em); font-weight: 400; text-align: left; } .print-content table tbody tr td.focus { background-color: var(--table-focus-row); } .print-content table tbody tr td { border-top: 2px solid var(--table-border-color); padding: 8px 6px; line-height: 1em; min-height: 14px; } .print-content table tbody tr td > * { display: flex; flex-direction: column; justify-content: center; min-height: 36px; padding: 0; } .print-content table tbody tr td:not(:first-child) { border-left: 2px solid var(--table-border-color); } .print-content table tbody tr.mud-theme-primary td { border-top:none; } .border-columns { border-top: 2px solid var(--table-border-color); border-bottom: 2px solid var(--table-border-color); } .border-columns > * { min-width: 100px; } .border-columns > *:not(:first-child) { border-left: 2px solid var(--table-border-color); min-height:100%; } .highlight { background-color: var(--highlight-backing); border: 2px solid var(--mud-palette-primary); border-radius: 2px; padding:2px 5px; margin:-5px -5px 0; text-transform:capitalize; } .no-wrap { white-space:nowrap; } @media print { .print-hide { display: none; } table { page-break-inside: auto; } tr { page-break-inside: avoid; page-break-after: auto; }}