#texto {
      margin-top: 40px;
}

#texto pre {
      background: #e7ebf7bb;
      border-left: 10px solid #8294c4;
      /* border: solid 1px #acb1d6; */
      margin: 1.5em 0;
      padding: 3em 40px 3em 90px;
      font-size: 16px;

      white-space: pre-wrap;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      display: block;
      -webkit-border-top-left-radius: 25px;
      -webkit-border-bottom-right-radius: 25px;
      -moz-border-radius-topleft: 25px;
      -moz-border-radius-bottomright: 25px;
      border-top-left-radius: 25px;
      border-bottom-right-radius: 25px;
      background-image: url(https://professoreugenio.com/img/bloco.gif);
      background-repeat: no-repeat;
      background-position: 1% 20%;
      background-size: 70px;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

#texto pre b {
      font-weight: 700;
      color: #be0404;
}



#texto blockquote {
      font-size: 18px;
      background-color: #ffffd2;
      padding: 10px;
      padding-left: 50px;
      border: solid 2px #dd5e1e;
      border-radius: 0 8px 8px 8px;
      margin-left: 10px;
      word-break: break-word;
      position: relative;
      margin-bottom: 20px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.381);
      background-image: url(https://professoreugenio.com/img/ideia.gif);
      background-repeat: no-repeat;
      background-position: 0% 20%;
      background-size: 50px;
      /*background: #fdfaef;
      border-left: 10px solid #a16d1e;
      border: solid 1px #dd5e1e;
      margin: 1.5em 10px;
      padding: 1em 40px 1em 70px;
      font-size: 18px;
      text-align: left;
      display: block;
      word-break: break-word;
      -webkit-border-top-left-radius: 25px;
      -webkit-border-bottom-right-radius: 25px;
      -moz-border-radius-topleft: 25px;
      -moz-border-radius-bottomright: 25px;
      border-top-left-radius: 25px;
      border-bottom-right-radius: 25px;
      background-image: url(https://professoreugenio.com/img/ideia.gif);
      background-repeat: no-repeat;
      background-position: 1% 20%;
      background-size: 50px;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);*/
}

#texto blockquote a {
      display: inline-block;
      background-color: #adffb1;
      border: solid 1px #696969;
      padding: 3px 10px;
      border-radius: 8px;
}

#texto blockquote b {
      color: #ffffff;
      display: inline-block;
      background-color: #000000;
      padding: 3px 10px;
      /* text-decoration: underline; */
      font-weight: 700;
      margin-top: 2px;
      border-radius: 3px;
}

#texto blockquote:before {
      font-size: 1em;
      line-height: 0.1em;
      margin-right: 0.25em;
      vertical-align: -0.4em;
      font-size: 30px;
      -webkit-border-top-left-radius: 25px;
      -webkit-border-bottom-right-radius: 25px;
      -moz-border-radius-topleft: 25px;
      -moz-border-radius-bottomright: 25px;
      border-top-left-radius: 25px;
      border-bottom-right-radius: 25px;
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
      font-size: 18px;
} */

#texto h4 {
      border: solid 2px #696969;
      border-radius: 0px 8px 8px 8px;
      padding: 5px 20px;
      margin-top: 20px;
      background-color: #eaeaea7c;
}

#texto h2 {
      /* border: solid 2px #454340; */
      background-color: #003a92;
      border-radius: 0px 8px 8px 8px;
      padding: 5px 20px;
      margin-top: 20px;
      /* background-color: #eee9a0; */
      font-size: 22px;
      font-weight: 700;
      color: #ffffff;
}

#texto h2::before {
      content: '⭐';
}

#texto h3 {
      background-color: #adffb1;
      padding: 8px 20px;
      color: #000000;
      display: inline-block;
      border-radius: 0px 8px 8px 8px;
      border: solid 1px #066806;
      font-size: 18px
}

#texto h5::before {
      content: '📝';
}

