@import url('responsive_table.css');

.titulo-progress {
    float: left;
    width: 40px;
}

.destaque1-home {
    background: url(../../../Images/destaque1-home.png) right center;
    height: 437px;
    margin-top: -50px;
}

.destaque1-video {
    background: #eaebec;
    padding: 40px 0 80px;
}

    .destaque1-video iframe {
        width: 949px;
        height: 534px;
    }

.destaque1-home h1 {
    margin-top: 40px;
}

.banner-aling {
    width: 85%;
    padding-left: 15%;
    padding-right: 0 !important
}

    .banner-aling img {
        height: auto;
        width: 100%;
        max-width: 146px !important;
        float: left;
        height: 65px;
    }

    .banner-aling p {
        color: #fff;
        padding-top: 15px;
        text-align: center;
        font-weight: bold;
    }

    .banner-aling a, .banner-aling :hover {
        color: #fff;
    }

    .banner-aling .col-xs-2, .banner-aling .col-xs-10 {
        padding: 0 !important;
    }

    .md-video-yt
    {
        width:50%;
    }

    @media only screen and (max-width: 800px) {
        .md-video-yt {
            width: 100%;
        }

    }

    @media only screen and (max-width: 600px) {
       
        .titulo-desempemnho {
            text-align: center;
        }
       
        .banner-aling {
            width: 100%;
            padding: 2% 5% !important;
            margin: 0 !important;
        }

            .banner-aling p {
                margin-top: 20px;
                line-height: 15px;
            }

            .banner-aling .col-xs-2, .banner-aling .col-xs-10 {
                width: 100%;
                float: none;
                padding-right: 0 !important;
                margin-right: 0 !important;
            }
    }

    .barra-vertical_home-escola {
        border-left: dashed 1px #4c4c4c;
        margin: 0;
        padding: 0;
    }

    @media only screen and (max-width: 600px) {
        #pnObjetosAprendizagem .grupo_disc.D_1 .col-lg-4 .centered_obj {
            padding: 45px 20px !important;
        }

        .accordion2 dl {
           /* margin-bottom: 55% !important;*/
        }
    }

    @media only screen and (max-width: 1199px) {
        .accordion2 dl {
           /* margin-bottom: 20%;*/
        }

        .destaque1-escola {
            height: auto !important;
        }

        .estudante-acessar {
            height: 35px !important;
            background: #078bcd;
            border-radius: 0 0 6px 6px !important;
            padding-top: 5px;
        }

        .painel-estatistica .col-lg-4:first-child {
            max-width: 320px;
            margin: 0 auto;
        }

            .painel-estatistica .col-lg-4:first-child #rankingPlace {
                margin: 0 auto;
            }

            .painel-estatistica .col-lg-4:first-child .col-lg-7 {
                text-align: center;
            }

        #pnObjetosAprendizagem .grupo_disc.D_1 {
            display: flex;
            flex-wrap: wrap;
        }

            #pnObjetosAprendizagem .grupo_disc.D_1 .col-lg-4 {
                width: 50%;
                max-width: 408px;
            }

                #pnObjetosAprendizagem .grupo_disc.D_1 .col-lg-4 .centered_obj {
                    padding: 45px 20px 45px 34%;
                }
    }

    @media only screen and (min-width: 1025px) and (max-width: 1199px) {
        .painel-estatistica-professor, .painel-estatistica-escola2,
        .painel-estatistica-escola {
            height: 50%;
        }

        .col-lg-3-aluno, .col-lg-3-professor, .col-lg-3-escola {
            max-width: 400px;
            margin: 0 auto;
        }

        footer > div > div > div {
            display: flex;
            flex-wrap: wrap;
        }

            footer > div > div > div > div:nth-child(1) {
                width: 100%;
            }

        .destaque1-escola .col-lg-5, .destaque1-professor .col-lg-5 {
            width: 41.66666667%;
            float: left;
        }

        .destaque2-escola .col-lg-6, .destaque3-escola .col-lg-6, .destaque4-escola .col-lg-6,
        .destaque2-professor .col-lg-6, .destaque3-professor .col-lg-6, .destaque4-professor .col-lg-6,
        .destaque2-estudante .col-lg-6,
        .destaque3-estudante .col-lg-6 {
            width: 50%;
            float: left
        }

        .destaque2-estudante .col-lg-6, .destaque3-estudante .col-lg-6 {
            padding-left: 65px;
        }

        .destaque2-estudante {
            background: url(../../../Images/destaque1-alunos-m.png) left center no-repeat #e4e5e6;
            padding: 40px 0 60px;
        }

        .professor-acessar, .escola-acessar {
            height: 30px !important;
        }

        #pnObjetosAprendizagem .grupo_disc.D_1 .col-lg-4 .centered_obj {
            padding: 45px 20px 45px 40%;
        }
    }

    @media (max-width: 568px) {
        .destaque1-home {
            background: url(../../../Images/destaque1-home-m.png) left center !important;
            height: 437px;
            margin-top: -20px;
        }

            .destaque1-home .col-xs-8 {
                width: 100%;
            }

        .navbar-brand {
            max-width: 290px;
        }
    }

    @media (max-width: 1024px) {
        .destaque3-sobre {
            background-image: none !important;
            background-color: #e4e5e6 !important;
            padding: 20px 0;
        }
    }

    .objetos-acoordion {
        width: 47%;
        float: left;
        margin-right: 3%
    }

    @media (max-width: 767px) {
        .objetos-acoordion {
            width: 100%;
            float: none;
            padding: 0 0 0 15px !important;
            margin: 0 !important
        }

        .saiba-enem {
            margin-top: -100px !important;
            padding: 20px;
            margin-bottom: 20px;
        }

        .destaque1-home {
            background: url(../../../Images/destaque1-home-m.png) right center;
            height: 437px;
            margin-top: -5px;
        }

            .destaque1-home h1 {
                margin-top: -110px;
                font-size: 24px;
            }

        .destaque2-home h1 {
            font-size: 24px;
        }

        .destaque3-home h1, h1 {
            font-size: 24px;
        }

        .destaque2-sobre .col-xs-6 {
            width: 100%;
        }

        .destaque3-sobre {
            background-image: none !important;
            background-color: #e4e5e6 !important;
            padding: 20px 0;
        }

        .destaque1-enem {
            background: url(../../../Images/enem-m.png) no-repeat left bottom #00b4cd !important;
            height: 220px;
        }

        .destaque-equipe {
            background: url(../../../Images/equipe.png) no-repeat center center #b6bed2 !important;
            height: 220px;
        }

        .destaque-ods {
            display: none
        }

        .rslides .col-xs-5, .rslides .col-xs-7 {
            float: none;
            width: 100%
        }

        .coluna_responsiva_65 {
            margin-left: 65px;
            text-align: left;
        }

        .coluna_responsiva_71 {
            margin-left: 72px;
            text-align: left;
        }
    }

    .saiba-enem {
        background: #e4e5e6;
        margin-top: -150px;
        padding: 20px;
    }

    .textdestaque1-home {
        height: 120px;
        position: relative;
        z-index: -999999;
        width: 66.66666667%;
        padding-left: 200px;
    }

    .destaque2-home {
        background: url(../../../Images/destaque1.png) no-repeat left center #d3d4d5;
        padding: 20px 0;
    }

        .destaque2-home h1 {
            margin-top: 40px;
        }

    .destaque3-home {
        background: url(../../../Images/destaque2.png) no-repeat center left #d3d4d5;
        padding-bottom: 40px;
    }

    .destaque1-sobre {
        background: url(../../../Images/destaque1-sobre.png) no-repeat center center #e4e5e6;
        height: 308px;
    }

    .destaque2-sobre {
        background: url(../../../Images/fgv-sede.png) no-repeat center right;
        padding: 20px 0;
    }

    .destaque3-sobre {
        background: url(../../../Images/destaque2-sobre.png) no-repeat center left #e4e5e6;
        padding: 20px 0;
    }

    .destaque1-enem {
        background: url(../../../Images/enem.png) no-repeat left center #00b4cd;
        height: 220px;
    }

    .destaque2-enem {
        background: url(../../../Images/destaque1-enem.png) no-repeat center left #e4e5e6;
        margin-top: 20px;
        padding: 20px 0;
    }

    .destaque-equipe {
        background: url(../../../Images/equipe.png) no-repeat center right #b6bed2;
        height: 220px;
    }

    .destaque-ods {
        background: url(../../../Images/top-objetos.jpg) no-repeat center right #b6bed2;
        height: 220px;
    }

    .destaque2-enem p {
        background: #fff;
        padding: 20px;
    }

    .destaque1-tutorial {
        background: url(../../../Images/tutorial-banner.png) no-repeat top right #0595d5;
        height: 220px;
    }

        .destaque1-tutorial .titulo {
            color: #ffff;
            text-align: left;
            font-size: 60px;
            padding: 5% 0 0 15%;
            font-weight: bold;
        }

    .equipe {
        margin: 20px 0;
        cursor: pointer;
    }

    .lightbox {
        display: none;
        z-index: 99999999999999999999999
    }

    .destaque1-estudante {
        background: url(../../../Images/banner-estudante.png) left center no-repeat;
        height: 400px;
    }

    .destaque2-estudante {
        background: url(../../../Images/destaque1-alunos.png) left center no-repeat #e4e5e6;
        padding: 40px 0 60px;
    }

    .destaque3-estudante {
        background: url(../../../Images/destaque2-alunos.png) left center no-repeat #e4e5e6;
        padding: 20px 0;
    }

    .destaque1-professor {
        background: url(../../../Images/banner-professor.png) left center no-repeat;
        height: 450px;
    }

    .destaque2-professor {
        padding: 40px 0 20px;
    }

        .destaque2-professor img {
            max-width: 258px;
            width: 100%;
        }

    .destaque2-estudante img {
        max-width: 258px;
        width: 100%;
    }

    .destaque4-estudante img {
        max-width: 310px;
        width: 100%;
    }

    @media (max-width: 1024px) {
        .painel-estatistica p, .realizados p, .painel-estatistica-professor p, .painel-estatistica-escola p {
            font-size: 12px !important;
        }

        .nova-prova td {
            padding: 5px !important;
            font-size: 12px !important;
        }

        .nova-prova th {
            padding: 10px 5px !important;
            font-size: 13px !important;
        }

        .saiba-enem {
            margin-bottom: 20px;
        }

        .destaque1-enem {
            background: url(../../../Images/enem-m.png) no-repeat left bottom #00b4cd !important;
        }

        .destaque1-escola .col-lg-5, .destaque1-professor .col-lg-5 {
            width: 41.66666667%;
            float: left
        }

        .destaque1-escola .col-xs-2 {
            display: inherit;
            float: left
        }

        .destaque1-escola .col-xs-5 {
            display: inherit;
            float: left;
            margin-top: 60px;
        }

        .destaque1-professor .col-xs-5, .destaque1-professor .col-xs-5 {
            display: inherit;
        }

        .destaque1-professor .col-xs-2, .destaque1-professor .col-xs-2 {
            display: inherit;
        }

        .destaque2-escola .col-lg-6, .destaque3-escola .col-lg-6, .destaque4-escola .col-lg-6, .destaque2-professor .col-lg-6, .destaque3-professor .col-lg-6, .destaque4-professor .col-lg-6, .destaque2-estudante .col-lg-6, .destaque3-estudante .col-lg-6 {
            width: 50%;
            float: left
        }

        .destaque2-estudante {
            background: url(../../../Images/destaque1-alunos-m.png) left center no-repeat #e4e5e6;
            padding: 40px 0 60px;
        }

        .destaque3-estudante {
            background: url(../../../Images/destaque2-alunos-m.png) left center no-repeat #e4e5e6;
            padding: 20px 0;
        }

        .destaque3-professor {
            background: url(../../../Images/destaque3-professor-m.png) left center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }

        .destaque4-professor {
            background: url(../../../Images/destaque4-professor-m.png) left center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }

        .destaque2-home .col-lg-6, .destaque5-professor .col-lg-6 {
            float: left;
            width: 50%
        }

        .destaque2-escola {
            background: url(../../../Images/destaque2-escola-m.png) left center no-repeat #e4e5e6 !important;
            padding: 20px 0 40px;
        }

        .destaque3-escola {
            background: url(../../../Images/destaque3-escola-m.png) left center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }
    }

    .destaque5-professor .col-lg-6 img, .destaque4-escola .col-lg-6 img {
        max-width: 100%;
        width: 396px;
    }


    @media (max-width: 780px) {

        .dvPainel {
            margin-left: 15px;
        }

        .saiba-enem {
            margin-bottom: 20px;
        }

        .destaque1-estudante .col-xs-3 {
            display: none;
        }

        .destaque1-estudante .col-xs-4 {
            display: none;
        }

        .destaque1-estudante .col-xs-5 {
            width: 100%;
            float: none
        }

        .destaque1-professor .col-lg-5 {
            width: 100%;
            float: none;
        }

        .destaque1-professor .col-xs-5 {
            display: none;
        }

        .destaque1-professor .col-xs-2 {
            display: none;
        }

        .destaque1-escola .col-lg-5 {
            width: 100%;
            float: none;
        }

        .destaque1-escola .col-xs-5 {
            display: none;
        }

        .destaque1-escola .col-xs-2 {
            display: none;
        }

        .destaque2-sobre {
            background-image: none !important;
            padding: 20px 0;
        }

            .destaque2-sobre .col-xs-6 {
                float: none;
                width: 100%;
            }
    }

    @media (max-width: 765px) {
        .destaque2-home .col-lg-6 {
            float: none;
            width: 100%
        }

        .destaque1-escola {
            margin-bottom: 20px;
        }

        .destaque2-professor {
            padding: 0 0 20px;
            margin-top: -18px;
        }

            .destaque4-escola .col-lg-6, .destaque2-estudante .col-lg-6, .destaque3-estudante .col-lg-6, .destaque4-estudante .col-xs-6, .destaque4-estudante .col-lg-6, .destaque2-professor .col-lg-6, .destaque3-professor .col-lg-6, .destaque4-professor .col-lg-6 {
                width: 100%;
                float: none;
            }

        .destaque2-escola .col-lg-6 {
            width: 100%;
            float: none;
        }

        .destaque3-escola .col-lg-6 {
            width: 100%;
            float: none;
        }

        .destaque1-professor {
            margin-bottom: 45px;
        }

            .destaque1-professor .col-lg-5 {
                width: 100%;
                float: none;
            }

            .destaque1-professor .col-xs-5 {
                display: none;
            }

            .destaque1-professor .col-xs-2 {
                display: none;
            }

        .destaque2-professor .col-xs-6 {
            float: none;
            width: 100%;
        }

        .destaque2-professor .col-lg-6 img {
            width: 100%;
        }

        .destaque1-escola .col-lg-5 {
            width: 100%;
            float: none;
        }

        .destaque1-escola .col-xs-5 {
            display: none;
        }

        .destaque1-escola .col-xs-2 {
            display: none;
        }

        .destaque5-professor .col-xs-6 {
            width: 100%;
            float: none;
        }

        .destaque5-professor .col-lg-6 {
            width: 100%;
            float: none;
        }

        .destaque4-estudante .col-xs-6 {
            display: inherit
        }

        .destaque4-estudante .col-lg-6 img {
            display: inherit;
        }

        .destaque2-estudante {
            background: url(../../../Images/destaque1-alunos-m.png) right center no-repeat #e4e5e6;
            padding: 40px 0 60px;
        }

        .destaque3-estudante {
            background: url(../../../Images/destaque2-alunos-m.png) right center no-repeat #e4e5e6;
            padding: 20px 0;
        }

        .destaque3-professor {
            background: url(../../../Images/destaque3-professor-m.png) right center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }

        .destaque4-professor {
            background: url(../../../Images/destaque4-professor-m.png) right center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }

        .destaque2-escola {
            background: url(../../../Images/destaque2-escola-m.png) right center no-repeat #e4e5e6 !important;
            padding: 20px 0 40px;
        }

        .destaque3-escola {
            background: url(../../../Images/destaque3-escola-m.png) right center no-repeat #e4e5e6 !important;
            padding: 20px 0;
        }

        footer img {
            width: 95%;
        }

        footer .col-lg-2 img {
            width: 100%;
            max-width: 25px;
        }

        .destaque1-estudante {
            margin-bottom: 105px;
        }

            .destaque1-estudante .col-xs-3 {
                display: none;
            }

            .destaque1-estudante .col-xs-4 {
                display: none;
            }

            .destaque1-estudante .col-xs-5 {
                width: 100%;
                float: none
            }

        .modal-questoes img {
            max-width: 100%
        }
    }

    .destaque3-professor {
        background: url(../../../Images/destaque3-professor.png) left bottom no-repeat #e4e5e6;
        padding: 20px 0;
    }

    .destaque4-professor {
        background: url(../../../Images/destaque4-professor.png) left center no-repeat #e4e5e6;
        padding: 20px 0;
    }

    .destaque1-escola {
        background: url(../../../Images/destaque1-escola.png) left top no-repeat;
        height: 450px;
    }

    .destaque2-escola {
        background: url(../../../Images/destaque2-escola.png) left center no-repeat #e4e5e6;
        padding: 20px 0 40px;
    }

    .destaque3-escola {
        background: url(../../../Images/destaque3-escola.png) left center no-repeat #e4e5e6;
        padding: 20px 0;
    }

    .destaque-login {
        background: url(../../../Images/background-login.png) left top no-repeat #e4e5e6;
        padding: 20px 0;
        height: auto !important;
        min-height: 450px !important;
    }

    .destaque-senha {
        background: url(../../../Images/background-senha.png) left bottom no-repeat #dedce7;
        position: fixed;
        width: 100%;
        height: 100%;
        padding: 20px 0;
        height: auto !important;
        min-height: 650px !important;
    }

    .destaque-atendimento {
        background: url(../../../Images/background-atendimento.png) left top no-repeat #d0dce8;
        height: auto !important;
        min-height: 580px !important;
    }

    .aviso-turma {
        font-size: 14px;
    }

        .aviso-turma span {
            color: red;
        }

    .destaque1-escola h3 {
        color: #fff;
        font-size: 14px;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        line-height: 1.42857143;
    }

    .destaque1-professor h3 {
        color: #fff;
        font-size: 14px;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        line-height: 1.42857143;
    }

    .modal-questoes {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        display: none;
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
        outline: 0;
    }

    .cadastro {
        background: #fff;
        border-radius: 6px;
        padding: 10px 20px;
        margin-top: 15px;
        -webkit-box-shadow: 5px 5px 8px #545454;
        box-shadow: 5px 5px 8px #545454;
    }

        .cadastro p {
            padding: 0;
            margin: 0;
            font-size: 12px;
            line-height: 2em;
        }

    .pagina-login {
        margin: 20px 0;
    }

    .destaque1-estudante h3 {
        padding-top: 20px;
        color: #fff;
        font-size: 14px;
        -webkit-margin-before: 1em;
        -webkit-margin-after: 1em;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        line-height: 1.42857143;
    }

    .destaque-estudante h2, .destaque1-estudante h2, .pagina-login h2 {
        font-size: 24px;
        color: #078bcd;
        margin: 0;
    }

    .pagina-login h2 {
        margin: 10px 0
    }

    .destaque-professor h2 {
        font-size: 24px;
        color: #00c94e;
    }

    .destaque1-professor h2 {
        font-size: 24px;
        color: #00c94e;
    }

    .destaque-escola h2 {
        font-size: 24px;
        color: #ee9a37;
    }

    .destaque-estudante span, .destaque1-estudante span, .pagina-login span {
        font-size: 12px;
        color: #078bcd
    }

    .destaque-estudante p, .destaque-estudante1 p, .destaque-professor p, .destaque-escola p, .pagina-login p {
        margin: 0;
        padding: 0;
        font-size: 12px;
    }

    .destaque-estudante input, .destaque1-estudante input, .destaque-professor input, .destaque-escola input, .pagina-login input {
        border: none;
        border-bottom: 1px solid #ccc;
        margin: 0 0 5px 0
    }

    .destaque-estudante label, .destaque-professor label, .destaque1-estudante label {
        /*font-size: 12px;*/
        font-weight: normal;
    }

    .pagina-login label {
        margin-top: 20px
    }

    .header-aluno {
        background: #01366c;
        padding: 20px 0;
    }

        .header-aluno p {
            font-size: 12px;
            color: #fff;
            padding: 0;
            margin: 0;
        }

        .header-aluno h3 {
            font-size: 14px;
            color: #fff;
            padding: 0;
            margin: 0;
        }

    .check_disciplina {
        background: url(../../../Images/check-icon.png) no-repeat center center !important;
        float: right !important;
        margin-right: 0px !important;
        height: 26px;
        width: 26px;
    }

    .aba-aluno a {
        float: left;
        border-radius: 0 0 6px 6px;
        background: #078bcd;
        border-right: 1px solid #ccc;
        color: #fff;
        font-size: 16px;
        padding: 6px 10px;
        width: 150px;
    }

    .aba-professor a {
        float: left;
        border-radius: 0 0 6px 6px;
        background: #00c94e;
        border-right: 1px solid #ccc;
        color: #fff;
        font-size: 16px;
        padding: 6px 10px;
        width: 150px;
    }

    .aba-escola a {
        float: left;
        border-radius: 0 0 6px 6px;
        background: #ee9a37;
        border-right: 1px solid #ccc;
        color: #fff;
        font-size: 16px;
        padding: 6px 10px;
        width: 150px;
    }

    .aba-desabilitada a {
        float: left;
        border-radius: 0 0 6px 6px;
        background: #a7a9ac;
        border-right: 1px solid #ccc;
        color: #fff;
        font-size: 16px;
        padding: 6px 10px;
        width: 150px;
    }

    .aba-aluno :hover, .aba-desabilitada :hover, .aba-professor :hover, .aba-escola :hover {
        background: #01366c;
        border-radius: 0 0 6px 6px;
        border-right: 1px solid #4c4c4c;
        color: #fff;
        text-decoration: none;
    }

    .aba-simulado a, .aba-simulado-desabilitado a {
        float: left;
        border-radius: 6px 6px 0 0;
        border-bottom: none !important;
        font-size: 12px;
        height: 40px;
        width: 25% !important;
        padding: 5px 10px;
        text-decoration: none !important;
    }

    .aba-prova a, .aba-prova-desabilitada a {
        border-radius: 6px 6px 0 0;
        border-bottom: none !important;
        font-size: 12px;
        height: 40px;
        padding: 5px 10px;
        text-decoration: none !important;
    }

    .aba-simulado a, .aba-prova a {
        color: #4c4c4c;
        background: #fff;
        border: 1px solid #ccc;
    }

    .aba-simulado-desabilitado a, .aba-prova-desabilitada a {
        background: #ccc;
        border: 1px solid #fff;
        color: #4c4c4c;
    }

    @media (max-width: 768px) {
        .aba-simulado a, .aba-simulado-desabilitado a {
            float: left;
            font-size: 10px;
            height: 65px;
            padding: 5px 2px;
        }

        #pnObjetosAprendizagem .grupo_disc.D_1 .col-lg-4 .centered_obj {
            padding: 45px 20px 45px 34%;
        }
    }

    .aba_content {
        min-height: 400px;
        border-radius: 0 0 6px 6px;
        border: 1px solid #ccc;
        background: #fff;
        overflow-y: auto;
        margin: 0;
        padding-top: 10px
    }

    .painel-estatistica-professor {
        /*background: url(../../../Images/background-painel-prof.png) no-repeat top right #eef0f1 !important;*/
        position: fixed;
        width: 100%;
        height: 75%;
        padding-bottom: 70px;
        overflow: scroll
    }

    .painel-estatistica {
        background: #eef0f1;
        padding-bottom: 40px;
    }

    .painel-estatistica-escola2 {
        /*background: url(../../Images/painel-escola.png) no-repeat bottom left #fff;*/
        position: fixed;
        width: 100%;
        height: 75%;
        padding-bottom: 70px;
        overflow-y: scroll;
        overflow-x: none;
    }

    .painel-estatistica-escola {
        background: url(../../../Images/painel-escola2.png) no-repeat top right #eef0f1;
        position: fixed;
        width: 100%;
        height: 85%;
        padding-bottom: 70px;
        overflow: scroll
    }

    @media (min-width: 900px) {
        .painel-estatistica-professor {
            background: url(../../../Images/background-painel-prof.png) no-repeat top right #eef0f1 !important;
        }
    }

    @media (max-height: 1024px) {
        .painel-estatistica-professor {
            position: fixed;
            width: 100%;
            height: 73%;
            padding-bottom: 70px;
            overflow: scroll
        }

        .simuladosede .col-lg-6 {
            width: 50%;
            padding: 0;
        }
    }

    @media (max-height: 900px) {
        .painel-estatistica-professor {
            background: #eef0f1;
            position: fixed;
            width: 100%;
            height: 73%;
            padding-bottom: 70px;
            overflow: scroll
        }

        .painel-estatistica-escola2 {
            /*background: url(../../Images/painel-escola.png) no-repeat bottom left #fff;*/
            position: fixed;
            width: 100%;
            height: 73%;
            padding-bottom: 70px;
            overflow-y: scroll;
            overflow-x: none;
        }

        .painel-estatistica-escola {
            /*background: url(../../Images/painel-escola2.png) no-repeat top right #eef0f1;*/
            position: fixed;
            width: 100%;
            height: 70%;
            padding-bottom: 70px;
            overflow: scroll
        }
    }

    @media (max-height: 700px) {
        .destaque2-home img, .destaque4-escola img {
            width: 100%;
            max-width: 350px;
            margin: auto;
        }

        .edital img {
            width: 32%;
            max-width: 280px;
            margin: auto;
            margin-bottom: 20px
        }

        .painel-estatistica-professor {
            background: #eef0f1;
            position: inherit;
            width: 100%;
            height: 70%;
            padding-bottom: 70px;
            overflow: hidden;
        }

        .painel-estatistica-escola2 {
            /*background: url(../../Images/painel-escola.png) no-repeat bottom left #fff;*/
            position: fixed;
            width: 100%;
            height: 74%;
            padding-bottom: 70px;
            overflow-y: scroll;
            overflow-x: none;
        }

        .painel-estatistica-escola {
            /*background: url(../../Images/painel-escola2.png) no-repeat top right #eef0f1;*/
            position: fixed;
            width: 100%;
            height: 70%;
            padding-bottom: 140px;
            overflow: scroll
        }
    }

    .ranking {
        background: url(../../../Images/ranking.png) no-repeat top center;
        width: 132px;
        height: 132px;
    }

    .ranking-fora {
        background: url(../../../Images/ranking-fora.png) no-repeat top center;
        width: 132px;
        height: 132px;
    }

    .ranking-dentro {
        background: url(../../../Images/ranking-dentro.png) no-repeat top center;
        width: 132px;
        height: 132px;
    }

    .ranking h1 {
        font-size: 40px;
        color: #078bcd;
        padding: 35px 0 0;
        margin: 0
    }

    .space-school {
        margin: 20px 0 120px 10px;
        padding: 0
    }

    .ranking-fora h1 {
        font-size: 40px;
        color: #4c4c4c;
        padding: 35px 0 0;
        margin: 0
    }

    .ranking p, .ranking-fora p {
        font-size: 16px !important;
        color: #4c4c4c;
        padding: 0;
    }

    .painel-estatistica h2 {
        font-size: 20px;
        color: #078bcd;
        /* padding: 10px 0;*/
        margin: 0
    }

    .painel-estatistica-professor h2 {
        font-size: 24px;
        color: #00c94e;
        padding: 10px 0;
        margin: 0
    }

    .painel-estatistica .col-lg-6 {
        margin-top: 20px;
        padding-left: 0;
    }

    .painel-estatistica-professor .col-lg-6 {
        margin-top: 20px;
        padding-left: 15px;
    }

        .painel-estatistica-professor .col-lg-6 .campo-professor {
            padding-left: 0;
        }

    .painel-estatistica-professor .col-lg-12 {
        margin-top: 20px;
        padding-right: 0;
    }

    .painel-estatistica-escola2 h2 {
        font-size: 24px;
        color: #c87d26;
        padding: 10px 0;
        margin: 0
    }

    .painel-estatistica-escola2 h3 {
        font-size: 18px;
        color: #c87d26;
        padding: 10px 0;
        margin: 0
    }

    .painel-estatistica h3 {
        font-size: 42px;
        color: #078bcd;
        padding: 10px 0;
        margin: 0
    }

    .painel-estatistica-professor h3 {
        font-size: 20px;
        color: #00c94e;
        padding: 0;
        margin: 0
    }

    .painel-estatistica-escola h3 {
        font-size: 20px;
        color: #c87d26;
        padding: 0;
        margin: 0
    }

    .painel-estatistica p, .realizados p, .painel-estatistica-professor p, .painel-estatistica-escola p {
        font-size: 14px;
        color: #4c4c4c;
        padding: 0;
    }

    .painel-estatistica-professor span {
        font-size: 14px !important;
        font-weight: bold;
    }

    .accordion2 span {
        font-size: 12px !important;
        margin: 0;
        padding: 0;
        /*text-decoration: underline;*/
        font-weight: 500;
    }

    .realizados-escola3 .media {
        margin: 0 5px 5px;
        border-radius: 50%;
        display: inline-block;
        height: 50px;
        width: 50px;
        background-color: #ee9a37;
        list-style: none;
        float: right;
        text-align: center;
        line-height: 1;
    }

    .accordion2 .media-escola {
        margin: 0 5px 5px;
        border-radius: 50%;
        display: inline-block;
        height: 50px;
        width: 50px;
        background-color: #ee9a37;
        list-style: none;
        float: right;
        text-align: center;
        line-height: 1;
    }

    .accordion2 .media {
        margin: 0 5px 5px;
        border-radius: 50%;
        display: inline-block;
        height: 50px;
        width: 50px;
        background-color: #00c94e;
        list-style: none;
        float: right;
        text-align: center;
        line-height: 1;
    }

        .accordion2 .media p, .accordion2 .media-escola p, .realizados-escola3 .media p {
            font-size: 14px;
            padding: 12px 0 0;
            margin: 0;
            color: #fff;
        }

        .accordion2 .media span, .realizados-escola3 .media span, .accordion2 .media-escola span {
            font-size: 10px !important;
            text-decoration: none;
            padding: 0px;
            margin: 0;
            color: #fff;
        }

    .accordion2 .mediatop {
        margin: 0 5px 5px;
        border-radius: 50%;
        display: inline-block;
        height: 50px;
        width: 50px;
        background-color: #fff;
        list-style: none;
        float: right;
        text-align: center;
        line-height: 1;
    }

        .accordion2 .mediatop p {
            font-size: 16px;
            padding: 8px 0 0;
            margin: 0;
            color: #4c4c4c;
        }

        .accordion2 .mediatop span {
            font-size: 10px !important;
            text-decoration: none;
            padding: 0px;
            margin: 0;
            color: #4c4c4c;
        }

    .accordion2 .totalrealizado {
        float: right;
        background: url(../../../Images/teste2.png) no-repeat left center;
        padding-left: 45px;
    }

    .accordion2 .totalrealizado-escola {
        float: right;
        background: url(../../../Images/teste3.png) no-repeat left center;
        padding-left: 45px;
        margin-right: 30px;
    }

    .accordion2 .totalrealizado-escola2 {
        float: right;
        background: url(../../../Images/simuladao2.png) no-repeat left center;
        padding-left: 45px;
        margin-right: 30px;
    }

    .accordion2 .totalrealizado-escola3 {
        float: right;
        background: url(../../../Images/simuladao.png) no-repeat left center;
        padding-left: 45px;
        margin-right: 30px;
    }

    .accordion2 .totalrealizadotop {
        float: right;
        padding-left: 45px;
    }

    .realizados {
        border-radius: 6px 0 0 6px;
        background: #fff;
        padding: 15px 10px;
        border: 1px solid #ccc;
    }

    .realizados-escola {
        border-radius: 6px;
        border: #a7a9ac solid 1px;
        padding: 15px 10px;
        height: 80px;
    }

    .realizados-escola2 {
        border-radius: 6px;
        border: #a7a9ac solid 1px;
        padding: 15px 10px;
        height: 80px;
    }

    .realizados-escola3 {
        border-radius: 6px;
        background: white;
        padding: 10px;
        height: 100%;
        min-height: 70px;
        width: 90%
    }

    .realizados-escola h1, .realizados-escola2 h1 {
        font-size: 24px;
        color: #bd7f3a;
        padding: 0;
        margin-top: 0;
    }

