﻿.plenarioPautaCabecalho {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: 50% 50%;
}

    .plenarioPautaCabecalho .sessao {
        grid-row: 1;
        grid-column: 1;
        text-align: left;
    }

    .plenarioPautaCabecalho .data {
        grid-row: 1;
        grid-column: 2;
        text-align: right;
    }

.plenarioPautaSimplesItem {
    display: grid;
    gap: 0px;
    grid-template-columns: 5% 20% 60% 15%;
    page-break-inside: avoid;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    overflow-wrap: break-word;
}

    .plenarioPautaSimplesItem .numero {
        grid-row: 1 / 6;
        grid-column: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid black;
    }

    .plenarioPautaSimplesItem .textoMateria {
        grid-row: 1;
        grid-column: 2 / 5;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .tipoNumeroAno {
        grid-row: 2;
        grid-column: 2;
        text-align: left;
        vertical-align: middle;
        padding: 2px;
        font-weight: bold;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .promovente {
        grid-row: 2;
        grid-column: 3 / 5;
        text-align: left;
        padding: 2px;
        font-weight: bold;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .ementa {
        grid-row: 3;
        grid-column: 2 / 4;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .fase {
        grid-row: 4;
        grid-column: 2 / 4;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .quorum {
        grid-row: 5;
        grid-column: 2 / 4;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .substitutivo {
        grid-row: 6;
        grid-column: 2 / 4;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaSimplesItem .links {
        grid-row: 3 / 7;
        grid-column: 4 / 5;
        padding: 2px;
        display: grid;
        align-items: center;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

        .plenarioPautaSimplesItem .links .link {
            display: flex;
            align-items: center;
            justify-content: center;
        }

.plenarioPautaDetalhada .cabecalho {
    display: grid;
    gap: 0px;
    grid-template-columns: 5% 95%;
    background-color: #dce8f3;
    padding: 6px 5px;
}

    .plenarioPautaDetalhada .cabecalho .cabecalhoItem {
        grid-row: 1;
        grid-column: 1;
        font-weight: bold;
        text-align: center;
    }

    .plenarioPautaDetalhada .cabecalho .cabecalhoInformacoes {
        grid-row: 1;
        grid-column: 2;
        font-weight: bold;
        text-align: center;
    }

.plenarioPautaDetalhadaItem {
    display: grid;
    gap: 0px;
    grid-template-columns: 5% 24% 24% 23% 24%;
    page-break-inside: avoid;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    overflow-wrap: break-word;
}

    .plenarioPautaDetalhadaItem .numero {
        grid-row: 1 / 9;
        grid-column: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .textoMateria {
        grid-row: 1;
        grid-column: 2 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .tipoNumeroAno {
        grid-row: 2;
        grid-column: 2;
        text-align: left;
        vertical-align: middle;
        padding: 2px;
        font-weight: bold;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .promovente {
        grid-row: 2;
        grid-column: 3 / 6;
        text-align: left;
        padding: 2px;
        font-weight: bold;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .ementa {
        grid-row: 3;
        grid-column: 2 / 5;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .observacao {
        grid-row: 3;
        grid-column: 5;
        text-align: left;
        padding: 2px;
        align-items: center;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .fase {
        grid-row: 4;
        grid-column: 2 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .quorum {
        grid-row: 5;
        grid-column: 2 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .emendas {
        grid-row: 6;
        grid-column: 2 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .substitutivo {
        grid-row: 7;
        grid-column: 2 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .aprovacao {
        grid-row: 8;
        grid-column: 2 / 5;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

    .plenarioPautaDetalhadaItem .urgenciaAudiencia {
        grid-row: 8;
        grid-column: 5 / 6;
        text-align: left;
        padding: 2px;
        border-top: 1px solid black;
        border-left: 1px solid black;
    }

.rodape {
    display: none;
}

#main table.pautaCabecalho:not(.dataTable) {
    border: none;
}

    #main table.pautaCabecalho:not(.dataTable) th {
        border: none;
        background-color: white;
    }

#main table.pauta:not(.dataTable) {
    border: none;
    margin: 0;
    background-color: white;
    padding: 0;
    border-spacing: 0;
}

    #main table.pauta:not(.dataTable) tbody {
        border: none;
        margin: 0;
        background-color: white;
        padding: 0;
    }

    #main table.pauta:not(.dataTable) tr {
        border: none;
        margin: 0;
        background-color: white;
        padding: 0;
        page-break-inside: avoid;
    }

        #main table.pauta:not(.dataTable) tr td {
            border: 1px solid black;
            margin: 0;
            background-color: white;
            padding: 2px;
        }

            #main table.pauta:not(.dataTable) tr td:has(table) {
                border: none;
                margin: 0;
                background-color: white;
                padding: 0;
            }

@media print {
    #tituloPagina, #coolMenu, #logindisplay, #tarjaAmbiente, #logoSPLegis, .botoes {
        display: none;
    }

    #header h1 {
        padding: 0;
        line-height: normal;
    }

    #title, #unidade {
        float: none;
        text-align: center;
        margin: auto;
    }

        #title h1 img {
            width: 4.5cm;
        }

        #title .impressora img {
            width: 4.5cm;
        }

    .tela {
        display: none;
    }

    .impressora {
        display: block;
    }

    .rodape {
        display: block;
        position: fixed;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: right;
        /* height: 45px; */
    }
}
