.header,
.card-curso .card-image{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.curso-content .row .col .pageContent {
    display: none; /* coloca todos como invisiveis inicialmente */
}

.curso-content .divider{
    margin-top: 40px;
    margin-bottom: 40px;
}


/*CardCurso*/
.card-curso{
    height: auto;
    border-radius: 8px;
}
.card-curso .card-image{
    height: 120px;
    border-radius: 8px 8px 0 0;
    width: 100%;
}
.card-curso .card-title{
    font-size: 15px;
    position: absolute;
    height: 50%;
    width: 100%;
    top: 0;
    line-height: 20px;
}
.card-curso .card-subtitle{
     font-weight: 400;
     color: #DCDCDC;
     position: absolute;
     left: 20px;
     top: 80px;
 }

.card-curso .mensalidade{
    font-weight: 400;
    font-size: 25px;
    color: #ffab00;
}

.card .card-image .card-title{
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    padding-top: 15px;
    padding-left: 15px;
}

.rgba{
    width: 100%;
    height: 100%;
    border-radius: 8px 8px 0 0;
}

/*Card Pós Graduação*/
.card-curso-pos{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    border-radius: 6px;
    height: 180px;
}
.card-curso-pos .card-image{
    width: 20%;
    height: 100%;
}

.card-curso-pos .number{
    font-size: 20px;
    color: #ffab00;
}

.card-curso-pos .card-title,
.card-curso-pos .card-subtitle{
    font-weight: 600;
}
.card-curso-pos .card-title {
    font-size: 15px;
}

/*Card curso pós: media queries*/
@media screen and (max-width: 990px){
    .card-curso-pos{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        border-radius: 6px;
        height: 150px;
    }
    .card-curso-pos .card-title {
        font-size: 11px;
        position: absolute;
        left: 15px;
        top: 10px;
    }
    .card-curso-pos .chip{
        margin-top: 30px;
        margin-left: -15px;
    }
    .card-curso-pos .mensalidade-pos{
        margin-left: -15px;
    }
    .card-curso-pos .card-image{
        width: 30%;
        height: 100%;
    }
}

/*Informações no card*/
.card-content .row .col{
    height: 40px;
    padding-top: 8px;
    font-weight: 600;
}
.card-content .row .col .number-curso {
    color: #004077;
    font-size: 15px;
    font-weight: 400;
}
/*Formatação do botão*/
.btn-conheca{
    margin-top: 20px;
    border-radius: 4px;
    box-shadow: none;
    height: 40px;
    padding-top: 2px;
    font-size: 14px;
    text-transform: none;
    background-color: #004077;
}
.btn-conheca:hover{
    color: #ffab00;
    background-color: #004077;
}

/*Conceito MEC*/

.conceito-mec{
    margin-left: 5px;
}

/*Texto Apresentação*/
.apresentacao-curso{
    text-align: justify;
}
.texto-apresentacao-curso{
    text-align: justify;
    line-height: 2.5rem;
    padding-right: 15px;
    padding-left: 5px;
    font-weight: 700;
    font-size: 16px;
}

/*Seção Ver Todos os Cursos*/
.conheca-cursos{
    padding-top: 40px;
    padding-bottom: 40px;
}
.conheca-cursos p{
   font-weight: 700;
    font-size: 16px;
}

/*Btn Ver Mais Cursos*/
.conheca-cursos .btn-ver-mais{
    padding: 15px;
    margin-top: 45px;
    text-align: center;
}
.conheca-cursos .btn-ver-mais .btn{
    box-shadow: none;
    background-color: #004077;
    text-transform: none;
    font-weight: 700;
}

/*Card curso pós: media queries*/
@media screen and (max-width: 990px){
    /*Seção Ver Todos os Cursos*/
    .conheca-cursos{
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0px;
    }
    .conheca-cursos p{
        font-weight: 700;
        font-size: 16px;
        padding-left: 18px;
    }

    /*Btn Ver Mais Cursos*/
    .conheca-cursos .btn-ver-mais{
        padding: 15px;
        margin-top: 10px;
        text-align: center;
    }
    .conheca-cursos .btn-ver-mais .btn{
        box-shadow: none;
        background-color: #004077;
        text-transform: none;
        font-weight: 700;
    }
}



/*Collapsible*/
.collapsible{
    border-top: none ;
    border-right: none;
    border-left: none;
}
.collapsible-area{
    margin-top: 20px;
}
.collapsible,
.collapsible-header,
.collapsible-body{
    border-radius: 6px;

}
.collapsible{
    box-shadow: none;
}
.collapsible-header{
    background-color: #004077;
    color: #DCDCDC;
}

/*Infomrações Gerais sobre o curso*/
.informacoes-gerais-curso{
    padding-top: 20px;
    text-align: justify;
    line-height: 2.5rem;
    padding-right: 15px;
    padding-left: 5px;
    font-weight: 700;
    font-size: 16px;
}
.informacoes-gerais-curso table{
    background-color: #f5f5f5;
    border-radius: 6px;
}
.informacoes-gerais-curso .table-option{
    font-size: 16px;
    font-weight: 600;
}
.informacoes-gerais-curso .number{
    color: #ffab00;
    font-size: 20px;
}

/*Novo*/
/*Valores Cursos*/
.valores-cursos-area{
    margin-top: 25px;
}
.valores-cursos-area .row .col .card{
    border-radius: 6px;
    box-shadow: none;
    background-color: #dcdcdc;
}
.valores-cursos-area .row .col .card .card-title{
    color: #696969;
    font-weight: 600;
    font-size: 20px;
}
.valores-cursos-area .row .col .card .card-content > p{
    color: #ffab00;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 40px;
}
.valores-cursos-area i{
    color: #9e9e9e;
    margin-bottom: 15px;
    margin-left: 15px;
}
.valores-cursos-area span{
    color: #9e9e9e;
    font-weight: 600;
    margin-bottom: 15px;
    margin-right: 15px;
}

/*Coordenação*/
.coordenacao-curso{
    border-radius: 8px;
}
.coordenacao-curso .card{
    box-shadow: none;
}
.coordenacao-curso .card .row{
    padding-top: 50px;
    padding-bottom: 50px;
}
.coordenacao-curso .card .row i{
    color: #ffab00;
    font-size: 25px;
}
.coordenacao-curso .card .row p{
    color: #696969;
    font-size: 18px;
    font-weight: 600;
}
.coordenacao-curso .row{
    background-color: #dcdcdc;
}

/*Conceito Curso*/
.conceito-curso i{
    color: #9e9e9e;
    margin-left: 15px;
}
.area-informacoes-curso .conceito-curso{
    background-color: #dcdcdc;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 8px;
    margin-top: 10px;
}
.area-informacoes-curso .conceito-curso .row .col > h2{
    font-size: 25px;
    font-weight: 600;
    color: #696969;
}
.area-informacoes-curso .conceito-curso .row .col .nota-mec-area {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: solid 2px #B8860B;
    background-image: linear-gradient(60deg, #DAA520, #d3d3d3, #DAA520);
    padding-top: 28px;
}
.area-informacoes-curso .conceito-curso .row .col .nota-mec-area > span{
    color: #B8860B;
    font-size: 30px;
    text-shadow: #ffab00;
}

@media screen and (max-width: 990px){
    /*Valores Cursos*/
    .valores-cursos-area .row .col .card{
        height: 160px;
    }
    .valores-cursos-area .row .col .card .card-title{
        font-size: 18px;
    }
    .valores-cursos-area .row .col .card .card-content > p{
        font-size: 20px;
        padding-top: 0px;
        padding-bottom: 55px;
    }
    .valores-cursos-area .aviso{
        margin-top: -60px;
    }
    .valores-cursos-area .aviso i{
        color: #9e9e9e;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    .valores-cursos-area .aviso span{
        color: #9e9e9e;
        font-weight: 600;
        margin-bottom: 15px;
        margin-right: 15px;
    }

    /*Coordenacao Curso*/
    /*Coordenação*/
    .coordenacao-curso{
        border-radius: 8px;
    }
    .coordenacao-curso .card{
        box-shadow: none;
    }
    .coordenacao-curso .card .row{
        padding-top: 10px;
        padding-bottom: 50px;
        margin-top: 15px;
    }
    .coordenacao-curso .card .row p{
        font-size: 16px;
    }
    .coordenacao-curso .row .col{
        margin-top: 40px;
    }

    /*Conceito Curso*/
    .conceito-curso i{
        color: #9e9e9e;
        margin-left: 15px;
    }
    .area-informacoes-curso .conceito-curso{
        background-color: #dcdcdc;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 8px;
        margin-top: 10px;
    }
    .area-informacoes-curso .conceito-curso .row .col > h2{
        font-size: 18px;
        font-weight: 600;
        color: #696969;
    }
    .area-informacoes-curso .conceito-curso .row .col .nota-mec-area {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: solid 2px #B8860B;
        background-image: linear-gradient(60deg, #DAA520, #d3d3d3, #DAA520);
        padding-top: 18px;
        margin-top: 15px;
    }
    .area-informacoes-curso .conceito-curso .row .col .nota-mec-area > span {
        color: #B8860B;
        font-size: 20px;
        text-shadow: #ffab00;
    }
}

/*Seção Matriz curricular*/
.matriz-curricular .collapsible-body{
    padding: 0px;
}
.matriz-curricular .collapsible-body .row{
    margin: 0;
}
.matriz-curricular .collapsible-body .row .col{
    border: solid 0.2px rgba(0,0,0,.2);
    background-color: #f5f5f5;
    height: 100px;
    text-align: center;
    padding-top: 35px;
    font-weight: 600;
}

/*Formulário Cadastro Extensão*/
 .btn-inscricao .btn{
     box-shadow: none;
     border-radius: 6px;
     text-transform: none;
     background-color: #9e9e9e;
}

/*Corpo Docente*/
/*Imagem Docente*/
.docente-area .row .col .card{
    background-color: #f5f5f5;
    box-shadow: none;
    border-radius: 6px;
    height: 250px;
}
.docente-area .img-docente{
    text-align: center;

}
.docente-area .img-docente img{
    width: 90px;
    height: 90px;
}
.docente-area .img-docente #coordenador{
    width: 90px;
    height: 90px;
    border-left: solid 1px #ffab00;
    border-top: solid 5px #ffab00;
    border-right: solid 1px #004077;
    border-bottom: solid 5px #004077;
}
.docente-area .nome-docente{
    font-size: 18px;
}

/*Btn Lattes*/
.btn-lattes .btn{
    text-transform: none;
    box-shadow: none;
    border-radius: 6px;
    background-color: #004077;
    color: #fff;
}


/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #000;
}