@import 'utils.css';
@import 'contrast.css';
@import './recursos/imagem-interativa/imagem-interativa-print.css';

body{
  background: white;
  color: #000 !important;
  text-shadow: none !important;
  box-shadow: none !important;
  -webkit-filter: none !important;
          filter: none !important;
  padding: 0px;
  margin: 0px;
}

.logo-capa-pdf, img.z-depth-1,
.objetivos.card-panel,
.destaque.card-panel{
  box-shadow: initial;
}

/* Tirando dependencia de JS */
.objetivos {
  /* TODO: quando usar o SASS .lighten-5 ~extends~ */
  background-color: #eceff1 !important;
}

.conteudo{
  margin: auto;
  width: 100%;
}

.divider,
.conteudo .divider{
  margin: initial;
  width: 100% !important;
}

/* Capa */
.capa-pdf{
  background: white;
}
/* -- */

.CodeMirror{
  white-space: nowrap;
  page-break-inside: avoid;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
  
}

.print {
  display: block !important;
}
picture {
  max-width: 100%;
  position: relative;
}
picture img {
  margin: auto;
  width: auto;
  text-align: center;
}
.pequena img{
  width: auto !important;
}
.codigoPequeno{
  font-size: 10px !important;
}

aside {
  display: block;
  page-break-before: always;
}
.conteudo{
  padding: 0 1.5rem !important;
  margin-bottom: 20px;
  background-color: #fff;
  height: auto;
  position: relative;
  width: 100% !important;
  /*z-index: 10;*/
}

.conteudo h3 {
  font-size: 160%;
  padding: 17px 0px;
  margin-bottom: 10px;
}

.conteudo.z-depth-1{
  box-shadow: initial;
}

.wrap,
.container,
.conteudo {
  width: 100%;
  margin: 0;
  padding: 0;
  float: none !important;
}
.logo{
  width: 11.25rem !important;
  height: 50px !important;
  background: url("../imgs/metropole_logo_azul_ufrn.svg") no-repeat !important;
}
body {
  font: 12pt Georgia, "Times New Roman", Times, serif;
  color: #000;
}
h1 {
  font-size: 24pt;
}
h2 {
  font-size: 18pt;
}
h3 {
  font-size: 14pt;
}
.conteudo .italico{
  font-style: italic;
}
.strong{
  font-weight: bold;
}
.conteudo .riscado{
  text-decoration: line-through;
}
.conteudo .sublinhado{
  text-decoration: underline;
}
a,
a:visited {
  text-decoration: underline;
}
a:link:after,
a:visited:after {
  content: " (" attr(href) ") ";
}
a:after,
a[href^="javascript:"]:after,
.noLink a{
  content: "" !important;  
}
p a {
  word-wrap: break-word;
}
p {
  widows: 3;
}
p {
  orphans: 3;
}
.page-break{
  page-break-before: always !important; 
}
iframe {
  display: none;
}
iframe:after {
  content: " (" attr(src) ") ";
}
iframe[src^="javascript:"]:after,
iframe[src^="#"]:after {
  content: "";
}
.video{
  border: solid 1px #000;
}

/* New */
.container{
  max-width: initial !important;
}

.include.card-panel.video-container,
.strong.text-center{
  height: 50px !important;
  color: #ff0000 !important;
  text-align: center;
}

.destaque.card-panel{
  border: 1px solid #000 !important;
}


/* Capa PDF */
.capa-pdf{
  /* height: 950px; */
  text-align: center;
}

.logo-capa-pdf{
  height: 340px;
}

.capa-conteudo-informativo{
  height: 450px;
}

.rodape-capa-pdf{
  height: 100px;
}

.logo-capa-pdf img{
  width: 500px;
  margin: 20px 0px 220px;
}

.capa-pdf h1{
  font-size: 40px;
  margin:0px 0px;
}

.capa-pdf .aula-nome{
  font-size: 30px;
}

.capa-pdf .capa-conteudo-informativo p{
  margin: 0px 0px 0px 0px;
}

.rodape-capa-pdf .rodape {
  margin-top: initial;
}

@media print {
    span.emoji_assustado{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/emoticons/emoji_assustado.png);
    }

    span.emoji_palmas{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/emoticons/emoji_palmas.jpg);
    }

    span.emoji_piscando{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/emoticons/emoji_piscando.png);
    }

    span.emoji_sorridente{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/emoticons/emoji_sorridente.png);
    }

    /* Icons titles */
    .apresentacao-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/apresentacao-icon.svg);
    }

    .objetivos-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/objetivos-icon.svg);
    }

    .autoavaliacao-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/autoavaliacao-icon.svg);
    }

    .saiba-mais-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/saiba-mais-icon.svg);
    }

    .atividade-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/atividade-icon.svg);
    }

    .atividade-forum-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/atividade-forum-icon.svg);
    }

    .atividade-interativa-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/atividade-interativa-icon.svg);
    }

    .atencao-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/atencao-icon.svg);
    }

    .leitura-complementar-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/leitura-complementar-icon.svg);
    }

    .resumo-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/resumo-icon.svg);
    }

    .referencias-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/referencias-icon.svg);
    }

    .curiosidade-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/curiosidade-icon.svg);
    }

    .glossario-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/glossario-icon.svg);
    }

    .autoavaliacao-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/autoavaliacao-icon.svg);
    }

    .midiateca-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/midiateca-icon.svg);
    }

    .ficadica-icon{
        content:url(https://materiais.imd.ufrn.br/materialV2/assets/imagens/icons/ficadica-icon.png);
    }
}

/* Tirando dependencia do JS  */
.tooltipped:after {
  content: "(" attr(data-tooltip) ")" !important;
  margin-left: 5px;
  color: #000;
  text-decoration: underline;
}
.collapsible .collapsible-body {
  display: block !important;
}
.card-tabs {
  display: none;
}
.card-content div{
  margin-top: 1em;
  display: block !important;
}
.include.card-panel.video-container {
  box-shadow: none;
}
.include.card-panel.video-container:before{
  content: "Conteúdo interativo, acesse o Material Didático.";
  font-weight: 700;
}

.conteudo-interativo:before {
  content: "Conteúdo interativo, acesse o Material Didático.";
  font-weight: 700;
  color: red;
}

tr:first-child td{   
  text-align: center; 
} 

.carousel-interativo-ativo td {     
  border: solid green 1px;     
  color: green; 
}

.book-container {   
  display: none; 
} 

.img-livro-pdf {   
  width: 300px; 
}

.cd-horizontal-timeline{
  display: none;
}

.timeline-img {
  width: 250px;
}

.carousel {
  display: none;
}

.img-carousel-pdf {
  height: 450px;
}

.conteudo ol li {
  font-weight: normal;
}

code, pre, .language-html {
  background: #dddfe1;
}

pre{
  padding: 10px;
}

.info-conteudo-modal{
  font-style: italic;
  color: #a4a4a4;
  font-size: 12px;
}