<html>
    <head>
        <style type="text/css">

            @page {
                size: portrait;
                margin: 0;
                padding: 0;
                font-family: 'OpenSans';
            }

            @font-face {
                font-family: 'OpenSans';
                src: url({{ storage_path('fonts/OpenSans-Regular.ttf') }}) format("truetype");
                font-weight: normal;
                font-style: normal;
                line-height: 10px;
            }

            body {
                margin: 0;
                padding: 0;
                font-family: 'Helvetica';
                line-height: 0.5em;
            }

            .page-break {
                page-break-after: always;
            }

            table {
                width: 816px;
                border: 0;
                border-collapse: collapse;
                padding: 0;
                margin: 0;
            }

            td {
                border-color: #C8C8C8;
                border-style: solid;
                border-width: 0px;
                font-size: 10px;
                vertical-align: middle;
            }


            td.ep {
                max-height: 16px;
                height: 16px;
                font-size: 14px;
                background: #D8D8D8;
                border-color: #D8D8D8;
                border-width: 1px 0px 1px 0px;
                vertical-align: bottom;
            }
            td.ep-encabezado {
                max-height: 16px;
                height: 16px;
                border-width: 1px 0px 0px 0px;
                font-size: 8px;
            }

            td.encabezado {
                vertical-align: bottom;
                height: 17px;
                max-height: 17px;
                border-width: 1px 0px 1px 0px;
                font-size: 8px;
            }


            img {
                margin-left: 30px;
            }

        </style>

    </head>
    <body>
        @forelse ($Recibos as $rec)
            <x-recibo_demanda :Recibo="$rec"/>
            
            @if(!$loop->last)
                <div class="page-break"></div>
            @endif
            
        @empty
            <p>Vacio</p>
        @endforelse
    </body>
</html>