#texto h5 {

      background-color: #e47c05;
      padding: 8px 20px;
      color: #ffffff;
      display: inline-block;
      border-radius: 12px 12px 12px 0px;
      border: solid 1px #be6602;
      font-size: 22px
}



#texto img {
      width: 60%;
      border: solid 2px #cccccc;
      padding: 1px;
      border-radius: 8px;
      box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
      margin-right: 20px;
}








.offcanvas-title,
.offcanvas-header {
      background-color: #8294c4;
      color: #ffffff;
}


@media screen and (max-width: 2000px) {
      .note-video-clip {
            width: 80%;
            height: 250px;
      }

}

@media screen and (max-width: 900px) {
      .note-video-clip {
            width: 100%;
            height: 250px;
      }

      #texto img {
            width: 100%;
            border: solid 2px #ff0000;
      }
}


.container-mais {
      display: flex;
      align-items: center;
      /* centraliza verticalmente os itens */
      justify-content: center;
      /* centraliza horizontalmente os itens */
}

.imagem-mais {
      width: 50px;
      /* largura da imagem */
      height: 50px;
      /* altura da imagem */
      object-fit: cover;
      border: solid 2px #cccccc;
      padding: 2px;
}

.titulo-mais {
      margin-left: 10px;
      /* margem à esquerda para o título, considerando a largura da imagem */
      font-size: 14px;
      line-height: 18px;
}

.lista-mais {
      margin-top: 5px;
      border-bottom: solid 1px #cccccc;
      padding-bottom: 5px;
}

#lista a {
      color: #000000;
      margin-left: 10px;
      font-weight: 700;
      display: block;
}

#lista a:hover {
      background-color: #f0f2f9;
}

#userhead .fotouserNav {
      width: 60px;
      height: 60px;
      border-radius: 30px 30px 30px 30px;
      border: solid 2px #d6d6d6;
      background-position: center;
      background-size: cover;
      margin: 10px;
}

#userhead .userdados {
      /* border: solid 1px #ccc; */
      margin-left: 10px;
      font-size: 14px;
}

#userhead .NomeUser {
      font-weight: 600;
      color: #ff8040;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 0;
      padding-bottom: 0;
}

#userhead .nomeTurma {
      font-weight: 600;
      color: #000000;
      font-size: 12px;
      margin-top: -3px;
      padding: 0;
}

#userhead .Userdesc p {
      margin: 0;
      padding: 0;
}

#userhead .Userdesc {
      font-weight: 600;
      color: #000000;
      font-size: 13px;
      margin-top: -3px;
      padding: 0;
      border: solid 1px #cccccc;
      border-radius: 0px 8px 8px 8px;
      padding: 5px 10px;
      font-style: italic;
      word-wrap: break-word;
      max-width: 300px;
      min-width: 200px;
      background-color: #ffeee6;
      position: relative;
}

a.btocultoadm {
      position: fixed;
      bottom: 0px;
      opacity: 0;
      left: 0px;
      width: 20px;
      height: 20px;

      display: flex;
      justify-content: center;
      align-items: center;
      transition: 0.3s;
      z-index: 1000;
}

a.btocultoadm:hover {
      opacity: 1;
      transition: 0.5s;
}

#coltwo {
      display: none;
}

h1,
h2 {
      font-size: 16px;
}

#btaddlicao {
      position: absolute;
      top: 55px;
      right: 20px;
      z-index: 1;
}

@media screen and (max-width: 1400px) {

      #coltwo {
            display: block;
      }
}

@media screen and (min-width: 1200px) {


      #coltwo {
            display: block;
      }

}

@media screen and (max-width: 992px) {


      #coltwo {
            display: block;
      }
}

@media screen and (min-width: 768px) {


      #coltwo {
            display: block;
      }


}

@media screen and (min-width: 400px) {


      #coltwo {
            display: block;
      }



}