body {
    background-color: #eee;
    font-family: 'Raleway', sans-serif;
}

a {
    text-decoration: none;
}

ol,
ul {
    list-style: none;
}

* {
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    list-style: none;
    border: 0
}

/*Geral*/

.f14 {
    font-size: 14px;
}

.f18 {
    font-size: 18px;
}

.azul {
    color: #006cb5;
}

.azul-claro {
    color: #1aa3fe;
}

.border-azul {
    border: 1px solid #006cb5;
}

.linha-azul {
    border-top: 1px solid #006cb5;
}

.linha-escura {
    border-top: 1px solid #666;
}

.gray {
    color: #bcbcbc;
}

.titulo-azul {
    font-size: 20px;
    color: #006cb5;
    font-weight: 600;
}

.linked {
    cursor: pointer;
}






/*Topo*/

#topo {
    padding: 70px 0 44px 0;
}

.logo-prefeitura {
    display: block;
    margin-top: 25px;
}

#menu {
    background-color: #006cb5;
    margin: 13px 0 10px;
    border-bottom: 4px solid #cacad9;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    overflow: hidden;
}

#menu ul li {
    float: left;
   position: initial;
    display: inline-block;

}

#menu ul li a {
    color: #ffffff;
    font-size: 18px;
    display: block;
    padding: 6px 15px;

}

#menu ul li:hover{
    background-color: transparent;
}
#menu li a:hover {
    text-decoration: none;
}

/*Menu DROPDOWN*/

#menu li:hover .dropdown-content {
    display: block;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}

#menu .dropdown-content {
    display: none;
    position: absolute;
    background-color: #006cb5;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    z-index: 1000;
    top: 43px;
}

#menu .dropdown-content a{
    border-bottom: 1px solid #005893;
    font-weight: 500;
    padding: 10px 15px;
}

#menu .dropdown-item:focus, #menu .dropdown-item:hover{
    color: #3661B0;
    text-decoration: none;
    background-color: #fff;
}


.bg-smed {
    background-color: #006cb5;
}

#result {
    background-color: #005893;
    margin-bottom: 26px;
}

#result h1 {
    font-size: 60px;
    margin-bottom: 40px;
    color: #ffffff;
    font-weight: lighter;
    text-align: center;
    font-family: 'Raleway', sans-serif;
}

.campo-busca {
    margin: 0 auto;
    position: relative;
}

.campo-busca input {
    height: 76px;
    padding: 15px;
    background-color: #ffffff;
    border: none;
    position: relative;
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: bold;
    color: #666;
}

.campo-busca a {
    color: #005893;
}

#result ::placeholder {
    color: #ddd;
    font-size: 18px;
    font-weight: bold;
}

#result input[type="search"]:focus {
    outline: 0;
}

#result .form-control {
    border-radius: 0;
}

.lupa {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
}

/*conteudo*/

.fa-check-circle {
    color: green;
}

#content h2,
#result-search h2,
#digitacao-aluno h2,
#ficha-aluno h2,
#ficha-aluno-retorno h2 {
    font-size: 38px;
    font-weight: lighter;
    color: #006cb5;
}

#content .titulo-escola,
#digitacao-aluno .titulo-escola,
#ficha-aluno .titulo-escola {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.tabela-busca thead {
    background-color: #ddd;
}

.tabela-busca th,
.retorno-busca th {
    font-size: 16px;
    color: #666;
    font-weight: 500;
    text-align: center;

}

.tabela-busca th,
.tabela-busca td,
.retorno-busca th,
.retorno-busca td,
#tabela-aprendizagem-retorno td {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    color: #666666;
    font-size: 18px;
    font-weight: 500
}

#tabela-aprendizagem-retorno th,
#tabela-aprendizagem-retorno td {
    border-top: 1px solid #666;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    color: #666;
    font-size: 16px;

}

.retorno-busca th,
.retorno-busca td {
    border-top: none;
}

.retorno-busca tr.linked td:hover {
    text-decoration: underline;
    color: #006cb5;
}

.tabela-busca td:last-child,
.retorno-busca td:last-child,
#tabela-aprendizagem-retorno td:last-child {
    border-right: none;
}


#tabela-aprendizagem-retorno .form-check-input {
    margin-top: 6px;
    margin-left: -14px;
}


.tabela-busca .table-bordered {
    border: none;
    border-bottom: 1px solid #dee2e6;
}

