html, body{
    height: 100%;
}

header{
    background: #ececec;
    text-align: center;
    padding: 20px 0px 20px 0px;
    -webkit-box-shadow: 0px 9px 18px -6px rgba(0,0,0,0.49);
    box-shadow: 0px 9px 18px -6px rgba(0,0,0,0.49);
}

header img{
    width: 200px;
}

@media (max-width: 600px)
{
    header img
    {
        width: 160px;
    }
    header h6{
        font-size: 90%;
    }
    #table_escolas{
        font-size: 80%;
    }
}

main{
    margin-top: 150px;
}

.card_padrao{
    padding: 10px;
    margin-top: 10px;
    margin-bottom:10px;
    border: 1px solid #b3b3b3;
}

.rotulo_nivel{
    border-bottom: 1px dashed #000;
    background: #ddf0eb;
    padding:10px;
    margin-top: 10px;

}

#loading{
    background-image: url(../img/load.gif);
    background-repeat: no-repeat;
    background-position: center 25%;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
}

#resultados_paginate{
    white-space: normal;
}

.bt_Certificado{
    background-image: url("../img/pdf.png");
    background-repeat: no-repeat;
    background-size: 32px;
    padding-left: 40px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 10px;
}
.bt_Certificado:hover {
    background-color: rgba(255,170,153,0.44);
}