pdf-style.min.css

 @import url("https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap");*{margin:0;padding:0;box-sizing:border-box}:root{--base-font-size:12px;--base-line-height:1.5;--font-family:"Calibri",sans-serif;--color-text:#000000;--color-background:#ffffff}body{font-size:var(--base-font-size);line-height:var(--base-line-height);font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background)}.container{width:100%;max-width:880px;margin:0;padding:0}.title{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:2px solid #ccc;margin-bottom:5px;height:50px}.title .heading{font-size:2rem;font-weight:bold;color:#333}.title .details{text-align:right;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.title .details .date{font-size:1rem;color:#666}.title .details .title-info{font-size:1rem;font-weight:600;color:#444}.content{margin:0;padding:0;height:970px}.footer{display:flex;justify-content:space-between;align-items:start;padding:0;border-top:2px solid #ccc;margin-top:5px;padding-top:3px;height:35px}.footer .info{display:flex;align-items:start;font-weight:bold;color:#333;width:50%;margin:2px 0 0 0;padding:0}.footer .info img{display:flex;align-items:center;width:30px;height:30px;margin-right:6px}.footer .info p{margin:0;margin-top:2px;font-size:.9rem;line-height:1.1}.footer .info p span{font-size:.6rem;font-weight:300;color:#666;display:block;white-space:normal}.footer .page{text-align:right;display:flex;align-items:start;justify-content:flex-end;margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:var(--font-family)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:1rem;font-size:1rem}.text-bold{font-weight:bold}.text-normal{font-weight:normal}.text-light{font-weight:300}.text-italic{font-style:italic}.text-underline{text-decoration:underline}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.align-bottom{vertical-align:bottom}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.flex-container{display:flex;align-items:flex-start;justify-content:flex-start}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-start{align-items:flex-start}.align-center{align-items:center}.align-end{align-items:flex-end}.align-stretch{align-items:stretch}.center-content{display:flex;justify-content:center;align-items:center;height:100%}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:.75rem!important}.m-4{margin:1rem!important}.m-5{margin:1.25rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mt-5{margin-top:1.25rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:.75rem!important}.mr-4{margin-right:1rem!important}.mr-5{margin-right:1.25rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-5{margin-bottom:1.25rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.ml-4{margin-left:1rem!important}.ml-5{margin-left:1.25rem!important}.container{width:100%;max-width:21cm;padding:1rem;margin:auto}.row{display:flex;flex-wrap:wrap;margin:0 -.5rem}.col{flex:1;padding:0 .5rem}.col-6{flex:0 0 50%}.col-4{flex:0 0 33.33%}.col-3{flex:0 0 25%}table{width:100%;border-collapse:collapse;margin-bottom:1rem}th,td{padding:.5rem;border:1px solid #000;text-align:left;vertical-align:top;word-wrap:break-word}thead th{background-color:#f0f0f0;font-weight:bold}.table-sm{margin-bottom:.8rem}.table-sm th,.table-sm td{padding:.3rem!important}.table-xs{margin-bottom:.6rem}.table-xs th,.table-xs td{padding:.1rem!important}.table-striped tbody tr:nth-child(odd){background-color:#f9f9f9}.table-striped tbody tr:nth-child(even){background-color:#ffffff}.printable-form{display:flex;flex-direction:column;gap:0;font-size:12px;line-height:1;border:1px solid #000;border-radius:5px;padding:0;margin:0 0 1rem 0}.form-row{display:flex;flex-wrap:nowrap;border-bottom:1px solid #000;min-height:2.5rem;margin:0;padding:0}.form-cell{display:flex;flex-direction:column;flex:1;text-align:left;border-right:1px solid #000;margin:0;padding:.2rem}.form-cell:last-child{border-right:none}.field-title{font-weight:bold;text-transform:uppercase;font-size:.8rem;vertical-align:top;margin:0;padding:0}.font-handwriting{margin-top:.25rem;font-family:"Indie Flower",cursive;font-size:1.1rem}.medium-row{display:flex;flex-direction:column;min-height:2.5rem;align-items:flex-start;border-bottom:none;margin:0;padding:.2rem}.large-row{display:flex;flex-direction:column;min-height:5rem;align-items:flex-start;border-bottom:none;margin:0;padding:.2rem}.instruction-text{text-transform:capitalize;font-size:.6rem;color:gray;font-style:italic;float:right;margin-left:1rem;font-weight:normal}.w-10{flex:0 0 10%;max-width:10%}.w-15{flex:0 0 15%;max-width:15%}.w-20{flex:0 0 20%;max-width:20%}.w-25{flex:0 0 25%;max-width:25%}.w-30{flex:0 0 30%;max-width:30%}.w-33{flex:0 0 33.33%;max-width:33.33%}.w-40{flex:0 0 40%;max-width:40%}.w-50{flex:0 0 50%;max-width:50%}.w-60{flex:0 0 60%;max-width:60%}.w-66{flex:0 0 66.66%;max-width:66.66%}.w-75{flex:0 0 75%;max-width:75%}.w-80{flex:0 0 80%;max-width:80%}.w-90{flex:0 0 90%;max-width:90%}.w-100{flex:0 0 100%;max-width:100%}:root{--color-sky-blue:#4fc3f7;--color-amber:#ffc107;--color-emerald-green:#4caf50;--color-tomato-red:#ff5722;--color-purple-orchid:#9c27b0;--color-cool-gray:#607d8b;--color-sunset-orange:#ff7043;--color-cyan:#00bcd4;--color-golden-yellow:#ffeb3b;--color-indigo:#3f51b5}.bg-sky-blue{background-color:var(--color-sky-blue)}.bg-amber{background-color:var(--color-amber)}.bg-emerald-green{background-color:var(--color-emerald-green)}.bg-tomato-red{background-color:var(--color-tomato-red)}.bg-purple-orchid{background-color:var(--color-purple-orchid)}.bg-cool-gray{background-color:var(--color-cool-gray)}.bg-sunset-orange{background-color:var(--color-sunset-orange)}.bg-cyan{background-color:var(--color-cyan)}.bg-golden-yellow{background-color:var(--color-golden-yellow)}.bg-indigo{background-color:var(--color-indigo)}.bar-chart-container{display:flex;align-items:flex-start;gap:1rem}.bar-chart{display:flex;align-items:flex-end;gap:.5rem;height:200px;border-left:2px solid black;border-bottom:2px solid black;padding:10px}.bar{width:40px;height:var(--bar-height);color:white;text-align:center;line-height:1.5;display:flex;justify-content:center;align-items:flex-end;align-items:center}.bar-legend{display:flex;flex-direction:column;gap:.5rem}.bar-legend div{display:flex;align-items:center;font-size:.875rem}.bar-legend-color{width:16px;height:16px;display:inline-block;margin-right:.5rem;border-radius:4px}.pie-chart-container{display:flex;gap:1rem}.pie-chart{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--color-purple-orchid) 0% 40%,var(--color-cool-gray) 40% 75%,var(--color-sunset-orange) 75% 100%)}.pie-legend{display:flex;flex-direction:column;gap:.5rem}.pie-legend div{display:flex;align-items:center;font-size:.875rem}.pie-legend-color{width:16px;height:16px;display:inline-block;margin-right:.5rem;border-radius:4px}.line-chart-container{display:flex;gap:1rem}.line-chart{position:relative;width:80%;height:200px;border-left:2px solid black;border-bottom:2px solid black;margin:20px}.line-point{position:absolute;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.line-legend{display:flex;flex-direction:column;gap:.5rem}.line-legend div{display:flex;align-items:center;font-size:.875rem}.line-legend-color{width:16px;height:16px;display:inline-block;margin-right:.5rem;border-radius:4px}.donut-chart{display:flex;justify-content:center;align-items:center}.donut{position:relative;width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--color-indigo) 0% calc(var(--percent) * 1%),#ccc calc(var(--percent) * 1%) 100%);display:flex;justify-content:center;align-items:center;color:#333;font-size:1.2rem;font-weight:bold}.heatmap td{width:50px;height:50px;text-align:center;background-color:hsl(0,50%,calc(100% - var(--value) * 1%));color:white}.text-primary{color:var(--color-primary,#007bff)}.text-secondary{color:var(--color-secondary,#6c757d)}.text-success{color:var(--color-success,#28a745)}.text-danger{color:var(--color-danger,#dc3545)}.text-warning{color:var(--color-warning,#ffc107)}.text-info{color:var(--color-info,#17a2b8)}.text-dark{color:var(--color-dark,#343a40)}.text-light{color:var(--color-light,#f8f9fa)}.border{border:1px solid var(--border-color,#ddd)}.border-top{border-top:1px solid var(--border-color,#ddd)}.border-right{border-right:1px solid var(--border-color,#ddd)}.border-bottom{border-bottom:1px solid var(--border-color,#ddd)}.border-left{border-left:1px solid var(--border-color,#ddd)}.rounded{border-radius:.25rem}.rounded-circle{border-radius:50%}.rounded-pill{border-radius:50rem}.border-primary{border-color:var(--color-primary,#007bff)}.border-secondary{border-color:var(--color-secondary,#6c757d)}.border-success{border-color:var(--color-success,#28a745)}.border-danger{border-color:var(--color-danger,#dc3545)}.border-warning{border-color:var(--color-warning,#ffc107)}.border-info{border-color:var(--color-info,#17a2b8)}.border-dark{border-color:var(--color-dark,#343a40)}.border-light{border-color:var(--color-light,#f8f9fa)}.border-thin{border-width:1px}.border-thick{border-width:3px}.border-extra-thick{border-width:5px}.bg-primary{background-color:var(--color-primary,#007bff);color:#fff}.bg-secondary{background-color:var(--color-secondary,#6c757d);color:#fff}.bg-success{background-color:var(--color-success,#28a745);color:#fff}.bg-danger{background-color:var(--color-danger,#dc3545);color:#fff}.bg-warning{background-color:var(--color-warning,#ffc107);color:#212529}.bg-info{background-color:var(--color-info,#17a2b8);color:#fff}.bg-dark{background-color:var(--color-dark,#343a40);color:#fff}.bg-light{background-color:var(--color-light,#f8f9fa);color:#212529}.visible{visibility:visible}.invisible{visibility:hidden}.hover-underline:hover{text-decoration:underline}.hover-scale:hover{transform:scale(1.05)}.hover-shadow:hover{box-shadow:0 4px 6px rgba(0,0,0,.2)}.focus-outline{outline:2px solid var(--color-primary,#007bff)}.focus-outline-none{outline:none}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-auto{z-index:auto}.d-inline{display:inline}.d-block{display:block}.d-inline-block{display:inline-block}.d-none{display:none}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.1)}.shadow{box-shadow:0 4px 6px rgba(0,0,0,.1)}.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.2)}.shadow-none{box-shadow:none}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-auto{overflow:auto}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.w-full{width:100%}.h-full{height:100%}.max-w-screen{max-width:100vw}.max-h-screen{max-height:100vh}@media print{body{margin:1cm}.no-print{display:none}}.dbb{outline:1px solid red;outline-offset:-1px}.dbb>.dbb{outline-color:blue}.dbb>.dbb>.dbb{outline-color:green}.dbb>.dbb>.dbb>.dbb{outline-color:purple}