ul.unidades-table,
ul.digitacao-table {
    display: inline;
    margin-left: 2.5rem;
}

#menu-automatico input[type="checkbox"] {
    margin: 5px 0;
}

#menu-automatico ul li,
#menu-automatico-mobile ul li {
    float: left;
    padding: 0 10px 0 0;
}



#menu-automatico ul li a {
    font-weight: bold;
    padding: 5px 5px 5px;
    vertical-align: text-bottom;
    font-size: 14px;
    text-decoration: none;
}

#menu-automatico ul li a:hover {
    text-decoration: none;
}

#menu-automatico .bgzinho {
    background-color: #1aa3fe;
    border-radius: 0;
    width: 20px;
    height: 20px;
}



.tabela-busca .unidades-table li,
.tabela-busca .digitacao-table li {
    padding-right: 30px;
    display: inline;

}

.tabela-busca .digitacao-table li {
    padding-right: 8px;
}

.tabela-busca .unidades-table li a {
    color: #666;
    font-size: 20px;
    text-decoration: none;
}

.tabela-busca .unidades-table li a.destaque-unidade {
    color: #006cb5;
    font-weight: bold;
    text-decoration: underline;
}

.tabela-busca .unidades-table li a.destaque-unidade:hover {
    color: #006cb5;
    text-decoration: underline;
}



.tabela-busca .unidades-table li a:hover {
    color: #006cb5;
    text-decoration: underline;
}

.tabela-busca .digitacao-table li i {
    color: #048c18;
}

#digitacao-aluno table a.table-underline,
.retorno-busca table a.table-underline {
    color: #666;
    font-weight: 400;
    margin: 0;
}

#digitacao-aluno table a.table-underline:hover,
.retorno-busca table a.table-underline:hover {
    color: #006cb5;
    font-weight: normal;
    margin: 0;
}

#digitacao-aluno .table-hover tbody tr:hover,
#digitacao-aluno .table-hover tbody tr td:hover {
    color: #006cb5;
    background-color: rgba(0, 0, 0, .075);
}


/*Ficha do ALuno*/


#menu-ficha ul li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
}


#menu-ficha ul li:last-child a {
    border-right: none;
}

#menu-ficha ul li a {
    color: #666666;
    font-size: 16px;
    text-decoration: none;
    padding: 0 30px;
    margin: 8px 0;
    border-right: 1px solid #e7e7e7;
    line-height: 40px;
    display: block;
}



#menu-ficha ul.nav li a:hover {
    color: #006cb5;
    text-decoration: none;
}

#menu-ficha ul.nav>div a.nav-item.nav-link:focus {
    color: #006cb5;
}


#menu-ficha .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #006cb5 !important;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

#menu-ficha .nav-tabs {
    border-bottom: 1px solid #666666;
}


.box-unidades {
    background-color: #dddddd;
    padding: 2rem;
    margin-bottom: 2rem;
}

.box-unidades-retorno {
    padding: 10px 0 0;
}

.box-unidades .form-group {
    margin: 0;
}

.box-unidades h4 {
    color: #0c9eff;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.box-unidades fieldset label {
    margin: 0;
}

.box-unidades .buttom-custom {
    color: #fff;
    background-color: #0d9eff;
    padding: 5px;
    font-size: 18px;
    border-radius: 0;
    border: none;
    width: 144px;
}

.box-unidades select {
    border-radius: 0;
    background-color: #fff;
}

.unidades-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

/*nivel de proeficiência*/
#menu-barra-proeficiencia li {
    margin-right: 2px;
}

.texto-proeficiencia {
    font-size: 13px;
    margin: 0;
}

#menu-barra-proeficiencia .bg-red-progress {
    background-color: #d93600;
    height: 38px;
    width: 150px;
}

#menu-barra-proeficiencia .red {
    color: #d93600;
}

#menu-barra-proeficiencia .bg-orange-progress {
    background-color: #ff5c26;
}

#menu-barra-proeficiencia .orange {
    color: #ff5c26;
}

#menu-barra-proeficiencia .bg-gray-progress {
    background-color: #cccccc;
}

#menu-barra-proeficiencia .gray {
    color: #cccccc;
}

/*Tabs Aprendizagem pagina retorno digitação aluno*/

#menu-legenda ul li {
    float: left;
    color: #006cb5;
    ;
    font-size: 13px;
    font-weight: 300;
}