.resumo-desempenho {
    padding: 10px 20px;
    background: #e0e1e1;
    border-radius: 5px;
    margin-top: 20px;
    min-height: 60px;
    margin-left: 15px !important;
    padding: 10px !important;
    padding-bottom: 10px !important;
}

        .resumo-desempenho p {
            padding: 0;
            margin: 0;
        }

    .realizados-escola p, .realizados-escola2 p {
        font-size: 14px;
        color: #4c4c4c;
        padding: 0;
        margin-top: 0
    }

    .realizados h1 {
        font-size: 40px;
        color: #4c4c4c;
        padding: 0;
        margin-top: 0
    }

    .realizados img {
        float: right
    }

    .realizados-escola img {
        float: left;
        width: 60px;
        padding-right: 8px;
    }

    .realizados-escola2 img {
        float: left;
        padding-right: 10px;
        width: 50px;
    }

    .acessar {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg); /* Safari/Chrome */
        -moz-transform: rotate(-90deg); /* Firefox */
        -o-transform: rotate(-90deg); /* Opera */
        -ms-transform: rotate(-90deg);
        bottom: 0;
        left: 0;
        text-align: center;
        position: relative;
        bottom: -85px;
        color: #fff
    }

        .acessar a, .acessar :hover {
            color: #fff;
            text-decoration: none;
        }

    .estudante-acessar {
        height: 124px;
        background: #078bcd;
        border-radius: 0 6px 6px 0;
    }

    .campo-tema {
        margin-right: 0;
    }

    .campo-professor {
        margin-right: 0;
        padding: 0 2% 0 0;
        padding-left: 0 !important;
    }

    .equipe-home {
        display: inherit;
    }

    .numeros-fgv {
        width: 100%;
    }

    .prova-teste {
        margin-right: none
    }

    .tabela-simulado {
        width: 20%;
        float: left;
        padding: 1%;
    }

    @media (max-width: 1024px) {
        .equipe-home {
            display: none;
        }

        .numeros-fgv .col-lg-3 {
            width: 25%;
            float: left;
        }

            .numeros-fgv .col-lg-3 img {
                width: 100%;
            }

        .estudante-acessar {
            height: 35px;
            background: #078bcd;
            border-radius: 0 0 6px 6px;
            padding-top: 5px;
        }

        .professor-acessar {
            height: 30px;
            background: #ee9a37;
            border-radius: 0 0 6px 6px;
        }

        .campo-tema {
            margin-right: 0;
            padding-right0;
        }

        .campo-professor {
            margin-right: 0;
        }

        .prova-teste {
            margin-right: 0;
        }

        .professor-acessar {
            height: 30px !important;
            background: #ee9a37;
            border-radius: 0 0 6px 6px !important;
        }
    }

    @media (max-width: 768px) {
        .navbar-submenu-estudante {
            padding-left: 15px;
        }

        .painel-estatistica-professor .col-lg-6, .painel-estatistica .col-lg-6 {
            margin-top: 20px;
            padding: 0 0 0 15px;
        }

        .painel-estatistica-professor .col-lg-12 .col-lg-6 {
            padding-left: 0px;
        }

        .g-recaptcha {
            width: 100%
        }

        .painel-estatistica-professor .col-lg-12, .painel-estatistica .col-lg-4, .painel-estatistica .col-lg-7 {
            margin-top: 20px;
            padding: 0 0 0 15px;
        }

        .painel-estatistica .col-lg-6 .desempenho-aluno {
            padding: 0;
            margin: 0;
        }

        .col-lg-6 .desempenho-aluno h4 {
            padding-left: 0
        }

        .aba-escola a, .aba-desabilitada a, .aba-aluno a, .aba-professor a {
            font-size: 9px;
            float: left;
            border-radius: 0 0 6px 6px;
            border-right: 1px solid #ccc;
            color: #fff;
            padding: 6px 0 6px;
            width: 20%;
            height: 40px;
            line-height: 1.2em;
        }

        .tabela-simulado input {
            font-size: 10px;
        }

        .equipe-home {
            display: none;
        }

        .numeros-fgv .col-lg-3 {
            width: 50%;
            float: left;
            margin-bottom: 20px;
        }

            .numeros-fgv .col-lg-3 img {
                width: 100%;
                max-width: 244px;
            }

        .estudante-acessar {
            height: 35px;
            background: #078bcd;
            border-radius: 0 0 6px 6px;
            padding-top: 5px;
        }

        .professor-acessar {
            height: 30px !important;
            background: #ee9a37;
            border-radius: 0 0 6px 6px !important;
        }

        .campo-tema {
            margin-right: 0;
            padding: 0;
        }

        .campo-professor {
            margin-right: 0;
            padding-right: 0;
        }

        .prova-teste {
            margin-right: 0;
        }

        .nova-prova .row .col-lg-3 {
            padding: 0;
            margin-right: 0;
        }

        .slick-prev {
            padding-left: 10px;
            margin-right: 5px;
        }

        .painel-estatistica-escola2 .col-lg-6 .target-escola, .painel-estatistica-escola2 .col-lg-7 .target-escola {
            margin-top: 20px;
        }

        .barra-vertical_home-escola {
            border-left: none;
        }

        .space-school {
            margin: 20px 0;
        }

        .realizados-escola2 {
            margin-left: 15px;
        }

        .escola-acessar {
            margin-left: 15px;
            width: 95% !important;
        }
    }

    .slick-next {
        right: -10px;
    }

    .professor-acessar {
        height: 124px;
        background: #ee9a37;
        border-radius: 0 6px 6px 0;
    }

    .col-lg-6 .target-escola, .col-lg-7 .target-escola {
        margin-top: 20px;
        padding: 0;
    }

    .escola-acessar {
        background: #ee9a37;
        border-radius: 0 0px 6px 6px;
        width: 100%;
        height: 36px;
        text-align: center;
        line-height: 36px;
        color: #fff;
    }

        .escola-acessar a, .escola-acessar:hover {
            color: #fff;
            text-decoration: none !important
        }

    .nova-prova {
        border-radius: 6px;
        border: 1px solid #ccc;
        background: #fff;
        padding: 15px;
        height: auto;
        /*max-height: 395px;*/
        overflow-y: auto;
        margin-right: 10px;
        margin-bottom: 70px;
    }

    .turma-selecao {
        border-radius: 6px;
        border: 1px solid #ccc;
        background: #fff;
        padding: 15px;
        height: auto;
        overflow-y: auto;
        margin-right: 10px;
    }

    @media (max-width: 768px) {
        .nova-prova {
            margin-right: 0px;
            overflow-x: auto;
            padding: 10px 8px;
        }

        .turma-selecao {
            margin-right: 0px;
            overflow-x: auto;
            padding: 0;
        }

        .destaque-login, .destaque-senha, .destaque-atendimento {
            background: #e4e5e6;
            height: auto;
        }

            .destaque-login .col-xs-6, .destaque-senha .col-xs-6, .destaque-atendimento .col-xs-6 {
                width: 100%
            }

            .destaque-atendimento textarea {
                width: 100% !important
            }
    }

    .nova-prova img {
        float: left;
        margin-right: 10px;
    }

    .nova-prova span {
        font-size: 12px;
        color: #4c4c4c;
    }

    .provas {
        background: url(../../../Images/provas.png) no-repeat left top;
        width: 143px;
        height: 159px;
        margin: auto;
    }

        .provas h3 {
            color: #078bcd;
            font-size: 13px;
            margin: 0;
            padding-top: 20%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .provas h2 {
            color: #078bcd;
            font-size: 12px;
            margin: 0;
            padding-top: 35%;
            padding-left: 15px;
            padding-right: 15px;
        }

        .provas p {
            color: #4c4c4c;
            font-size: 11px;
            padding: 0 10px;
            margin: 0;
        }

            .provas a, .provas :hover, .provas:active, .provas h2 a, .provas h2 :hover, .provas h2 :active, .provas p a, .provas p :hover, .provas p :active {
                text-decoration: none !important;
            }

    .desc-prova p {
        color: #4c4c4c;
        font-size: 10px;
        padding: 0 10px;
        text-align: center;
        margin: auto;
    }

    .area-conhecimento {
        color: #078bcd;
        font-size: 12px;
        padding: 0 10px;
        text-align: center;
        margin: auto;
    }

    .desempenho-aluno h1 {
        color: #078bcd;
        font-size: 20px;
        margin: 0;
        padding: 10px 0;
    }

    .desempenho-aluno p {
        color: #4c4c4c;
        font-size: 12px;
        margin: 0;
        padding: 10px 0;
    }

    .melhor {
        color: #2d712d;
        font-weight: bold;
    }

    .pior {
        color: #bf1818;
        font-weight: bold;
    }

    .legenda-grafico p {
        font-size: 11px;
        color: #4c4c4c;
        padding: 0;
        margin: 0;
    }

    .voce {
        height: 10px;
        width: 10px;
        background: #545454;
        float: left;
        margin-right: 5px;
    }

    .demais {
        height: 10px;
        width: 10px;
        background: #078bcd;
        float: left;
        margin-right: 5px;
    }

    .nova-prova table {
        width: 100%;
        margin-top: 10px;
        border-radius: 6px;
        border: 1px solid #fff !important;
    }

    table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
        background: #94a2b2;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        text-align: center;
    }

    table.dataTable thead th, table.dataTable tfoot th {
        font-weight: normal;
    }

    .nova-prova th {
        background: #94a2b2;
        color: #fff;
        padding: 10px;
        font-weight: normal;
        text-align: center;
    }

    @media (max-width: 768px) {
        .nova-prova th {
            background: #94a2b2;
            color: #fff;
            padding: 5px 2px;
            font-weight: normal;
            text-align: center;
            font-size: 10px;
        }

        .nova-prova .ativo td {
            background: #e2e4e6;
            color: #4c4c4c;
            padding: 5px 2px;
            font-weight: normal;
            text-align: center;
            font-size: 10px;
        }

        .nova-prova td {
            background: #fff;
            color: #4c4c4c;
            padding: 5px 2px;
            font-weight: normal;
            text-align: center;
            font-size: 10px;
        }

            .nova-prova .ativo td img, .nova-prova td img {
                margin-left: 50% !important;
                color: #4c4c4c;
                cursor: pointer;
            }
    }

    .nova-prova .ativo td {
        background: #e2e4e6;
        color: #4c4c4c;
        padding: 5px 10px;
        font-weight: normal;
        text-align: center;
    }

        .nova-prova .ativo td img, .nova-prova td img {
            margin-left: 35%;
            color: #4c4c4c;
            cursor: pointer;
        }

    .nova-prova td {
        color: #4c4c4c;
        padding: 5px 10px;
        font-weight: normal;
        text-align: center;
    }

    @media only screen and (max-width: 800px) {
        .nova-prova td, .nova-prova .ativo td {
            text-align: right;
        }
    }

    /*! Classe que formata os botoes */
    .btn-professor-turma a, .btn-professor-aluno a, .btn-professor-teste a, .btn-professor-simuladao a,
    .btn-professor-turma-ativo a, .btn-professor-aluno-ativo a, .btn-professor-teste-ativo a, .btn-professor-simuladao-ativo a {
        border-radius: 6px;
        height: 40px;
        border: 1px solid #4c4c4c;
        padding: 0 60px 0 10px;
        line-height: 36px;
        margin: 0;
        float: left;
        margin-right: 8px;
    }

    .btn-escola-professor-ativo a, .btn-escola-professor a {
        border-radius: 6px;
        height: 40px;
        border: 1px solid #4c4c4c;
        padding: 0 40px 0 10px;
        line-height: 36px;
        margin: 0;
        float: left;
        margin-right: 8px;
        text-decoration: none;
    }

    .btn-escola-turma a, .btn-escola-aluno a, .btn-escola-teste a, .btn-escola-simuladao a,
    .btn-escola-turma-ativo a, .btn-escola-aluno-ativo a, .btn-escola-teste-ativo a, .btn-escola-simuladao-ativo a {
        border-radius: 6px;
        height: 40px;
        border: 1px solid #4c4c4c;
        padding: 0 60px 0 10px;
        line-height: 36px;
        margin: 0;
        float: left;
        margin-right: 8px;
    }

    .btn-professor-turma a {
        background: #fff url(../../../Images/estudantes.png) no-repeat right center;
        color: #4c4c4c;
        text-decoration: none;
    }

    .btn-escola-turma a {
        background: #fff url(../../../Images/estudantes.png) no-repeat right center;
        color: #4c4c4c;
        text-decoration: none;
    }

    .btn-professor-aluno a {
        background: #fff url(../../../Images/aluno.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-escola-aluno a {
        background: #fff url(../../../Images/aluno.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-professor-teste a {
        background: #fff url(../../../Images/testes1.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-professor-simuladao a {
        background: #fff url(../../../Images/simulado1.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-escola-teste a {
        background: #fff url(../../../Images/testes1.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-escola-simuladao a {
        background: #fff url(../../../Images/simulado1.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-professor-turma-ativo a {
        background: #00c94e url(../../../Images/estudantes-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-turma-ativo a {
        background: #ee9a37 url(../../../Images/estudantes2-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-professor-turma :hover, .btn-professor-turma-ativo :hover {
        background: #068e3b url(../../../Images/estudantes-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-turma :hover, .btn-escola-turma-ativo :hover {
        background: #ee9a37 url(../../../Images/estudantes2-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-professor-aluno-ativo a {
        background: #00c94e url(../../../Images/aluno-ativo.png) no-repeat right center;
        color: #fff;
    }

    .btn-escola-aluno-ativo a {
        background: #ee9a37 url(../../../Images/aluno2-ativo.png) no-repeat right center;
        color: #fff;
    }

    .btn-escola-professor a {
        background: #fff url(../../../Images/professor-btn.png) no-repeat right center;
        color: #4c4c4c;
    }

    .btn-escola-professor-ativo a {
        background: #ee9a37 url(../../../Images/professor-btn-ativo.png) no-repeat right center;
        color: #fff;
    }


    .btn-escola-professor :hover {
        background: #ee9a37 url(../../../Images/professor-btn-ativo.png) no-repeat right center;
        color: #fff;
    }

    @media (max-width: 598px) {
        .perfis {
            padding-right: 0 !important;
            font-size: 12px;
            margin-bottom: 20px;
        }
    }

    @media (max-width: 768px) {
        .modal-header .col-md-12 {
            width: 85%;
        }

        .modal-header .col-md-4, .modal-header .col-md-8, .modal-header .col-md-10 {
            width: 85%;
        }

        .modal-body .col-md-12 {
            padding-left: 0
        }

        .painel-estatistica-escola2 .col-lg-12 {
            margin: 0;
            padding: 0;
        }

            .painel-estatistica-escola2 .col-lg-12 h2, .painel-estatistica-escola2 .col-lg-12 h4 {
                padding-left: 15px;
            }

            .realizados-escola, .painel-estatistica-escola2 .col-lg-12 .professor-acessar, .realizados-escola3 {
                margin-left: 15px;
            }

            .painel-estatistica-escola2 .col-lg-12 .nova-prova {
                margin-left: 15px;
            }

        .painel-estatistica-escola2 .highcharts-container {
            padding-left: 15px !important;
            padding-right: 10px !important;
        }

        .btn-escola-turma-ativo a, .btn-escola-aluno-ativo a, .btn-professor-turma-ativo a, .btn-professor-aluno-ativo a, .btn-professor-teste-ativo a, .btn-professor-simuladao-ativo a, .btn-escola-teste-ativo a, .btn-escola-simuladao-ativo a, .btn-escola-professor-ativo a {
            background-image: none !important;
            color: #fff;
            text-decoration: none;
            padding-right: 8px
        }

            .btn-escola-turma-ativo:active, .btn-escola-aluno-ativo:active, .btn-professor-turma-ativo:active, .btn-professor-aluno-ativo:active, .btn-professor-teste-ativo:active, .btn-professor-simuladao-ativo a:active, .btn-escola-professor-ativo:active {
                background-image: none !important;
                color: #fff;
                text-decoration: none;
                padding-right: 8px
            }

        .btn-escola-aluno a, .btn-escola-teste a, .btn-escola-simuladao a, .btn-escola-turma a, .btn-professor-aluno a, .btn-professor-teste a, .btn-professor-turma a, .btn-escola-professor a {
            background-image: none;
            color: #4c4c4c;
            text-decoration: none;
            padding-right: 8px
        }

        .btn-escola-aluno:active, .btn-escola-teste:active, .btn-escola-simuladao:active, .btn-escola-turma:active, .btn-professor-aluno:active, .btn-professor-teste:active, .btn-professor-turma:active, .btn-escola-professor:active {
            background-image: none;
            color: #4c4c4c;
            text-decoration: none;
            padding-right: 10px
        }

        .btn-escola-professor :hover, .btn-professor-teste-ativo :hover, .btn-professor-simuladao-ativo :hover, .btn-professor-teste :hover, .btn-professor-aluno-ativo :hover, .btn-professor-aluno :hover, .btn-professor-turma :hover, .btn-professor-turma-ativo :hover {
            background: #068e3b;
            background-image: none !important;
            color: #fff;
            padding-right: 10px;
            text-decoration: none;
        }
    }

    .btn-professor-aluno-ativo :hover, .btn-professor-aluno :hover {
        background: #068e3b url(../../../Images/aluno-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-aluno-ativo :hover, .btn-escola-aluno :hover {
        background: #ee9a37 url(../../../Images/aluno2-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-professor-teste-ativo a {
        background: #00c94e url(../../../Images/testes1-ativo.png) no-repeat right center;
        color: #fff;
    }

    .btn-professor-simuladao-ativo a {
        background: #00c94e url(../../../Images/simuladao-prof.png) no-repeat right center;
        color: #fff;
    }

    .btn-escola-teste-ativo a {
        background: #ee9a37 url(../../../Images/teste4.png) no-repeat right center;
        color: #fff;
    }

    .btn-escola-simuladao-ativo a {
        background: #ee9a37 url(../../../Images/simulado2.png) no-repeat right center;
        color: #fff;
    }

    .btn-professor-teste-ativo:hover, .btn-professor-teste:hover {
        background: #068e3b url(../../../Images/testes1-ativo.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-professor:hover, .btn-escola-professor-ativo:hover {
        background: #068e3b url(../../../Images/professor-btn.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-teste-ativo :hover, .btn-escola-teste :hover {
        background: #ee9a37 url(../../../Images/teste4.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .btn-escola-simuladao-ativo :hover, .btn-escola-simuladao :hover {
        background: #ee9a37 url(../../../Images/simulado2.png) no-repeat right center;
        color: #fff;
        text-decoration: none;
    }

    .destaque-grafico {
        background: #fff;
        border-radius: 8px 8px 0 0;
        padding: 20px;
        margin: 95px 0 0 0;
        margin: 95px 0 0 0;
        margin-bottom: -20px;
        width: 100%
    }

    @media (max-width: 768px) {
        .destaque-grafico {
            width: 112%;
            padding: 5px;
            margin-left: -15px;
        }

        .highcharts-background {
            width: 100% !important;
        }

        .highcharts-plot-background {
            width: 90% !important;
        }
    }

    .footer-logado {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0px;
        line-height: 20px;
        background-color: #989898;
        color: #fff;
        z-index: 999999999999999;
    }

    .campo_check {
        background: url(../../../Images/seta-datas.png) no-repeat left center;
        text-align: right;
        padding-top: 20px !important;
        margin-top: 5px !important;
        margin-right: -28px;
    }

    @media (max-width: 800px) {

        .campo_check {
            background: url(../../../Images/seta-datas.png) no-repeat left center;
            text-align: right;
            padding-top: 20px !important;
            margin-top: 5px !important;
            margin-right: -5px;
        }
    }


    .destaque-frase {
        position: absolute;
        top: 25%;
        left: 25%;
        background: #fff;
        color: #4c4c4c;
        font-size: 18px;
        text-decoration: underline
    }

    @media (max-width: 1200px) {
        .destaque-frase {
            position: inherit;
            background: none;
            color: #4c4c4c;
            font-size: 18px;
            text-decoration: none;
        }
    }

    #dvTextoTermo {
        font-family: Arial;
        padding: 15px;
    }

    #fgv-lgpd {
        position: fixed;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        background-color: #f6f6f6;
        border: 1px #ddd solid;
        width: 100%;
        z-index: 9999999999;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        color: #212529;
    }

    .fgv-lgpd-text-container {
        width: 88%;
        padding-top: 10px;
    }

    .fgv-lgpd-button-container {
        float: right;
        display: flex;
        align-items: center;
        min-height: 44px;
        padding-top: 15px;
    }

    .fgv-lgpd-text-container {
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    .fgv-lgpd-button-container {
        width: 12%;
        justify-content: center;
    }

    .fgv-lgpd-text-container, .fgv-lgpd-button-container {
        float: left;
        display: flex;
        align-items: center;
        min-height: 44px;
    }

    #fgv-lgpd a.btn {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        border-radius: .25rem;
    }

        #fgv-lgpd a.btn:hover {
            color: #fff;
            background-color: #23272b;
            border-color: #1d2124;
        }

    .templateEstatisticaAluno {
        background-color: #e0e1e1;
        padding-left: 30px;
        padding-bottom: 20px;
    }

    @media (max-width: 641px) {
        .fgv-lgpd-button-container {
            width: 100%;
            justify-content: initial;
            padding-top: 0px;
            padding-bottom: 20px;
        }

        .fgv-lgpd-text-container, .fgv-lgpd-button-container {
            padding-left: 30px;
        }

        .btn-procurar {
            background: url(../../../Images/lupa-buscar.png) no-repeat right center #088bcd;
            color: #fff;
            padding-right: 35px;
            text-align: left;
        }

            .btn-procurar:hover {
                background: url(../../../Images/lupa-buscar.png) no-repeat right center #01366c;
                color: #fff;
                border-color: #204d74;
                -webkit-transition: 3s linear;
            }
    }

    #btnScroller:before {
        content: "\e093";
        font-family: 'Glyphicons Halflings';
        height: 35px;
        width: 35px;
        margin: 0;
        top: 0px;
        font-size: 1.5em;
        text-indent: 0;
        text-align: center;
        line-height: 1.7;
    }

    #btnScroller:hover {
        transition: all 0.7s;
        -webkit-transition: all 0.7s;
        -moz-transition: all 0.7s;
        -o-transition: all 0.7s;
        -ms-transition: all 0.7s;
    }

    #btnScroller {
        color: #f3f3f3;
        background: #5991FA;
        cursor: pointer;
        width: 40px;
        height: 40px;
        border-radius: 60px;
        overflow: hidden;
        border: 3px solid #5991FA;
        text-indent: 5px;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        bottom: 80px;
        box-shadow: 0 4px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.23);
        -moz-box-shadow: 0 4px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.23);
        -webkit-box-shadow: 0 4px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.23);
        -ms-box-shadow: 0 4px 6px rgba(0,0,0,.16),0 4px 6px rgba(0,0,0,.23);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }

    #btnvoltar1 {
        text-decoration: none;
    }

    .btnExportar {
        color: #fff;
        background: url(../../../Images/download-hover.png) no-repeat right center #545454;
        padding-right: 35px;
        text-align: left;
        width: 200px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .btnExportar:hover {
            color: #fff;
            background: url(../../../Images/download-hover.png) no-repeat right center #01366c;
            border-color: #204d74;
            -webkit-transition: 3s linear;
        }

    .notifyClass {
        position: absolute;
        background: url(../../../Images/icons.png) no-repeat;
        background-position: -42px -13px;
        content: "";
        width: 25px;
        height: 25px;
        right: 30px;
        cursor: pointer;
    }

    .notifyHeader {
        background-color: #078bcd;
        color: white;
    }

    .notifyClose {
        color: #FFF;
        font-size: 30px;
        opacity: 1;
    }

    .btn-primary-novoaluno {
        color: #4c4c4c;
        background: url(../../../Images/btn_cadastro.png) no-repeat left center #d3d4d5;
        padding-left: 45px;
        text-align: left;
        z-index: 999999999;
        font-size: 12px;
        line-height: 1.3333333;
        border-radius: 6px;
        padding-top: 8px;
        padding-bottom: 8px;
        margin-top: 10px;
        margin-left: 10%;
    }

    .btnVerSenha {
        float: right;
        position: relative;
        right: 10px;
        bottom: 28px;
    }

    .btnVerSenhaProfessor {
        float: right;
        position: relative;
        right: 15px;
        bottom: 30px;
    }

    .btnVerSenhaEscola {
        float: right;
        position: relative;
        right: 15px;
        bottom: 30px;
    }

    .lbTotalRec {
        font-weight: bold;
    }

    .dvPaging {
        float: right;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .alinharanking {
        float: right;
    }

    @media (max-width: 500px) {
        .aba-escola a, .aba-desabilitada a, .aba-aluno a, .aba-professor a {
            line-height: 1.2em;
        }

        .responsividade-estatistica-texto {
            font-size: 16px !important;
        }

        .div-6 {
            width: 50% !important;
        }

        .div-12 {
            width: 100% !important;
        }

        .div-float-left {
            float: left !important;
        }

        .div-float-right {
            float: right !important;
        }
    }

    .respostaEstatistica {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }

        .respostaEstatistica img {
            margin-left: 0% !important;
        }

    .alternativas {
        align-items: flex-start;
    }

    .flex {
        display: flex;
    }

    tr[data-toggle="collapse"] {
        cursor: pointer;
    }

    .hide_column {
        display: none;
    }

    .ativo {
        background: #e2e4e6;
        color: #4c4c4c;
        padding: 5px 10px;
        font-weight: normal;
        text-align: center;
    }

    .inativo {
        padding: 5px 10px;
        font-weight: normal;
        text-align: center;
    }

    .TextsInativos {
        border-color: rgba(118, 118, 118, 0.3);
        background-color: rgba(239, 239, 239, 0.3) !important;
    }

    .btn-CarregarMais {
        color: #fff;
        padding-right: 35px;
        text-align: left;
    }

    .icones-VideoAulas {
        width: 36px;
        height: 35px;
    }


@media (max-width: 768px) {
    .badge-aluno {
        margin-top: 10px !important;
        margin-left: 45px !important; 
    }
}

@media (max-width: 667px) {
    .badge-aluno {
        margin-left: 40px !important;
    }
}


@media (max-width: 430px) {
    .badge-aluno {
        margin-left: 15px !important;
    }
} 



.badge-aluno {
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    background-color: #d32e2e !important;
    border-radius: 10px;
    position: absolute;
    margin-top: 15px;
    margin-left: 33px;
    width: 20px;
    height: 20px;
    padding-top: 5px;
}


.has-error{
    color: red; 
}

.titulo-notificacao {
    font-size: 20px;
    color: #078bcd;    
    margin: 0;
}

.agenda-item {
    text-align: center;   
    padding: 2px;
    cursor:pointer;
}


.agenda-divisor {
    display: block;
    height: 1px;
    border: 0;
    border-top: 4px solid #088bcd !important;
    margin: 1em 0;
    padding: 0;
    margin-left: 50px;
    margin-right: 50px;
}

.agenda-info {
    font-style: italic;
    font-weight: 700;
    cursor: pointer;
}

.agenda-page-button {
    width: 32px;
    cursor: pointer;
    padding-top: 8px;
}


.back-button {
    height: 24px;
    cursor: pointer;
    padding-top: 1px;
    background: url(../../../Images/close-icon-gray.png) no-repeat right center;
}

#menu-header-title{
    font-size: 16px;
    font-weight: bold; 
}

.bloco-header {
    margin-bottom:70px;
    margin-top:100px;

}

.bloco-escola {
    width: 100%;
    background: #ee9a37;
    border-radius: 20px 20px 20px 20px;    
    margin-bottom: 10px;
    margin-left: 25px;
}

.bloco-escola h1 {

    font-size: 30px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: bold;
}

.bloco-escola p {
    color: #fff;
    font-size: 12px;
    padding: 0 18px 0 18px;
}

.bloco-escola-button {
    color: #ee9a37;
    background: url('../../../images/cadastro-hover.png') no-repeat right center #fff;
    border-radius: 0 0 20px 20px;
    width: 100%;
}



.bloco-professor {
    width: 100%;
    background: #00c94e;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 10px;
    margin-left: 15px;
}

.bloco-professor h1 {
    font-size: 30px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-weight: bold;
}

.bloco-professor p {
    color: #fff;
    font-size: 12px;
    padding: 0 18px 0 18px;
}

.bloco-professor-button {
    color: #00c94e;
    background: url('../../../images/cadastro-hover.png') no-repeat right center #fff;
    border-radius: 0 0 20px 20px;
    width: 100%;
}


.bloco-aluno {
    width: 100%;
    background: #078bcd;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 10px;
}

    .bloco-aluno h1 {
        font-size: 30px;
        margin-top: 10px;
        color: #fff;
        text-align: center;
        font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        font-weight: bold;
    }

    .bloco-aluno p {
        color: #fff;
        font-size: 12px;
        padding: 0 18px 0 18px;
    }

.bloco-aluno-button {
    color: #078bcd;
    background: url('../../../images/cadastro-hover.png') no-repeat right center #fff;
    border-radius: 0 0 20px 20px;
    width: 100%;
}

.bloco-section {
    padding-top: 90px !important;
}

#SubMenu {
    height: 45px;
}

