* {
    /*background: transparent !important;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #000 !important;
    filter: none !important;
    -ms-filter: initial !important;
    text-shadow: none !important;
}

body {
    color: #000;
    font: 8pt Arial, Verdana, Sans-serif;
    line-height: 1.4em;
    margin: 0;
    padding: 0;
    position: relative;
}

@page {
    margin: 1.5cm;
}

.main {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: auto;
    page-break-before: always;
}

.wrap {
    float: none !important;
    margin: 0;
    width: 100%;
}

.no-print, nav, footer, video, audio, object, embed {
    display: none;
}

.print {
    display: block;
}

h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
    padding-left: 5px;
}

h3 {
    font-size: 12pt;
    padding-left: 5px;
}

p {
    orphans: 3;
    widows: 3;
    padding-left: 5px;
}

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

p a {
    word-wrap: break-word;
}

q:after {
    content: " (" attr(cite) ")";
}

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

/* Estilos da Página de Impressão */
.header {
    border-bottom: 1px dashed #000;
    overflow: hidden;
    padding-bottom: 10px;
}


    .header table {
        width: 100%;
        table-layout: auto;
    }

        .header table td {
            padding: 2px 0;
        }

            .header table td.logo {
                width: 130px;
                padding-right: 20px;
                vertical-align: middle;
            }

                .header table td.logo img {
                    max-width: 130px;
                }

            .header table td .titulo-relatorio {
                font-weight: bold;
                margin-bottom: 10px;
                margin-top: 10px;
            }


.content {
    margin: 0 0 30px;
    overflow: hidden;
    padding: 10px 0;
}

    .content table:last-child {
        margin-bottom: 0;
    }

    .content .table-info-principal {
        width: 100%;
        table-layout: auto;
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.60);
    }

        .content .table-info-principal td {
            white-space: nowrap;
            vertical-align: middle;
            padding: 5px 1px;
        }

        .content .table-info-principal .icon {
            vertical-align: sub;
            margin-left: 5px;
        }

        .content .table-info-principal tr:last-child td {
            padding-bottom: 10px;
        }

    .content .table-info-registros {
        width: 100%;
        table-layout: auto;
        text-align: left;
    }

        .content .table-info-registros caption {
            font-size: 1rem;
            text-align: left;
            font-weight: bold;
            margin-bottom: 10px;
            padding-left: 5px;
        }

        .content .table-info-registros td,
        .content .table-info-registros th {
            padding: 8px;
            white-space: nowrap;
            border-right: 1px solid rgb(27, 27, 27);
            border-bottom: 1px solid rgb(27, 27, 27);
        }

            .content .table-info-registros td.endereco,
            .content .table-info-registros th.endereco {
                white-space: normal;
            }

            .content .table-info-registros td:last-child,
            .content .table-info-registros th:last-child {
                border-right: none;
                white-space: nowrap;
            }

        .content .table-info-registros tr:last-child td {
            border-bottom: none;
        }

        .content .table-info-registros .totalizador {
            font-weight: bold;
            background: #dfdfdf !important;
            -webkit-print-color-adjust: exact;
        }

    .content .container-apontamentos {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        page-break-inside: avoid;
        clear: both;
        /*page-break-before: always;*/
    }

        .content .container-apontamentos .border {
            padding: 6px;
            border: 1px solid rgba(0, 0, 0, 0.60);
            overflow: auto;
            width: 100%;
            table-layout: auto;
            vertical-align: middle;
        }

        .content .container-apontamentos.single {
            margin-right: 2%;
            float: left;
            clear: none;
        }

            .content .container-apontamentos.single:nth-child(2n+1) {
                margin-right: 0;
            }

            .content .container-apontamentos.single .border {
                min-height: 270px;
            }

        .content .container-apontamentos.full {
            page-break-inside: auto;
            page-break-before: avoid;
        }

            .content .container-apontamentos.full .container-dados {
                float: none;
                clear: both;
                padding: 10px;
            }

                .content .container-apontamentos.full .container-dados .titulo,
                .content .container-apontamentos.full .container-dados .medicao,
                .content .container-apontamentos.full .container-dados .tipo {
                    display: inline;
                    margin-right: 20px;
                    padding-left: 5px;
                }



        .content .container-apontamentos .grid-fotos img {
            width: 8.6cm;
            margin: 5px;
            vertical-align: middle;
        }


        .content .container-apontamentos .container-dados {
            padding: 0 10px;
            width: 50%;
        }

            .content .container-apontamentos .container-dados .titulo {
                text-transform: uppercase;
                display: block;
                font-weight: bold;
            }

            .content .container-apontamentos .container-dados .data-hora span {
                margin-right: 10px;
            }

            .content .container-apontamentos .container-dados .data-hora .icon {
                vertical-align: middle;
                margin-right: 2px;
            }

            .content .container-apontamentos .container-dados .medicao span {
                font-weight: bold;
                padding-left: 5px;
            }

            .content .container-apontamentos .container-dados .tipo {
                font-weight: bold;
            }

            .content .container-apontamentos .container-dados .obs span {
                font-weight: bold;
            }