#menu-legenda ul li span {
    padding: 0 10px 0 0;
}

/*Tabela da Tabs aprendizagem - Difgitação Aluno -Retorno após busca*/

#tabela-aprendizagem-retorno .table td:nth-child(1),
#tabela-aprendizagem-retorno .table th:nth-child(1) {
    border-top: 1px solid #666;
}

#tabela-aprendizagem-retorno .bg-tabela {
    background-color: #fff;
    border-radius: 0;
    border-bottom: 1px solid #bcbcbc;
    width: 60px;
    min-height: 40px;
    margin: 0 auto;
    text-align: center;
    color: #666;
    font-weight: bold;
}

.texto-tabela-digitacao-retorno p {
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;

}



/*Rodape*/

#footer {
    background-color: #004c66;
    padding: 40px 0 0;
}

#footer p {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
}

#footer span.texto-amarelo {
    color: #ffff00;
}

#footer a {
    text-decoration: underline;
}



/*Media queries*/
/*==========  Mobile First Method  ==========*/


@media (max-width : 320px) {

    /*Menu*/
    .bg-custom {
        background-color: #006cb5;
    }

    #result ::placeholder {
        color: #ddd;
        font-size: 18px;
        font-weight: bold;
    }

    #result h1 {
        font-size: 48px;
        margin-bottom: 16px;
        margin-top: 20px;
        color: #ffffff;
        font-weight: lighter;
        text-align: center;
    }



    #content .titulo-escola {
        text-align: center;
    }

    .tabela-busca .unidades-table li,
    .tabela-busca .digitacao-table li {
        padding: 0;
    }

    ul.unidades-table,
    ul.digitacao-table {
        display: inline-block;
    }

    #result-search .titulo-azul {
        text-align: center;
    }

    /*Ficha do Aluno*/
    .unidades-info {
        margin: 0 auto;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
    }

    .box-unidades h4 {
        margin: 0;
        text-align: center;
    }

    .box-unidades p {
        text-align: center;
    }

    .box-unidades .form-group {
        margin-bottom: 1rem;
    }

    .box-unidades .buttom-custom {
        margin: 0 auto;
        width: 100%;
        margin-top: 0.5rem;
    }

    #menu-barra-proeficiencia li {
        margin-right: 2px;
        padding: 0px 15px;
        width: 100%;
        margin-bottom: 15px;
    }

    #menu-barra-proeficiencia .bg-red-progress {
        width: auto;
    }

    #menu-automatico-mobile .bgzinho {
        background-color: #1aa3fe;
        border-radius: 0;
    }

    #menu-legenda ul li {

        text-align: center;
        float: inherit;
    }


    #menu-automatico-mobile ul li {
        float: left;
        padding: 0 10px 10px 0;
    }

    #menu-automatico-mobile ul li a {
        font-weight: bold;
        padding: 13px;
        vertical-align: text-bottom;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
    }

    .nome-ficha-aluno {
        text-align: center;
    }

    .unidadeDisciplina {
        text-align: center;
    }

    .nome-escola,
    .nome-gre,
    .nome-serie {
        text-align: center;
    }

    /*Mobile ficha aluno retorno da pesquisa*/

    #ficha-aluno-retorno .tabela-responsiva-model h2 {
        color: #666;
        font-size: 18px;
        font-weight: bold
    }

    .tabela-responsiva-model .form-check-input {
        position: absolute;
        margin-top: .4rem;
        left: 20px;
    }

    .col-unidades-mobile ul li {
        float: left;
    }

    .col-unidades-mobile ul li .bg-tabela {
        background-color: #fff;
        width: 120px;
        min-height: 72px;
        border-radius: 0;
        color: #666666;
        border-bottom: 1px solid #cacad9;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
    }

    .col-unidades-mobile ul li div {
        border-right: 1px solid #e7e7e7;
        margin: 0;
        padding: 0 12px;
    }

    .col-unidades-mobile ul li:last-child div {
        border: none;
    }
}