#formHeader {
    margin-top: -25px;
}

#menu-header-title {    
    text-align: center;
}

@media (max-width: 990px) {
    .bloco-header {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .bloco-section {
        padding-top: 10px !important;
    }

    .bloco-aluno {
        margin-left:10px;
    }

    .bloco-professor {
        margin-left: 10px;
    }

    .bloco-escola {
        margin-left: 10px;
    }

    #menu-header-title 
    {
        font-size: 12px;
        text-align:center;
    }

    #SubMenu {
        height: 60px;
    }

    #formHeader {
        margin-top: 2px;
    }

    #RootBody_dvMenuNaoLogado span {
        display:none;
    }
}


#RootBody_dvMenuNaoLogado  {    
    padding-top: 7px;
}

#RootBody_dvMenuNaoLogado a {
    color: #16366c;
    font-weight: bold;  
    padding-right:0px!important;
}

#myDefaultNavbar1 {
    padding-bottom: 10px;
}

.navbar-default {
    background: none !important;
}

#RootBody_dvMenuNaoLogado{
    margin-right: 25px;
}

.img-like {
    cursor:pointer;
}

.text-area-feedback {
    font-size: 13px !important;
    padding: 5px;
    width:95%;
}

.professor-divisor {
    display: block;
    height: 1px;
    border: 0;
    border-top: 2px solid #545454 !important;
    margin: 1em 0;
    padding: 0;
}

.professor-anonimo-btn {
    width: 120px !important;
    text-align: center !important ;
    font-size: 14px !important;
    float:right !important;
}

.professor-anonimo-obj-digitais-titulo{
    padding-left: 0px !important;
    text-align:center !important; 
}


.lbRecurso{
    display:unset; 
}


@media (max-width: 1200px) {

    .bloco-objetos-digitais {
        height: 200px;
    }
}

.bloco-professor-button:hover {
    color: #16366c;
}

.bloco-escola-button:hover {
    color: #16366c;
}

.bloco-aluno-button:hover {
    color: #16366c;
}


.bloco-termos-uso {
    font-size: 11px;
    text-align:justify;
    height: 80px;
    overflow-y: scroll;
    border: solid 1px #afaeb4;
    margin-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bloco-termos-uso li{
    padding-top: 4px;
}