:root {
    --light-navy: #FF39B7;
    --light-teal: #FF6F61;
    --white-navy: #fff;
    --black-navy: #000;
    --battleship-grey: #687582;
    --orangey-red: #66BDFF;
    --warm-grey: #9c9c9c;
    --grey-grey: #595959;
    --black-blue: #19212A;
    --grey-black: #707070;
    --blue-black: #434D59;
    --black-blue: #7C8591;
    --grey-white: #FAFAFA;
    --body-grey: #F6F6F6;
    --invertido-red: rgba(255, 157, 148, .2);
    --blue-curso: #1094AB;
    --pink-english: #EC008C;
    --black-ios: #434D59;
    --red-ceert: #0734A7;
    --black-ceert: #474747;
    --green-ceert: #03B5AA;
    --grey-ceert: #AFB8C2;
    --borda-check: #DCDCDC;
}

body {
    font-family: 'Raleway', sans-serif !important;
}

body {
    color: var(--black-ios) !important;
    background-color: var(--body-grey) !important;
}

body .margin-left {
    margin-left: 90px;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

body h1,
p {
    color: var(--white-navy);
}

body h1 {
    font-weight: 600;
}

body h2 {
    font-size: 20px;
    font-weight: 500;
}

body h3 {
    font-size: 18px;
    margin-bottom: 0px;
}

body h4 {
    font-size: 16px;
}

body h5 {
    font-size: 14px;
    margin-bottom: 0px;
}

body h6 {
    font-size: 14px;
    margin-bottom: 0px;
}

body p {
    font-size: 18px;
}


.box-shadow {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
}

.border-radius {
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}

body ul li {
    list-style: none;
    display: inline-block;
}


body ul {
    padding: 0px;
    margin: 0px;
}

.flex {
    display: flex;
}

.margin-30-b {
    margin-bottom: 30px;
}

.margin-20-t {
    margin-top: 20px;
}

/* -------------------------------
  //--- MENU LATERAL --- //
------------------------------- */

#mySidenav ul a li {
    padding: 0px;
}

#overlay-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    z-index: 3;
    opacity: .7;
    display: none;
}

#cima-nav-index {
    position: relative;
    z-index: 1;
    /*background-color: var(--red-ceert);*/
    text-align: left;
}

#cima-nav-index img {
    width: 188px;
    padding: 20px;
}


#cima-nav {
    position: relative;
    z-index: 2;
    background-image: linear-gradient(45deg, var(--red-ceert), var(--light-navy));
    text-align: right;
}

.titulo-home-nav{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

#baixo-nav {
    position: relative;
    z-index: 1;
    background-color: var(--white-navy);
}


#baixo-nav img {
    width: 147px;
    padding: 20px 0px;
}

#baixo-nav .top-nav {
    display: flex;
    align-items: center;
}

#cima-nav .top-nav i {
    color: var(--white-navy);
    font-size: 16px;
    padding: 15px 15px;
    cursor: pointer;
}

#baixo-nav .top-nav i {
    color: var(--black-ios);
    font-size: 16px;
    padding-right: 30px;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

#baixo-nav .top-nav ul li i {
    padding-right: 10px;
}

#baixo-nav ul li {
    padding: 30px;
}

.baixo-manu {
    width: 100%;
}

.baixo-manu div {
    float: right;
}

.baixo-manu h4 {
    color: var(--black-ceert);
    margin: 0px;
}

.menu-baixo-ativado {
    background-color: var(--grey-white);
    border-bottom: 2px solid var(--red-ceert);
}

.baixo-manu li:hover {
    border-bottom: 2px solid var(--red-ceert);
}

/* The side navigation menu */
.sidenav {
    height: 100%;
    /* 100% Full-height */
    width: 0;
    /* 0 width - change this with JavaScript */
    position: fixed;
    /* Stay in place */
    z-index: 4;
    /* Stay on top */
    top: 0;
    /* Stay at the top */
    left: 0;
    background-color: var(--white-navy);
    /* Black*/
    overflow-x: hidden;
    /* Disable horizontal scroll */
    padding-top: 60px;
    /* Place content 60px from the top */
    transition: 0.5s;
    /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    color: var(--red-ceert);
    display: block;
    transition: 0.3s;
    margin: 10px 0px;

}