/* Extra Small Devices, Phones */
@media (max-width : 576px) {

    .bg-custom {
        background-color: #006cb5;
    }

    #result ::placeholder {
        color: #ddd;
        font-size: 18px;
        font-weight: bold;
    }

    #result h1 {
        font-size: 48px;
        margin-bottom: 16px;
        margin-top: 20px;
        color: #ffffff;
        font-weight: lighter;
        text-align: center;
    }

    #content .titulo-escola {
        text-align: center;
    }

    .tabela-busca .unidades-table li,
    .tabela-busca .digitacao-table li {
        padding: 0;
    }

    ul.unidades-table,
    ul.digitacao-table {
        display: inline-block;
        margin: 0;
    }

    #result-search .titulo-azul {
        text-align: center;
    }

    /*Ficha do Aluno*/

    .unidades-info {
        margin: 0 auto;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        display: block;
    }

    .box-unidades h4 {
        margin: 0;
        text-align: center;
    }

    .box-unidades p {
        text-align: center;
    }

    .box-unidades .buttom-custom {
        margin: 0 auto;
        width: 100%;
        margin-top: 0.5rem;
    }


    .box-unidades .form-group {
        margin-bottom: 1rem;
    }

    #menu-barra-proeficiencia li {
        margin-right: 2px;
        padding: 0px 15px;
        width: 100%;
        margin-bottom: 15px;
    }


    #menu-barra-proeficiencia .bg-red-progress {
        width: auto;
    }

    #menu-legenda ul li {
        text-align: center;
        float: inherit;
    }

    #menu-automatico-mobile .bgzinho {
        background-color: #1aa3fe;
        border-radius: 0;
    }

    #menu-automatico-mobile ul li {
        float: left;
        padding: 0 10px 10px 0;
    }

    #menu-automatico-mobile ul li a {
        font-weight: bold;
        padding: 13px;
        vertical-align: text-bottom;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
    }

    .nome-ficha-aluno {
        text-align: center;
    }

    .unidadeDisciplina {
        text-align: center;
    }

    .nome-escola,
    .nome-gre,
    .nome-serie {
        text-align: center;
    }

    #ficha-aluno-retorno .tabela-responsiva-model h2 {
        color: #666;
        font-size: 18px;
        font-weight: bold
    }

    .tabela-responsiva-model .form-check-input {
        position: absolute;
        margin-top: .4rem;
        left: 20px;
    }

    .col-unidades-mobile ul li {
        float: left;
    }

    .col-unidades-mobile ul li .bg-tabela {
        background-color: #fff;
        width: 120px;
        min-height: 72px;
        border-radius: 0;
        color: #666666;
        border-bottom: 1px solid #cacad9;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
    }

    .col-unidades-mobile ul li div {
        border-right: 1px solid #e7e7e7;
        margin: 0;
        padding: 0 12px;
    }

    .col-unidades-mobile ul li:last-child div {
        border: none;
    }

    .col-unidades-mobile ul li input[type=text]:disabled {
        background: #dddddd
    }

}

/* Small Devices, Tablets */
@media (max-width : 768px) {

    .bg-custom {
        background-color: #006cb5;
    }

    #result ::placeholder {
        color: #ddd;
        font-size: 18px;
        font-weight: bold;
    }

    #result h1 {
        font-size: 48px;
        margin-bottom: 16px;
        margin-top: 20px;
        color: #ffffff;
        font-weight: lighter;
        text-align: center;
    }

    #content .titulo-escola {
        text-align: center;
    }

    .tabela-busca .unidades-table li,
    .tabela-busca .digitacao-table li {
        padding: 0;
    }

    ul.unidades-table,
    ul.digitacao-table {
        display: inline-block;
        margin: 0;
    }

    #result-search .titulo-azul {
        text-align: center;
    }

    /*Ficha do Aluno*/

    .unidades-info {
        margin: 0 auto;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        display: block;
    }

    .box-unidades h4 {
        margin: 0;
        text-align: center;
    }

    .box-unidades p {
        text-align: center;
    }

    .box-unidades .buttom-custom {
        margin: 0 auto;
        width: 100%;
        margin-top: 0.5rem;
    }

    .box-unidades .form-group {
        margin-bottom: 1rem;
    }


    #menu-barra-proeficiencia li {
        margin-right: 2px;
        padding: 0px 15px;
        width: 100%;
        margin-bottom: 15px;
    }


    #menu-barra-proeficiencia .bg-red-progress {
        width: auto;
    }

    #menu-legenda ul li {

        text-align: center;
        float: inherit;
    }

    #menu-automatico-mobile .bgzinho {
        background-color: #1aa3fe;
        border-radius: 0;
    }

    #menu-automatico-mobile ul li {
        float: left;
        padding: 0 10px 10px 0;
    }

    #menu-automatico-mobile ul li a {
        font-weight: bold;
        padding: 13px;
        vertical-align: text-bottom;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
    }

    .nome-ficha-aluno {
        text-align: center;
    }

    .unidadeDisciplina {
        text-align: center;
    }

    .nome-escola,
    .nome-gre,
    .nome-serie {
        text-align: center;
    }

    #ficha-aluno-retorno .tabela-responsiva-model h2 {
        color: #666;
        font-size: 18px;
        font-weight: bold
    }

    .tabela-responsiva-model .form-check-input {
        position: absolute;
        margin-top: .3rem;
        left: 0;
    }

    .col-unidades-mobile ul li {
        float: left;
    }

    .col-unidades-mobile ul li .bg-tabela {
        background-color: #fff;
        width: 120px;
        min-height: 72px;
        border-radius: 0;
        color: #666666;
        border-bottom: 1px solid #cacad9;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
    }

    .col-unidades-mobile ul li div {
        border-right: 1px solid #e7e7e7;
        margin: 0;
        padding: 0 12px;
    }

    .col-unidades-mobile ul li:last-child div {
        border: none;
    }
    .col-unidades-mobile ul li input[type=text]:disabled {
        background: #dddddd
    }

}

