@media screen,print
        {
            *{
                /*-webkit-print-color-adjust: exact;*/
            }
            .pagina{
                font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif !important;
            }
            .green {
                background-color: #338C51 !important;
                -webkit-print-color-adjust: exact;
                color:white !important;
                font-size: 10px;
            }
            .total-faltas{
                -webkit-print-color-adjust: exact;
                text-align: center;
                border: 1px solid #FFFFFF;
                border-bottom: 1px solid #000;
                font-size:11px;
                border-right: 1px solid #FFF;
            }
            .foto_aluno{
                width: 94px;
                height: 145px;
                float: left;
                margin-left: 2px;
                margin-top: 4px;
                background-color: white;
                padding: 5px;
                border: 1px solid rgb(231, 231, 231);
                overflow: hidden;
            }
            .foto_aluno img{
                width: 94px;
                height: 125px;
                border: 1px solid rgb(231, 231, 231);
            }
            .foto_nome{
                font-weight: bold;
                font-size: 8px;
                text-align: center;
                margin-top: 2px;
                color: gray;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                overflow: hidden;
            }
            .conteudos{
                width:100%;
            }
            .conteudos tr{
                margin:0;
                padding:0;
                vertical-align: middle;
            }
            .conteudos tr td{
                width: 80%;
                border: 1px solid lightgray;
                font-size: 8px;
                text-align: left;
                margin: 1px;
                padding: 0 12px;
                height: 16px;
                color: inherit;
            }
            .conteudos tr td:first-child{
                width:20%;
                text-align: center;
            }
            .tbl_notas tr td{
                border: 1px solid lightgray;
                font-size: 8px;
                color: black;
                text-align: center;
                margin: 1px;
                padding: 0;
            }
            .tbl_notas tr{
                height: 18px;
            }

            .notas tr td{
                border: 1px solid lightgray;
                font-size: 8px;
                color: inherit;
                text-align: center;
                margin: 1px;
                padding: 0;
            }
            .notas tr{
                height: 18px;
            }

            .vertical {
                -webkit-transform: rotate(270deg); 
                -moz-transform: rotate(270deg); 
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg); 
                transform: rotate(270deg); 
                font-size:6px !important;
                height: 17px;
                font-weight: bolder;
                text-align: center;
            }
            .horizontal {
                font-size:6px !important;
                height: 17px;
                font-weight: bolder;
                text-align: center;
            }
            .quadrado-vazio{
                font-size: 7px;
                width: 16px;
                font-weight: bolder;
                text-align: center;
                color: rgb(223, 223, 223) !important;
            }
            .falta {
                font-size: 8px !important;
                color: rgb(176, 174, 174) !important;
                    width: 16px;
            }
            .assinatura_professor{
                width: 297px;
                padding: 0;
                margin: 0;
                position: absolute;
                display: inline-block;
                font-size: 12px;
                float: left;
                text-align: center;
                height: 100%;
                left: 0;
                top: 13px;
            }
            .linha_assinatura{
                width: 436px;
                margin: 0;
                text-align: center;
                position: absolute;
                top: 6px;
                right: 6px;
                color: black;
                background: white;
                padding: 5px;
            }
            .carimbo_pagina, .cabecalho{
                width: 725px;
                background: #338C51 !important;
                color: white;
                font-weight: bold;
                text-align: center;
                
                border: 0px;
                border-bottom: none;
                padding: 10px 0;
                position: relative;
                left: 2px;
                height: 20px;
                -webkit-print-color-adjust: exact;
            }

            .carimbo_pagina{
                
                border: 0px;
                border-top: none;
                position: relative;
                height: 20px;
            }
            .cabecalho .cabecalho_turma{
                font-size: 12px;
                width: auto;
                text-align: center;
                position: absolute;
                top: 14px;
                left: 20px;
                width: 65px;
            }
            .cabecalho .cabecalho_datas{
                font-size: 12px;
                width: 435px;
                text-align: center;
                display: inline-block;
                position: absolute;
                top: 14px;
                left: 300px;
            }
            .cabecalho .cabecalho_materia{
                font-size: 12px;
                text-align: center;
                position: absolute;
                top: 14px;
                left: 87px;
                width: 213px;
            }
            .even td{
                background: white;
            }
            .odd td{
                background: #F8FFF8;
            }
            .pagina{
                border-collapse:collapse;
                page-break-before: always;
            }
            .falta.total_falta{
                color: black !important;
            }
            .nome_aluno{
                text-align: left !important;
                padding: 0px 4px !important;
            }

            .cabecalho_carometro{
                width: 754px;
                color: gray;
                font-weight: bold;
                text-align: center;
                border-radius: 3px 3px 0px 0px;
                border: 1px solid rgb(231, 231, 231);
                padding: 10px 0;
                position: relative;
                height: 20px;
            }

            .cabecalho_carometro .cabecalho_turma{
                font-size: 12px;
                text-align: center;
                position: absolute;
                top: 0px;
                left: 0;
                width: 108px;
                right: 00px;
                padding-top: 14px;
                padding-bottom: 12px;
                border-right: 1px solid rgb(231, 231, 231);
            }
            .cabecalho_carometro .cabecalho_datas{
                font-size: 12px;
                width: 213px;
                text-align: center;
                display: inline-block;
                position: absolute;
                top: 0;
                right: 00px;
                padding-top: 14px;
                padding-bottom: 12px;
                border-left: 1px solid rgb(231, 231, 231);
            }
            .cabecalho_carometro .cabecalho_materia {
                font-size: 12px;
                text-align: center;
                position: absolute;
                top: 14px;
                left: 109px;
                width: 428px;
                padding: 0;
            }

            .capa tr td.titulo{
                font-weight: bold;
                color: black;
                font-size: 16px;
                padding: 8px 0px;
            }
            .logo-diario{
                text-align: center;
                position: absolute;
                width: 100%;
                margin: 0;
                padding: 0;
                top: 300px;
                left: 0px;
            }
            .logo-diario img{
                height: 198px;
                width:310px;
                border:0;
            }
            .capa{
                width: 99%;
                position: absolute;
                top: 912px;
            }
            .capa tr{

            }

            .capa tr td{
                border: 1px solid lightgray;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 12px;
                padding: 3px 5px;
                color: gray;
                text-align: center;
            }

        }
        @media screen {
            .pagina {
                margin: 0 auto;
                position: relative;
                width: 750px;
                height: 1025px;
                margin: 20px auto;
                box-shadow: 2px 2px 9px lightgray;
                padding: 45px;
            }
            .carimbo_pagina, .cabecalho{
                width: 746px;
                background: #338C51 !important;
                color: white;
                font-weight: bold;
                text-align: center;
                
                border: 0px;
                border-bottom: none;
                padding: 10px 0;
                position: relative;
                left: 2px;
                height: 20px;
                -webkit-print-color-adjust: exact;
            }
            .capa{
                width: 746px;
                position: absolute;
                top: 912px;
            }

           
        }