.sidenav .menu-baixo-ativado {
    border: none;
    color: var(--red-ceert);
}

.sidenav a.desativado {
    background: #0000000a;
    border-left: 2px solid #00000029;
}

.sidenav .desativado li {
    background: none;
    border: none;
}

.sidenav .desativado li:hover {
    border: none;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: var(--red-ceert);
    text-decoration: none;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidenav ul {
    list-style: none;
}

.sidenav ul li {
    color: rgba(0, 0, 0, .3);
    background: none;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

.corpo {
    transition: all 0.3s;
    background-color: var(--body-grey);
}

/* -------------------------------
  //--- IMAGEM DE FUNDO E CAMADA --- //
------------------------------- */

.corpo-bg-img,
.corpo-bg-overlay,
.corpo-bg-overlay:before {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.corpo-bg-overlay:before {
    content: "";
    background-image: linear-gradient(45deg, var(--red-ceert), var(--light-navy));
    opacity: .84;
}

.corpo-bg-img {
    background-image: url(/img/corpo-bg-img.jpg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;

}

/* -------------------------------
  //--- LADO ESQUERDO --- //
------------------------------- */

.icone-voltar {
    display: flex;
    margin-bottom: 60px;
    margin-top: 30px;
    color: var(--white-navy);
}

.icone-voltar h4 {
    padding-left: 10px;
}

.conteudo-principal {
    max-width: 750px;
    margin: 0 auto;
    text-align: left;
    padding: 0px 25px;
}

.conteudo-principal p {
    margin-top: 30px;
}

.centralizar-texto {
    display: flex;
    align-items: center;
}

/* -------------------------------
  //--- LADO DIREITO --- //
------------------------------- */

.formulario-flex{
    background: var(--white-navy);
    padding: 50px;
    border-radius: 5px;
}

.bloco-formulario.login-bloco{
    background-color: transparent;
}

.bloco-formulario {
    background-color: var(--white-navy);
    min-height: calc(100vh - 89px);
    display: flex;
    align-items: center;
    padding: 30px;
}

/* -------------------------------
  //--- TITULO FORMULARIO --- //
------------------------------- */

.logo-formulario {
    width: 140px;
    margin-bottom: 60px;
}


.formulario-titulo h2 {
    color: var(--black-blue);
    margin-bottom: 30px;
}

/* -------------------------------
  //--- FORMULARIO --- //
------------------------------- */

.formulario {
    padding: 0px 0px 0px 0px;
    margin: 0 auto;
}

.formulario-flex {
    margin: 0 auto;
}

.form-group {
    padding-left: 20px;
    padding-right: 10px;
    display: flex;
    align-items: center;
}

.form-group img {
    padding-right: 20px;
}

::placeholder {
    color: black;
    opacity: .3;
}

input[type=text],
input[type=password],
input[type=email] {
    border: none;
    padding: 10px 20px 10px 0px;
    height: auto;
    display: block;
    font-size: 20px;
    color: var(--battleship-grey);
    line-height: 24px;
    margin: 0 auto;
    width: 100%;
    background-color: transparent;
    border-bottom: solid 1px #c2c2c2;
    border-radius: 0px;
}

input[type=submit] {
    color: var(--white-navy);
    padding: 20px 10px;
    text-transform: uppercase;
    width: 100%;
    font-weight: 600;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    background: linear-gradient(to right, #062984 50%, var(--red-ceert) 50%);
    background-position: right bottom;
    background-size: 200% 100%;
    transition: all .3s ease;
}

input[type=submit]:hover{
    background-position: bottom left;
}

.esqueceu-senha {
    text-align: left;
    display: flex;
    margin-top: 10px;
}


.formulario p {
    color: var(--grey-grey);
    margin-top: 10px;
}

/* -------------------------------
  //--- BOTÃO --- //
------------------------------- */

.btn-entrar {
    margin-top: 30px;
}

/* -------------------------------
  //--- LINKS --- //
------------------------------- */

.formulario span a {
    color: var(--orangey-red);
    font-weight: 400;
    font-size: 18px;
}


.formulario p a {
    font-weight: 600;
    color: var(--orangey-red);
}

body a:hover {
    text-decoration: none;
}

body a {
    color: var(--black-ios);
}

body a:hover {
    color: var(--black-ios);
}

body .link-download a{
    color: #007bff
}

/* -------------------------------
  //--- ESQUECEU A SENHA --- //
------------------------------- */

.formulario .instrucoes-esqueceu-senha {
    color: var(--warm-grey);
}

/* ------------------------------------------
  //--- ESCOLHA ENTRE ARTIGO E PESQUISA --- //
-------------------------------------------- */

/* LADO ESQUERDO */

.bloco-escolha.artigo {
    background-image: url(/img/Grupo%20de%20m%C3%A1scara%205.png);
    background-size: cover;
}

.artigo-flex {
    margin: 0 auto;
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 25px;
}

.artigo-flex img {
    margin-bottom: 30px;
}

.artigo-descricao p {
    color: var(--white-navy);
    margin-top: 60px;
    margin-bottom: 60px;
}

/* LADO DIREITO */

.bloco-escolha {
    background-color: var(--white-navy);
    min-height: calc(100vh - 109px);
    border-top-left-radius: 50px;
    display: flex;
    align-items: center;
    padding: 30px;
}

.bloco-escolha.pesquisa {
    border-top-left-radius: 0px;
    background-image: url(/img/Grupo%20de%20m%C3%A1scara%204.png);
    background-size: cover;
}

.pesquisa-flex {
    margin: 0 auto;
    max-width: 550px;
    margin: 0 auto;
    text-align: center;
    padding: 0px 25px;
}

.pesquisa-flex img {
    margin-bottom: 30px;
}

.pesquisa-titulo h1 {
    color: var(--red-ceert);
}

.pesquisa-descricao p {
    color: var(--warm-grey);
    margin-top: 60px;
    margin-bottom: 60px;
}

/* ------------------------------
  //--- TEMPLATE FORMULARIO --- //
-------------------------------- */

.bloco-escolha.template {
    background-color: var(--white-navy);
    min-height: calc(100vh - 109px);
    border-top-left-radius: 50px;
    padding: 30px;
    display: block;
}

.template-tamanho {
    max-width: none;
}

.template form {
    text-align: left;
}

/* -------------------------------
  //--- DASHBOARD --- //
------------------------------- */

.tabela-anexos{
    text-align: left;
}

.bloco-dados {
    transition: all .2s;
    background-color: var(--white-navy);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 30px;
}

.bloco-dados:hover {
    box-shadow: 5px 12px 20px rgba(36, 37, 38, 0.13);
}

.invertido {
    background-color: transparent;
    /*background-color: var(--red-ceert);*/
}

body .invertido h1,
.invertido h2,
.invertido h3,
.invertido h4,
.invertido h5 {
    color: var(--grey-ceert);
    /*color: var(--white-navy);*/
}

.invertido .bloco-detalhes {
    background-color: transparent;
}

.questionario .bloco-altura {
    min-height: 180px;
}

.bloco-interno {
    padding: 10px;
}

.titulo-geral {
    text-align: center;
    padding: 30px 0px;
}

.titulo-geral h1 {
    color: var(--blue-black);
    font-weight: 500;
}

.titulo-geral h4 {
    color: var(--blue-black);
}

.dados {
    display: inline-flex;
    align-items: baseline;
}

.bloco-dados h1 {
    color: var(--red-ceert);
    font-weight: 400;
}

.titulo-dados {
    font-weight: 600;
    color: var(--grey-black);
}

.dado-detalhe {
    font-weight: 400;
    color: var(--blue-black);

}

.dado-legenda {
    font-weight: 400;
    color: var(--black-blue);

}

.link-detalhes {
    font-weight: 300;
    color: var(--black-blue);
}

.bloco-detalhes {
    background-color: var(--grey-white);
    padding: 10px 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.lista-cursos {
    text-align: left;
}

.lista-cursos .curso {
    padding: 20px;
    color: var(--white-navy);
}

.lista-cursos .curso.usp {
    background-color: var(--blue-curso);
}

.lista-cursos .curso.english {
    background-color: var(--pink-english);
}

.lista-cursos .curso.ios {
    background-color: var(--black-ios);
}

.lista-cursos .curso.ceert {
    background-color: var(--red-ceert);
}

.lista-cursos .curso h3 i {
    float: right;
    color: var(--white-navy);
}

/* -------------------------------
  //--- TABELA --- //
------------------------------- */

table {
    width: 100%;
    background-color: var(--white-navy);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

table th,
table td {
    padding: 15px 15px;
    border-bottom: 1px var(--body-grey) solid;
    color: var(--grey-black);
}

table img {
    padding-right: 20px
}

tr td:last-child {
    text-align: right;
}

tr th:last-child {
    text-align: right;
}

.colapso-unico th,
.colapso-unico td {
    padding: 15px 0px;
}

.tabela-titulo {
    background-color: var(--grey-white);
    padding: 10px;
    color: var(--grey-black);
    overflow: auto;
}

.tabela-titulo ul {
    white-space: nowrap;
    display: inline-block;
}

.tabela-titulo .nav-tabs .nav-link.active {
    border: 1px solid var(--borda-check);
    border-radius: .25rem;
    background-color: var(--white-navy);
}

.tabela-titulo .nav-tabs .nav-link:hover {
    border: 1px solid var(--borda-check);
    border-radius: .25rem;
}

.tabela-titulo .nav-tabs {
    border: none;
}

/* -------------------------------
  //--- CHECKBOX STYLE --- //
------------------------------- */

/* The container */
.container2 {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0%;
    left: 0%;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    background-color: var(--white-navy);
    border: 1px solid var(--borda-check);
    transition: all .3s;
}

/* On mouse-over, add a grey background color */
.container2:hover input ~ .checkmark {
    /*background-color: var(--white-navy);
    border: 1px solid var(--borda-check);*/
}

/* When the checkbox is checked, add a blue background */
.container2 input:checked ~ .checkmark {
    background-color: var(--red-ceert);
    border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container2 input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container2 .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bloco-dados.questionario.perguntas .container2 .checkmark {
    border: 2px solid var(--red-ceert);
}

body input:disabled, body select:disabled, body input[type=checkbox]:disabled, body input[type=email]:disabled, body input[type=radio]:disabled, body input[type=password]:disabled, body input[type=button]:disabled {
    background-color: var(--borda-check);
}

/* -------------------------------
  //--- RADIO STYLE --- //
------------------------------- */

/* Customize the label (the container) */
.opcao .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.opcao .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom radio button */
.opcao .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--white-navy);
    border: 2px solid var(--red-ceert);
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.opcao .container:hover input ~ .checkmark {
    background-color: var(--white-navy);
    border: 2px solid var(--red-ceert);
}

/* When the radio button is checked, add a blue background */
.opcao .container input:checked ~ .checkmark {
    background-color: var(--red-ceert);
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.opcao .checkmark:after {
    content: "";
    position: absolute;
    display: none;

}

/* Show the indicator (dot/circle) when checked */
.opcao .container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.opcao .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.opcao .container2 .checkmark {
    border: 2px solid var(--red-ceert);
}

.opcao .container2 .checkmark {
    border: 2px solid var(--red-ceert);
}

/* -------------------------------
  //--- PERFIL --- //
------------------------------- */

/* BOTAO VOLTAR */

.voltar-perfil {
    margin: 30px 0px;
}

.voltar-perfil h5 {
    display: inline-block;
}

.voltar-perfil i {
    padding-right: 10px;
}

.voltar-perfil a {
    color: var(--black-ios);
}

/* BLOCO FOTO */

.perfil-informacoes {
    text-align: left;
    margin-left: 20px;
}

.perfil-informacoes h2 {
    font-weight: 600;
}

.perfil-informacoes i {
    color: var(--red-ceert);
}

.perfil-informacoes h4 {
    display: inline-block;
}

.perfil-estado {
    color: var(--red-ceert);
    font-weight: 600;
    margin-top: 30px;
}

.informacoes-pessoais {
    text-align: left;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px var(--body-grey) solid;
}

.informacoes-pessoais h2 {
    font-weight: 600;
}

.informacoes-pessoais h4 {
    padding-bottom: 10px;
    padding: 0px;
}

.informacoes-adicionais {
    text-align: left;
    padding: 10px 0px 10px 0px;
}

.informacoes-adicionais h2 {
    font-weight: 600;
}

.informacoes-adicionais h4 {
    padding-bottom: 10px;
    padding: 0px;
}

.img-corte{
    margin: 0 auto;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

/* -------------------------------
  //--- NOTIFICAÇÃO --- //
------------------------------- */

.notificacao {
    position: relative;
    z-index: 1;
}

.notificacao span {
    color: white;
    position: absolute;
    font-weight: 700;
    font-size: 8px;
    bottom: 10px;
    left: 20px;
    background-color: var(--red-ceert);
    border-radius: 50%;
    padding: 2px;
    width: 16px;
    text-align: center;
}

.notificacao-fora {
    display: none;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 25px;
    right: 0;
    background-color: white;
    border-radius: 10px;
    min-width: 350px;
    padding: 15px;
}

.notificacao-cont {
    height: 300px;
    overflow-y: scroll;
}

.notificacao-cont h6 {
    font-weight: 600;
}


.notificacao-cont h4 {
    font-weight: 400;
    margin-top: 5px;
}

.notificacao-cont a {
    font-size: 12px;
    padding: 5px;
    border-radius: 5px;
    background-color: var(--red-ceert);
    color: white;
    border: 1px solid var(--red-ceert);
    transition: all .2s;

}

.notificacao-cont a:hover {
    font-size: 12px;
    padding: 5px;
    color: white;
    border-radius: 5px;
    background-color: #0e42ca;
    border: 1px solid var(--red-ceert);

}


.notificacao-msg {
    text-align: left;
    background-color: #F6F6F6;
    padding: 10px;
    margin-top: 10px;
    border-radius: 10px;
}

.notificacao-zero {
    margin-top: 30px;
    text-align: center;
}

/* -------------------------------
  //--- LISTA PERFIL --- //
------------------------------- */

.menu-colapso {
    background: transparent;
}

.menu-colapso .botao-colapso {
    color: #444;
    background-color: transparent;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.colapso-unico {
    background-color: var(--white-navy);
    border-radius: 10px;
    margin-bottom: 10px;
}

.botao-colapso i {
    float: right;
    color: var(--red-ceert);
}

.colapso-busca {
    padding: 0 18px;
    background-color: var(--white-navy);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.menu-colapso h4 {
    margin: 0px;
    font-weight: 600;
    display: inline-block;
}

body .lista-selecione {
    padding: 20px;
    background-color: var(--white-navy);
    display: inline-block;
    width: auto;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    margin-right: 10px;
}

.lista-botao {
    padding: 20px;
    margin: 0px;
    border: none;
    border-radius: 10px;
    background-color: var(--green-ceert);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    color: white;
    cursor: pointer;
}

.lista-botao.tab-ver{
    padding: 10px;
    background: var(--red-ceert);
}

.lista-botao.tab-ver i, .lista-botao.tab-del i{
    color: white;
}

.lista-botao.tab-del{
    padding: 10px;
    background: #E74C3C;
}



.presenca {
    margin: 20px 0;
}

.presenca-sim {
    color: var(--green-ceert);
}

.presenca-nao {
    color: var(--red-ceert);
}


/* ------------------------------
   //--- GERAL ---//
---------------------------------*/

.corpo .titulo-geral h2 {
    display: inline;
    padding-left: 10px;
}

/* -------------------------------
  //--- CURSO INTERNO --- //
------------------------------- */

.curso-ceert {
    background-color: var(--red-ceert);
    color: white;
}

.width-5 {
    width: 50%;
}

.width-10 {
    width: 100%;
}

.curso-interno-titulo h3 {
    margin-top: 20px;
}

.escolha-tipo .nav-pills .nav-link {
    border-radius: 10px;
    color: var(--grey-ceert);
    padding: 20px 20px;
    background-color: white;
    margin: 20px 5px;
}

.flex-horizontaol-center {
    justify-content: center;
}

.escolha-tipo .nav-pills .nav-link h5 {
    margin-bottom: 0px;
    font-weight: 600;
}

.escolha-tipo .nav-pills .nav-link.active {
    background-color: white;
    color: var(--black-ios);
}

.escolha-estado .nav-pills .nav-link {
    border-radius: 0px;
    color: rgba(255, 255, 255, 0.5);
    padding: 20px 0px;
}

.escolha-estado .nav-pills .nav-link h4 {
    margin-bottom: 0px;
    font-weight: 500;
}

.escolha-estado .nav-pills .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
}

.ano-unico .ano {
    font-size: 40px;
    font-weight: 600;
    color: var(--black-ios);
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 0px;
}

.ano-centro {
    text-align: center;
}

.mes-unico .mes {
    font-size: 24px;
    color: var(--black-ios);
    font-weight: 600;
}

/* -------------------------------
  //--- MODAL --- //
------------------------------- */

#demoModal h4,
#demoModal-nota h4 {
    display: block;

}

body .modal-dialog {
    max-width: 440px;
}

.modal-dialog .container2 input:checked ~ .checkmark,
.modal-dialog .checkmark {
    cursor: default;
    border: 2px solid var(--red-ceert);
    background: transparent;
}

.modal-dialog .opcoes-dentro {
    cursor: default;
}

.modal-dialog .checkmark {
    transform: translate(0, -25%);
}

.modal-dialog .opcoes-dentro input {
    max-width: 358px;
    margin-right: 0px;
}

.modal-escolha {
    padding: 20px;
}

/* .modal-escolha div {
    display: inline-block;
}*/

.modal-escolha div .flex {
    display: flex;
}

.select-size input {
    display: none;
}

.modal-content label {
    display: inline-block;
    /*width: 70px;
    height: 66px;*/
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    /*box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);*/
    margin-right: 10px;
    line-height: 66px;
}

#sim:checked ~ label[for="sim"],
#nao:checked ~ label[for="nao"] {
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    margin-right: 10px;
    background-color: var(--red-ceert);
    color: var(--white-navy);
}

.select-size:nth-child(5) {
    background-color: blue;
}

.observacoes-texto {
    width: 100%;
}

.observacoes-texto textarea,
.texto-opcao textarea {
    padding: 20px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    margin-right: 10px;
    width: 100%;
    border-radius: 10px;
}

.parte-cima input[type=text] {
    padding: 20px;
    border: none;
    border-radius: 10px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    margin-right: 10px;
    width: 70px;
}

.parte-cima {}

/* -------------------------------
  //--- DASHBOARD ALUNO --- //
------------------------------- */

.bloco-interno.video {
    padding: 0px;
}

.dados i {
    font-size: 35px;
    padding: 30px 0px;
    color: var(--light-teal);
}

.lista-tabela i{
    padding: 0px;
    font-size: 14px;
}

.invertido-bg{
    background-image: linear-gradient(45deg, var(--red-ceert), #7d36ae);
}

.invertido-bg h4, .invertido-bg i, .invertido-bg .link-detalhes{
    color: var(--white-navy);
}

.invertido-bg .bloco-detalhes{
    background-color: rgba(0,0,0,.2);
}


.dados.invertido i {
    color: var(--grey-ceert);
    /*color: var(--white-navy);*/
}

.linha-do-tempo {
    height: 303px;
    overflow-y: scroll;
}

.linha-bloco {
    background-color: #F6F6F6;
    padding: 10px;
    margin: 10px;
    border-radius: 10px;
}

.linha-bloco h5 {
    font-weight: 700;
}

.linha-bloco span {
    display: block;
}

/* -------------------------------
  //--- BIBLIOTECA --- //
------------------------------- */

.tabela-corpo i {
    text-align: center;
    font-size: 20px;
    margin-right: 20px;
    color: var(--light-teal);
}

.biblioteca .tabela-corpo button,
.forum-geral .tabela-corpo button,
.curso-online .tabela-corpo button {
    width: 105px;
    border-radius: 10px;
    background-color: var(--green-ceert);
    border: none;
    color: white;
    padding: 10px 0px;
    cursor: pointer;
    font-size: 14px;
}

.biblioteca-filtro,
.biblioteca-novo,
.curso-online-filtro {
    display: inline-block;
}

.biblioteca-novo {
    float: left;
}

.modal-content .lista-selecione,
.perfil-aluno .lista-selecione {
    width: 100%;
}


/* -------------------------------
  //--- FORUM --- //
------------------------------- */

.ultima-resposta {
    display: inline-block;
    margin-right: 10px;
}

.forum.dir p {
    font-size: 16px;
    color: var(--black-ios);
}

.ultima-resposta h6 {
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: 600;
}

.ultima-resposta h5,
.forum.dir .sobre h5 {
    font-size: 10px;
}

.forum-img {
    display: inline-block;
    float: right;
}

.forum-img img {
    height: 30px;
}

.forum.informacoes-uteis h4:first-child,
.forum.dir .sobre h4 {
    font-weight: 600;
}

.topico-bloco {
    padding: 20px;
}

.topico-bloco.principal,
.topico-bloco.secundario {
    background-color: white;
}

.forum.esq {
    text-align: center;
}

.forum .foto img {
    height: 60px;
}

.forum .curtida i {
    margin: 30px 0px 0px 0px;
    color: var(--borda-check);
    cursor: pointer;
}

.forum.dir .sobre {
    margin-bottom: 10px;
}

.forum.dir .sobre h4 {
    margin-bottom: 5px;
}

.forum.dir .sobre i {
    float: right;
    font-size: 14px;
    margin: 0px;
}

.principal .sobre div {
    float: inherit;
}

.secundario .sobre div:first-child {
    display: inline-block;
}

.secundario .sobre div:last-child {
    float: right;
}

.secundario .sobre div:last-child i {
    cursor: pointer;
}

.curtiu {
    color: var(--green-ceert) !important;
}

.educacao {
    color: #E85AAE;
}

.educacao-bg {
    background: #E85AAE;
    padding: 2px;
}

.juventude {
    color: #4FACFE;
}

.juventude-bg {
    background: #4FACFE;
    padding: 2px;
}

.diversidade {
    color: #37DCAA;
}

.diversidade-bg {
    background: #37DCAA;
    padding: 2px;
}

.duvidas {
    color: var(--red-ceert);
}

.duvidas-bg {
    background: #37DCAA;
    padding: 2px;
}

/* -------------------------------
  //--- QUESTIONARIO --- //
------------------------------- */

.editar-titulo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
}

.editar-titulo i {
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    color: var(--light-teal);
    font-size: 24px;
    margin: 10px 10px 0px 0px;
}

.bloco-dados.questionario:hover .editar-titulo i,
.linha-bloco:hover i {
    opacity: 1;
    visibility: inherit;
}

.questionario {
    position: relative;
}

.questionario-btn {
    float: right;
}

.ovr-amr {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #f6d365bf;

}

.encerr {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #DCDCDC;
    opacity: 0.6;
}

/* -------------------------------
  //--- QUESTIONARIO - PERGUNTAS --- //
------------------------------- */
.bloco-dados.questionario.perguntas {
    margin: 0px;
}

.questionario.perguntas .bloco-interno {
    padding: 20px;
}

.bloco-dados.questionario.perguntas .dados i {
    margin: 0px;
    padding: 0px 0px 20px 0px;
}

.bloco-dados.questionario.perguntas h4 {
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

.questionario.perguntas .bloco-interno h2 {
    margin-bottom: 20px;
}

.bloco-dados.questionario.perguntas .titulo input[type=text],
.bloco-dados.questionario.perguntas .titulo input[type="date"],
.bloco-dados.questionario.perguntas .titulo select,
.bloco-dados.questionario.perguntas .titulo input[type='file'] {
    width: 100%;
}

.bloco-dados.questionario.perguntas .opcoes,
.bloco-dados.questionario.perguntas .opcao {
    text-align: left;
}

.bloco-dados.questionario.perguntas .opcoes h3 {
    display: inline-block;
}

.bloco-dados.questionario.perguntas .container2 {
    display: inline-block;
}



.opcoes-dentro {
    margin: 10px 0px;
}

.opcoes-dentro.feito:first-child {
    margin-top: 10px;
}

.opcoes-dentro.feito {
    margin: 10px 0px;
}

.opcoes-dentro.feito:last-child {
    margin-bottom: 10px;
}

.multipla:hover,
.texto:hover,
.opcao:hover {
    cursor: pointer;
}

/* -------------------------------
  //--- CURSO ONLINE --- //
------------------------------- */

.topico-bloco.curso-online-pd {
    padding: 0px;
}

.online.dir {
    padding: 30px 30px 30px 0px;
}

.curso-dados {
    display: inline;
}

.curso-dados .aulas {
    float: left;
}

.curso-btn {
    margin-bottom: 20px;
    margin-top: 20px;
}

.sobre.curso-titulo h3 {
    font-weight: 600;
    margin-bottom: 10px;
}

.curso-dados .aulas {
    margin-right: 20px;
}

.curso-dados .aulas span,
.curso-dados .duracao span {
    font-weight: 600;
    color: var(--red-ceert);
}

/*Barra de progresso*/

body .progress-bar,
body .progress {
    overflow: visible;
}

.progress-bar span {
    color: black;
}


.corpo .tabela-corpo .comecar {
    background-color: transparent;
    border: 1px solid var(--red-ceert);
    color: var(--red-ceert);
}


.tabela-corpo {
    background-color: var(--white-navy);
}


/* -------------------------------
  //--- LINHA DO TEMPO --- //
------------------------------- */

.linha-do-tempo.dentro {
    height: auto;
    overflow-y: inherit;
}

.linha-do-tempo-novo {
    margin: 15px 0px;
}

#linha-do-tempo .titulo-geral {
    display: inline-block;
}

.linha-do-tempo-novo {
    float: right;
}

.linha-esq div img,
.linha-esq {
    text-align: center;
    padding: 0px;
}

/* -------------------------------
  //--- CURSO ONLINE --- //
------------------------------- */

.desativado {
    cursor: default;
}

.desativado li {
    background-color: #0000000a;
    border-bottom: 2px solid #0000000a;
}

.desativado li:hover {
    border-bottom: 2px solid #0000000a;
}

.desativado h4 {
    color: #00000040;
}

.curso-menu-lateral h4 {
    color: var(--red-ceert);
    margin-top: 10px;
}

.curso-menu-lateral ul li {
    display: block;
    margin-left: 10px;
    padding: 10px 0px;
    border-bottom: 1px solid #F6F6F6;
}

.curso-menu-lateral button {
    background-color: transparent;
    border: none;
}

.curso-menu-lateral .nav-tabs .nav-link {
    border: none;
    border-top-left-radius: 0rem;
    border-top-right-radius: 0rem;
}

.curso-menu-lateral .nav-tabs .nav-link.active:first-child,
.nav-tabs .nav-item.show .nav-link {
    border-right: 1px solid #F6F6F6;
    border-color: #F6F6F6;
}

.curso-menu-lateral .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: white;
}


.curso-menu-lateral .nav-tabs .nav-link,
.nav-tabs .nav-item.show .nav-link {
    background-color: #FAFAFA;
    color: #DCDCDC;
}


.bloco-interno.video.text-center {
    height: 500px;
}


.curso-menu-lateral.anexos i {
    float: right;
    color: var(--red-ceert);
}

/* -------------------------------
  //--- RESTIRAR BG AZUL DO AUTOCOMPLETE DO GOOGLE --- //
------------------------------- */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}


input:-webkit-autofill {
    -webkit-text-fill-color: var(--battleship-grey) !important;
}

body .form-control:focus {
    background-color: transparent;
}

/* -------------------------------
  //--- PERFIL ALUNO --- //
------------------------------- */

.perfil-imagem {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 20px;
}

.perfil-aluno .parte-cima h4 {
    text-align: left;
}

/* -------------------------------
  //--- RESPONSIVO --- //
------------------------------- */

@media (max-width: 576px) {

    .conteudo-principal p {
        display: none;
    }

    .conteudo-principal h1 {
        margin-bottom: 30px;
    }

    body .margin-left {
        margin-left: 15px;
    }

    body .notificacao-fora {
        right: -50;
        min-width: 275px;
    }

    .formulario-flex{
        padding: 15px;
    }

    .form-group{
        padding-left: 0px;
    }

}

@media (max-width: 768px) {

    .coluna-2,
    .coluna-3,
    .coluna-5 {
        display: none;
    }

    table tr td,
    table tr th {
        padding: 15px 10px;
    }

    .baixo-manu ul {
        display: none;
    }


}

@media (max-width: 992px) {

    body #baixo-nav ul li {
        padding: 30px 8px;
    }

    .bloco-interno.video.text-center {
        height: 350px;
    }

    .baixo-manu h4 {
        font-size: 14px;
    }

    .bloco-dados.questionario .editar-titulo i,
    .linha-bloco i {
        opacity: 1;
        visibility: inherit;
    }


}

@media (max-width: 1200px) {

    .flex {
        display: block;
    }

    .perfil-informacoes {
        text-align: center;
        margin-left: 0px;
        margin-top: 10px;
    }

    #baixo-nav ul li {
        padding: 30px 15px;
    }

    .perfil-imagem {
        display: inline-block;
        margin-right: 0px;
    }

}