/* Medium Devices, Desktops */
@media (max-width : 992px) {

    .bg-custom {
        background-color: #006cb5;
    }

    #result ::placeholder {
        color: #ddd;
        font-size: 14px;
        font-weight: bold;
    }

    #result h1 {
        font-size: 42px;
        margin-bottom: 16px;
        margin-top: 20px;
        color: #ffffff;
        font-weight: lighter;
        text-align: center;
    }

    #content .titulo-escola {
        text-align: center;
    }


    .tabela-busca .unidades-table li,
    .tabela-busca .digitacao-table li {
        padding: 0;
    }

    ul.unidades-table,
    ul.digitacao-table {
        display: inline-block;
        margin: 0;
    }

    #result-search .titulo-azul {
        text-align: center;
    }

    /*Ficha do Aluno*/

    .unidades-info {
        margin: 0 auto;
        -webkit-box-align: center;
        align-items: center;
        text-align: center;
        display: block;
    }

    .box-unidades h4 {
        margin: 0;
        text-align: center;
    }

    .box-unidades p {
        text-align: center;
    }

    .box-unidades .buttom-custom {
        margin: 0 auto;
        width: 100%;
        margin-top: 0.5rem;
    }

    .box-unidades .form-group {
        margin-bottom: 1rem;
    }


    #menu-legenda ul li {

        text-align: center;
    }

    #menu-automatico-mobile .bgzinho {
        background-color: #1aa3fe;
        border-radius: 0;
    }

    #menu-automatico-mobile ul li {
        float: left;
        padding: 0 10px 10px 0;
    }

    #menu-automatico-mobile ul li a {
        font-weight: bold;
        padding: 13px;
        vertical-align: text-bottom;
        font-size: 18px;
        text-decoration: none;
        text-align: center;
    }

    .nome-ficha-aluno {
        text-align: center;
    }

    .unidadeDisciplina {
        text-align: center;
    }

    .nome-escola,
    .nome-gre,
    .nome-serie {
        text-align: center;
    }

    #ficha-aluno-retorno .tabela-responsiva-model h2 {
        color: #666;
        font-size: 18px;
        font-weight: bold
    }

    .tabela-responsiva-model .form-check-input {
        position: absolute;
        margin-top: .4rem;
        left: 20px;
    }

    .col-unidades-mobile ul li {
        float: left;
    }

    .col-unidades-mobile ul li .bg-tabela {
        background-color: #fff;
        width: 120px;
        min-height: 72px;
        border-radius: 0;
        color: #666666;
        border-bottom: 1px solid #cacad9;
        margin: 0 auto;
        text-align: center;
        font-weight: bold;
    }

    .col-unidades-mobile ul li div {
        border-right: 1px solid #e7e7e7;
        margin: 0;
        padding: 0 12px;
    }

    .col-unidades-mobile ul li:last-child div {
        border: none;
    }

    .col-unidades-mobile ul li input[type=text]:disabled {
        background: #dddddd
    }
}

/* Large Devices, Wide Screens */
@media (max-width : 1200px) {}